altitudereaction/web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

todo user index

Browse Source
This commit is contained in:
callmeyan 2019-06-22 22:04:08 +08:00
parent f026e0448e
commit afa92f0977
2 changed files with 65 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/pages/user/Index.vue
View File

@ -3,23 +3,23 @@
<div class="search-bar"> <div class="search-bar">
<el-form :inline="true" :model="searchModel" class="demo-form-inline"> <el-form :inline="true" :model="searchModel" class="demo-form-inline">
<el-form-item> <el-form-item>
<el-select v-model="searchModel.first_to_tibet" placeholder="活动区域"> <el-select v-model="searchModel.is_first" placeholder="活动区域">
<el-option label="是否第一次进藏" value=""></el-option> <el-option label="是否首次进藏" value="-1"></el-option>
<el-option label="第一次进藏" value="1"></el-option> <el-option label="首次进藏" value="1"></el-option>
<el-option label="多次进藏" value="0"></el-option> <el-option label="多次进藏" value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select class="select-sex" v-model="searchModel.first_to_tibet"> <el-select class="select-sex" v-model="searchModel.gender">
<el-option label="性别" value=""></el-option> <el-option label="性别" value="-1"></el-option>
<el-option label="男" value="1"></el-option> <el-option label="男" value="1"></el-option>
<el-option label="女" value="0"></el-option> <el-option label="女" value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searchModel.province" @change="handleProvinceChange"> <el-select v-model="searchModel.province" @change="handleProvinceChange">
<el-option label="省份" value=""></el-option> <el-option value="-1" label="省份"></el-option>
<el-option v-for="c in provinces" :key="c.code" :label="c.name" :value="c.code"></el-option> <el-option v-for="c in provinces" :key="c.code" :value="c.code" :label="c.name"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -27,13 +27,11 @@
<template v-if="cities.length > 0"> <template v-if="cities.length > 0">
<el-option v-for="c in cities" :key="c.code" :label="c.name" :value="c.code"></el-option> <el-option v-for="c in cities" :key="c.code" :label="c.name" :value="c.code"></el-option>
</template> </template>
<el-option v-else label="城市" value=""></el-option> <el-option v-else label="城市" value="-1"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-input v-model="searchModel.name" placeholder="姓名/微信号"></el-input> <el-input v-model="searchModel.name" placeholder="姓名/openid"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="info" @click="onSearch">查询</el-button> <el-button type="info" @click="onSearch">查询</el-button>
@ -42,15 +40,15 @@
</div> </div>
<div class="data-list"> <div class="data-list">
<el-table :data="userList" class="table-border"> <el-table :data="userList" class="table-border">
<el-table-column label="微信" width="230"> <el-table-column label="微信" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="user-head-name"> <div class="user-head-name">
<div class="img"> <div class="img">
<img src="../../assets/imgs/avatar.jpg" alt=""> <img :src="scope.row.avatar" alt="">
</div> </div>
<div class="info"> <div class="info" style="width: 200px;overflow: hidden">
<p>昵称:{{ scope.row.nickname }}</p> <p class="nickname">昵称:{{ scope.row.nickname }}</p>
<p>OpenId:{{ scope.row.open_id }}</p> <p class="open-id">OpenId:{{ scope.row.open_id }}</p>
</div> </div>
</div> </div>
</template> </template>
@ -68,16 +66,21 @@
</el-table-column> </el-table-column>
<el-table-column prop="address" label="久居城市"/> <el-table-column prop="address" label="久居城市"/>
<el-table-column prop="smoke" label="抽烟量"/> <el-table-column prop="smoke" label="抽烟量"/>
<el-table-column prop="drink" label="饮酒量"/> <el-table-column label="长期饮酒">
<el-table-column label="首次进藏"> <template slot-scope="scope">{{scope.row.drink | formatYesNo}}</template>
<template slot-scope="scope">{{scope.row.is_first_to_tibet | firstToTibet}}</template> </el-table-column>
<el-table-column label="首次进藏">
<template slot-scope="scope">{{scope.row.is_first_to_tibet | formatYesNo}}</template>
</el-table-column>
<el-table-column width="320" label="既往病史">
<template slot-scope="scope">{{scope.row.medical_history | formatMedical}}</template>
</el-table-column> </el-table-column>
<el-table-column width="320" prop="medical_history_data" label="既往病史"/>
</el-table> </el-table>
</div> </div>
<div class="data-page text-right"> <div class="data-page text-right">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page="currentPage" :page-sizes="[20, 50, 100, 200]" :page-size="20" :current-page="searchModel.page" :page-sizes="[20, 50, 100, 200]"
:page-size="searchModel.pageSize"
layout="total, prev, pager, next,sizes, jumper" :total="totalCount"> layout="total, prev, pager, next,sizes, jumper" :total="totalCount">
</el-pagination> </el-pagination>
</div> </div>
@ -94,13 +97,14 @@
height: 176, height: 176,
weight: 106, weight: 106,
address: '北京', address: '北京',
smoke: '北京', smoke: '不抽烟',
drink: '北京', drink: '是',
is_first_to_tibet: 1, is_first_to_tibet: 1,
medical_history: 1, medical_history: 1,
medical_history_data: '反流性食道炎、、结肠炎', medical_history_data: '反流性食道炎、、结肠炎',
} }
import cities from '../../utils/distpicker'; import cities from '../../utils/distpicker';
import {userSearch} from './../../service/api';
export default { export default {
name: "Index", name: "Index",
@ -109,17 +113,24 @@
provinces: cities, provinces: cities,
cities: [], cities: [],
searchModel: { searchModel: {
first_to_tibet: '', is_first: '-1',
province: '', province: '-1',
city: '' city: '-1',
gender: '-1',
page: 1,
pageSize: 20,
name: ''
}, },
userList: Array(5).fill(userObj), userList: [],
currentPage: 1,
totalCount: 401 totalCount: 401
} }
}, },
filters: { filters: {
firstToTibet(v) { formatMedical(v) {
if (!!v && Array.isArray(v)) return v.join('、');
return '无';
},
formatYesNo(v) {
return v == 1 ? "是" : "否"; return v == 1 ? "是" : "否";
}, },
formatGender(v) { formatGender(v) {
@ -132,6 +143,9 @@
return v + 'kg'; return v + 'kg';
} }
}, },
mounted() {
this.onSearch();
},
methods: { methods: {
handleProvinceChange(provinceId) { handleProvinceChange(provinceId) {
for (var i = 0; i < cities.length; i++) { for (var i = 0; i < cities.length; i++) {
@ -141,8 +155,10 @@
} }
} }
}, },
onSearch() { async onSearch() {
let data = await userSearch(this.searchModel);
this.userList = data.list;
this.totalCount = data.totalCount;
}, },
handleSizeChange() { handleSizeChange() {
@ -178,13 +194,27 @@
border-radius: 50%; border-radius: 50%;
} }
.info { .info {
float: left;
vertical-align: middle; vertical-align: middle;
padding-left: 10px; padding-left: 10px;
position: relative;
height: 80px;
padding-top: 10px;
margin-left: 80px;
p { p {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.open-id {
position: absolute;
top: 40px;
left: 10px;
overflow: hidden;
}
}
&:hover {
.open-id {
overflow: visible;
}
} }
} }
</style> </style>

3
src/service/api.js
View File

@ -17,6 +17,9 @@ export async function adminLogin(params = {}) {
export async function evaluationSearch(params = {}) { export async function evaluationSearch(params = {}) {
return get(`/admin/searchEvaluation?${stringify(params)}`); return get(`/admin/searchEvaluation?${stringify(params)}`);
} }
export async function userSearch(params = {}) {
return get(`/admin/searchUser?${stringify(params)}`);
}
export async function queryNews(params = {}) { export async function queryNews(params = {}) {
return get(`/news/index?${stringify(params)}`); return get(`/news/index?${stringify(params)}`);