用户分页 2022-06-09 sxm

src/views/modules/sys/user.vue

@@ -95,8 +95,8 @@
       </el-table-column>
     </el-table>
     <el-pagination
-      highlight-current-row
-      @current-change="handleCurrentChange"
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
       :current-page="pageIndex"
       :page-sizes="[20, 50, 100, 200,500]"
       :page-size="pageSize"
@@ -107,13 +107,15 @@
     <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
     <!--  审核权限   -->
     <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" v-drag :title="inputSearch1"
-               :visible.sync="setUp.reviewFlag" width="560px">
+               :visible.sync="setUp.reviewFlag" width="518px">
       <template>
         <el-transfer v-model="checked" :data="transferData" :titles="['所有权限', '当前权限']"></el-transfer>
       </template>
       <span slot="footer" class="dialog-footer">
-      <el-button @click="setUp.reviewFlag = false">取消</el-button>
-      <el-button type="primary" :disabled="setUp.saveButton" @click="saveUserRoleFlag()">确定</el-button>
+         <div style="margin-top: 5px">
+        <el-button type="primary" :disabled="setUp.saveButton" @click="saveUserRoleFlag()">确定</el-button>
+        <el-button type="primary" @click="setUp.reviewFlag = false">取消</el-button>
+         </div>
     </span>
     </el-dialog>
     <!--  特殊权限  -->
@@ -160,12 +162,15 @@
       v-drag
       :title="'工厂授权'"
       :visible.sync="siteVisible"
-      width="520px"
+      width="518px"
       :append-to-body="true">
       <el-transfer v-model="selectSitList" :data="siteList" :titles="['未授权工厂', '已授权工厂']"></el-transfer>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveUserAssessSite()">确定</el-button>
-        <el-button @click="siteVisible = false" type="primary">取消</el-button>
+        <div style="margin-top: 5px">
+                <el-button type="primary" @click="saveUserAssessSite()">确定</el-button>
+                <el-button @click="siteVisible = false" type="primary">取消</el-button>
+        </div>
+
     </span>
     </el-dialog>
   </div>
@@ -308,7 +313,7 @@ export default {
     },
     // 保存用户权限
     saveUserSecurity() {
-      let  securityList = JSON.parse(JSON.stringify(this.securityList)).map(item => {
+      let securityList = JSON.parse(JSON.stringify(this.securityList)).map(item => {
         item.itemvalue = item.itemvalue === true ? 'Y' : 'N';
         return item;
       })
@@ -316,7 +321,7 @@ export default {
         if (data.code === 0) {
           this.$message.success(data.msg)
           this.specialVisible = false
-        }else {
+        } else {
           this.$message.success(data.msg)
         }
       })
@@ -509,17 +514,42 @@ export default {
   }
 }
 </script>
-<style scoped lang="scss">
-/* 穿梭框外框高宽度 */
-/deep/ .el-transfer-panel {
+<style>
+.el-transfer-panel {
+  border: 2px solid #17b3a3;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #fff;
+  display: inline-block;
+  vertical-align: middle;
+  width: 200px;
+  max-height: 100%;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  position: relative;
+}
 
-  width: 600px;
-  height: 400px;
+.el-transfer-panel .el-transfer-panel__header {
+  height: 40px;
+  line-height: 40px;
+  background: #17b3a3;
+  margin: 0;
+  padding-left: 15px;
+  border-bottom: 1px solid #17b3a3;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #000;
 }
 
-/* 穿梭框内部展示列表的高宽度 */
-/deep/ .el-transfer-panel__list {
+.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
+  font-size: 14px;
+  color: #303133;
+  font-weight: 400;
+}
 
-  height: 375px;
+.el-dialog__title {
+  line-height: 24px;
+  font-size: 16px;
+  color: #303133;
 }
 </style>