调整对比历史方式

src/views/ai_show/index.vue

@@ -1,6 +1,6 @@
 <script setup>
 import {onBeforeMount, ref, reactive} from 'vue';
-import { ElMessage } from 'element-plus'
+import {ElMessage} from 'element-plus'
 import {get_ai_show_data} from "@/apis/ai_show.js";
 
 // region 表格数据代码
@@ -21,6 +21,7 @@ const aiCount = ref('')
 const showResult = ref('')
 const templateDate = ref('')
 const result = ref(false)
+const loading = ref(false)
 
 // 过滤条件数据
 // 计算日期
@@ -47,6 +48,7 @@ const show_alter = () => {
 // 通过异步请求获取影院列表数据
 async function get_data() {
   showData.value = []
+  loading.value = true
   prompt.value = ''
   tokens.value = 0
   takeTimes.value = 0
@@ -73,18 +75,25 @@ async function get_data() {
       if (templateSwitch.value) {
         showData.value = res.data.template_obj
       } else {
-        showData.value = res.data.real_obj
+        if (force.value) {
+          showData.value = res.data.real_obj
+        } else {
+          showData.value = res.data.target_obj
+        }
       }
       console.log(showData.value, prompt.value, tokens.value, takeTimes.value, realSales.value, aiSales.value, showResult.value)
       formatTableData()
+      loading.value = false
     } else {
       result.value = true
       show_alter()
+      loading.value = false
     }
   }).catch(err => {
         console.log(err)
       }
   )
+  loading.value = false
 }
 
 // 处理表格数据
@@ -191,23 +200,31 @@ onBeforeMount(
         <el-radio-button value="33040301" label="33040301">宁波影都（东门口店）</el-radio-button>
       </el-radio-group>
     </el-col>
-    <el-col :span="2">
-      <el-text>强制更新数据</el-text>
+    <el-col :span="4">
+      <el-tooltip
+          class="box-item"
+          effect="dark"
+          content="关闭时，与生成AI排片时的目标日期排片数据做对比（历史数据不可变）；开启后，实时获取目标日期的排片数据，始终保持最新数据。"
+          placement="top"
+      >
+        <el-text>目标日期排片数据强制更新</el-text>
+      </el-tooltip>
     </el-col>
     <el-col :span="1">
-      <el-switch v-model="force"  @change="get_data"/>
+      <el-switch v-model="force" @change="get_data"/>
     </el-col>
   </el-row>
   <el-row style="margin: 10px 0 20px -14px" align="middle">
     <el-col :span="6">
-      <el-switch v-model="templateSwitch" active-text="模板日期排片对比" inactive-text="目标日期排片对比" @change="get_data"/>
+      <el-switch v-model="templateSwitch" active-text="模板日期排片对比" inactive-text="目标日期排片对比"
+                 @change="get_data"/>
     </el-col>
     <el-col :span="4">
-      <el-text v-if="templateSwitch">模板日期：{{templateDate}}</el-text>
+      <el-text v-if="templateSwitch">模板日期：{{ templateDate }}</el-text>
     </el-col>
   </el-row>
 
-  <el-table :data="tableData" style="width: 100%" :span-method="objectSpanMethod">
+  <el-table :data="tableData" style="width: 100%" v-loading="loading" :span-method="objectSpanMethod">
     <el-table-column prop="hall" label="影厅别名" min-width="160"></el-table-column>
     <el-table-column label="智能排片" align="center">
       <el-table-column prop="ai_show" label="影片别名" min-width="160"></el-table-column>