update user index

This commit is contained in:
callmeyan 2019-06-17 21:21:19 +08:00
parent 089727b7e9
commit ec4c9bce63
12 changed files with 160 additions and 324 deletions

File diff suppressed because one or more lines are too long

Binary file not shown.

View File

@ -1,3 +0,0 @@
<template>
<div id="view_category"></div>
</template>

View File

@ -1,94 +0,0 @@
<template>
<div class="dashboard">
<el-form inline :model="query" label-position="right" class="query-form">
<el-form-item label="关键字" prop="name">
<el-input v-model="query.name" placeholder="请输入要查询的关键字"></el-input>
</el-form-item>
<el-form-item label="评论日期" prop="date">
<el-date-picker v-model="query.date" type="daterange" placeholder="请选择评论日期"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary">搜索</el-button>
</el-form-item>
</el-form>
<el-table v-loading="showLoading" :data="dataList" class="table" stripe border>
<el-table-column prop="text" label="评论内容"></el-table-column>
<el-table-column prop="news.title" label="归属文章" width="260"></el-table-column>
<el-table-column prop="user_name" label="评论用户" width="140"></el-table-column>
<el-table-column prop="create_time" label="评论时间" width="160"></el-table-column>
<el-table-column label="操作" width="180">
<template slot-scope="scope">
<el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
<el-button size="mini" type="danger" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="block">
<el-pagination
layout="prev, pager, next"
:total="dataTotal"
:page-size="query.size"
@current-change="handlePageChange"
></el-pagination>
</div>
</div>
</template>
<script>
import { queryComments } from "./../../service/api";
export default {
created() {
this.fetchDataList();
},
data() {
return {
showLoading: false,
query: {
name: "",
date: null,
page: 1,
size: 15
},
dataList: [],
dataTotal: 0
};
},
methods: {
handlePageChange(currentPage) {
this.query.page = currentPage;
this.fetchDataList();
},
async fetchDataList() {
this.showLoading = true;
try {
const { page, total, data } = await queryComments({
page: this.query.page,
pageSize: this.query.size
});
this.dataList = data;
this.dataTotal = total;
} catch (err) {
this.$message.error(err);
}
this.showLoading = false;
},
handleEdit(data) {
console.log(data);
},
async handleDelete(rowData) {
var data = await this.$confirm(
"此操作将永久删除该文件, 是否继续?",
"提示"
);
if (data == "confirm") {
let state = await deleteNews({ id: rowData.id });
if (state) {
this.fetchNewsList();
}
}
}
}
};
</script>

View File

@ -1,98 +0,0 @@
<template>
<div class="dashboard">
<el-form inline :model="query" label-position="right" class="query-form">
<el-form-item label="关键字" prop="name">
<el-input v-model="query.name" placeholder="请输入要查询的标题关键字"></el-input>
</el-form-item>
<el-form-item label="发布日期" prop="date">
<el-date-picker v-model="query.date" type="daterange" placeholder="请选择发布日期"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary">搜索</el-button>
</el-form-item>
</el-form>
<el-table v-loading="showLoading" :data="newsData" class="table" stripe border>
<el-table-column prop="id" label="编号" width="60"></el-table-column>
<el-table-column prop="category" label="分类" width="120"></el-table-column>
<el-table-column prop="title" label="标题"></el-table-column>
<el-table-column prop="tag" label="标签" width="80"></el-table-column>
<el-table-column prop="source" label="来源" width="160"></el-table-column>
<el-table-column prop="create_time" label="发布时间" width="160"></el-table-column>
<el-table-column label="操作" width="180">
<template slot-scope="scope">
<el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
<el-button size="mini" type="danger" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="block">
<el-pagination
layout="prev, pager, next"
:total="dataTotal"
:page-size="query.size"
@current-change="handlePageChange"
></el-pagination>
</div>
</div>
</template>
<script>
import { queryNews, deleteNews } from "./../../service/api";
export default {
created() {
this.fetchNewsList();
},
data() {
return {
showLoading: false,
query: {
name: "",
date: null,
page: 1,
size: 15
},
newsData: [],
dataTotal: 0
};
},
methods: {
handlePageChange(currentPage) {
this.query.page = currentPage;
this.fetchNewsList();
},
async fetchNewsList() {
this.showLoading = true;
try {
const { page, total, data } = await queryNews({
page: this.query.page,
pageSize: this.query.size
});
this.newsData = data;
this.dataTotal = total;
} catch (err) {
this.$message.error(err);
}
this.showLoading = false;
},
parseTime(times) {
return new Date(times).toLocaleString();
},
handleEdit(data) {
console.log(data);
},
async handleDelete(rowData) {
var data = await this.$confirm(
"此操作将永久删除该文件, 是否继续?",
"提示"
);
if (data == "confirm") {
let state = await deleteNews({ id: rowData.id });
if (state) {
this.fetchNewsList();
}
}
}
}
};
</script>

View File

@ -1,13 +0,0 @@
<template>
<h1>Deposit</h1>
</template>
<script>
export default {
name: "Deposit"
}
</script>
<style scoped>
</style>

View File

@ -1,13 +0,0 @@
<template>
<h1>Take</h1>
</template>
<script>
export default {
name: "Take"
}
</script>
<style scoped>
</style>

View File

@ -1,44 +0,0 @@
<template>
<div id="page_process_transfer">
<div class="header">
<el-card>
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="审批人">
<el-input v-model="searchModel.user" placeholder="审批人"></el-input>
</el-form-item>
<el-form-item label="活动区域">
<el-select placeholder="活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSearch">查询</el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</div>
</template>
<script>
export default {
name: "Transfer",
data(){
return {
searchModel:{
user:''
}
}
},
methods:{
onSearch(){
}
}
}
</script>
<style scoped>
</style>

View File

@ -1,13 +0,0 @@
<template>
<h1>加盟商</h1>
</template>
<script>
export default {
name: "Franchisee"
}
</script>
<style scoped>
</style>

View File

@ -1,15 +0,0 @@
<template>
<div id="page_shop_store">
<h1>Shop.Store</h1>
</div>
</template>
<script>
export default {
name: "Store"
}
</script>
<style scoped>
</style>

View File

@ -1,10 +1,135 @@
<template>
<h2>userIndex</h2>
<div id="user-list">
<div class="search-bar">
<el-form :inline="true" :model="searchModel" class="demo-form-inline">
<el-form-item>
<el-select v-model="searchModel.first_to_tibet" placeholder="活动区域">
<el-option label="是否第一次进藏" value=""></el-option>
<el-option label="第一次进藏" value="1"></el-option>
<el-option label="多次进藏" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="searchModel.first_to_tibet" placeholder="活动区域">
<el-option label="性别" value=""></el-option>
<el-option label="男" value="1"></el-option>
<el-option label="女" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-input v-model="searchModel.name" placeholder="姓名/微信号"></el-input>
</el-form-item>
<el-form-item>
<el-button type="info" @click="onSearch">查询</el-button>
</el-form-item>
</el-form>
</div>
<div class="data-list">
<el-table
:data="userList"
style="width: 100%">
<el-table-column
label="微信"
width="180">
<template slot-scope="scope">
<img src="../../assets/imgs/avatar.jpg" width="30px" alt="">
<span style="margin-left: 10px">{{ scope.row.nickname }}</span>
<span style="margin-left: 10px">{{ scope.row.open_id }}</span>
</template>
</el-table-column>
<el-table-column
prop="realname"
label="姓名">
</el-table-column>
<el-table-column
prop="gender"
label="性别">
</el-table-column>
<el-table-column
prop="age"
label="年龄">
</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
prop="medical_history_data"
label="既往病史">
</el-table-column>
</el-table>
</div>
<div class="data-page">
<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>
</div>
</div>
</template>
<script>
var userObj = {
nickname:'张三',
open_id:'123123',
realname:'123123',
gender:1,
age:12,
height:176,
weight:106,
address:'北京',
smoke:'北京',
drink:'北京',
is_first_to_tibet:1,
medical_history:1,
medical_history_data:'反流性食道炎、慢性胃炎、胃溃疡、慢性胰腺炎、肠易激惹综合征、结肠炎',
}
export default {
name: "Index"
name: "Index",
data(){
return {
searchModel:{
first_to_tibet:''
},
userList:Array(5).fill(userObj),
currentPage:1,
totalCount:401
}
},
methods:{
onSearch(){
},
handleSizeChange(){
}
}
}
</script>

View File

@ -15,7 +15,7 @@ const router = new VueRouter({
router.beforeEach((to, from, next) => {
const sessionName = AppConfig.userSessionName;
const path = to.path;
if (path.startsWith('/user')) {
if (path.startsWith('/user/login')) {
sessionStorage.removeItem(sessionName);
next();
} else {