完成超时售票选择部分的逻辑

src/apis/mock.js

@@ -0,0 +1,13 @@
+import request from "@/request/index.js";
+
+export const get_overtime_show_info = (params) => {
+    const req_params = {
+        ip: params['ip']
+    }
+    console.log(req_params)
+    return request({
+        url: '/api/get_overtime_show',
+        method: 'get',
+        params: req_params
+    })
+}

src/views/mock/index.vue

@@ -1,5 +1,6 @@
 <script setup>
 import {cinema_list} from '@/apis/update.js';
+import {get_overtime_show_info} from "@/apis/mock.js";
 import {onMounted} from "vue";
 import {ref, computed} from "vue";
 import {InfoFilled} from "@element-plus/icons-vue";
@@ -38,9 +39,10 @@ const tabs_array = computed(() => {
 
 const activeName = ref(0)
 
+
 const handleClick = (tab, event) => {
   console.log(tab.paneName)
-  if (tab.name === 1){
+  if (tab.name === 1) {
     console.log('tab', tab.label)
   }
 }
@@ -69,9 +71,14 @@ const mockConfig =
     ]
 
 const handleIpChange = () => {
+  // 处理超时退票部分
+  getOvertimeShowInfo()
+  handleOvertimeConfigChange()
+  // 处理接口勾选状态
   checkedMockConfig.value = []
   checkAll.value = false
   isIndeterminate.value = false
+  activeName.value = 0
 }
 
 const handleCheckAllChange = (val) => {
@@ -117,6 +124,49 @@ async function get_cinema_items() {
 }
 
 
+// 过场退票相关代码
+// select组件绑定数据
+const selectedOvertimeShowType = ref('')
+const selectedShowInfo = ref('')
+const selectedStatus = ref('')
+// Select组件展示数据
+const showInfo = ref([])
+const sellShowInfo = ref([])
+const refundShowInfo = ref([])
+const auditStatusInfo = ref({})
+
+const handleOvertimeShowTypeChange = () => {
+  if (selectedOvertimeShowType.value === 'sell') {
+    showInfo.value = sellShowInfo.value
+  } else {
+    showInfo.value = refundShowInfo.value
+  }
+  selectedShowInfo.value = ''
+  selectedStatus.value = ''
+}
+
+const handleOvertimeConfigChange = () => {
+  selectedOvertimeShowType.value = ''
+  selectedShowInfo.value = ''
+  selectedStatus.value = ''
+}
+
+async function getOvertimeShowInfo() {
+  console.log('getOvertimeShowInfo -- async')
+  await get_overtime_show_info({ip: select_ip.value}).then(
+      res => {
+        sellShowInfo.value = [...res['sell']]
+        refundShowInfo.value = [...res['sell']]
+        auditStatusInfo.value = [...res['status']]
+      }
+  ).catch(
+      err => {
+        console.log(err)
+      }
+  )
+}
+
+
 onMounted(
     async () => {
       await get_cinema_items();
@@ -206,20 +256,23 @@ onMounted(
           <el-row>
             <el-col :span="4">
               <label class="api-label">售/退</label>&nbsp
-              <el-select>
-
+              <el-select style="width: 50%" v-model="selectedOvertimeShowType" placeholder="请选择"
+                         @change="handleOvertimeShowTypeChange">
+                <el-option key="sell" label="过场售票" value="sell"></el-option>
+                <el-option key="refund" label="过场退票" value="refund"></el-option>
               </el-select>
             </el-col>
             <el-col :span="6">
               <label class="api-label">场次</label>&nbsp
-              <el-select style="width: 75%">
-
+              <el-select style="width: 75%" v-model="selectedShowInfo" placeholder="请选择">
+                <el-option v-for="show in showInfo" :key="show.id" :label="show.show" :value="show.id"></el-option>
               </el-select>
             </el-col>
             <el-col :span="6">
               <label class="api-label">审核结果</label>&nbsp
-              <el-select>
-
+              <el-select style="width: 50%" v-model="selectedStatus" placeholder="请选择">
+                <el-option v-for="status in auditStatusInfo" :key="status.key" :label="status.status"
+                           :value="status.key"></el-option>
               </el-select>
             </el-col>
           </el-row>
@@ -248,6 +301,7 @@ div.api_desc {
   width: 75%;
   margin-top: 10px;
 }
+
 .api-label {
   font-size: 14px;
 }