add

src/views/systemManagement/index.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="Box">
     <div class="centerBox">
-      <el-form :model="FormData" :rules="rules" ref="systemForm" label-width="0" class="demo-ruleForm">
+      <el-form
+        :model="FormData"
+        :rules="rules"
+        ref="systemForm"
+        label-width="0"
+        class="demo-ruleForm"
+      >
         <div class="centerTitle">
           <span class="TitleStyle">系统基础设置</span>
           <el-button v-is="['system_btn_save']" @click="save()">保存</el-button>
@@ -17,8 +23,12 @@
         <div class="boxList">
           <span class="ListName">是否允许职员关联多账号</span>
           <div class="riaStyle">
-            <el-radio disabled v-model="FormData.UserOfficerMulti" :label="1">是</el-radio>
-            <el-radio disabled v-model="FormData.UserOfficerMulti" :label="0">否</el-radio>
+            <el-radio disabled v-model="FormData.UserOfficerMulti" :label="1"
+              >是</el-radio
+            >
+            <el-radio disabled v-model="FormData.UserOfficerMulti" :label="0"
+              >否</el-radio
+            >
           </div>
           <div class="lineStyle"></div>
         </div>
@@ -33,8 +43,12 @@
         <div class="boxList">
           <span class="ListName">是否开启严格数据权限</span>
           <div class="riaStyle">
-            <el-radio v-model="FormData.OpenAuthData" :label="1" disabled>是</el-radio>
-            <el-radio v-model="FormData.OpenAuthData" :label="0" disabled>否</el-radio>
+            <el-radio v-model="FormData.OpenAuthData" :label="1" disabled
+              >是</el-radio
+            >
+            <el-radio v-model="FormData.OpenAuthData" :label="0" disabled
+              >否</el-radio
+            >
           </div>
           <div class="lineStyle"></div>
         </div>
@@ -42,7 +56,10 @@
           <span class="ListName">账号变更为闲置状态的不登录时间（天）</span>
           <div class="riaStyle">
             <el-form-item prop="UserIdledays">
-              <el-input v-model.trim="FormData.UserIdledays" placeholder="请输入"></el-input>
+              <el-input
+                v-model.trim="FormData.UserIdledays"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
           </div>
           <div class="lineStyle"></div>
@@ -51,7 +68,10 @@
           <span class="ListName">登录后锁定系统的不操作时间（分钟）</span>
           <div class="riaStyle">
             <el-form-item prop="LockMins">
-              <el-input v-model.trim="FormData.LockMins" placeholder="请输入"></el-input>
+              <el-input
+                v-model.trim="FormData.LockMins"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
           </div>
           <div class="lineStyle"></div>
@@ -61,7 +81,11 @@
           <div class="riaStyle1">
             <div>
               <el-form-item prop="PwdLengthBegin">
-                <el-input class="ipt1" v-model.trim="FormData.PwdLengthBegin" placeholder="最少位数"></el-input>
+                <el-input
+                  class="ipt1"
+                  v-model.trim="FormData.PwdLengthBegin"
+                  placeholder="最少位数"
+                ></el-input>
               </el-form-item>
               <div class="lineStyle1"></div>
             </div>
@@ -69,7 +93,11 @@
             <span class="zhi">至</span>
             <div>
               <el-form-item prop="PwdLengthEnd">
-                <el-input class="ipt2" v-model.trim="FormData.PwdLengthEnd" placeholder="最多位数"></el-input>
+                <el-input
+                  class="ipt2"
+                  v-model.trim="FormData.PwdLengthEnd"
+                  placeholder="最多位数"
+                ></el-input>
               </el-form-item>
               <div class="lineStyle2"></div>
             </div>
@@ -78,8 +106,18 @@
         <div class="boxList">
           <span class="ListName">密码组成结构</span>
           <div class="riaStyle">
-            <el-checkbox-group v-model="checkedList" @change="PwdStrucChange" :min="1">
-              <el-checkbox v-for="(item, index) in PwdStrucList" :label="item.id" :key="index" :checked="item.isChecked">{{ item.name }}</el-checkbox>
+            <el-checkbox-group
+              v-model="checkedList"
+              @change="PwdStrucChange"
+              :min="1"
+            >
+              <el-checkbox
+                v-for="(item, index) in PwdStrucList"
+                :label="item.id"
+                :key="index"
+                :checked="item.isChecked"
+                >{{ item.name }}</el-checkbox
+              >
             </el-checkbox-group>
           </div>
           <div class="lineStyle"></div>
@@ -96,7 +134,10 @@
           <span class="ListName">密码有效时长（天）</span>
           <div class="riaStyle">
             <el-form-item prop="PwdValidtime">
-              <el-input v-model.trim="FormData.PwdValidtime" placeholder="请输入"></el-input>
+              <el-input
+                v-model.trim="FormData.PwdValidtime"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
           </div>
           <div class="lineStyle"></div>
@@ -105,7 +146,10 @@
           <span class="ListName">允许试错次数（次数）</span>
           <div class="riaStyle">
             <el-form-item prop="LoginError">
-              <el-input v-model.trim="FormData.LoginError" placeholder="请输入"></el-input>
+              <el-input
+                v-model.trim="FormData.LoginError"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
           </div>
           <div class="lineStyle"></div>
@@ -113,8 +157,11 @@
         <div class="boxList">
           <span class="ListName">密码找回联系方式</span>
           <div class="riaStyle">
-            <el-form-item prop="PwdValidtime">
-              <el-input v-model.trim="FormData.PwdMessage" placeholder="请输入"></el-input>
+            <el-form-item prop="PwdMessage">
+              <el-input
+                v-model.trim="FormData.PwdMessage"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
           </div>
           <div class="lineStyle"></div>
@@ -122,25 +169,34 @@
         <div class="boxList">
           <span class="ListName">是否启用简易验证码</span>
           <div class="riaStyle">
-            <el-radio v-model="FormData.SimpleValidCodeMode" :label="1">是</el-radio>
-            <el-radio v-model="FormData.SimpleValidCodeMode" :label="0">否</el-radio>
+            <el-radio v-model="FormData.SimpleValidCodeMode" :label="1"
+              >是</el-radio
+            >
+            <el-radio v-model="FormData.SimpleValidCodeMode" :label="0"
+              >否</el-radio
+            >
           </div>
           <div class="lineStyle" style="margin-bottom: 70px"></div>
         </div>
       </el-form>
     </div>
     <div class="asideBox">
-      <el-button v-is="['system_basic_page']" type="primary">系统基础设置</el-button>
-      <el-button v-is="['system_logintac_page']" @click="gotoLogin">登录策略</el-button>
+      <el-button v-is="['system_basic_page']" type="primary"
+        >系统基础设置</el-button
+      >
+      <el-button v-is="['system_logintac_page']" @click="gotoLogin"
+        >登录策略</el-button
+      >
     </div>
   </div>
 </template>
 
 <script>
 import { GetSystemSet, SaveSystemSet } from "@/api/systemConfiguration";
-import { positiveIntegerValidator } from '@/utils/validate'
+import { positiveIntegerValidator } from "@/utils/validate";
+import { lengthValidator } from "@/utils/validate";
 export default {
-  data () {
+  data() {
     return {
       isShow: false,
       FormData: {
@@ -169,8 +225,8 @@ export default {
           {
             validator: positiveIntegerValidator,
             max: 999999999,
-            trigger: ['change', 'blur']
-          }
+            trigger: ["change", "blur"],
+          },
         ],
         LockMins: [
           {
@@ -181,8 +237,8 @@ export default {
           {
             validator: positiveIntegerValidator,
             max: 999999999,
-            trigger: ['change', 'blur']
-          }
+            trigger: ["change", "blur"],
+          },
         ],
         PwdLengthBegin: [
           {
@@ -193,8 +249,8 @@ export default {
           {
             validator: positiveIntegerValidator,
             min: 6,
-            trigger: ['change', 'blur']
-          }
+            trigger: ["change", "blur"],
+          },
         ],
         PwdLengthEnd: [
           {
@@ -205,8 +261,8 @@ export default {
           {
             validator: positiveIntegerValidator,
             max: 22,
-            trigger: ['change', 'blur']
-          }
+            trigger: ["change", "blur"],
+          },
         ],
         PwdValidtime: [
           {
@@ -217,8 +273,8 @@ export default {
           {
             validator: positiveIntegerValidator,
             max: 999999999,
-            trigger: ['change', 'blur']
-          }
+            trigger: ["change", "blur"],
+          },
         ],
         LoginError: [
           {
@@ -229,14 +285,15 @@ export default {
           {
             validator: positiveIntegerValidator,
             max: 999999999,
-            trigger: ['change', 'blur']
-          }
+            trigger: ["change", "blur"],
+          },
         ],
         PwdMessage: [
           {
-            required: true,
-            message: "请输入密码找回联系方式",
-            trigger: "blur",
+            validator: lengthValidator,
+            max: 256,
+            message: "长度在 1 到 256 个字符",
+            trigger: ["change", "blur"],
           },
         ],
       },
@@ -252,7 +309,7 @@ export default {
   },
   watch: {
     FormData: {
-      handler (val) {
+      handler(val) {
         if (
           JSON.stringify(val) != this.oldFormData &&
           this.oldFormData != null
@@ -277,7 +334,7 @@ export default {
     //   }
     // }
   },
-  created () {
+  created() {
     this.getSystemSet();
     // let SystemSetInfo = JSON.parse(this.$store.state.app.systemSet);
     // if (SystemSetInfo) {
@@ -290,10 +347,10 @@ export default {
     // }
   },
   methods: {
-    gotoLogin () {
+    gotoLogin() {
       this.$router.push("/LoginPolicy");
     },
-    getSystemSet () {
+    getSystemSet() {
       GetSystemSet({})
         .then((response) => {
           const { returnData } = response;
@@ -307,7 +364,7 @@ export default {
           reject(error);
         });
     },
-    PwdStrucChange (data) {
+    PwdStrucChange(data) {
       let count = 0;
       for (let i = 0; i < data.length; i++) {
         count = count + Number(data[i]);
@@ -315,7 +372,7 @@ export default {
       }
       console.log(this.FormData);
     },
-    getPwdStruc (data) {
+    getPwdStruc(data) {
       let dataList = data.split("");
       if (dataList[0] == 1) {
         this.checkedList.push("1000");
@@ -330,7 +387,7 @@ export default {
         this.checkedList.push("0001");
       }
     },
-    save () {
+    save() {
       if (this.FormData.PwdStruc == 11) {
         this.FormData.PwdStruc = "0011";
       } else if (this.FormData.PwdStruc == 101) {