设置动态列表抽取到顶部 2022年12月13日 sxm

src/views/modules/common/column.vue

@@ -4,8 +4,8 @@
              :visible.sync="visible"
              class="cl"
              width="958px" v-drag>
-    <el-select v-model="this.queryTable.tableId">
-      <el-option @change="getTableUserList" :value="item.tableId" :label="item.tableName" v-for="(item,index) in tableList" :key="index">
+    <el-select @change="getTableUserList()" v-model="queryTable.tableId">
+      <el-option  :value="item.tableId" :label="item.tableName" v-for="(item,index) in tableList" :key="index">
 
       </el-option>
     </el-select>
@@ -222,9 +222,15 @@ export default {
       ],
       tableList: [],
       dataList: [],
+      dataListLoading: false,
       // 用户table 配置集合
       userColumnList: [],
-      queryTable: {},
+      queryTable: {
+        userId: '',
+        functionId: '',
+        languageCode: '',
+        tableId: '',
+      },
       visible: false,
       fullscreenLoading: false
     }
@@ -236,7 +242,6 @@ export default {
       if (!queryTable.functionId) return;
       this.visible = true
       this.queryTable = queryTable
-      this.dataListLoading = true
 
       // 先获取功能下的所有tableId 和tableName
       await getMenuTableList(queryTable).then(({data}) => {
@@ -248,6 +253,7 @@ export default {
       await this.getTableUserList()
     },
     async getTableUserList(){
+      this.dataListLoading = true
       await getTableUserListLanguage(this.queryTable).then(({data}) => {
          if (data.code == 0) {
            this.dataListLoading = false