update user
This commit is contained in:
parent
896d3ee607
commit
f026e0448e
@ -26,6 +26,12 @@ html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.table-border{
|
||||
border: solid 1px #ddd;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
|
||||
}
|
||||
|
||||
@ -143,11 +143,11 @@
|
||||
formatter: '.0%'
|
||||
}];
|
||||
const hotNewsData = [
|
||||
// {title:'国乒包揽世乒五冠',views:'332,201',create_time:'2019-4-22 12:30'},
|
||||
// {title:'章子怡被曝怀二胎',views:'120,030',create_time:'2019-4-22 12:30'},
|
||||
// {title:'中国风机器人乐队',views:'92,000',create_time:'2019-4-22 12:30'},
|
||||
// {title:'交通运输部:“五一”假期四天收费公路小客车免费通行',views:'82,000',create_time:'2019-4-22 12:30'},
|
||||
// {title:'小米有品签“军令状”放弃年终奖?',views:'3,000',create_time:'2019-4-22 12:30'},
|
||||
{title:'国乒包揽世乒五冠',views:'332,201',create_time:'2019-4-22 12:30'},
|
||||
{title:'章子怡被曝怀二胎',views:'120,030',create_time:'2019-4-22 12:30'},
|
||||
{title:'中国风机器人乐队',views:'92,000',create_time:'2019-4-22 12:30'},
|
||||
{title:'交通运输部:“五一”假期四天收费公路小客车免费通行',views:'82,000',create_time:'2019-4-22 12:30'},
|
||||
{title:'小米有品签“军令状”放弃年终奖?',views:'3,000',create_time:'2019-4-22 12:30'},
|
||||
];
|
||||
export default {
|
||||
components: {
|
||||
@ -167,15 +167,15 @@
|
||||
};
|
||||
},
|
||||
async mounted(){
|
||||
this.hotNewsData = await api.queryHotNews();
|
||||
var o = new DataSet.View().source(await api.categoryCount());
|
||||
o.transform({
|
||||
type: 'percent',
|
||||
field: 'count',
|
||||
dimension: 'item',
|
||||
as: 'percent'
|
||||
})
|
||||
this.pieData = o.rows;
|
||||
this.hotNewsData = hotNewsData;
|
||||
// var o = new DataSet.View().source(await api.categoryCount());
|
||||
// o.transform({
|
||||
// type: 'percent',
|
||||
// field: 'count',
|
||||
// dimension: 'item',
|
||||
// as: 'percent'
|
||||
// })
|
||||
// this.pieData = o.rows;
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
@ -27,9 +27,8 @@
|
||||
<strong>王小虎</strong>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown" style="min-width: 120px">
|
||||
<el-dropdown-item command="person">个人中心</el-dropdown-item>
|
||||
<el-dropdown-item command="setting">个人设置</el-dropdown-item>
|
||||
<el-dropdown-item command="logout" divided>退出</el-dropdown-item>
|
||||
<el-dropdown-item command="updatePwd">修改密码</el-dropdown-item>
|
||||
<el-dropdown-item command="logout">退出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</li>
|
||||
@ -82,6 +81,24 @@
|
||||
<router-view></router-view>
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
<el-dialog title="修改密码" :visible.sync="dialogUpdatePwdVisible" width="400px">
|
||||
<el-form name="dialog" :model="updateModel">
|
||||
<el-form-item>
|
||||
<el-input placeholder="请输入原始密码" v-model="updateModel.origin" show-password></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input placeholder="请输入新密码" v-model="updateModel.origin" show-password></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input placeholder="请再次输入新密码" v-model="updateModel.origin" show-password></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogUpdatePwdVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="dialogUpdatePwdVisible = false">确定修改</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog :visible.sync="helpDialogVisible" :title="langData.help.title">
|
||||
<div v-html="langData.help.content" class="help"></div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
@ -100,6 +117,15 @@
|
||||
export default {
|
||||
data() {
|
||||
const currentLang = "zh-cn";
|
||||
var validatePass = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请再次输入密码'));
|
||||
} else if (value !== this.updateModel.new_pwd) {
|
||||
callback(new Error('两次输入密码不一致!'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
return {
|
||||
activeMenu: "/dashboard",
|
||||
routes: adminRoutes,
|
||||
@ -124,6 +150,27 @@
|
||||
query: {
|
||||
name: "",
|
||||
date: []
|
||||
},
|
||||
dialogUpdatePwdVisible:false,
|
||||
updateModel:{
|
||||
origin:'',
|
||||
new_pwd:'',
|
||||
new_pwd2:'',
|
||||
},
|
||||
updateRules: {
|
||||
origin: [
|
||||
{required: true, message: '请输入新密码', trigger: 'blur'},
|
||||
{min: 6, max: 16, message: '长度在 6 到 16 个字符', trigger: 'blur'}
|
||||
],
|
||||
new_pwd: [
|
||||
{required: true, message: '请输入新密码', trigger: 'blur'},
|
||||
{min: 6, max: 16, message: '长度在 6 到 16 个字符', trigger: 'blur'}
|
||||
],
|
||||
new_pwd2: [
|
||||
{required: true, message: '请再次输入新密码', trigger: 'blur'},
|
||||
{min: 6, max: 16, message: '长度在 6 到 16 个字符', trigger: 'blur'},
|
||||
{validator:validatePass,trigger: 'blur'}
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
@ -153,9 +200,12 @@
|
||||
sessionStorage.removeItem('ms_username');
|
||||
this.$router.push('login');
|
||||
}, 1000);
|
||||
return;
|
||||
break;
|
||||
case 'updatePwd':
|
||||
this.dialogUpdatePwdVisible = true;
|
||||
break;
|
||||
}
|
||||
this.$message('功能尚在开发中...');
|
||||
// this.$message('功能尚在开发中...');
|
||||
},
|
||||
updateActiveMenuIndex() {
|
||||
if (this.$route.meta.text) {
|
||||
|
||||
@ -31,9 +31,7 @@
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="data-list">
|
||||
<el-table
|
||||
:data="dataList"
|
||||
style="width: 100%">
|
||||
<el-table :data="dataList" class="table-border">
|
||||
<el-table-column prop="create_time" label="自评时间" width="180" />
|
||||
<el-table-column width="100" prop="realname" label="姓名"/>
|
||||
<el-table-column prop="headache" label="头痛症状"/>
|
||||
@ -55,7 +53,7 @@
|
||||
:total="totalCount">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<el-dialog title="导出记录" :visible.sync="dialogExportVisible">
|
||||
<el-dialog title="导出记录" :visible.sync="dialogExportVisible" class="el-dialog-export">
|
||||
<el-form name="dialog" :model="exportModel">
|
||||
<p><b>导出数据</b></p>
|
||||
<el-form-item>
|
||||
@ -160,10 +158,6 @@
|
||||
@color-checkbox: #cccccc;
|
||||
@color-checkbox-checked: #78909C;
|
||||
@color-checkbox-inner-checked: #fff;
|
||||
.el-table{
|
||||
border: solid 1px #ddd;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.header_nav_right {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
@ -176,7 +170,7 @@
|
||||
width: 90px;
|
||||
}
|
||||
}
|
||||
.el-dialog{
|
||||
.el-dialog-export{
|
||||
width:795px;
|
||||
}
|
||||
.el-checkbox-group{
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-select v-model="searchModel.province" @change="handleProvinceChange">
|
||||
<el-option label="省份" value=""></el-option>
|
||||
<el-option label="省份" value=""></el-option>
|
||||
<el-option v-for="c in provinces" :key="c.code" :label="c.name" :value="c.code"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@ -27,7 +27,7 @@
|
||||
<template v-if="cities.length > 0">
|
||||
<el-option v-for="c in cities" :key="c.code" :label="c.name" :value="c.code"></el-option>
|
||||
</template>
|
||||
<el-option v-else label="asdfasd城市" value=""></el-option>
|
||||
<el-option v-else label="城市" value=""></el-option>
|
||||
|
||||
|
||||
</el-select>
|
||||
@ -41,15 +41,13 @@
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="data-list">
|
||||
<el-table
|
||||
:data="userList"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
label="微信"
|
||||
width="180">
|
||||
<el-table :data="userList" class="table-border">
|
||||
<el-table-column label="微信" width="230">
|
||||
<template slot-scope="scope">
|
||||
<div class="user-head-name">
|
||||
<img src="../../assets/imgs/avatar.jpg" alt="">
|
||||
<div class="img">
|
||||
<img src="../../assets/imgs/avatar.jpg" alt="">
|
||||
</div>
|
||||
<div class="info">
|
||||
<p>昵称:{{ scope.row.nickname }}</p>
|
||||
<p>OpenId:{{ scope.row.open_id }}</p>
|
||||
@ -57,57 +55,30 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="realname"
|
||||
label="姓名">
|
||||
<el-table-column prop="realname" label="姓名"/>
|
||||
<el-table-column label="性别">
|
||||
<template slot-scope="scope">{{scope.row.gender | formatGender}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="gender"
|
||||
label="性别">
|
||||
<el-table-column prop="age" label="年龄"/>
|
||||
<el-table-column label="身高">
|
||||
<template slot-scope="scope">{{scope.row.height | formatHeight}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="age"
|
||||
label="年龄">
|
||||
<el-table-column label="体重">
|
||||
<template slot-scope="scope">{{scope.row.weight | formatWeight}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="height"
|
||||
label="身高">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="weight"
|
||||
label="体重">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="久居城市">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="smoke"
|
||||
label="抽烟量">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="drink"
|
||||
label="饮酒量">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="is_first_to_tibet"
|
||||
label="首次进藏">
|
||||
</el-table-column>
|
||||
<el-table-column width="280"
|
||||
prop="medical_history_data"
|
||||
label="既往病史">
|
||||
<el-table-column prop="address" label="久居城市"/>
|
||||
<el-table-column prop="smoke" label="抽烟量"/>
|
||||
<el-table-column prop="drink" label="饮酒量"/>
|
||||
<el-table-column label="首次进藏">
|
||||
<template slot-scope="scope">{{scope.row.is_first_to_tibet | firstToTibet}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="320" prop="medical_history_data" label="既往病史"/>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="data-page text-right">
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[100, 200, 300, 400]"
|
||||
:page-size="100"
|
||||
layout="total, prev, pager, next,sizes, jumper"
|
||||
:total="totalCount">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="currentPage" :page-sizes="[20, 50, 100, 200]" :page-size="20"
|
||||
layout="total, prev, pager, next,sizes, jumper" :total="totalCount">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
@ -127,29 +98,44 @@
|
||||
drink: '北京',
|
||||
is_first_to_tibet: 1,
|
||||
medical_history: 1,
|
||||
medical_history_data: '反流性食道炎、慢性胃炎、胃溃疡、慢性胰腺炎、肠易激惹综合征、结肠炎',
|
||||
medical_history_data: '反流性食道炎、、结肠炎',
|
||||
}
|
||||
import cities from '../../utils/distpicker';
|
||||
|
||||
export default {
|
||||
name: "Index",
|
||||
data() {
|
||||
return {
|
||||
provinces:cities,
|
||||
cities:[],
|
||||
provinces: cities,
|
||||
cities: [],
|
||||
searchModel: {
|
||||
first_to_tibet: '',
|
||||
province:'',
|
||||
city:''
|
||||
province: '',
|
||||
city: ''
|
||||
},
|
||||
userList: Array(5).fill(userObj),
|
||||
currentPage: 1,
|
||||
totalCount: 401
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
firstToTibet(v) {
|
||||
return v == 1 ? "是" : "否";
|
||||
},
|
||||
formatGender(v) {
|
||||
return v == 1 ? "男" : "女";
|
||||
},
|
||||
formatHeight(v) {
|
||||
return v + 'cm';
|
||||
},
|
||||
formatWeight(v) {
|
||||
return v + 'kg';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleProvinceChange(provinceId){
|
||||
for(var i = 0;i < cities.length;i++){
|
||||
if(provinceId && provinceId == cities[i].code){
|
||||
handleProvinceChange(provinceId) {
|
||||
for (var i = 0; i < cities.length; i++) {
|
||||
if (provinceId && provinceId == cities[i].code) {
|
||||
this.cities = cities[i].children;
|
||||
break;
|
||||
}
|
||||
@ -161,7 +147,7 @@
|
||||
handleSizeChange() {
|
||||
|
||||
},
|
||||
handleCurrentChange(){
|
||||
handleCurrentChange() {
|
||||
|
||||
}
|
||||
}
|
||||
@ -176,26 +162,27 @@
|
||||
}
|
||||
|
||||
.user-head-name {
|
||||
height:80px;
|
||||
&:after{
|
||||
content:' ';
|
||||
height: 80px;
|
||||
&:after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.img {
|
||||
|
||||
float: left;
|
||||
}
|
||||
img {
|
||||
float:left;
|
||||
width: 80px;
|
||||
height:80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.info {
|
||||
float:left;
|
||||
display: table-cell;
|
||||
float: left;
|
||||
vertical-align: middle;
|
||||
padding-top:10px;
|
||||
padding-left:10px;
|
||||
p{
|
||||
height:30px;
|
||||
padding-left: 10px;
|
||||
p {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user