From 51ecc231aa4f73a5071e188b4528ab59d730b07f Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期二, 05 九月 2023 19:14:30 +0800 Subject: [PATCH] 移除视频分析相关功能, 默认自动登录 --- src/pages/settings/index/index.vue | 1019 ++++++++++++++++++++++++----------------------------------- 1 files changed, 414 insertions(+), 605 deletions(-) diff --git a/src/pages/settings/index/index.vue b/src/pages/settings/index/index.vue index e8eaf50..1f8d7b1 100644 --- a/src/pages/settings/index/index.vue +++ b/src/pages/settings/index/index.vue @@ -31,11 +31,7 @@ @click="openAccount(item, index)" > <div class="touxiang"> - <img - v-if="item.headpic" - :src="`data:image/png;base64,${item.headpic}`" - alt="" - /> + <img v-if="item.headpic" :src="`data:image/png;base64,${item.headpic}`" alt="" /> <span class="user-name">{{ item.username }}</span> </div> <div class="login-tag" v-if="item.id == curUserID"> @@ -44,11 +40,7 @@ </div> </div> <div class="add-account" v-if="curUserRole != '鏅�氱敤鎴�'"> - <i - class="el-icon-circle-plus" - style="font-size: 40px" - @click="openAdd" - ></i> + <i class="el-icon-circle-plus" style="font-size: 40px" @click="openAdd"></i> </div> </div> </div> @@ -58,34 +50,21 @@ :class="activeIndex == 0 ? 'container-right-for-account' : ''" > <div class="account-right" v-if="activeIndex == 0"> - <div - class="account-content" - v-if="inAccountDetail == false && isAddAccount == false" - > + <div class="account-content" v-if="inAccountDetail == false && isAddAccount == false"> <div class="content-top"> - <div - class="touxiang-big" - @mouseenter="showChangePic = true" - @mouseleave="showChangePic = false" - > + <div class="touxiang-big" @mouseenter="showChangePic = true" @mouseleave="showChangePic = false"> <img v-if="activeAccountItem.headpic" :src="`data:image/png;base64,${activeAccountItem.headpic}`" alt="" /> <div class="touxiang-mask" v-show="showChangePic"> - <span class="enable" v-if="!showJPGArr" @click="editHeadPic" - >缂栬緫澶村儚</span - > + <span class="enable" v-if="!showJPGArr" @click="editHeadPic">缂栬緫澶村儚</span> </div> </div> <div class="user-desc"> <div class="user-name"> - <span - class="icon iconfont" - style="font-size: 19px; margin-right: 4px" - ></span - > + <span class="icon iconfont" style="font-size: 19px; margin-right: 4px"></span> <span>{{ activeAccountItem.username }}</span> </div> <div class="user-role"> @@ -93,30 +72,13 @@ </div> <div class="nick-name"> <span class="nick-text">鏄电О锛�</span> - <span v-show="!showInputNickName">{{ - activeAccountItem.nickname - }}</span> - <el-input - size="mini" - v-model="inputNickName" - v-if="showInputNickName" - ></el-input> - <span - v-show="!showInputNickName" - class="icon iconfont edit-icon" - @click="editNickName" - ></span - > - <span - v-show="showInputNickName" - class="icon iconfont clear-icon" - @click="showInputNickName = false" + <span v-show="!showInputNickName">{{ activeAccountItem.nickname }}</span> + <el-input size="mini" v-model="inputNickName" v-if="showInputNickName"></el-input> + <span v-show="!showInputNickName" class="icon iconfont edit-icon" @click="editNickName"></span> + <span v-show="showInputNickName" class="icon iconfont clear-icon" @click="showInputNickName = false" ></span > - <span - v-show="showInputNickName" - class="icon iconfont confirm-icon" - @click="hideInputNick" + <span v-show="showInputNickName" class="icon iconfont confirm-icon" @click="hideInputNick" ></span > </div> @@ -131,12 +93,7 @@ :key="index" @click="pickHeadDefPic(item, index)" > - <img - v-if="item" - :src="`data:image/png;base64,${item.path}`" - alt="" - srcset="" - /> + <img v-if="item" :src="`data:image/png;base64,${item.path}`" alt="" srcset="" /> <div class="img-mask" v-if="selectedPic == index"> <span class="icon iconfont enable"></span> </div> @@ -151,18 +108,10 @@ <div class="item-btn alt-pw-btn" @click="showChangePassword"> 淇敼瀵嗙爜 </div> - <div - class="item-btn del-usr-btn" - v-if="isShowDeleteAccount" - @click="deleteAccount" - > + <div class="item-btn del-usr-btn" v-if="isShowDeleteAccount" @click="deleteAccount"> 鍒犻櫎璐︽埛 </div> - <div - v-if="isShowPermitBtn" - class="item-btn auth-set-btn" - @click="openPermission" - > + <div v-if="isShowPermitBtn" class="item-btn auth-set-btn" @click="openPermission"> 鏉冮檺璁剧疆 </div> </div> @@ -173,39 +122,19 @@ <span class="icon iconfont"></span> <span>淇敼瀵嗙爜</span> </div> - <el-form - :model="passwordForm" - :rules="pwRules" - ref="passwordForm" - class="password-form" - > - <el-form-item - prop="curPassword" - v-if="activeAccountItem.id == curUserID" - > + <el-form :model="passwordForm" :rules="pwRules" ref="passwordForm" class="password-form"> + <el-form-item prop="curPassword" v-if="activeAccountItem.id == curUserID"> <div class="p-title">褰撳墠瀵嗙爜</div> - <el-input - placeholder="蹇呭~" - v-model="passwordForm.curPassword" - show-password - ></el-input> + <el-input placeholder="蹇呭~" v-model="passwordForm.curPassword" show-password></el-input> </el-form-item> <el-form-item prop="newPassword"> <div class="p-title">鏂板瘑鐮�</div> - <el-input - placeholder="蹇呭~" - v-model="passwordForm.newPassword" - show-password - ></el-input> + <el-input placeholder="蹇呭~" v-model="passwordForm.newPassword" show-password></el-input> </el-form-item> <el-form-item prop="confirmPassword"> <div class="p-title">纭瀵嗙爜</div> - <el-input - placeholder="蹇呭~" - v-model="passwordForm.confirmPassword" - show-password - ></el-input> + <el-input placeholder="蹇呭~" v-model="passwordForm.confirmPassword" show-password></el-input> </el-form-item> </el-form> <div class="btns"> @@ -244,68 +173,35 @@ :key="index" @click="pickHeadDefPic(item, index)" > - <img - v-if="item" - :src="`data:image/png;base64,${item.path}`" - alt="" - srcset="" - /> + <img v-if="item" :src="`data:image/png;base64,${item.path}`" alt="" srcset="" /> <div class="img-mask" v-if="selectedPic == index"> <span class="icon iconfont enable"></span> </div> </div> </div> <div class="fill-group"> - <el-form - :model="addForm" - :rules="addRules" - ref="addForm" - class="add-form" - > + <el-form :model="addForm" :rules="addRules" ref="addForm" class="add-form"> <el-form-item prop="userName"> <div class="p-title">鐢ㄦ埛鍚�</div> - <el-input - placeholder="2~10 浣嶅瓧绗︼紝涓嶈兘浠ユ暟瀛楀紑澶达紝涓嶅彲鍖呭惈姹夊瓧" - v-model="addForm.userName" - ></el-input> + <el-input placeholder="2~10 浣嶅瓧绗︼紝涓嶈兘浠ユ暟瀛楀紑澶达紝涓嶅彲鍖呭惈姹夊瓧" v-model="addForm.userName"></el-input> </el-form-item> <el-form-item prop="roleId" v-if="curUserRole != '鏅�氱敤鎴�'"> <div class="p-title">瑙掕壊</div> - <el-select - v-model="addForm.roleId" - placeholder="璇烽�夋嫨瑙掕壊" - :popper-append-to-body="false" - > - <el-option - v-for="(item, i) in roleList" - :key="i" - :label="item.name" - :value="item.id" - ></el-option> + <el-select v-model="addForm.roleId" placeholder="璇烽�夋嫨瑙掕壊" :popper-append-to-body="false"> + <el-option v-for="(item, i) in roleList" :key="i" :label="item.name" :value="item.id"></el-option> </el-select> </el-form-item> <el-form-item prop="nickName"> <div class="p-title">鏄电О</div> - <el-input - placeholder="閫夊~锛�2~10 浣嶅瓧绗�" - v-model="addForm.nickName" - ></el-input> + <el-input placeholder="閫夊~锛�2~10 浣嶅瓧绗�" v-model="addForm.nickName"></el-input> </el-form-item> <el-form-item prop="password"> <div class="p-title">瀵嗙爜</div> - <el-input - placeholder="蹇呭~锛岃嚦灏戜负 6 浣�" - v-model="addForm.password" - show-password - ></el-input> + <el-input placeholder="蹇呭~锛岃嚦灏戜负 6 浣�" v-model="addForm.password" show-password></el-input> </el-form-item> <el-form-item prop="confirmPassword"> <div class="p-title">纭瀵嗙爜</div> - <el-input - placeholder="蹇呭~" - v-model="addForm.confirmPassword" - show-password - ></el-input> + <el-input placeholder="蹇呭~" v-model="addForm.confirmPassword" show-password></el-input> </el-form-item> </el-form> </div> @@ -332,18 +228,10 @@ <div class="adjust-zone"> <div class="two-radio"> - <div - class="radio" - :class="isNtp ? '' : 'highlight-radio'" - @click="isNtp = false" - > + <div class="radio" :class="isNtp ? '' : 'highlight-radio'" @click="isNtp = false"> 鎵嬪姩鏍℃椂 </div> - <div - class="radio" - :class="isNtp ? 'highlight-radio' : ''" - @click="isNtp = true" - > + <div class="radio" :class="isNtp ? 'highlight-radio' : ''" @click="isNtp = true"> NTP鏍℃椂 </div> </div> @@ -366,14 +254,8 @@ /> </div> <div class="control"> - <span class="icon iconfont" @click="plusOne('hrs')" - ></span - > - <span - class="icon iconfont fanzhuan" - @click="minusOne('hrs')" - ></span - > + <span class="icon iconfont" @click="plusOne('hrs')"></span> + <span class="icon iconfont fanzhuan" @click="minusOne('hrs')"></span> </div> </div> <div class="sep">:</div> @@ -392,14 +274,8 @@ /> </div> <div class="control"> - <span class="icon iconfont" @click="plusOne('min')" - ></span - > - <span - class="icon iconfont fanzhuan" - @click="minusOne('min')" - ></span - > + <span class="icon iconfont" @click="plusOne('min')"></span> + <span class="icon iconfont fanzhuan" @click="minusOne('min')"></span> </div> </div> <div class="sep">:</div> @@ -418,14 +294,8 @@ /> </div> <div class="control"> - <span class="icon iconfont" @click="plusOne('sec')" - ></span - > - <span - class="icon iconfont fanzhuan" - @click="minusOne('sec')" - ></span - > + <span class="icon iconfont" @click="plusOne('sec')"></span> + <span class="icon iconfont fanzhuan" @click="minusOne('sec')"></span> </div> </div> </div> @@ -502,21 +372,14 @@ </div> <div class="manual-time"> - <switchBar - :barName="`鍚屾鏈绠楁満鏃堕棿`" - @switchChange="syncBrowser" - :value="isSyncBrowser" - ></switchBar> + <switchBar :barName="`鍚屾鏈绠楁満鏃堕棿`" @switchChange="syncBrowser" :value="isSyncBrowser"></switchBar> </div> </div> <div class="ntp-wrap" v-if="isNtp"> <el-form> <el-form-item label="鏈嶅姟鍣ㄥ湴鍧�"> - <ipInput - :ip="ntpServer" - @on-blur="ntpServer = arguments[0]" - ></ipInput> + <ipInput :ip="ntpServer" @on-blur="ntpServer = arguments[0]"></ipInput> </el-form-item> <el-form-item label="鏍℃椂鏃堕棿闂撮殧"> @@ -531,12 +394,7 @@ ></el-input-number> <span class="desc-min">鍒嗛挓</span> - <el-button - type="text" - @click="testNTP" - :loading="ntpTestLoading" - >娴嬭瘯</el-button - > + <el-button type="text" @click="testNTP" :loading="ntpTestLoading">娴嬭瘯</el-button> </div> </el-form-item> </el-form> @@ -551,41 +409,16 @@ </div> </div> - <clusterManagement - v-if="activeIndex == 2" - ref="view_2" - style="width: 100%" - ></clusterManagement> - <netSettings - ref="view_3" - v-if="activeIndex == 3" - style="width: 100%" - ></netSettings> - <keyboardLanguage - ref="view_4" - v-if="activeIndex == 4" - style="width: 100%" - ></keyboardLanguage> - <generalSettings - ref="view_5" - v-if="activeIndex == 5" - style="width: 100%" - ></generalSettings> - <deviceInfo - v-if="activeIndex == 6" - style="width: 100%" - ref="view_6" - ></deviceInfo> - <Authorization v-if="activeIndex == 7" style="width: 100%" ref="view_7"> - </Authorization> + <clusterManagement v-if="activeIndex == 2" ref="view_2" style="width: 100%"></clusterManagement> + <netSettings ref="view_3" v-if="activeIndex == 3" style="width: 100%"></netSettings> + <keyboardLanguage ref="view_4" v-if="activeIndex == 4" style="width: 100%"></keyboardLanguage> + <generalSettings ref="view_5" v-if="activeIndex == 5" style="width: 100%"></generalSettings> + <deviceInfo v-if="activeIndex == 6" style="width: 100%" ref="view_6"></deviceInfo> + <Authorization v-if="activeIndex == 7" style="width: 100%" ref="view_7"> </Authorization> <WebManage v-if="activeIndex == 8"></WebManage> </div> <div class="welcome-page" v-else ref="curPage" @mouseup="mouseDownIndex = ''"> - <div - class="search-box" - :class="showRecomand ? 'border-change' : ''" - @click.stop - > + <div class="search-box" :class="showRecomand ? 'border-change' : ''" @click.stop> <el-input class="search-input" placeholder="鏌ユ壘璁剧疆" @@ -598,17 +431,10 @@ </el-input> <div class="search-res" v-if="showRecomand"> - <div - class="res-bar" - v-for="(item, index) in searchArrForShow" - :key="index" - @click="pickQuick(item.addr)" - > + <div class="res-bar" v-for="(item, index) in searchArrForShow" :key="index" @click="pickQuick(item.addr)"> {{ item.name }} </div> - <div class="no-res-bar" v-if="searchArrForShow.length == 0"> - 娌℃湁鎵惧埌涓� {{ searchText }} 鐩稿叧鐨勭粨鏋� - </div> + <div class="no-res-bar" v-if="searchArrForShow.length == 0">娌℃湁鎵惧埌涓� {{ searchText }} 鐩稿叧鐨勭粨鏋�</div> </div> <div class="dummy-end" v-if="showRecomand" style="height: 14px"></div> </div> @@ -631,7 +457,7 @@ </template> <script> -import { getClockInfo, saveClockInfo, testNTPserver } from "@/api/system"; +import { getClockInfo, saveClockInfo, testNTPserver } from "@/api/system" import { addUser, getUsers, @@ -641,18 +467,18 @@ deleteUser, getUserMenus, defHeadPics, - getRoles, -} from "@/api/user"; -import switchBar from "../components/switchBar"; -import ipInput from "../components/IPInput"; -import clusterManagement from "../views/clusterManagement"; -import netSettings from "../views/NetSettings"; -import deviceInfo from "../views/deviceInfo"; -import keyboardLanguage from "../views/keyboardLanguage"; -import generalSettings from "../views/generalSettings"; -import Authorization from "../views/Authorization"; -import WebManage from "@/pages/settings/components/WebManage"; -import { pad0, getUrlKey } from "@/api/utils"; + getRoles +} from "@/api/user" +import switchBar from "../components/switchBar" +import ipInput from "../components/IPInput" +import clusterManagement from "../views/clusterManagement" +import netSettings from "../views/NetSettings" +import deviceInfo from "../views/deviceInfo" +import keyboardLanguage from "../views/keyboardLanguage" +import generalSettings from "../views/generalSettings" +import Authorization from "../views/Authorization" +import WebManage from "@/pages/settings/components/WebManage" +import { pad0, getUrlKey } from "@/api/utils" export default { name: "settings", @@ -665,41 +491,41 @@ generalSettings, deviceInfo, Authorization, - WebManage, + WebManage }, data() { var v2 = (rule, value, callback) => { if (value === "") { - callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�")); + callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�")) } else if (value !== this.addForm.password) { - callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!")); + callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!")) } else { - callback(); + callback() } - }; + } var v4 = (rule, value, callback) => { if (value === "") { - callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�")); + callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�")) } else if (value !== this.passwordForm.newPassword) { - callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!")); + callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!")) } else { - callback(); + callback() } - }; + } const v1 = (rule, value, callback) => { if (value.trim() === "") { - callback(new Error("璇疯緭鍏ョ敤鎴峰悕")); - this.addForm.userName = ""; + callback(new Error("璇疯緭鍏ョ敤鎴峰悕")) + this.addForm.userName = "" } else if (isNaN(Number(value[0])) == false) { - callback(new Error("涓嶈兘浠ユ暟瀛楀紑澶�")); + callback(new Error("涓嶈兘浠ユ暟瀛楀紑澶�")) } else if (/[\u4E00-\u9FA5]/g.test(value)) { - callback(new Error("涓嶈兘杈撳叆姹夊瓧")); + callback(new Error("涓嶈兘杈撳叆姹夊瓧")) } else if (value.length < 2 || value.length > 10) { - callback(new Error("闀垮害涓� 2 - 10 涓瓧绗�")); + callback(new Error("闀垮害涓� 2 - 10 涓瓧绗�")) } else { - callback(); + callback() } - }; + } return { showChangePic: false, syncYrs: "", @@ -733,7 +559,7 @@ { name: "鎵嬪姩鏍℃椂", addr: [1, 1] }, { name: "閿洏鍜岃瑷�", addr: [4] }, { name: "绯荤粺璇█", addr: [4, 0] }, - { name: "閿洏绠$悊", addr: [4, 1] }, + { name: "閿洏绠$悊", addr: [4, 1] } ], inputNickName: "", showHourInput: false, @@ -757,69 +583,69 @@ settime: "", weekday: "", menuArr: [ - { - name: "璐︽埛", - icon: "\ue6de", - imgUrl: "/images/settings/璐︽埛-钃�.png", - blackIcon: "/images/settings/榛戣壊涓�绾con/璐︽埛.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/璐︽埛.png", - }, + // { + // name: "璐︽埛", + // icon: "\ue6de", + // imgUrl: "/images/settings/璐︽埛-钃�.png", + // blackIcon: "/images/settings/榛戣壊涓�绾con/璐︽埛.png", + // whiteIcon: "/images/settings/鐧借壊涓�绾con/璐︽埛.png", + // }, { name: "鏃ユ湡鏃堕棿", icon: "\ue6ff", imgUrl: "/images/settings/鏃堕棿鏃ユ湡.png", blackIcon: "/images/settings/榛戣壊涓�绾con/鏃堕棿淇℃伅.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/鏃堕棿鏃ユ湡.png", + whiteIcon: "/images/settings/鐧借壊涓�绾con/鏃堕棿鏃ユ湡.png" }, { name: "闆嗙兢绠$悊", icon: "\ue6df", imgUrl: "/images/settings/闆嗙兢绠$悊.png", blackIcon: "/images/settings/榛戣壊涓�绾con/闆嗙兢绠$悊.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/闆嗙兢绠$悊.png", + whiteIcon: "/images/settings/鐧借壊涓�绾con/闆嗙兢绠$悊.png" }, { name: "缃戠粶璁剧疆", icon: "\ue6dd", imgUrl: "/images/settings/缃戠粶璁剧疆.png", blackIcon: "/images/settings/榛戣壊涓�绾con/缃戠粶璁剧疆.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/缃戠粶璁剧疆.png", + whiteIcon: "/images/settings/鐧借壊涓�绾con/缃戠粶璁剧疆.png" }, { name: "閿洏鍜岃瑷�", icon: "\ue6dc", imgUrl: "/images/settings/閿洏鍜岃瑷�.png", blackIcon: "/images/settings/榛戣壊涓�绾con/閿洏鍜岃瑷�.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/閿洏鍜岃瑷�.png", + whiteIcon: "/images/settings/鐧借壊涓�绾con/閿洏鍜岃瑷�.png" }, { name: "閫氱敤璁剧疆", icon: "\ue6db", imgUrl: "/images/settings/閫氱敤璁剧疆.png", blackIcon: "/images/settings/榛戣壊涓�绾con/閫氱敤璁剧疆.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/閫氱敤璁剧疆.png", + whiteIcon: "/images/settings/鐧借壊涓�绾con/閫氱敤璁剧疆.png" }, - { - name: "璁惧淇℃伅", - icon: "\ue756", - imgUrl: "/images/settings/璁惧淇℃伅.png", - blackIcon: "/images/settings/榛戣壊涓�绾con/璁惧淇℃伅.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/璁惧淇℃伅.png", - }, + // { + // name: "璁惧淇℃伅", + // icon: "\ue756", + // imgUrl: "/images/settings/璁惧淇℃伅.png", + // blackIcon: "/images/settings/榛戣壊涓�绾con/璁惧淇℃伅.png", + // whiteIcon: "/images/settings/鐧借壊涓�绾con/璁惧淇℃伅.png", + // }, { name: "鎺堟潈绠$悊", icon: "\ue7e9;", imgUrl: "/images/settings/鎺堟潈绠$悊.png", blackIcon: "/images/settings/榛戣壊涓�绾con/鎺堟潈绠$悊.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/鎺堟潈绠$悊.png", + whiteIcon: "/images/settings/鐧借壊涓�绾con/鎺堟潈绠$悊.png" }, { name: "鍩熷悕绠$悊", icon: "\ue6db", imgUrl: "/images/settings/閫氱敤璁剧疆.png", blackIcon: "/images/settings/榛戣壊涓�绾con/閫氱敤璁剧疆.png", - whiteIcon: "/images/settings/鐧借壊涓�绾con/閫氱敤璁剧疆.png", - }, + whiteIcon: "/images/settings/鐧借壊涓�绾con/閫氱敤璁剧疆.png" + } ], accountArr: [], jpgArr: [], @@ -837,7 +663,7 @@ passwordForm: { curPassword: "", newPassword: "", - confirmPassword: "", + confirmPassword: "" }, activeAccountIndex: 0, sysMenus: [], @@ -848,489 +674,482 @@ password: "", headpic: "", confirmPassword: "", - roleId: "", + roleId: "" }, props: { - label: "name", + label: "name" }, addRules: { userName: [{ validator: v1, trigger: "blur" }], - nickName: [ - { min: 2, max: 10, message: "闀垮害涓� 2 - 10 浣�", trigger: "blur" }, - ], + nickName: [{ min: 2, max: 10, message: "闀垮害涓� 2 - 10 浣�", trigger: "blur" }], password: [ { required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }, - { min: 6, message: "闀垮害鑷冲皯涓� 6 浣�", trigger: "blur" }, + { min: 6, message: "闀垮害鑷冲皯涓� 6 浣�", trigger: "blur" } ], - confirmPassword: [{ validator: v2, trigger: "blur" }], + confirmPassword: [{ validator: v2, trigger: "blur" }] }, pwRules: { curPassword: [ { required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }, - { min: 6, message: "闀垮害鑷冲皯涓� 6 浣�", trigger: "blur" }, + { min: 6, message: "闀垮害鑷冲皯涓� 6 浣�", trigger: "blur" } ], newPassword: [ { required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }, - { min: 6, message: "闀垮害鑷冲皯涓� 6 浣�", trigger: "blur" }, + { min: 6, message: "闀垮害鑷冲皯涓� 6 浣�", trigger: "blur" } ], - confirmPassword: [{ validator: v4, trigger: "blur" }], + confirmPassword: [{ validator: v4, trigger: "blur" }] }, - account_list_scroll: false, - }; + account_list_scroll: false + } }, created() { - let color = localStorage.getItem("--colorCard"); + let color = localStorage.getItem("--colorCard") if (color) { - document.documentElement.style.setProperty("--colorCard", `${color}`); + document.documentElement.style.setProperty("--colorCard", `${color}`) } }, beforeDestroy() { - clearTimeout(this.clockTimer); - clearInterval(this.browserTimer); + clearTimeout(this.clockTimer) + clearInterval(this.browserTimer) }, mounted() { // 杩斿洖鎸夐挳鍥炶皟 window.addEventListener("message", (e) => { if (e.data.msg === "杩斿洖绯荤粺璁剧疆") { - this.showWelcome = true; + this.showWelcome = true } - }); - const menu = getUrlKey("menu"); + }) + const menu = getUrlKey("menu") if (menu) { - this.showWelcome = false; - this.activeIndex = this.menuArr.findIndex((x) => x.name == menu); + this.showWelcome = false + this.activeIndex = this.menuArr.findIndex((x) => x.name == menu) this.$nextTick(() => { - this.$refs.view_3.openRight(2); - }); + this.$refs.view_3.openRight(2) + }) } - this.fetchUserList(); - this.fetchDefHeadPic(); - const e = this.$refs.curPage; + this.fetchUserList() + this.fetchDefHeadPic() + const e = this.$refs.curPage if (e) { e.addEventListener("click", () => { if (this.showRecomand) { - this.showRecomand = false; + this.showRecomand = false } - }); + }) } }, methods: { fetchDefHeadPic() { defHeadPics().then((res) => { - this.jpgArr = res.data; - }); + this.jpgArr = res.data + }) }, fetchUserList(showLast = false) { getUsers().then((res) => { - this.accountArr = res.data; + this.accountArr = res.data if (this.accountArr.length) { - this.activeAccountItem = this.accountArr[this.activeAccountIndex]; + this.activeAccountItem = this.accountArr[this.activeAccountIndex] } if (showLast) { - this.cancelAdd(); - const lastIdx = this.accountArr.length - 1; - this.openAccount(this.accountArr[lastIdx], lastIdx); + this.cancelAdd() + const lastIdx = this.accountArr.length - 1 + this.openAccount(this.accountArr[lastIdx], lastIdx) } - }); + }) }, confirmChangePic() { updateUser({ id: this.activeAccountItem.id, - headpic: this.addForm.headpic, + headpic: this.addForm.headpic }).then((res) => { if (res.success) { - this.$message.success(res.msg); - this.fetchUserList(); - this.cacelChoosePic(); + this.$message.success(res.msg) + this.fetchUserList() + this.cacelChoosePic() } - }); + }) }, checkMonthInput() { - this.inputMonth = this.inputMonth.replace(/[^\d]/g, ""); - if (this.inputMonth.length > 2) - this.inputMonth = this.inputMonth.slice(0, 2); + this.inputMonth = this.inputMonth.replace(/[^\d]/g, "") + if (this.inputMonth.length > 2) this.inputMonth = this.inputMonth.slice(0, 2) if (+this.inputMonth > 12) { - this.inputMonth = "12"; + this.inputMonth = "12" } }, checkDayInput() { - this.inputDay = this.inputDay.replace(/[^\d]/g, ""); + this.inputDay = this.inputDay.replace(/[^\d]/g, "") if (this.inputDay.length > 2) { - this.inputDay = this.inputDay.slice(0, 2); + this.inputDay = this.inputDay.slice(0, 2) } - const max = this.getMaxDayOfMonth(); + const max = this.getMaxDayOfMonth() if (+this.inputDay > max) { - this.inputDay = max + ""; + this.inputDay = max + "" } }, editNickName() { - this.showInputNickName = true; - this.inputNickName = this.activeAccountItem.nickname; + this.showInputNickName = true + this.inputNickName = this.activeAccountItem.nickname }, hideInputNick() { if (this.inputNickName == this.activeAccountItem.nickname) { - this.showInputNickName = false; - return; + this.showInputNickName = false + return } updateUser({ id: this.activeAccountItem.id, - nickname: this.inputNickName, + nickname: this.inputNickName }).then((res) => { - this.activeAccountItem.nickname = this.inputNickName; - this.$message.success(res.msg); - this.fetchUserList(true); - this.showInputNickName = false; - }); + this.activeAccountItem.nickname = this.inputNickName + this.$message.success(res.msg) + this.fetchUserList(true) + this.showInputNickName = false + }) }, openAccount(item, i) { - this.showInputNickName = false; - this.activeAccountItem = item; - this.activeAccountIndex = i; - this.isChangePw = false; - this.inAccountDetail = false; - this.cancelSet(); - this.inAccountDetail = false; - this.isAddAccount = false; - this.selectedPic = null; - this.cacelChoosePic(); - this.fetchMenu(); + this.showInputNickName = false + this.activeAccountItem = item + this.activeAccountIndex = i + this.isChangePw = false + this.inAccountDetail = false + this.cancelSet() + this.inAccountDetail = false + this.isAddAccount = false + this.selectedPic = null + this.cacelChoosePic() + this.fetchMenu() }, minusOne(typ) { - this.isSyncBrowser = false; - this.syncBrowser(false); - let num; + this.isSyncBrowser = false + this.syncBrowser(false) + let num switch (typ) { case "hrs": - num = +this.syncHour - 1; + num = +this.syncHour - 1 if (num == -1) { - num = 23; + num = 23 } - this.syncHour = pad0(+num); - break; + this.syncHour = pad0(+num) + break case "min": - num = +this.syncMin - 1; + num = +this.syncMin - 1 if (num == -1) { - num = 59; + num = 59 } - this.syncMin = pad0(+num); - break; + this.syncMin = pad0(+num) + break case "sec": - num = +this.syncSec + 1; + num = +this.syncSec + 1 if (num == -1) { - num = 59; + num = 59 } - this.syncSec = pad0(+num); - break; + this.syncSec = pad0(+num) + break case "yrs": - num = +this.syncYrs - 1; - this.syncYrs = pad0(+num); - break; + num = +this.syncYrs - 1 + this.syncYrs = pad0(+num) + break case "mth": - num = +this.syncMonth - 1; + num = +this.syncMonth - 1 if (num == 0) { - num = 12; - this.minusOne("yrs"); + num = 12 + this.minusOne("yrs") } - this.syncMonth = pad0(+num); + this.syncMonth = pad0(+num) if (+this.syncDay > this.getMaxDayOfMonth()) { - this.minusOne("day"); + this.minusOne("day") } - break; + break case "day": - num = +this.syncDay - 1; + num = +this.syncDay - 1 if (num == 0) { - num = this.getMaxDayOfMonth(); + num = this.getMaxDayOfMonth() } - this.syncDay = pad0(+num); - break; + this.syncDay = pad0(+num) + break default: - break; + break } }, getMaxDayOfMonth() { - return new Date(+this.syncYrs, +this.syncMonth, 0).getDate(); + return new Date(+this.syncYrs, +this.syncMonth, 0).getDate() }, fatherChange(item) { item.children.forEach((x) => { - x.selected = item.selected; - }); + x.selected = item.selected + }) }, childrenChange(item) { - let SomeOneSelected = item.children.some((x) => x.selected == true); - item.selected = SomeOneSelected; + let SomeOneSelected = item.children.some((x) => x.selected == true) + item.selected = SomeOneSelected }, plusOne(typ) { - this.isSyncBrowser = false; - this.syncBrowser(false); - let num; + this.isSyncBrowser = false + this.syncBrowser(false) + let num switch (typ) { case "hrs": - num = +this.syncHour + 1; + num = +this.syncHour + 1 if (num == 24) { - num = 0; + num = 0 } - this.syncHour = pad0(+num); - break; + this.syncHour = pad0(+num) + break case "min": - num = +this.syncMin + 1; + num = +this.syncMin + 1 if (num == 60) { - num = 0; + num = 0 } - this.syncMin = pad0(+num); - break; + this.syncMin = pad0(+num) + break case "sec": - num = +this.syncSec + 1; + num = +this.syncSec + 1 if (num == 60) { - num = 0; + num = 0 } - this.syncSec = pad0(+num); - break; + this.syncSec = pad0(+num) + break case "yrs": - num = +this.syncYrs + 1; - this.syncYrs = pad0(+num); - break; + num = +this.syncYrs + 1 + this.syncYrs = pad0(+num) + break case "mth": - num = +this.syncMonth + 1; + num = +this.syncMonth + 1 if (num == 13) { - num = 1; + num = 1 } - this.syncMonth = pad0(+num); + this.syncMonth = pad0(+num) if (+this.syncDay > this.getMaxDayOfMonth()) { - this.minusOne("day"); + this.minusOne("day") } - break; + break case "day": - num = +this.syncDay + 1; + num = +this.syncDay + 1 if (num > this.getMaxDayOfMonth()) { - num = 1; + num = 1 } - this.syncDay = pad0(+num); - break; + this.syncDay = pad0(+num) + break default: - break; + break } }, editHeadPic() { - this.showJPGArr = true; + this.showJPGArr = true this.jpgArr.forEach((item, index) => { if (this.activeAccountItem.headpic == item.path) { - this.selectedPic = index; + this.selectedPic = index } - }); + }) }, submitClock() { if (this.isNtp) { if (this.ntpServer === "" || this.ntpServer === "...") { - this.$notify.error("NTP 鏈嶅姟鍣ㄥ湴鍧�涓嶈兘涓虹┖"); - return false; + this.$notify.error("NTP 鏈嶅姟鍣ㄥ湴鍧�涓嶈兘涓虹┖") + return false } else if (this.timeInterval === "") { - this.timeInterval = 1; + this.timeInterval = 1 } } else if (this.isSyncBrowser) { if (this.settime === "") { - this.$notify.error("璁剧疆鏃堕棿涓嶈兘涓虹┖"); - return false; + this.$notify.error("璁剧疆鏃堕棿涓嶈兘涓虹┖") + return false } } else { - this.settime = `${this.syncYrs}-${this.syncMonth}-${this.syncDay} ${this.syncHour}:${this.syncMin}:${this.syncSec}`; + this.settime = `${this.syncYrs}-${this.syncMonth}-${this.syncDay} ${this.syncHour}:${this.syncMin}:${this.syncSec}` } - const now = new Date().getTime(); + const now = new Date().getTime() if (new Date(this.settime).getTime() > now) { - this.$message.warning( - "璁剧疆鐨勬椂闂翠笉鑳芥櫄浜庡綋鍓嶆椂闂�: " + this.formatTime(now, "Y-M-D h:m:s") - ); - return; + this.$message.warning("璁剧疆鐨勬椂闂翠笉鑳芥櫄浜庡綋鍓嶆椂闂�: " + this.formatTime(now, "Y-M-D h:m:s")) + return } saveClockInfo({ timeZone: this.timezone, ntp: this.isNtp, ntpServer: this.ntpServer, interval: this.timeInterval, - newTime: this.settime, + newTime: this.settime }).then( (rsp) => { if (rsp && rsp.success) { - this.$notify.success("璁剧疆鎴愬姛"); + this.$notify.success("璁剧疆鎴愬姛") } - this.initClockConf(); + this.initClockConf() }, (err) => { - this.$notify.error("璁剧疆澶辫触 " + err.msg); + this.$notify.error("璁剧疆澶辫触 " + err.msg) } - ); + ) }, saveAuth() { updataUser({ id: this.activeAccountItem.id, - menuIds: this.$refs.treeMenus.getCheckedKeys(), + menuIds: this.$refs.treeMenus.getCheckedKeys() }).then((res) => { if (res.success) { - this.$message.success(res.msg); - this.cancelSet(); + this.$message.success(res.msg) + this.cancelSet() } - }); + }) }, formatTime(timestamp, format) { const formatNumber = (n) => { - n = n + ""; - return n[1] ? n : "0" + n; - }; - var formateArr = ["Y", "M", "D", "h", "m", "s"]; - var returnArr = []; - var date = new Date(timestamp); - returnArr.push(date.getFullYear()); - returnArr.push(formatNumber(date.getMonth() + 1)); - returnArr.push(formatNumber(date.getDate())); - returnArr.push(formatNumber(date.getHours())); - returnArr.push(formatNumber(date.getMinutes())); - returnArr.push(formatNumber(date.getSeconds())); - for (var i in returnArr) { - format = format.replace(formateArr[i], returnArr[i]); + n = n + "" + return n[1] ? n : "0" + n } - return format; + var formateArr = ["Y", "M", "D", "h", "m", "s"] + var returnArr = [] + var date = new Date(timestamp) + returnArr.push(date.getFullYear()) + returnArr.push(formatNumber(date.getMonth() + 1)) + returnArr.push(formatNumber(date.getDate())) + returnArr.push(formatNumber(date.getHours())) + returnArr.push(formatNumber(date.getMinutes())) + returnArr.push(formatNumber(date.getSeconds())) + for (var i in returnArr) { + format = format.replace(formateArr[i], returnArr[i]) + } + return format }, initClockConf(ntpTest = false) { getClockInfo().then((rsp) => { if (rsp && rsp.success) { - this.timezone = rsp.data.time_zone; + this.timezone = rsp.data.time_zone if (!ntpTest) { - this.isNtp = rsp.data.ntp; + this.isNtp = rsp.data.ntp } if (rsp.data.ntp) { - this.ntpServer = rsp.data.ntp_server; - this.timeInterval = rsp.data.interval; + this.ntpServer = rsp.data.ntp_server + this.timeInterval = rsp.data.interval } - this.timestamp = rsp.data.local_time; - this.weekday = - "鏄熸湡" + - "鏃ヤ竴浜屼笁鍥涗簲鍏�".charAt(new Date(+this.timestamp * 1000).getDay()); + this.timestamp = rsp.data.local_time + this.weekday = "鏄熸湡" + "鏃ヤ竴浜屼笁鍥涗簲鍏�".charAt(new Date(+this.timestamp * 1000).getDay()) if (this.clockTimer === null) { - this.runClock(); - if (!this.isNtp) this.parseTime(); + this.runClock() + if (!this.isNtp) this.parseTime() } } - }); + }) }, openMenu(i) { - this.activeIndex = i; + this.activeIndex = i if (this.activeIndex == 1) { - this.initClockConf(); + this.initClockConf() } }, openWelcome(i) { - this.showWelcome = false; - this.openMenu(i); + this.showWelcome = false + this.openMenu(i) }, showInput(typ) { - this[`show${typ}Input`] = true; + this[`show${typ}Input`] = true this.$nextTick(() => { - this.$refs[`ipt${typ}`].focus(); - }); + this.$refs[`ipt${typ}`].focus() + }) }, hideInput(typ) { if (this[`input${typ}`]) { - this[`sync${typ}`] = pad0(+this[`input${typ}`]); + this[`sync${typ}`] = pad0(+this[`input${typ}`]) } - this[`show${typ}Input`] = false; - this[`input${typ}`] = ""; + this[`show${typ}Input`] = false + this[`input${typ}`] = "" if (typ == "Month") { - const max = this.getMaxDayOfMonth(); + const max = this.getMaxDayOfMonth() if (+this.syncDay > max) { - this.syncDay = max + ""; + this.syncDay = max + "" } } }, cancelSetTime() { - this.parseTime(); - this.ntpServer = "..."; - this.timeInterval = 10; + this.parseTime() + this.ntpServer = "..." + this.timeInterval = 10 }, syncBrowser(enable) { - this.isSyncBrowser = enable; + this.isSyncBrowser = enable if (!enable) { - clearInterval(this.browserTimer); + clearInterval(this.browserTimer) } else { this.browserTimer = setInterval(() => { - this.settime = this.formatTime(new Date().getTime(), "Y-M-D h:m:s"); - let [arr1, arr2] = this.settime.split(" "); - [this.syncYrs, this.syncMonth, this.syncDay] = arr1.split("-"); - [this.syncHour, this.syncMin, this.syncSec] = arr2.split(":"); - }, 1000); + this.settime = this.formatTime(new Date().getTime(), "Y-M-D h:m:s") + let [arr1, arr2] = this.settime.split(" ") + ;[this.syncYrs, this.syncMonth, this.syncDay] = arr1.split("-") + ;[this.syncHour, this.syncMin, this.syncSec] = arr2.split(":") + }, 1000) } }, openAdd() { - this.inAccountDetail = false; - this.isAddAccount = true; - this.selectedPic = 0; - this.addForm.headpic = this.jpgArr[0].path; + this.inAccountDetail = false + this.isAddAccount = true + this.selectedPic = 0 + this.addForm.headpic = this.jpgArr[0].path getRoles().then((res) => { if (res.success) { - this.roleList = res.data; + this.roleList = res.data } - }); + }) }, cancelAdd() { - this.inAccountDetail = false; - this.isAddAccount = false; - this.$refs["addForm"].resetFields(); - this.selectedPic = null; + this.inAccountDetail = false + this.isAddAccount = false + this.$refs["addForm"].resetFields() + this.selectedPic = null }, cancelPassword() { - this.isChangePw = false; - this.inAccountDetail = false; - this.$refs["passwordForm"].resetFields(); + this.isChangePw = false + this.inAccountDetail = false + this.$refs["passwordForm"].resetFields() }, pickQuick(addr) { if (addr.length == 1) { - this.openWelcome(addr[0]); + this.openWelcome(addr[0]) } else { - this.openWelcome(addr[0]); + this.openWelcome(addr[0]) this.$nextTick(() => { if (addr[0] == 1) { - return; + return } - this.$refs[`view_${addr[0]}`].openRight(addr[1]); - }); + this.$refs[`view_${addr[0]}`].openRight(addr[1]) + }) } }, cacelChoosePic() { - this.addForm.headpic = ""; - this.showChangePic = false; - this.selectedPic = null; - this.showJPGArr = false; + this.addForm.headpic = "" + this.showChangePic = false + this.selectedPic = null + this.showJPGArr = false }, SaveNewPassword(formName) { - let data; + let data this.$refs[formName].validate((valid) => { if (valid) { if (this.passwordForm.curPassword == "") { data = { userId: this.activeAccountItem.id, oldPwd: "", - newPwd: this.passwordForm.newPassword, - }; + newPwd: this.passwordForm.newPassword + } } else { data = { oldPwd: this.passwordForm.curPassword, - newPwd: this.passwordForm.newPassword, - }; + newPwd: this.passwordForm.newPassword + } } updatePassword(data).then( (res) => { if (res.success) { - this.$message.success("瀵嗙爜" + res.msg); + this.$message.success("瀵嗙爜" + res.msg) setTimeout(() => { - this.cancelPassword(); - }, 1000); + this.cancelPassword() + }, 1000) } }, (err) => { - this.$message.error("淇濆瓨澶辫触锛�" + err.msg); + this.$message.error("淇濆瓨澶辫触锛�" + err.msg) } - ); + ) } - }); + }) }, saveAddAccount(formName) { this.$refs[formName].validate((valid) => { @@ -1340,189 +1159,183 @@ password: this.addForm.password, nickname: this.addForm.nickName, headpic: this.addForm.headpic, - roleId: this.addForm.roleId, - }; + roleId: this.addForm.roleId + } addUser(data).then( (res) => { - this.$message.success(res.data); - this.fetchUserList(true); + this.$message.success(res.data) + this.fetchUserList(true) }, (err) => { - this.$message.error("淇濆瓨澶辫触锛�" + err.msg); + this.$message.error("淇濆瓨澶辫触锛�" + err.msg) } - ); + ) } else { - return false; + return false } - }); + }) }, pickHeadDefPic(item, i) { if (this.selectedPic == i) { - this.selectedPic = null; - this.addForm.headpic = ""; - return; + this.selectedPic = null + this.addForm.headpic = "" + return } - this.addForm.headpic = item.path; - this.selectedPic = i; + this.addForm.headpic = item.path + this.selectedPic = i }, testNTP() { - this.ntpTestLoading = true; + this.ntpTestLoading = true testNTPserver({ server: this.ntpServer }) .then((rsp) => { if (rsp && rsp.success) { this.$notify({ type: "success", - message: "鏃堕棿鍚屾鎴愬姛", - }); + message: "鏃堕棿鍚屾鎴愬姛" + }) } else { this.$notify({ type: "error", - message: "鏃堕棿鍚屾澶辫触", - }); + message: "鏃堕棿鍚屾澶辫触" + }) } - this.ntpTestLoading = false; - this.initClockConf(true); + this.ntpTestLoading = false + this.initClockConf(true) }) .catch((err) => { this.$notify({ type: "error", - message: "鏃堕棿鍚屾澶辫触,璇锋鏌ユ湇鍔″櫒ip", - }); - this.ntpTestLoading = false; - }); + message: "鏃堕棿鍚屾澶辫触,璇锋鏌ユ湇鍔″櫒ip" + }) + this.ntpTestLoading = false + }) }, cancelSet() { - this.isSetPermission = false; - this.inAccountDetail = false; - this.sysMenus = []; + this.isSetPermission = false + this.inAccountDetail = false + this.sysMenus = [] }, showChangePassword() { - this.isChangePw = true; - this.inAccountDetail = true; + this.isChangePw = true + this.inAccountDetail = true }, runClock() { - const str = this.formatTime(++this.timestamp * 1000, "Y-M-D h:m:s"); - [this.equipmentDate, this.equipmentTime] = str.split(" "); + const str = this.formatTime(++this.timestamp * 1000, "Y-M-D h:m:s") + ;[this.equipmentDate, this.equipmentTime] = str.split(" ") this.clockTimer = setTimeout(() => { - this.runClock(); - }, 1000); + this.runClock() + }, 1000) }, deleteAccount() { - const h = this.$createElement; + const h = this.$createElement this.$msgbox({ title: "", message: h( "div", { - style: - "display: flex; flex-direction: column; justify-content: center; align-items: center;", + style: "display: flex; flex-direction: column; justify-content: center; align-items: center;" }, [ h("span", { class: "icon iconfont warn-icon" }, "\ue71c"), h("span", { class: "warn-title" }, "鍒犻櫎璐︽埛"), - h("span", { class: "warn-dec" }, "鎮ㄦ槸鍚︾‘璁ゅ垹闄よ处鎴凤紵"), + h("span", { class: "warn-dec" }, "鎮ㄦ槸鍚︾‘璁ゅ垹闄よ处鎴凤紵") ] ), showCancelButton: true, showClose: true, confirmButtonText: "纭畾", cancelButtonText: "鍙栨秷", - customClass: "del-account-message-box", + customClass: "del-account-message-box" }) .then(() => { let obj = { - ids: [this.activeAccountItem.id], - }; + ids: [this.activeAccountItem.id] + } deleteUser(obj).then((res) => { if (res.success) { - this.fetchUserList(); - this.$message.success("鍒犻櫎鎴愬姛!"); + this.fetchUserList() + this.$message.success("鍒犻櫎鎴愬姛!") } else { - this.$message.error("鍒犻櫎澶辫触"); + this.$message.error("鍒犻櫎澶辫触") } - }); + }) }) - .catch(() => {}); + .catch(() => {}) }, fetchMenu() { getUserMenus({ - userId: this.activeAccountItem.id, + userId: this.activeAccountItem.id }).then((res) => { if (res && res.success) { - this.sysMenus = res.data; - let arr = []; - this.drawChecked(this.sysMenus, arr); - this.checkedArr = arr; + this.sysMenus = res.data + let arr = [] + this.drawChecked(this.sysMenus, arr) + this.checkedArr = arr } - }); + }) }, drawChecked(arr, res) { for (const item of arr) { - if (item.selected && !item.children) res.push(item.id); - if (item.children) this.drawChecked(item.children, res); + if (item.selected && !item.children) res.push(item.id) + if (item.children) this.drawChecked(item.children, res) } }, openPermission() { - this.inAccountDetail = true; - this.isSetPermission = true; + this.inAccountDetail = true + this.isSetPermission = true if (this.sysMenus.length == 0) { - this.fetchMenu(); + this.fetchMenu() } }, parseTime() { - [this.syncYrs, this.syncMonth, this.syncDay] = - this.equipmentDate.split("-"); - [this.syncHour, this.syncMin, this.syncSec] = - this.equipmentTime.split(":"); - }, + ;[this.syncYrs, this.syncMonth, this.syncDay] = this.equipmentDate.split("-") + ;[this.syncHour, this.syncMin, this.syncSec] = this.equipmentTime.split(":") + } }, computed: { activeUserRole() { - if ( - this.activeAccountItem.sysRoles && - this.activeAccountItem.sysRoles.length - ) { - return this.activeAccountItem.sysRoles[0].name; + if (this.activeAccountItem.sysRoles && this.activeAccountItem.sysRoles.length) { + return this.activeAccountItem.sysRoles[0].name } - return "鏅�氱敤鎴�"; + return "鏅�氱敤鎴�" }, curUserRole() { - const info = JSON.parse(sessionStorage.getItem("userInfo")); - return info.roleName; + const info = JSON.parse(sessionStorage.getItem("userInfo")) + return info.roleName }, curUserID() { - const info = JSON.parse(sessionStorage.getItem("userInfo")); - return info.id; + const info = JSON.parse(sessionStorage.getItem("userInfo")) + return info.id }, isShowDeleteAccount() { if (this.curUserRole == "瓒呯骇绠$悊鍛�") { - return this.activeUserRole != "瓒呯骇绠$悊鍛�"; + return this.activeUserRole != "瓒呯骇绠$悊鍛�" } else if (this.curUserRole == "绠$悊鍛�") { - return this.activeUserRole == "鏅�氱敤鎴�"; + return this.activeUserRole == "鏅�氱敤鎴�" } - return false; + return false }, isShowPermitBtn() { // basic 鐢ㄦ埛涓嶅厑璁镐慨鏀规潈闄� if (this.activeUserRole == "瓒呯骇绠$悊鍛�") { - return false; + return false } if (this.curUserRole == "绠$悊鍛�") { - return this.activeUserRole == "鏅�氱敤鎴�"; + return this.activeUserRole == "鏅�氱敤鎴�" } else { - return this.curUserRole != "鏅�氱敤鎴�"; + return this.curUserRole != "鏅�氱敤鎴�" } }, searchArrForShow() { if (this.searchText == "") { - return this.searchArr; + return this.searchArr } else { return this.searchArr.filter((item) => { - return item.name.indexOf(this.searchText.toUpperCase()) > -1; - }); + return item.name.indexOf(this.searchText.toUpperCase()) > -1 + }) } - }, + } }, watch: { showWelcome(newVal) { @@ -1530,22 +1343,22 @@ // 闅愯棌杩斿洖鎸夋寜閽� window.parent.postMessage( { - msg: "hiddenBack", + msg: "hiddenBack" }, "*" - ); + ) } else { //鏄剧ず杩斿洖鎸夐挳 window.parent.postMessage( { - msg: "showBack", + msg: "showBack" }, "*" - ); + ) } - }, - }, -}; + } + } +} </script> <style lang="scss"> .welcome-page { @@ -1596,8 +1409,7 @@ line-height: 36px; outline: 0; padding: 0 20px; - -webkit-transition: border-color 0.2s - cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; font-weight: bold; @@ -2588,11 +2400,8 @@ } } } - .el-form-item.is-required:not(.is-no-asterisk) - > .el-form-item__label:before, - .el-form-item.is-required:not(.is-no-asterisk) - .el-form-item__label-wrap - > .el-form-item__label:before { + .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, + .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { display: none; } .el-form-item { -- Gitblit v1.8.0