From 5971cc5cb75b8cf1dd06b852a35653e4533c6e10 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 22 六月 2021 16:06:51 +0800
Subject: [PATCH] 视频大小展示

---
 src/pages/systemSettings/index/App.vue |   79 ++++++++++++++++++++++++++++++---------
 1 files changed, 61 insertions(+), 18 deletions(-)

diff --git a/src/pages/systemSettings/index/App.vue b/src/pages/systemSettings/index/App.vue
index c4a9817..c78557c 100644
--- a/src/pages/systemSettings/index/App.vue
+++ b/src/pages/systemSettings/index/App.vue
@@ -118,7 +118,7 @@
             ref="passwordForm"
             class="password-form"
           >
-            <el-form-item prop="pw">
+            <el-form-item prop="curPassword">
               <div class="p-title">褰撳墠瀵嗙爜锛�</div>
 
               <el-input
@@ -127,7 +127,7 @@
                 show-password
               ></el-input>
             </el-form-item>
-            <el-form-item prop="newPw">
+            <el-form-item prop="newPassword">
               <div class="p-title">鏂板瘑鐮侊細</div>
               <el-input
                 placeholder="蹇呭~"
@@ -135,7 +135,7 @@
                 show-password
               ></el-input>
             </el-form-item>
-            <el-form-item prop="confirmNewPw">
+            <el-form-item prop="confirmPassword">
               <div class="p-title">纭瀵嗙爜锛�</div>
               <el-input
                 placeholder="蹇呭~"
@@ -216,7 +216,7 @@
               <el-form-item prop="nickName">
                 <div class="p-title">鏄电О锛�</div>
                 <el-input
-                  placeholder="蹇呭~"
+                  placeholder="閫夊~"
                   v-model="addForm.nickName"
                 ></el-input>
               </el-form-item>
@@ -445,7 +445,13 @@
 
 <script>
 import { getClockInfo, saveClockInfo, testNTPserver } from "@/api/system";
-import { uploadHeadPic, addUser, getUsers, updateUser,updatePassword } from "@/api/user";
+import {
+  uploadHeadPic,
+  addUser,
+  getUsers,
+  updateUser,
+  updatePassword,
+} from "@/api/user";
 import switchBar from "../components/switchBar";
 import ipInput from "@/components/subComponents/IPInput";
 import clusterManagement from "../views/clusterManagement";
@@ -477,6 +483,35 @@
       if (value === "") {
         callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
       } else if (value !== this.addForm.password) {
+        callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+      } else {
+        callback();
+      }
+    };
+    var validatePass3 = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("璇疯緭鍏ュ瘑鐮�"));
+      } else {
+        if (this.passwordForm.password !== "") {
+          this.$refs.passwordForm.validateField("pw");
+        }
+        callback();
+      }
+    };
+    var validatePass5 = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("璇疯緭鍏ュ瘑鐮�"));
+      } else {
+        if (this.passwordForm.newPassword !== "") {
+          this.$refs.passwordForm.validateField("newPw");
+        }
+        callback();
+      }
+    };
+    var validatePass4 = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+      } else if (value !== this.passwordForm.confirmPassword) {
         callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
       } else {
         callback();
@@ -555,15 +590,23 @@
         confirmPassword: "",
       },
       rules: {
+        userName: [
+          { required: true, message: "璇疯緭鍏ョ敤鎴峰悕", trigger: "blur" },
+          {
+            min: 3,
+            max: 10,
+            message: "闀垮害鍦� 3 鍒� 10 涓瓧绗�",
+            trigger: "blur",
+          },
+        ],
         password: [{ validator: validatePass, trigger: "blur" }],
         confirmPassword: [{ validator: validatePass2, trigger: "blur" }],
-        // age: [{ validator: checkAge, trigger: "blur" }],
       },
-      pwRules:{
+      pwRules: {
         pw: [{ validator: validatePass3, trigger: "blur" }],
-        newPw: [{ validator: validatePass3, trigger: "blur" }],
-        confirmNewPw: [{ validator       : validatePass4, trigger: "blur" }],
-      }
+        newPw: [{ validator: validatePass5, trigger: "blur" }],
+        confirmNewPw: [{ validator: validatePass4, trigger: "blur" }],
+      },
     };
   },
   beforeDestroy() {
@@ -571,9 +614,9 @@
     clearInterval(this.browserTimer);
   },
   mounted() {
-    const s = document.getElementsByClassName("left-card")[0];
-    s.style.backgroundColor = "rgba(61, 104, 225, 1)";
-    s.style.color = "#fff";
+    // const s = document.getElementsByClassName("left-card")[0];
+    // s.style.backgroundColor = "rgba(61, 104, 225, 1)";
+    // s.style.color = "#fff";
     this.$nextTick(() => {
       this.initClockConf();
     });
@@ -1134,12 +1177,12 @@
             background-color: bisque;
             border-radius: 50px;
             img {
-            border: none;
+              border: none;
 
-                width: 100px;
-            height: 100px;
-            border-radius: 50px;
-          }
+              width: 100px;
+              height: 100px;
+              border-radius: 50px;
+            }
           }
           .user-desc {
             height: 100px;

--
Gitblit v1.8.0