autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-04-30 16:10:03 +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-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-card class="box-card">
<div slot="header" class="clearfix">
<span>桩动态密码</span>
<div class="button-container">
<el-button
type="primary"
@click="generatePileSecret"
plain>点击生成动态密码</el-button>
</div>
</div>
<div>
<div>
<ul class="list-group list-group-striped">
<li class="list-group-item">
<el-icon name="date" /> 当前日期
<div class="pull-right">{{ nowDate }}</div>
</li>
</ul>
<ul class="list-group list-group-striped">
<li class="list-group-item">
<el-icon name="key" /> 动态密码
<div class="pull-right">{{ pileSecret }}</div>
</li>
</ul>
</div>
</div>
</el-card>
<el-card class="box-card">
<div slot="header" class="password">
<p>桩动态密码</p>
<el-button type="primary" @click="generatePileSecret" plain>点击生成动态密码</el-button>
</div>
<div>
<div>
<ul class="list-group list-group-striped">
<li class="list-group-item">
<el-icon name="date" /> 当前日期
<div class="pull-right">{{ nowDate }}</div>
</li>
</ul>
<ul class="list-group list-group-striped">
<li class="list-group-item">
<el-icon name="key" /> 动态密码
<div class="pull-right">{{ pileSecret }}</div>
</li>
</ul>
</div>
</div>
</el-card>
</el-col>
</el-row>
</div>
</el-row>
</div>
</template>
<script>
@@ -95,7 +90,7 @@ import userAvatar from "./userAvatar";
import userInfo from "./userInfo";
import resetPwd from "./resetPwd";
import { getUserProfile } from "@/api/system/user";
import {generatePileSecret} from "@/api/pile/basic";
import { generatePileSecret } from "@/api/pile/basic";
export default {
name: "Profile",
@@ -103,8 +98,8 @@ export default {
data() {
return {
user: {},
nowDate: '',
pileSecret: '',
nowDate: '',
pileSecret: '',
roleGroup: {},
postGroup: {},
activeTab: "userinfo"
@@ -122,19 +117,20 @@ export default {
this.postGroup = response.postGroup;
});
},
generatePileSecret() {
generatePileSecret().then(response => {
console.log("response", response);
this.pileSecret = response.obj;
});
}
generatePileSecret() {
generatePileSecret().then(response => {
console.log("response", response);
this.pileSecret = response.obj;
});
}
}
};
</script>
<style>
.button-container {
display: flex;
justify-content: right; /* 靠右 */
.password {
display: flex;
align-items: center;
justify-content: space-between;
}
</style>