autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-07-03 13:38:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

个人信息 桩密码样式

Browse Source
This commit is contained in:
BOOL\25024
2024-07-05 14:16:26 +08:00
parent c20b6612d8
commit d66bd9e34e
1 changed files with 38 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
jsowell-ui/src/views/system/user/profile/index.vue
View File

@@ -56,38 +56,33 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" v-hasRole="['admin', 'common']"> <el-row :gutter="20" v-hasRole="['admin', 'common']" style="margin-top: 20px;">
<el-col :span="6" :xs="24"> <el-col :span="6" :xs="24">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="password">
<span>桩动态密码</span> <p>桩动态密码</p>
<div class="button-container"> <el-button type="primary" @click="generatePileSecret" plain>点击生成动态密码</el-button>
<el-button </div>
type="primary" <div>
@click="generatePileSecret" <div>
plain>点击生成动态密码</el-button> <ul class="list-group list-group-striped">
</div> <li class="list-group-item">
</div> <el-icon name="date" /> 当前日期
<div> <div class="pull-right">{{ nowDate }}</div>
<div> </li>
<ul class="list-group list-group-striped"> </ul>
<li class="list-group-item"> <ul class="list-group list-group-striped">
<el-icon name="date" /> 当前日期 <li class="list-group-item">
<div class="pull-right">{{ nowDate }}</div> <el-icon name="key" /> 动态密码
</li> <div class="pull-right">{{ pileSecret }}</div>
</ul> </li>
<ul class="list-group list-group-striped"> </ul>
<li class="list-group-item"> </div>
<el-icon name="key" /> 动态密码 </div>
<div class="pull-right">{{ pileSecret }}</div> </el-card>
</li>
</ul>
</div>
</div>
</el-card>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<script> <script>
@@ -95,7 +90,7 @@ import userAvatar from "./userAvatar";
import userInfo from "./userInfo"; import userInfo from "./userInfo";
import resetPwd from "./resetPwd"; import resetPwd from "./resetPwd";
import { getUserProfile } from "@/api/system/user"; import { getUserProfile } from "@/api/system/user";
import {generatePileSecret} from "@/api/pile/basic"; import { generatePileSecret } from "@/api/pile/basic";
export default { export default {
name: "Profile", name: "Profile",
@@ -103,8 +98,8 @@ export default {
data() { data() {
return { return {
user: {}, user: {},
nowDate: '', nowDate: '',
pileSecret: '', pileSecret: '',
roleGroup: {}, roleGroup: {},
postGroup: {}, postGroup: {},
activeTab: "userinfo" activeTab: "userinfo"
@@ -122,19 +117,20 @@ export default {
this.postGroup = response.postGroup; this.postGroup = response.postGroup;
}); });
}, },
generatePileSecret() { generatePileSecret() {
generatePileSecret().then(response => { generatePileSecret().then(response => {
console.log("response", response); console.log("response", response);
this.pileSecret = response.obj; this.pileSecret = response.obj;
}); });
} }
} }
}; };
</script> </script>
<style> <style>
.button-container { .password {
display: flex; display: flex;
justify-content: right; /* 靠右 */ align-items: center;
justify-content: space-between;
} }
</style> </style>