1.角色管理—角色列表、新增/编辑弹窗（新增手机号码权限字段）

src/views/systemManagement/roleManagement/index.vue

@@ -44,7 +44,7 @@
         <el-row :gutter="10">
           <el-form
             label-position="right"
-            label-width="100px"
+            label-width="110px"
             :model="listData"
             :rules="rules"
             ref="listData"
@@ -151,6 +151,7 @@
                   :disabled="statusPop === 2"
                   v-else-if="items.scope === 'textarea'"
                   type="textarea"
+                  :rows="1"
                   v-model="listData[items.prop]"
                 ></el-input>
                 <el-input-number
@@ -265,6 +266,22 @@ export default {
           hidden: true,
           scope: "status",
         },
+        {
+          label: "手机号码权限",
+          prop: "phoneConceal",
+          hidden: true,
+          scope: "isOptions",
+          options: [
+            {
+              label: "显示",
+              value: 1,
+            },
+            {
+              label: "隐藏",
+              value: 0,
+            },
+          ],
+        },
         {
           label: "创建时间",
           prop: "createTime",
@@ -315,6 +332,27 @@ export default {
             },
           ],
         },
+        {
+          label: "手机号码权限",
+          prop: "phoneConceal",
+          hidden: true,
+          scope: "status",
+          options: [
+            {
+              label: "显示",
+              value: 1,
+            },
+            {
+              label: "隐藏",
+              value: 0,
+            },
+          ],
+        },
+        {
+          label: "备注",
+          prop: "remark",
+          scope: "textarea",
+        },
         {
           label: "菜单权限",
           prop: "menuIds",
@@ -325,11 +363,6 @@ export default {
           prop: "keys",
           scope: "treeInfo",
         },
-        {
-          label: "备注",
-          prop: "remark",
-          scope: "textarea",
-        },
       ],
       //   弹窗数据
       listData: {},
@@ -347,6 +380,7 @@ export default {
           { required: true, message: "请输入岗位顺序", trigger: "blur" },
         ],
         status: [{ required: true, message: "请选择状态", trigger: "change" }],
+        phoneConceal: [{ required: true, message: "请选择手机号码权限", trigger: "change" }],
         // remark: [{ required: true, message: "请填写备注", trigger: "blur" }],
       },
     };
@@ -555,6 +589,7 @@ export default {
         roleKey: undefined,
         roleSort: 0,
         status: "",
+        phoneConceal: 0,
         menuIds: [],
         deptIds: [],
         menuCheckStrictly: true,