修改表单长度限制

src/views/accountGroupManagement/components/accountGroupEdit.vue

@@ -3,44 +3,17 @@
     <div class="postmanagementadd_header">
       <div class="postmanagementadd_top">
         <div class="tltleLeft">{{ pageTitle }}</div>
-        <div
-          v-is="doesGroupExist ? ['group_btn_edit'] : ['group_btn_save']"
-          class="btn"
-          style="margin-top: 20px"
-        >
-          <el-button
-            type="primary"
-            @click="handleClickSave('editForm')"
-          >保存</el-button>
+        <div v-is="doesGroupExist ? ['group_btn_edit'] : ['group_btn_save']" class="btn" style="margin-top: 20px">
+          <el-button type="primary" @click="handleClickSave('editForm')">保存</el-button>
         </div>
       </div>
       <div class="addApp-form-content dialog-public-background">
-        <el-form
-          ref="editForm"
-          :inline="true"
-          :rules="rules"
-          class="form"
-          :model="editForm"
-        >
-          <el-form-item
-            prop="name"
-            :label="`${accountGroupType}名称`"
-          >
-            <el-input
-              v-model.trim="editForm.name"
-              :placeholder="`请输入${accountGroupType}名称`"
-            />
+        <el-form ref="editForm" :inline="true" :rules="rules" class="form" :model="editForm">
+          <el-form-item prop="name" :label="`${accountGroupType}名称`">
+            <el-input v-model.trim="editForm.name" :placeholder="`请输入${accountGroupType}名称`" />
           </el-form-item>
-          <el-form-item
-            label="描述"
-            prop="desc"
-            style="margin-left: 40px"
-          >
-            <el-input
-              v-model.trim="editForm.desc"
-              style="width: 640px"
-              placeholder="请输入描述"
-            />
+          <el-form-item label="描述" prop="desc" style="margin-left: 40px">
+            <el-input v-model.trim="editForm.desc" style="width: 640px" placeholder="请输入描述" />
           </el-form-item>
         </el-form>
       </div>
@@ -49,43 +22,19 @@
       <el-row :gutter="24">
         <el-col :span="8">
           <div class="part">
-            <AccountGroupTree
-              :title="`上级${accountGroupType}`"
-              nodekey="GroupId"
-              :single-node="doesGroupExist ? GroupUpId : 0"
-              :type="true"
-              :default-props="defaultProps"
-              :checked-keys="accountGroupTreeCheckedList"
-              @getTreeData="getAccountGroupChecked"
-            />
+            <AccountGroupTree :title="`上级${accountGroupType}`" nodekey="GroupId" :single-node="doesGroupExist ? GroupUpId : 0" :type="true" :default-props="defaultProps" :checked-keys="accountGroupTreeCheckedList" @getTreeData="getAccountGroupChecked" />
           </div>
         </el-col>
         <!-- 开启角色 -->
         <template v-if="openRole">
           <el-col :span="8">
             <div class="part">
-              <RoleList
-                title="角色列表"
-                :role-type="roleType"
-                :group-ids="groupIds"
-                :check-box-list="roleListCheckedList"
-                :number="8"
-                :active="true"
-                :selected-role-id="currentSelectedRoleId"
-                @checkChange="getRoleListChecked"
-                @checkClick="selectRole"
-                @role-list-change="roleListCheckedFilter"
-              />
+              <RoleList title="角色列表" :role-type="roleType" :group-ids="groupIds" :check-box-list="roleListCheckedList" :number="8" :active="true" :selected-role-id="currentSelectedRoleId" @checkChange="getRoleListChecked" @checkClick="selectRole" @role-list-change="roleListCheckedFilter" />
             </div>
           </el-col>
           <el-col :span="8">
             <div class="part">
-              <PermissionList
-                title="权限列表"
-                :role-list="checkedRoles"
-                :check="true"
-                @Competen="Competen"
-              />
+              <PermissionList title="权限列表" :role-list="checkedRoles" :check="true" @Competen="Competen" />
             </div>
           </el-col>
         </template>
@@ -93,22 +42,12 @@
         <template v-else>
           <el-col :span="8">
             <div class="part">
-              <PermissionTree
-                title="权限树"
-                :checked-keys="permissionTreeChckedKeys"
-                :query-type="queryType"
-                :query-ids="queryIds"
-                @getTreeData="getPermissionTreeChecked"
-              />
+              <PermissionTree title="权限树" :checked-keys="permissionTreeChckedKeys" :query-type="queryType" :query-ids="queryIds" @getTreeData="getPermissionTreeChecked" />
             </div>
           </el-col>
           <el-col :span="8">
             <div class="part">
-              <RulesOfCompetency
-                title="权限规则"
-                margin-b="20px"
-                @getData="getRulesOfCompetency"
-              />
+              <RulesOfCompetency title="权限规则" margin-b="20px" @getData="getRulesOfCompetency" />
             </div>
           </el-col>
         </template>
@@ -156,7 +95,7 @@ export default {
     // Dialog
   },
   // mixins: [treeData],
-  data() {
+  data () {
     return {
       doesGroupExist: this.$route.meta.doesGroupExist, // 控制岗位新增/编辑
       GroupId: 0,
@@ -186,9 +125,9 @@ export default {
         // 表单验证
         name: [
           { required: true, message: `请输入${this.accountGroupType}名称`, trigger: 'blur' },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
-        desc: [{ validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }]
+        desc: [{ validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }]
       },
       defaultProps: {
         children: 'children',
@@ -198,11 +137,11 @@ export default {
   },
   computed: {
     ...mapGetters(['systemSet']),
-    pageTitle() {
+    pageTitle () {
       return this.doesGroupExist ? `编辑${this.accountGroupType}` : `新增${this.accountGroupType}`
     }
   },
-  created() {
+  created () {
     // 获取系统配置
     let obj
     if (typeof this.systemSet === 'string') {
@@ -216,7 +155,7 @@ export default {
     this.accountGroupTreeCheckedTemp = [this.GroupUpId]
     this.doesGroupExist && (this.GroupId = parseInt(this.$route.query.GroupId))
   },
-  mounted() {
+  mounted () {
     if (this.GroupUpId !== -1) {
       this.roleType = 'group'
       this.groupIds = [this.GroupUpId]
@@ -235,7 +174,7 @@ export default {
   },
   methods: {
     // 岗位详情
-    async getGroupDetails() {
+    async getGroupDetails () {
       try {
         const res = await GetGroupDetails({
           GroupId: this.GroupId
@@ -252,8 +191,8 @@ export default {
             RoleList.forEach(role => {
               role.IsSelected &&
                 (this.roleListCheckedTemp.push(role),
-                this.roleListCheckedCopy.push(role),
-                this.roleListCheckedList.push(role.RoleId))
+                  this.roleListCheckedCopy.push(role),
+                  this.roleListCheckedList.push(role.RoleId))
             })
           AuthList &&
             AuthList.length &&
@@ -269,7 +208,7 @@ export default {
       }
     },
     // 保存
-    handleClickSave(formName) {
+    handleClickSave (formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
           this.handleSaveEdit()
@@ -280,11 +219,11 @@ export default {
       })
     },
     // 获取当前权限树勾选项
-    getPermissionTreeChecked(arr) {
+    getPermissionTreeChecked (arr) {
       this.permissionTreeChckedTemp = arr.map(auth => auth.AuthList)
     },
     // 获取当前勾选的岗位
-    getAccountGroupChecked(arr) {
+    getAccountGroupChecked (arr) {
       if (arr?.length === 0) {
         this.accountGroupTreeCheckedList = [-1]
       } else if (arr?.length === 1) {
@@ -305,11 +244,11 @@ export default {
       }
     },
     // 角色选取
-    getRoleListChecked(arr) {
+    getRoleListChecked (arr) {
       this.roleListCheckedTemp = arr
       this.roleListCheckedCopy = arr
     },
-    roleListCheckedFilter(arr) {
+    roleListCheckedFilter (arr) {
       this.roleListCheckedTemp = this.roleListCheckedCopy.filter(
         role => arr.findIndex(item => item.RoleId === role.RoleId) > -1
       )
@@ -320,11 +259,11 @@ export default {
       }
     },
     // 获取当前编辑的权限规则
-    getRulesOfCompetency(obj) {
+    getRulesOfCompetency (obj) {
       this.rulesOfCompetency = obj
     },
     // 点击角色后显示对应权限列表
-    async selectRole(data) {
+    async selectRole (data) {
       if (this.currentSelectedRoleId === data.RoleId) return
       try {
         const params = {
@@ -363,11 +302,11 @@ export default {
     //   }
     // },
     // 修改权限规则
-    Competen(data) {
+    Competen (data) {
       console.log(data)
     },
     // 岗位编辑保存
-    async handleSaveEdit() {
+    async handleSaveEdit () {
       const params = {
         AuthList: this.permissionTreeChckedTemp,
         GroupName: this.editForm.name,
@@ -385,7 +324,7 @@ export default {
         this.saveAddGroup(params)
       }
     },
-    async saveEditGroup(params) {
+    async saveEditGroup (params) {
       try {
         const res = await EditGroup(params)
         if (res.code === 0) {
@@ -401,7 +340,7 @@ export default {
         console.log('出错了', error)
       }
     },
-    async saveAddGroup(params) {
+    async saveAddGroup (params) {
       try {
         const res = await SaveGroup(params)
         if (res.code === 0) {

src/views/accountManagement/components/accountEdit.vue

@@ -27,66 +27,28 @@
         </div> -->
         <div v-is="['userupdate_btn_save']">
           <!-- <button type="submmit" class="btn-delete" @click="delate">删除</button> -->
-          <button
-            type="submmit"
-            class="btn-save"
-            @click="handleClickSave('accountForm')"
-          >保存</button>
+          <button type="submmit" class="btn-save" @click="handleClickSave('accountForm')">保存</button>
         </div>
       </div>
       <div class="title-content">
-        <el-form
-          ref="accountForm"
-          label-width="80px"
-          :inline="true"
-          :model="accountForm"
-          :rules="formRules"
-        >
+        <el-form ref="accountForm" label-width="80px" :inline="true" :model="accountForm" :rules="formRules">
           <el-row :gutter="40">
             <el-col :span="5">
-              <el-form-item
-                label="账号名称"
-                prop="name"
-              >
-                <el-input
-                  v-model.trim="accountForm.name"
-                  placeholder="请输入名称"
-                  size="small"
-                />
+              <el-form-item label="账号名称" prop="name">
+                <el-input v-model.trim="accountForm.name" placeholder="请输入名称" size="small" />
               </el-form-item>
             </el-col>
             <el-col :span="5">
-              <el-form-item
-                label="登录密码"
-                prop="pwd"
-              >
-                <el-input
-                  v-model="accountForm.pwd"
-                  placeholder="*******"
-                  size="small"
-                  disabled
-                />
+              <el-form-item label="登录密码" prop="pwd">
+                <el-input v-model="accountForm.pwd" placeholder="*******" size="small" disabled />
               </el-form-item>
             </el-col>
-            <el-col
-              v-is="['userupdate_btn_re_pwd']"
-              :span="2"
-            >
-              <button
-                class="btn-reset-pwd"
-                @click="resetPwd"
-              >重置密码</button>
+            <el-col v-is="['userupdate_btn_re_pwd']" :span="2">
+              <button class="btn-reset-pwd" @click="resetPwd">重置密码</button>
             </el-col>
             <el-col :span="8">
-              <el-form-item
-                label="描述"
-                prop="desc"
-              >
-                <el-input
-                  v-model.trim="accountForm.desc"
-                  placeholder="请输入描述"
-                  size="small"
-                />
+              <el-form-item label="描述" prop="desc">
+                <el-input v-model.trim="accountForm.desc" placeholder="请输入描述" size="small" />
               </el-form-item>
             </el-col>
           </el-row>
@@ -96,191 +58,80 @@
 
     <div class="content">
       <!-- 用户组和角色未开启 -->
-      <el-row
-        v-if="!openGroup && !openRole"
-        :gutter="24"
-      >
+      <el-row v-if="!openGroup && !openRole" :gutter="24">
         <el-col :span="8">
           <div class="content-card content-card-lg">
-            <PermissionTree
-              title="权限树"
-              :query-type="queryType"
-              :checked-keys="permissionTreeChckedKeys"
-              @getTreeData="getPermissionTreeChecked"
-            />
+            <PermissionTree title="权限树" :query-type="queryType" :checked-keys="permissionTreeChckedKeys" @getTreeData="getPermissionTreeChecked" />
           </div>
         </el-col>
         <el-col :span="8">
           <div class="content-card content-card-lg">
-            <RulesOfCompetency
-              title="权限规则"
-              margin-b="20px"
-              @getData="getRulesOfCompetency"
-            />
+            <RulesOfCompetency title="权限规则" margin-b="20px" @getData="getRulesOfCompetency" />
           </div>
         </el-col>
-        <el-col
-          v-is="['account_edit_login_setting']"
-          :span="8"
-        >
+        <el-col v-is="['account_edit_login_setting']" :span="8">
           <div class="content-card content-card-lg">
-            <LoginPolicy
-              :checked-list="loginPolicyCheckedList"
-              @getCheckedList="getLoginPolicyChecked"
-            />
+            <LoginPolicy :checked-list="loginPolicyCheckedList" @getCheckedList="getLoginPolicyChecked" />
           </div>
         </el-col>
       </el-row>
       <!-- 角色和用户组都开启 -->
-      <el-row
-        v-if="openGroup && openRole"
-        :gutter="24"
-      >
+      <el-row v-if="openGroup && openRole" :gutter="24">
         <el-col :span="8">
           <div class="content-card content-card-xl">
-            <AccountGroupTree
-              :title="`所属${accountGroupType}`"
-              nodekey="GroupId"
-              :default-props="accountGroupTreeProps"
-              :checked-keys="accountGroupTreeCheckedList"
-              @getTreeData="getAccountGroupChecked"
-            />
+            <AccountGroupTree :title="`所属${accountGroupType}`" nodekey="GroupId" :default-props="accountGroupTreeProps" :checked-keys="accountGroupTreeCheckedList" @getTreeData="getAccountGroupChecked" />
           </div>
         </el-col>
-        <el-col
-          v-is="['account_edit_role_list']"
-          :span="8"
-        >
+        <el-col v-is="['account_edit_role_list']" :span="8">
           <div class="content-card content-card-xl">
-            <RoleList
-              title="角色列表"
-              :role-type="roleType"
-              :group-ids="groupIds"
-              :check-box-list="roleListCheckedList"
-              :number="8"
-              :active="true"
-              :selected-role-id="currentSelectedRoleId"
-              @checkChange="getRoleListChecked"
-              @checkClick="selectRole"
-              @role-list-change="roleListCheckedFilter"
-            />
+            <RoleList title="角色列表" :role-type="roleType" :group-ids="groupIds" :check-box-list="roleListCheckedList" :number="8" :active="true" :selected-role-id="currentSelectedRoleId" @checkChange="getRoleListChecked" @checkClick="selectRole" @role-list-change="roleListCheckedFilter" />
           </div>
         </el-col>
-        <el-col
-          v-is="['account_edit_auth_list']"
-          :span="8"
-        >
+        <el-col v-is="['account_edit_auth_list']" :span="8">
           <div class="content-card content-card-sm">
-            <PermissionList
-              title="权限列表"
-              class="permission-list"
-              :role-list="checkedRoles"
-              :check="true"
-              @Competen="Competen"
-            />
+            <PermissionList title="权限列表" class="permission-list" :role-list="checkedRoles" :check="true" @Competen="Competen" />
           </div>
-          <div
-            v-is="['account_edit_login_setting']"
-            class="content-card content-card-xs"
-          >
-            <LoginPolicy
-              :checked-list="loginPolicyCheckedList"
-              @getCheckedList="getLoginPolicyChecked"
-            />
+          <div v-is="['account_edit_login_setting']" class="content-card content-card-xs">
+            <LoginPolicy :checked-list="loginPolicyCheckedList" @getCheckedList="getLoginPolicyChecked" />
           </div>
         </el-col>
       </el-row>
       <!-- 只开启用户组 -->
-      <el-row
-        v-if="openGroup && !openRole"
-        :gutter="24"
-      >
+      <el-row v-if="openGroup && !openRole" :gutter="24">
         <el-col :span="8">
           <div class="content-card content-card-xxl">
-            <AccountGroupTree
-              :title="`所属${accountGroupType}`"
-              nodekey="GroupId"
-              :default-props="accountGroupTreeProps"
-              :checked-keys="accountGroupTreeCheckedList"
-              @getTreeData="getAccountGroupChecked"
-            />
+            <AccountGroupTree :title="`所属${accountGroupType}`" nodekey="GroupId" :default-props="accountGroupTreeProps" :checked-keys="accountGroupTreeCheckedList" @getTreeData="getAccountGroupChecked" />
           </div>
         </el-col>
         <el-col :span="8">
           <div class="content-card content-card-xxl">
-            <PermissionTree
-              title="权限树"
-              :query-type="queryType"
-              :query-ids="queryIds"
-              :checked-keys="permissionTreeChckedKeys"
-              @getTreeData="getPermissionTreeChecked"
-            />
+            <PermissionTree title="权限树" :query-type="queryType" :query-ids="queryIds" :checked-keys="permissionTreeChckedKeys" @getTreeData="getPermissionTreeChecked" />
           </div>
         </el-col>
         <el-col :span="8">
           <div class="content-card content-card-md">
-            <RulesOfCompetency
-              title="权限规则"
-              margin-b="20px"
-              @getData="getRulesOfCompetency"
-            />
+            <RulesOfCompetency title="权限规则" margin-b="20px" @getData="getRulesOfCompetency" />
           </div>
-          <div
-            v-is="['account_edit_login_setting']"
-            class="content-card content-card-xs"
-          >
-            <LoginPolicy
-              :checked-list="loginPolicyCheckedList"
-              @getCheckedList="getLoginPolicyChecked"
-            />
+          <div v-is="['account_edit_login_setting']" class="content-card content-card-xs">
+            <LoginPolicy :checked-list="loginPolicyCheckedList" @getCheckedList="getLoginPolicyChecked" />
           </div>
         </el-col>
       </el-row>
       <!-- 只开启角色 -->
-      <el-row
-        v-if="!openGroup && openRole"
-        :gutter="24"
-      >
-        <el-col
-          v-is="['account_edit_role_list']"
-          :span="8"
-        >
+      <el-row v-if="!openGroup && openRole" :gutter="24">
+        <el-col v-is="['account_edit_role_list']" :span="8">
           <div class="content-card content-card-lg">
-            <RoleList
-              title="角色列表"
-              :role-type="roleType"
-              :check-box-list="roleListCheckedList"
-              :selected-role-id="currentSelectedRoleId"
-              :number="8"
-              :active="true"
-              @checkChange="getRoleListChecked"
-              @checkClick="selectRole"
-            />
+            <RoleList title="角色列表" :role-type="roleType" :check-box-list="roleListCheckedList" :selected-role-id="currentSelectedRoleId" :number="8" :active="true" @checkChange="getRoleListChecked" @checkClick="selectRole" />
           </div>
         </el-col>
-        <el-col
-          v-is="['account_edit_auth_list']"
-          :span="8"
-        >
+        <el-col v-is="['account_edit_auth_list']" :span="8">
           <div class="content-card content-card-lg">
-            <PermissionList
-              title="权限列表"
-              :role-list="checkedRoles"
-              :check="true"
-              class="permission-list"
-              @Competen="Competen"
-            />
+            <PermissionList title="权限列表" :role-list="checkedRoles" :check="true" class="permission-list" @Competen="Competen" />
           </div>
         </el-col>
-        <el-col
-          v-is="['account_edit_login_setting']"
-          :span="8"
-        >
+        <el-col v-is="['account_edit_login_setting']" :span="8">
           <div class="content-card content-card-lg">
-            <LoginPolicy
-              :checked-list="loginPolicyCheckedList"
-              @getCheckedList="getLoginPolicyChecked"
-            />
+            <LoginPolicy :checked-list="loginPolicyCheckedList" @getCheckedList="getLoginPolicyChecked" />
           </div>
         </el-col>
       </el-row>
@@ -327,7 +178,7 @@ export default {
     PermissionList
     // Dialog
   },
-  data() {
+  data () {
     return {
       doesAccountExist: this.$route.meta.doesAccountExist, // 控制账号新增/编辑
       userId: '',
@@ -356,9 +207,9 @@ export default {
       formRules: {
         name: [
           { required: true, message: '请输入账号名称', trigger: 'blur' },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
-        desc: [{ validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }]
+        desc: [{ validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }]
       },
       accountForm: {
         name: '',
@@ -374,11 +225,11 @@ export default {
   },
   computed: {
     ...mapGetters(['systemSet']),
-    pageTitle() {
+    pageTitle () {
       return this.doesAccountExist ? '编辑账号' : '新增账号'
     }
   },
-  created() {
+  created () {
     // 获取系统配置
     let obj
     if (typeof this.systemSet === 'string') {
@@ -394,7 +245,7 @@ export default {
     this.pwdLengthBegin = PwdLengthBegin
     this.pwdLengthEnd = PwdLengthEnd
   },
-  mounted() {
+  mounted () {
     if (this.doesAccountExist) {
       this.userId = this.$route.query.userId
       this.getAccountInfo()
@@ -408,7 +259,7 @@ export default {
   },
   methods: {
     // 获取当前账号信息
-    async getAccountInfo() {
+    async getAccountInfo () {
       try {
         const res = await getAccountDetails({
           UserId: this.userId
@@ -441,8 +292,8 @@ export default {
             RoleList.forEach(role => {
               role.IsSelected &&
                 (this.roleListCheckedTemp.push(role),
-                this.roleListCheckedCopy.push(role),
-                this.roleListCheckedList.push(role.RoleId))
+                  this.roleListCheckedCopy.push(role),
+                  this.roleListCheckedList.push(role.RoleId))
             })
 
           AuthList &&
@@ -466,15 +317,15 @@ export default {
       }
     },
     // 随机生成密码
-    resetPwd() {
+    resetPwd () {
       this.accountForm.pwd = pwdProduce(this.pwdLengthBegin, this.pwdLengthEnd, this.pwdStruc)
     },
     // 获取当前勾选的登录策略
-    getLoginPolicyChecked(arr) {
+    getLoginPolicyChecked (arr) {
       this.loginPolicyCheckedTemp = arr
     },
     // 获取当前勾选的岗位
-    getAccountGroupChecked(arr) {
+    getAccountGroupChecked (arr) {
       if (arr?.length === 0) {
         this.accountGroupTreeCheckedList = [-1]
       } else {
@@ -495,11 +346,11 @@ export default {
       }
     },
     // 获取当前勾选的角色列表
-    getRoleListChecked(arr) {
+    getRoleListChecked (arr) {
       this.roleListCheckedTemp = arr
       this.roleListCheckedCopy = arr
     },
-    roleListCheckedFilter(arr) {
+    roleListCheckedFilter (arr) {
       this.roleListCheckedTemp = this.roleListCheckedCopy.filter(
         role => arr.findIndex(item => item.RoleId === role.RoleId) > -1
       )
@@ -510,15 +361,15 @@ export default {
       }
     },
     // 获取当前权限树勾选项
-    getPermissionTreeChecked(arr) {
+    getPermissionTreeChecked (arr) {
       this.permissionTreeChckedTemp = arr.map(auth => auth.AuthList)
     },
     // 获取当前编辑的权限规则
-    getRulesOfCompetency(obj) {
+    getRulesOfCompetency (obj) {
       this.rulesOfCompetency = obj
     },
     // 点击角色后显示对应权限列表
-    async selectRole(data) {
+    async selectRole (data) {
       if (this.currentSelectedRoleId === data.RoleId) return
       try {
         const params = {
@@ -536,11 +387,11 @@ export default {
       }
     },
     // 修改权限规则
-    Competen(data) {
+    Competen (data) {
       console.log(data)
     },
     // 账号编辑保存
-    handleClickSave(formName) {
+    handleClickSave (formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
           this.handleSaveEdit()
@@ -550,7 +401,7 @@ export default {
         }
       })
     },
-    handleSaveEdit() {
+    handleSaveEdit () {
       const params = {
         AuthList: this.permissionTreeChckedTemp,
         GroupList: this.accountGroupTreeCheckedTemp.map(groupId => ({ GroupId: groupId })),
@@ -571,7 +422,7 @@ export default {
       }
     },
     // 编辑账号
-    async saveEditAccount(params) {
+    async saveEditAccount (params) {
       try {
         const res = await editAccount(params)
         if (res.code === 0) {
@@ -588,7 +439,7 @@ export default {
       }
     },
     // 新增账号
-    async saveAddAccount(params) {
+    async saveAddAccount (params) {
       try {
         const res = await addAccount(params)
         if (res.code === 0) {

src/views/authorityManagement/components/authorityAppAdd.vue

@@ -117,12 +117,12 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入应用名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         url: [{ validator: lengthValidator, max: 512, message: '长度在 1 到 512 个字符', trigger: ['change', 'blur'] }],
         desc: [
           // { required: true, message: "请输入描述", trigger: "blur" },
-          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }
         ],
         app: [{ validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }]
       },

src/views/authorityManagement/components/authorityAppEdit.vue

@@ -132,12 +132,12 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入应用名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
-        url: [{ validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }],
+        url: [{ validator: lengthValidator, max: 512, message: '长度在 1 到 512 个字符', trigger: ['change', 'blur'] }],
         desc: [
           // { required: true, message: "请输入描述", trigger: "blur" },
-          { validator: lengthValidator, max: 128, message: '长度在 1到 128 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 256, message: '长度在 1到 256 个字符', trigger: ['change', 'blur'] }
         ],
         app: [{ validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }]
       },

src/views/authorityManagement/components/authorityPowerAdd.vue

@@ -95,14 +95,14 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入权限项名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         id: [
           { required: true, message: "请输入标识符", trigger: "blur" },
           { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
         ],
         desc: [
-          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }
         ]
       },
       defaultProps: {

src/views/authorityManagement/components/authorityPowerEdit.vue

@@ -95,14 +95,14 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入权限项名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         id: [
           { required: true, message: "请输入标识符", trigger: "blur" },
           { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
         ],
         desc: [
-          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }
         ]
       },
       defaultProps: {

src/views/authorityManagement/components/authorityRoleAdd.vue

@@ -70,10 +70,10 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入角色名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         desc: [
-          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }
         ],
       },
       permission: false,

src/views/authorityManagement/components/authorityRoleEdit.vue

@@ -77,10 +77,10 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入角色名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         desc: [
-          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }
         ],
       },
       loading: false,

src/views/jobsManagement/add.vue

@@ -68,9 +68,9 @@ export default {
       rules: {
         JobName: [
           { required: true, message: `请输入${this.accountGroupType}名称`, trigger: "blur" },
-          { validator: lengthValidator, max: 16, message: "长度在 1 到 16 个字符", trigger: ['change', 'blur'] },
+          { validator: lengthValidator, max: 128, message: "长度在 1 到 128 个字符", trigger: ['change', 'blur'] },
         ],
-        JobDesc: [{ validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }]
+        JobDesc: [{ validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }]
       },
       defaultProps: {
         children: "children",

src/views/jobsManagement/edit.vue

@@ -68,9 +68,9 @@ export default {
       rules: {
         JobName: [
           { required: true, message: `请输入${this.accountGroupType}名称`, trigger: "blur" },
-          { validator: lengthValidator, max: 16, message: "长度在 1 到 16 个字符", trigger: ['change', 'blur'] },
+          { validator: lengthValidator, max: 128, message: "长度在 1 到 128 个字符", trigger: ['change', 'blur'] },
         ],
-        JobDesc: [{ validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }]
+        JobDesc: [{ validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }]
       },
       defaultProps: {
         children: "children",

src/views/organizationManagement/components/organizationAdd.vue

@@ -100,10 +100,10 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入组织名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         id: [{ required: true, message: "请输入标识符", trigger: "blur" }],
-        desc: [{ validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }],
+        desc: [{ validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }],
         oneCode: [
           { required: true, message: "请输入组织名称", trigger: "blur" },
           { validator: lengthValidator, max: 2, message: '长度在 1 到 2 个字符', trigger: ['change', 'blur'] }],

src/views/organizationManagement/components/organizationEdit.vue

@@ -100,10 +100,10 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入组织名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         id: [{ required: true, message: "请输入标识符", trigger: "blur" }],
-        desc: [{ validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }],
+        desc: [{ validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }],
         oneCode: [
           { required: true, message: "请输入组织名称", trigger: "blur" },
           { validator: lengthValidator, max: 2, message: '长度在 1 到 2 个字符', trigger: ['change', 'blur'] }],

src/views/staffManagement/compontents/staffAdd.vue

@@ -148,7 +148,7 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入职员名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         loginName: [
           { required: true, message: "请输入职员登录名", trigger: "blur" },
@@ -160,7 +160,7 @@ export default {
           { validator: lengthValidator, min: 11, max: 11, message: '请输入11位电话号码', trigger: ['change', 'blur'] }
         ],
         desc: [
-          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] },
+          { validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] },
         ],
         loginPwd: [
           { required: true, message: "请生成职员登录密码" }

src/views/staffManagement/compontents/staffEdit.vue

@@ -22,7 +22,7 @@
             <el-input placeholder="请输入职员名称" v-model.trim="form.name"></el-input>
           </el-form-item>
           <el-form-item prop="loginName" label="职员登录名">
-            <el-input placeholder="请输入职员登录名" v-model.trim="form.loginName"></el-input>
+            <el-input disabled placeholder="请输入职员登录名" v-model.trim="form.loginName"></el-input>
           </el-form-item>
           <el-form-item prop="phone" label="职员手机号">
             <el-input placeholder="请输入职员手机号" v-model.trim="form.phone"></el-input>
@@ -151,7 +151,7 @@ export default {
         //表单验证
         name: [
           { required: true, message: "请输入职员名称", trigger: "blur" },
-          { validator: lengthValidator, max: 32, message: '长度在 1 到 32 个字符', trigger: ['change', 'blur'] }
+          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] }
         ],
         loginName: [
           { required: true, message: "请输入职员登录名", trigger: "blur" },
@@ -163,7 +163,7 @@ export default {
           { validator: lengthValidator, min: 11, max: 11, message: '请输入11位电话号码', trigger: ['change', 'blur'] }
         ],
         desc: [
-          { validator: lengthValidator, max: 128, message: '长度在 1 到 128 个字符', trigger: ['change', 'blur'] },
+          { validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] },
         ],
       },
       defaultProps: {

src/views/systemManagement/EditSystem/index.vue

@@ -1,12 +1,6 @@
 <template>
   <div class="Box">
-    <el-form
-      :model="FormData"
-      :rules="rules"
-      ref="ruleForm"
-      label-width="100px"
-      class="demo-ruleForm"
-    >
+    <el-form :model="FormData" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
       <div class="topBox">
         <div class="titleBtn">
           <span class="titleStyle">策略信息编辑 </span>
@@ -18,51 +12,26 @@
         <div class="fristLine">
           <div class="inputBox">
             <el-form-item label="策略名称" prop="TacName">
-              <el-input
-                placeholder="请输入"
-                v-model.trim="FormData.TacName"
-              ></el-input>
+              <el-input placeholder="请输入" v-model.trim="FormData.TacName"></el-input>
             </el-form-item>
           </div>
           <div class="inputBox">
             <el-form-item label="IP类型" prop="IpType">
               <el-select v-model="FormData.IpType" placeholder="请选择类型">
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </div>
           <div class="block inputBox1">
             <el-form-item label="登录日期" prop="Date">
-              <el-date-picker
-                v-model="FormData.Date"
-                type="daterange"
-                range-separator="至"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                @change="dataChange"
-                value-format="yyyy-MM-dd"
-              >
+              <el-date-picker v-model="FormData.Date" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="dataChange" value-format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </div>
           <div class="block inputBox1">
             <el-form-item label="登录时间" prop="Time">
-              <el-time-picker
-                is-range
-                v-model="FormData.Time"
-                range-separator="至"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-                placeholder="选择时间范围"
-                @change="timeChange"
-                value-format="HH:mm:ss"
-              >
+              <el-time-picker is-range v-model="FormData.Time" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围" @change="timeChange" value-format="HH:mm:ss">
               </el-time-picker>
             </el-form-item>
           </div>
@@ -71,18 +40,12 @@
         <div class="fristLine" style="margin-top: 24px">
           <div class="inputBox2">
             <el-form-item label="IP段" prop="IpList">
-              <el-input
-                placeholder="请输入IP,并以‘；’号隔开"
-                v-model.trim="FormData.IpList"
-              ></el-input>
+              <el-input placeholder="请输入IP,并以‘；’号隔开" v-model.trim="FormData.IpList"></el-input>
             </el-form-item>
           </div>
           <div class="inputBox3">
             <el-form-item label="描述" prop="TacDesc">
-              <el-input
-                placeholder="请输入"
-                v-model.trim="FormData.TacDesc"
-              ></el-input>
+              <el-input placeholder="请输入" v-model.trim="FormData.TacDesc"></el-input>
             </el-form-item>
           </div>
         </div>
@@ -93,22 +56,13 @@
         <div class="titleBtn">
           <span class="titleStyle">已分配职员 </span>
           <div class="searchBox">
-            <el-input
-              placeholder="请输入内容"
-              clearable
-              v-model.trim="keyWordsUp"
-              @keyup.enter.native="queryDatas"
-            ></el-input>
+            <el-input placeholder="请输入内容" clearable v-model.trim="keyWordsUp" @keyup.enter.native="queryDatas"></el-input>
             <el-button @click="queryDatas()">搜索</el-button>
           </div>
         </div>
         <div class="center-box fpBox">
           <el-row class="scCont" :gutter="16">
-            <el-col
-              :span="4"
-              v-for="(item, index) in FormData.UseList"
-              :key="index"
-            >
+            <el-col :span="4" v-for="(item, index) in FormData.UseList" :key="index">
               <el-card class="box-card">
                 <div class="lineTop"></div>
                 <div class="text item">
@@ -119,10 +73,7 @@
                         item.UserName
                       }}</span>
                     </div>
-                    <el-checkbox-group
-                      v-model="UncheckList"
-                      @change="UnchangeChecked(item, index)"
-                    >
+                    <el-checkbox-group v-model="UncheckList" @change="UnchangeChecked(item, index)">
                       <el-checkbox checked></el-checkbox>
                     </el-checkbox-group>
                   </div>
@@ -130,11 +81,7 @@
               </el-card>
             </el-col>
           </el-row>
-          <el-empty
-            v-if="FormData.UseList.length == 0"
-            description="没有选取"
-            style="margin: 0 auto"
-          ></el-empty>
+          <el-empty v-if="FormData.UseList.length == 0" description="没有选取" style="margin: 0 auto"></el-empty>
         </div>
       </div>
 
@@ -142,23 +89,13 @@
         <div class="titleBtn">
           <span class="titleStyle">选择职员 </span>
           <div class="searchBox">
-            <el-input
-              placeholder="请输入内容"
-              clearable
-              @clear="clearData"
-              v-model.trim="keyWords"
-              @keyup.enter.native="queryData"
-            ></el-input>
+            <el-input placeholder="请输入内容" clearable @clear="clearData" v-model.trim="keyWords" @keyup.enter.native="queryData"></el-input>
             <el-button @click="queryData()">搜索</el-button>
           </div>
         </div>
         <div class="center-box">
           <el-row class="scCont" :gutter="16">
-            <el-col
-              :span="6"
-              v-for="(item, index) in FormData.Unuselist"
-              :key="index"
-            >
+            <el-col :span="6" v-for="(item, index) in FormData.Unuselist" :key="index">
               <el-card class="box-card">
                 <div class="lineTop"></div>
                 <div class="text item">
@@ -168,10 +105,7 @@
                         item.UserName
                       }}</span>
                     </div>
-                    <el-checkbox-group
-                      v-model="checkList"
-                      @change="changeChecked(item, index)"
-                    >
+                    <el-checkbox-group v-model="checkList" @change="changeChecked(item, index)">
                       <el-checkbox></el-checkbox>
                     </el-checkbox-group>
                   </div>
@@ -179,11 +113,7 @@
               </el-card>
             </el-col>
           </el-row>
-          <el-empty
-            v-if="FormData.Unuselist.length == 0"
-            description="没有内容"
-            style="margin: 0 auto"
-          ></el-empty>
+          <el-empty v-if="FormData.Unuselist.length == 0" description="没有内容" style="margin: 0 auto"></el-empty>
         </div>
       </div>
     </div>
@@ -193,13 +123,7 @@
         <div class="title1">删除策略</div>
         <div class="content">是否确认删除该策略？</div>
         <div class="foot right t30">
-          <el-button
-            size="medium"
-            @click="remove(item, index)"
-            type="danger"
-            class="r24"
-            >删除</el-button
-          >
+          <el-button size="medium" @click="remove(item, index)" type="danger" class="r24">删除</el-button>
           <el-button size="medium" @click="flag = false">取消</el-button>
         </div>
       </div>
@@ -213,7 +137,7 @@ import Dialog from "@/layout/components/Dialog";
 import { findarrays } from "@/utils/validate";
 import { lengthValidator } from "@/utils/validate";
 export default {
-  data() {
+  data () {
     return {
       flag: false,
       checkList: false,
@@ -253,8 +177,8 @@ export default {
           { required: true, message: "请输入策略名称", trigger: "blur" },
           {
             validator: lengthValidator,
-            max: 16,
-            message: "长度在 1 到 16 个字符",
+            max: 128,
+            message: "长度在 1 到 128 个字符",
             trigger: ["change", "blur"],
           },
         ],
@@ -267,8 +191,8 @@ export default {
         TacDesc: [
           {
             validator: lengthValidator,
-            max: 128,
-            message: "长度在 1 到 128 个字符",
+            max: 256,
+            message: "长度在 1 到 256 个字符",
             trigger: ["change", "blur"],
           },
         ],
@@ -290,26 +214,26 @@ export default {
   },
   components: { Dialog },
   watch: {
-    keyWords() {
+    keyWords () {
       if (this.keyWords.length == 0) {
         this.getDetial(this.editId);
       }
     },
-    keyWordsUp() {
+    keyWordsUp () {
       if (this.keyWordsUp.length == 0) {
         this.FormData.UseList = this.FormData.UseLists;
       }
     },
   },
   methods: {
-    compare(property) {
+    compare (property) {
       return function (a, b) {
         var value1 = a[property];
         var value2 = b[property];
         return value1 - value2;
       };
     },
-    queryDatas() {
+    queryDatas () {
       this.keyWordsUp = this.keyWordsUp.replace(/\s+/g, "");
       const search = this.keyWordsUp;
       if (search) {
@@ -322,7 +246,7 @@ export default {
         this.FormData.UseList = this.FormData.UseLists;
       }
     },
-    queryData() {
+    queryData () {
       this.keyWords = this.keyWords.replace(/\s+/g, "");
       const search = this.keyWords;
       if (search) {
@@ -346,7 +270,7 @@ export default {
         /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
       return reg.test(ip);
     },
-    save() {
+    save () {
       let that = this;
       let ipArr = [];
       if (this.FormData.IpList) {
@@ -402,7 +326,7 @@ export default {
         }
       });
     },
-    getDetial(id) {
+    getDetial (id) {
       let that = this;
       return new Promise((resolve, reject) => {
         GetTacDetails({ TacId: id })
@@ -435,14 +359,14 @@ export default {
           });
       });
     },
-    changeChecked(val, index) {
+    changeChecked (val, index) {
       this.checkList = false;
       this.FormData.UseList.push(val);
       this.FormData.UseLists = this.FormData.UseList;
       this.FormData.Unuselist.splice(index, 1);
     },
 
-    UnchangeChecked(val, index) {
+    UnchangeChecked (val, index) {
       this.UncheckList = true;
       this.FormData.Unuselist.push(val);
       this.FormData.Unuselist = this.FormData.Unuselist.sort(
@@ -467,7 +391,7 @@ export default {
       }
     },
     //删除
-    remove() {
+    remove () {
       let that = this;
       return new Promise((resolve, reject) => {
         DeleteTac({ TacId: this.FormData.TacId })
@@ -487,7 +411,7 @@ export default {
           });
       });
     },
-    clearData() {
+    clearData () {
       this.FormData.Unuselist = this.boxArr;
     },
   },

src/views/systemManagement/addSystem/index.vue

@@ -1,12 +1,6 @@
 <template>
   <div class="Box">
-    <el-form
-      :model="FormData"
-      :rules="rules"
-      ref="ruleForm"
-      label-width="100px"
-      class="demo-ruleForm"
-    >
+    <el-form :model="FormData" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
       <div class="topBox">
         <div class="titleBtn">
           <span class="titleStyle">策略信息新增 </span>
@@ -16,51 +10,26 @@
         <div class="fristLine">
           <div class="inputBox">
             <el-form-item label="策略名称" prop="TacName">
-              <el-input
-                placeholder="请输入"
-                v-model.trim="FormData.TacName"
-              ></el-input>
+              <el-input placeholder="请输入" v-model.trim="FormData.TacName"></el-input>
             </el-form-item>
           </div>
           <div class="inputBox">
             <el-form-item label="IP类型" prop="IpType">
               <el-select v-model="FormData.IpType" placeholder="请选择类型">
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </div>
           <div class="block inputBox1">
             <el-form-item label="登录日期" prop="Date">
-              <el-date-picker
-                v-model="FormData.Date"
-                type="daterange"
-                range-separator="至"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                @change="dataChange"
-                value-format="yyyy-MM-dd"
-              >
+              <el-date-picker v-model="FormData.Date" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="dataChange" value-format="yyyy-MM-dd">
               </el-date-picker>
             </el-form-item>
           </div>
           <div class="block inputBox1">
             <el-form-item label="登录时间" prop="Time">
-              <el-time-picker
-                is-range
-                v-model="FormData.Time"
-                range-separator="至"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-                placeholder="选择时间范围"
-                @change="timeChange"
-                value-format="HH:mm:ss"
-              >
+              <el-time-picker is-range v-model="FormData.Time" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围" @change="timeChange" value-format="HH:mm:ss">
               </el-time-picker>
             </el-form-item>
           </div>
@@ -69,18 +38,12 @@
         <div class="fristLine" style="margin-top: 24px">
           <div class="inputBox2">
             <el-form-item prop="IpList" label="IP段">
-              <el-input
-                placeholder="请输入IP,并以‘；’号隔开"
-                v-model.trim="FormData.IpList"
-              ></el-input>
+              <el-input placeholder="请输入IP,并以‘；’号隔开" v-model.trim="FormData.IpList"></el-input>
             </el-form-item>
           </div>
           <div class="inputBox3">
             <el-form-item label="描述" prop="TacDesc">
-              <el-input
-                placeholder="请输入"
-                v-model.trim="FormData.TacDesc"
-              ></el-input>
+              <el-input placeholder="请输入" v-model.trim="FormData.TacDesc"></el-input>
             </el-form-item>
           </div>
         </div>
@@ -91,22 +54,13 @@
         <div class="titleBtn">
           <span class="titleStyle">已分配职员 </span>
           <div class="searchBox">
-            <el-input
-              placeholder="请输入内容"
-              clearable
-              v-model.trim="keyWordsUp"
-              @keyup.enter.native="queryDatas"
-            ></el-input>
+            <el-input placeholder="请输入内容" clearable v-model.trim="keyWordsUp" @keyup.enter.native="queryDatas"></el-input>
             <el-button @click="queryDatas()">搜索</el-button>
           </div>
         </div>
         <div class="center-box fpBox">
           <el-row class="scCont" :gutter="16">
-            <el-col
-              :span="4"
-              v-for="(item, index) in FormData.UseList"
-              :key="index"
-            >
+            <el-col :span="4" v-for="(item, index) in FormData.UseList" :key="index">
               <el-card class="box-card">
                 <div class="lineTop"></div>
                 <div class="text item">
@@ -116,10 +70,7 @@
                         item.UserName
                       }}</span>
                     </div>
-                    <el-checkbox-group
-                      v-model="UncheckList"
-                      @change="UnchangeChecked(item, index)"
-                    >
+                    <el-checkbox-group v-model="UncheckList" @change="UnchangeChecked(item, index)">
                       <el-checkbox checked></el-checkbox>
                     </el-checkbox-group>
                   </div>
@@ -127,11 +78,7 @@
               </el-card>
             </el-col>
           </el-row>
-          <el-empty
-            v-if="FormData.UseList.length == 0"
-            description="没有选取"
-            style="margin: 0 auto"
-          ></el-empty>
+          <el-empty v-if="FormData.UseList.length == 0" description="没有选取" style="margin: 0 auto"></el-empty>
         </div>
       </div>
 
@@ -139,23 +86,13 @@
         <div class="titleBtn">
           <span class="titleStyle">选择职员 </span>
           <div class="searchBox">
-            <el-input
-              placeholder="请输入内容"
-              clearable
-              @clear="clearData"
-              v-model.trim="keyWords"
-              @keyup.enter.native="getUserData"
-            ></el-input>
+            <el-input placeholder="请输入内容" clearable @clear="clearData" v-model.trim="keyWords" @keyup.enter.native="getUserData"></el-input>
             <el-button @click="getUserData">搜索</el-button>
           </div>
         </div>
         <div class="center-box">
           <el-row class="scCont" :gutter="16">
-            <el-col
-              :span="6"
-              v-for="(item, index) in FormData.Unuselist"
-              :key="index"
-            >
+            <el-col :span="6" v-for="(item, index) in FormData.Unuselist" :key="index">
               <el-card class="box-card">
                 <div class="lineTop"></div>
                 <div class="text item">
@@ -165,10 +102,7 @@
                         item.UserName
                       }}</span>
                     </div>
-                    <el-checkbox-group
-                      v-model="checkList"
-                      @change="changeChecked(item, index)"
-                    >
+                    <el-checkbox-group v-model="checkList" @change="changeChecked(item, index)">
                       <el-checkbox></el-checkbox>
                     </el-checkbox-group>
                   </div>
@@ -176,11 +110,7 @@
               </el-card>
             </el-col>
           </el-row>
-          <el-empty
-            v-if="FormData.Unuselist.length == 0"
-            description="没有内容"
-            style="margin: 0 auto"
-          ></el-empty>
+          <el-empty v-if="FormData.Unuselist.length == 0" description="没有内容" style="margin: 0 auto"></el-empty>
         </div>
       </div>
     </div>
@@ -193,7 +123,7 @@ import { SaveTac } from "@/api/systemConfiguration";
 import { findarrays } from "@/utils/validate";
 import { lengthValidator } from "@/utils/validate";
 export default {
-  data() {
+  data () {
     return {
       keyWordsUp: "",
       keyWords: "",
@@ -231,8 +161,8 @@ export default {
           { required: true, message: "请输入策略名称", trigger: "blur" },
           {
             validator: lengthValidator,
-            max: 16,
-            message: "长度在 1 到 16 个字符",
+            max: 128,
+            message: "长度在 1 到 128 个字符",
             trigger: ["change", "blur"],
           },
         ],
@@ -245,8 +175,8 @@ export default {
         TacDesc: [
           {
             validator: lengthValidator,
-            max: 128,
-            message: "长度在 1 到 128 个字符",
+            max: 256,
+            message: "长度在 1 到 256 个字符",
             trigger: ["change", "blur"],
           },
         ],
@@ -277,15 +207,15 @@ export default {
     });
   },
   computed: {
-    noMore() {
+    noMore () {
       return this.pageNum >= this.total;
     },
-    disabled() {
+    disabled () {
       return this.loading || this.noMore;
     },
   },
   watch: {
-    keyWords() {
+    keyWords () {
       if (this.keyWords.length == 0) {
         this.getUserList({
           QueryName: this.keyWords,
@@ -294,7 +224,7 @@ export default {
         });
       }
     },
-    keyWordsUp() {
+    keyWordsUp () {
       if (this.keyWordsUp.length == 0) {
         this.FormData.UseList = this.FormData.UseLists;
       }
@@ -306,7 +236,7 @@ export default {
         /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
       return reg.test(ip);
     },
-    save() {
+    save () {
       let that = this;
       let ipArr = [];
       if (this.FormData.IpList) {
@@ -361,7 +291,7 @@ export default {
         }
       });
     },
-    getUserList(obj) {
+    getUserList (obj) {
       return new Promise((resolve, reject) => {
         this.loading = true;
         GetUserList(obj)
@@ -392,20 +322,20 @@ export default {
           });
       });
     },
-    changeChecked(val, index) {
+    changeChecked (val, index) {
       this.checkList = false;
       this.FormData.UseList.push(val);
       this.FormData.UseLists = this.FormData.UseList;
       this.FormData.Unuselist.splice(index, 1);
     },
-    compare(property) {
+    compare (property) {
       return function (a, b) {
         var value1 = a[property];
         var value2 = b[property];
         return value1 - value2;
       };
     },
-    UnchangeChecked(val, index) {
+    UnchangeChecked (val, index) {
       this.UncheckList = true;
       this.FormData.Unuselist.push(val);
       this.FormData.Unuselist = this.FormData.Unuselist.sort(
@@ -425,7 +355,7 @@ export default {
       this.FormData.TimeBegin = data[0];
       this.FormData.TimeEnd = data[1];
     },
-    load() {
+    load () {
       this.pageNum += 1;
       this.getUserList({
         QueryName: this.keyWords,
@@ -433,7 +363,7 @@ export default {
         PageIndex: this.pageNum,
       });
     },
-    queryDatas() {
+    queryDatas () {
       this.keyWordsUp = this.keyWordsUp.replace(/\s+/g, "");
       const search = this.keyWordsUp;
       if (search) {
@@ -446,7 +376,7 @@ export default {
         this.FormData.UseList = this.FormData.UseLists;
       }
     },
-    getUserData(val) {
+    getUserData (val) {
       // this.arrList = [];
       // this.FormData.Unuselist = [];
       // this.pageNum = 1;
@@ -472,7 +402,7 @@ export default {
         // this.getWarningList();
       }
     },
-    clearData() {
+    clearData () {
       this.arrList = [];
       this.FormData.Unuselist = [];
       this.pageNum = 1;