feat： 添加分页组件 用户表格的编辑框的正确打开

src/components/table/settings/UserTable.vue

@@ -41,6 +41,13 @@
           </template>
         </template>
         <template v-else-if="item.prop === 'status'">
+          <el-switch
+                  v-model="scope.row.status"
+                  :active-color="theme.themeColor"
+                  active-value="1"
+                  inactive-value="0"
+                  @change="val => {statusChange(scope.row)}">
+          </el-switch>
         </template>
         <span v-else>{{scope.row[item.prop]}}</span>
       </template>
@@ -55,6 +62,17 @@
       <template #default="scope">
         <div class="table-operation-items">
           <button class="table-operation-item" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-view1"></i></button>
+          <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+            <div class="table-operation-item table-operation-item--more">
+              <i class="nz-icon nz-icon-more3"></i>
+            </div>
+            <template #dropdown>
+              <el-dropdown-menu >
+                <el-dropdown-item v-has="'user_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
+                <el-dropdown-item v-has="'user_delete'" :command="['delete', scope.row]" :disabled="scope.row.id === 1"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
         </div>
       </template>
     </el-table-column>