优化数据对比方式

src/views/ai_show/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {onBeforeMount, ref, reactive} from 'vue';
+import {onBeforeMount, ref, reactive, computed} from 'vue';
 import {ElMessage} from 'element-plus'
 import {get_ai_show_data} from "@/apis/ai_show.js";
 
@@ -39,6 +39,7 @@ show_date.value = getDefaultDate()
 const cinema_code = ref('11078801')
 const force = ref(true)
 const templateSwitch = ref(false)
+const compareSwitch = ref('new')  // template target new
 
 
 const show_alter = () => {
@@ -59,6 +60,7 @@ async function get_data() {
   aiCount.value = ''
   templateDate.value = ''
   result.value = false
+  force.value = compareSwitch.value === 'new'
   await get_ai_show_data(cinema_code.value, show_date.value, force.value).then(res => {
     if (res.status === 'success') {
       result.value = false
@@ -72,14 +74,12 @@ async function get_data() {
       hallType.value = res.data.hall_type
       realCount.value = res.data.real_count
       aiCount.value = res.data.ai_count
-      if (templateSwitch.value) {
+      if (compareSwitch.value === 'template') {
         showData.value = res.data.template_obj
+      } else if (compareSwitch.value === 'new') {
+        showData.value = res.data.real_obj
       } else {
-        if (force.value) {
-          showData.value = res.data.real_obj
-        } else {
-          showData.value = res.data.target_obj
-        }
+        showData.value = res.data.target_obj
       }
       console.log(showData.value, prompt.value, tokens.value, takeTimes.value, realSales.value, aiSales.value, showResult.value)
       formatTableData()
@@ -164,6 +164,16 @@ const disabledDate = (time) => {
   return time.getTime() < start || time.getTime() > today
 }
 
+const tableHeader = computed(() => {
+  if (compareSwitch.value === 'new') {
+    return '目标日期最新排片数据（实时更新）'
+  } else if (compareSwitch.value === 'template') {
+    return '模板日期排片数据'
+  } else {
+    return '目标日期历史排片数据'
+  }
+})
+
 // 定义生命周期，在加载时获取一次表格数据
 onBeforeMount(
     async () => {
@@ -200,27 +210,27 @@ onBeforeMount(
         <el-radio-button value="33040301" label="33040301">宁波影都（东门口店）</el-radio-button>
       </el-radio-group>
     </el-col>
-    <el-col :span="4">
+  </el-row>
+  <el-row style="margin: 10px 0 20px 14px" align="middle">
+    <el-col span="2">
       <el-tooltip
           class="box-item"
           effect="dark"
-          content="关闭时，与生成AI排片时的目标日期排片数据做对比（历史数据不可变）；开启后，实时获取目标日期的排片数据，始终保持最新数据。"
+          content="最新排片数据：实时获取影院目标日期的排片数据；模板日期排片数据：AI生成排片时刻，参考的模板日期排片数据（历史数据不更新）；目标日期排片数据：AI生成排片时刻，目标日期的排片数据（历史数据不更新）"
           placement="top"
       >
-        <el-text>目标日期排片数据强制更新</el-text>
+        <el-text>对比数据选择</el-text>
       </el-tooltip>
     </el-col>
-    <el-col :span="1">
-      <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-col :span="9">
+      <el-radio-group v-model="compareSwitch" @change="get_data">
+        <el-radio value="new" label="new">最新排片数据</el-radio>
+        <el-radio value="template" label="template">模板日期排片数据</el-radio>
+        <el-radio value="target" label="target">目标日期排片数据</el-radio>
+      </el-radio-group>
     </el-col>
     <el-col :span="4">
-      <el-text v-if="templateSwitch">模板日期：{{ templateDate }}</el-text>
+      <el-text v-if="compareSwitch==='template'">模板日期：{{ templateDate }}</el-text>
     </el-col>
   </el-row>
 
@@ -234,7 +244,7 @@ onBeforeMount(
       <el-table-column prop="ai_length" label="片长" min-width="60"></el-table-column>
       <el-table-column prop="ai_duration" label="场间" min-width="60"></el-table-column>
     </el-table-column>
-    <el-table-column label="影院真实排片" align="center">
+    <el-table-column :label="tableHeader" align="center">
       <el-table-column prop="real_show" label="影片别名" min-width="160"></el-table-column>
       <el-table-column prop="real_language" label="语言" min-width="60"></el-table-column>
       <el-table-column prop="real_start" label="开始时间" min-width="80"></el-table-column>