From b322b2bad8b2f9b88521c9ffbbe7e77282b9fe2e Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期四, 08 七月 2021 18:06:45 +0800 Subject: [PATCH] 头像修改 --- static/shuohuangMonitorAnalyze/view/hiddendangerscreen/css/visual.css | 4 ++-- src/pages/settings/index/App.vue | 26 +++++++++++++++++--------- static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html | 18 +++++++++--------- 3 files changed, 28 insertions(+), 20 deletions(-) diff --git a/src/pages/settings/index/App.vue b/src/pages/settings/index/App.vue index 2589ff2..8d0114c 100644 --- a/src/pages/settings/index/App.vue +++ b/src/pages/settings/index/App.vue @@ -141,6 +141,12 @@ <span v-show="!showInputNickName" class="icon iconfont" @click="editNickName" ></span > + <span v-show="showInputNickName" class="icon iconfont" @click="showInputNickName=false" + ></span + > + <span v-show="showInputNickName" class="icon iconfont" style="font-size:21px;font-weight:600;color:green;" @click="hideInputNick" + ></span + > </div> <div class="user-role"> {{ activeUserRole }} @@ -791,16 +797,18 @@ this.$refs["input-nick"].focus(); }, hideInputNick() { - this.showInputNickName = false; if (this.inputNickName == this.activeAccountItem.nickname) { + this.showInputNickName = false; return; } updateUser({ id: this.activeAccountItem.id, nickname: this.inputNickName, }).then((res) => { + this.activeAccountItem.nickname = this.inputNickName this.$message.success(res.msg); this.fetchUserList(true); + this.showInputNickName = false; }); }, openAccount(item, i) { @@ -1525,12 +1533,11 @@ align-items: baseline; min-width: 200px; .username { - margin: 4px 15px; - height: 30px; - line-height: 30px; - // width: 90px; - text-align: left; - font-size: 15px; + margin: 0 15px; + height: 28px; + line-height: 28px; + text-align: left; + font-size: 16px; display: flex; align-items: center; } @@ -1538,6 +1545,7 @@ margin: 5px 15px; font-size: 14px; display: flex; + height: 30px; align-items: center; .nick-text { width: fit-content; @@ -1554,9 +1562,9 @@ } .el-input--mini { font-size: 14px; - width: 100px; + width: 83px; .el-input__inner { - padding: 0 10px; + padding: 0 5px; } } } diff --git a/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/css/visual.css b/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/css/visual.css index 3b56221..666f1ee 100644 --- a/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/css/visual.css +++ b/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/css/visual.css @@ -95,9 +95,9 @@ .visual_con{width:50%;height:100%;float:left;padding:25px 20px 0 20px;} .visual_con .visual_conTop{height:130px;margin-bottom:10px;} .visual_con .visual_conTop .visual_conTop_box{height:100%;padding:0 3px;} -.visual_con .visual_conTop .visual_conTop1{width:20%;height:100%;float:left;} +.visual_con .visual_conTop .visual_conTop1{width:25%;height:100%;float:left;} .visual_con .visual_conTop .visual_conTop1>div{background:url(../images/ksh40.png) no-repeat;background-size:100% 100%;} -.visual_con .visual_conTop .visual_conTop2{width:30%;height:100%;float:left;} +.visual_con .visual_conTop .visual_conTop2{width:25%;height:100%;float:left;} .visual_con .visual_conTop .visual_conTop2>div{background:url(../images/ksh39.png) no-repeat;background-size:100% 100%;} .visual_right{width:25%;height:100%;float:right;} .visual_con .visual_conTop .visual_conTop_box>div{height:100%;} diff --git a/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html b/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html index 27621e7..d3bd844 100644 --- a/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html +++ b/static/shuohuangMonitorAnalyze/view/hiddendangerscreen/index.html @@ -138,7 +138,7 @@ <p>735 </p> <div class="conTop_smil"> <a class=""></a> - <a class="">骞冲潎杞﹂��<span>105</span>KM/H</i></a> + <a class="">骞冲潎杞﹂��<span>105</span>km/h</i></a> </div> </div> </div> @@ -222,49 +222,49 @@ </tr> <tr> <td>1</td> - <td>鏉庣剷鑻�</td> + <td>瀛欏畤宄�</td> <td>323</td> <td>12%</td> </tr> <tr> <td>2</td> - <td>娌堟檽鑵�</td> + <td>楂樺畨鐒�</td> <td>266</td> <td>67%</td> </tr> <tr> <td>3</td> - <td>璐炬檽鐜�</td> + <td>琚侀箯绋�</td> <td>232</td> <td>9%</td> </tr> <tr> <td>4</td> - <td>閮戜匠鐞�</td> + <td>搴勮嫳鍗�</td> <td>198</td> <td>4%</td> </tr> <tr> <td>5</td> - <td>鐜嬪ぉ涓�</td> + <td>椤惧畯鏃�</td> <td>123</td> <td>12%</td> </tr> <tr> <td>6</td> - <td>鏉庣孩</td> + <td>钂嬫槑淇�</td> <td>106</td> <td>67%</td> </tr> <tr> <td>7</td> - <td>濮闆�</td> + <td>褰厜璧�</td> <td>93</td> <td>9%</td> </tr> <tr> <td>8</td> - <td>鐜嬫旦澶�</td> + <td>閭规壙鍏�</td> <td>90</td> <td>4%</td> </tr> -- Gitblit v1.8.0