首页联调、资源监控开发、文字和列表bug修复

src/components/table/index.vue

@@ -7,11 +7,11 @@
                 <el-button :type="item.type" plain size="mini" :icon="item.icon" @click="handleClick(item,{})" :hasPermi="[item.hasPermi]">{{item.content}}</el-button>
               </el-col>
             </template>
-            <right-toolbar v-if="!(config && config.colTopHiddenIcon)" :showSearch.sync="showSearch" @queryTable="renderList" :columns="columns"></right-toolbar>
+            <right-toolbar v-if="!(config && config.colTopHiddenIcon)" :showSearch.sync="showSearch" @queryTable="renderList" @columnsChange="columnsChange" :columns="columns"></right-toolbar>
         </el-row>
         <!-- 表格数据 -->
-        <el-table height="80%" v-loading="loading" :data="tableList" ref="selChangeList" highlight-selection-row @selection-change="handleSelectionChange">
-            <el-table-column v-if="!(config && config.colHiddenCheck)" fixed type="selection" width="55" align="center" />
+        <el-table height="80%" v-loading="loading" :data="tableList" ref="selChangeList" :key="tableKey" highlight-selection-row @selection-change="handleSelectionChange">
+            <el-table-column v-if="!(config && config.colHiddenCheck)" fixed="left" type="selection" width="55" align="center" />
             <template v-for="(column, key, index) of columns">
                 <el-table-column v-if="column && column.visible" :label="column.label" :key="key" :prop="key" :width="column.width" :min-width="column.minWidth || '100px'" align="left" :show-overflow-tooltip="true">
                     <!--  插槽 自定义列表表头数据格式  -->
@@ -94,6 +94,7 @@
       },
       data() {
         return {
+          tableKey: 0,
           loading: false,
           showSearch: true,
           dialogOpen: false,
@@ -193,6 +194,10 @@
         renderList() {
           this.$emit("fnRenderList");
         },
+        // columns改变时触发，重新计算样式并渲染列表(解决：新增列，多选框和操作按钮错位)
+        columnsChange() {
+          this.tableKey++;
+        },
       }
     }
 </script>