更新组件

src/components/ChooseList/ChooseMarks/index.vue

@@ -7,11 +7,11 @@
         </el-form-item>
         <el-form-item>
           <el-button type="success" @click="handleFilter">查询</el-button>
-          <el-button type="info" @click="reset()"> 重置 </el-button>
+          <el-button type="info" @click="reset"> 重置 </el-button>
         </el-form-item>
       </el-form>
       <div class="tabBox" :class="props.Single ? 'tabBoxRadio' : ''" style="margin-top: 0px">
-        <el-table ref="multipleUserRef" :key="keyTabel" @selection-change="handleSelectionChange" :data="tableData" border :row-key="keyid" style="width: 100%" height="450">
+        <el-table ref="multipleUserRef" @selection-change="handleSelectionChange" :data="tableData" v-loading="loading" border :row-key="keyid" style="width: 100%" height="450">
           <el-table-column type="selection" width="55" :reserve-selection="true"/>
           <el-table-column prop="bqMc" align="center" label="标签名称"/>
           <el-table-column prop="bqDm" align="center" label="标签代码"/>
@@ -77,6 +77,7 @@ const props = defineProps({
     default: []
   }
 });
+const loading = ref(false)
 const total = ref(0);
 const listQuery = ref({
   pageCurrent: 1,
@@ -87,7 +88,6 @@ const multipleUserRef = ref(null);
 const multipleSelectionUser = ref([]);
 const tableData = ref([]);
 const emits = defineEmits(["update:modelValue", "choosed"]);
-const keyTabel = ref(0)
 const keyid = (row) => {
   return row.id;
 };
@@ -130,12 +130,15 @@ const handleCurrentChange = (currentPage) => {
   getListData();
 };
 const getListData = () => {
-  keyTabel.value++
-  const params = {bqLb:'02',...listQuery.vlue}
+  loading.value = true;
+  const params = { ...listQuery.value, bqLb:'02',}
   qcckGet(params,'/mosty-gsxt/tbGsxtBqgl/selectPage').then(res=>{
+    loading.value = false;
     tableData.value = res.records || [];
     total.value = res.total;
     multipleUser();
+  }).catch(()=>{
+    loading.value = false;
   })
 };