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