From 94e2f78c6ff8eb51ce9b0a8c7a85062872cacb0c Mon Sep 17 00:00:00 2001 From: value <z1292839451@163.com> Date: 星期一, 22 四月 2024 17:25:48 +0800 Subject: [PATCH] 检验模板调整 --- src/view/index.vue | 97 +++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 90 insertions(+), 7 deletions(-) diff --git a/src/view/index.vue b/src/view/index.vue index 8813684..5bf3b0c 100644 --- a/src/view/index.vue +++ b/src/view/index.vue @@ -16,7 +16,7 @@ } .logo { - width: 130px; + width: 118px; height: 40px; } @@ -53,6 +53,12 @@ .user span { font-size: 14px; } + .el-dropdown{ + display: flex; + align-items: center; + color: #000; + cursor: pointer; + } .left { height: calc(100vh - 48px - 40px); @@ -263,6 +269,22 @@ cursor: auto !important; margin: 8px 12px; } + + .search_thing { + display: flex; + align-items: center; + height: 50px; + } + + .search_label { + width: 90px; + font-size: 14px; + text-align: right; + } + + .search_input { + width: calc(100% - 120px); + } </style> <style></style> <template> @@ -273,8 +295,13 @@ </div> <div class="label">LIMS瀹為獙瀹ょ鐞嗙郴缁�</div> <div class="user"> - <el-avatar :size="26">{{ userName.substring(0, 1) }}</el-avatar> - <span>{{ userName }}</span> + <el-dropdown trigger="click" @command="handleCommand"> + <el-avatar :size="26">{{ userName.substring(0, 1) }}</el-avatar> + <span>{{ userName }}</span> + <el-dropdown-menu slot="dropdown"> + <el-dropdown-item>淇敼瀵嗙爜</el-dropdown-item> + </el-dropdown-menu> + </el-dropdown> <img src="../../static/img/閫�鍑�.png" @click="out" title="閫�鍑鸿处鍙�" /> </div> </div> @@ -336,6 +363,32 @@ </el-card> </el-col> </div> + <el-dialog + title="淇敼瀵嗙爜" + :visible.sync="editVisible" + width="400px" + :before-close="handleClose"> + <el-row> + <el-col class="search_thing" :span="24"> + <div class="search_label"><span class="required-span">* </span>鏃у瘑鐮侊細</div> + <div class="search_input"> + <el-input v-model="query.oldPassword" size="small" clearable show-password></el-input> + </div> + </el-col> + </el-row> + <el-row> + <el-col class="search_thing" :span="24"> + <div class="search_label"><span class="required-span">* </span>鏂板瘑鐮侊細</div> + <div class="search_input"> + <el-input v-model="query.newPassWord" size="small" clearable show-password></el-input> + </div> + </el-col> + </el-row> + <span slot="footer" class="dialog-footer"> + <el-button @click="handleClose">鍙� 娑�</el-button> + <el-button type="primary" @click="handleEdit">纭� 瀹�</el-button> + </span> + </el-dialog> </div> </template> @@ -366,7 +419,9 @@ tabs: [], upIndex: 0, activeIndex: 0, - power: [] + power: [], + editVisible:false, + query:{} }; }, created() { @@ -381,7 +436,7 @@ k: 0, v: "涓汉棣栭〉", i: "font icon-a-Group1124", - u: "nullFace" + u: "index-index" }] } this.tabActive = JSON.parse(localStorage.getItem('tabActive')) @@ -444,7 +499,7 @@ k: 0, v: "涓汉棣栭〉", i: "font icon-a-Group1124", - u: "nullFace" + u: "index-index" }] this.saveClick() }, @@ -524,7 +579,35 @@ if (count > 4) return 8 if (count > 1) return 12 if (count == 1) return 24 - } + }, + // 淇敼瀵嗙爜-鎵撳紑寮圭獥 + handleCommand(e){ + this.editVisible = true; + }, + handleEdit(){ + if (!this.query.oldPassword) { + this.$message.error('璇峰~鍐欐棫瀵嗙爜') + return + } + if (!this.query.newPassWord) { + this.$message.error('璇峰~鍐欐棫瀵嗙爜') + return + } + this.$axios.post(this.$api.user.upUserPassword, {...this.query}).then(res => { + if (res.code == 201) { + this.$message.error('淇敼澶辫触') + return + } + this.$message.success('淇敼鎴愬姛') + this.editVisible = false + this.query = {} + this.out(); + }) + }, + handleClose(){ + this.editVisible = false + this.query = {} + } } }; </script> -- Gitblit v1.9.3