|
|
@@ -53,11 +53,11 @@
|
|
|
width="50"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <div class="demo-image__preview" v-if="scope.row.UserInfo.Head">
|
|
|
+ <div class="demo-image__preview" v-if="scope.row.Head">
|
|
|
<el-image
|
|
|
style="width: 25px; height: 25px"
|
|
|
- :src="scope.row.UserInfo.Head"
|
|
|
- :preview-src-list="[scope.row.UserInfo.Head]"
|
|
|
+ :src="scope.row.Head"
|
|
|
+ :preview-src-list="[scope.row.Head]"
|
|
|
|
|
|
>
|
|
|
</el-image>
|
|
|
@@ -66,39 +66,48 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="UserInfo.Name"
|
|
|
+ prop="Name"
|
|
|
label="会员名"
|
|
|
width="90"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="UserInfo.Phone"
|
|
|
+ prop="Phone"
|
|
|
label="手机号"
|
|
|
width="110"
|
|
|
sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="ClassInfo"
|
|
|
- label="会员课程"
|
|
|
- width="220px"
|
|
|
+ prop="Sex"
|
|
|
+ label="类型"
|
|
|
+ align="center"
|
|
|
+ width="80px"
|
|
|
+ sortable
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <span class="lessonSpan" :style="{background:lesson.ClassColor}"
|
|
|
- v-for="lesson in scope.row.ClassInfo">{{ lesson.ClassName }}</span>
|
|
|
+ <span v-if="scope.row.Sex == 1">男</span>
|
|
|
+ <span v-if="scope.row.Sex == 2">女</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="UserInfo.IsAcross"
|
|
|
- label="跨店会员"
|
|
|
- width="105"
|
|
|
+ prop="Birthday"
|
|
|
+ label="生日"
|
|
|
+ width="110"
|
|
|
+ :formatter="filterFmtDate"
|
|
|
sortable
|
|
|
>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.UserInfo.IsAcross == 0" class="green">本店用户</span>
|
|
|
- <span v-else class="red">跨店用户</span>
|
|
|
- </template>
|
|
|
</el-table-column>
|
|
|
+ <!--<el-table-column-->
|
|
|
+ <!--prop="ClassInfo"-->
|
|
|
+ <!--label="会员课程"-->
|
|
|
+ <!--width="220px"-->
|
|
|
+ <!-->-->
|
|
|
+ <!--<template slot-scope="scope">-->
|
|
|
+ <!--<span class="lessonSpan" :style="{background:lesson.ClassColor}"-->
|
|
|
+ <!--v-for="lesson in scope.row.ClassInfo">{{ lesson.ClassName }}</span>-->
|
|
|
+ <!--</template>-->
|
|
|
+ <!--</el-table-column>-->
|
|
|
<el-table-column
|
|
|
prop="UserInfo.Memo"
|
|
|
label="备注">
|
|
|
@@ -108,11 +117,11 @@
|
|
|
title=""
|
|
|
width="200"
|
|
|
trigger="hover"
|
|
|
- :content="scope.row.UserInfo.Memo">
|
|
|
+ :content="scope.row.Memo">
|
|
|
<span slot="reference"
|
|
|
- v-if="scope.row.UserInfo.Memo.length > 6">{{ scope.row.UserInfo.Memo.substr(0, 6) }} ....</span>
|
|
|
+ v-if="scope.row.Memo.length > 6">{{ scope.row.Memo.substr(0, 6) }} ....</span>
|
|
|
</el-popover>
|
|
|
- <span v-if="scope.row.UserInfo.Memo.length <= 6">{{ scope.row.UserInfo.Memo }}</span>
|
|
|
+ <span v-if="scope.row.Memo.length <= 6">{{ scope.row.Memo }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -132,6 +141,7 @@
|
|
|
import Global from '../Global.js'
|
|
|
import ImgCutter from 'vue-img-cutter'
|
|
|
import {
|
|
|
+ TmpUserQuery,
|
|
|
testTable,
|
|
|
testSelect
|
|
|
} from "../api/getApiRes";
|
|
|
@@ -148,6 +158,12 @@
|
|
|
tableRadio: [],
|
|
|
userLevel: localStorage.userLevel,
|
|
|
serachBtnStatus: false,
|
|
|
+ start: 0,
|
|
|
+ draw: 1,
|
|
|
+ sexOptions: [
|
|
|
+ {value: 1, label: '男'},//性别 1:男, 2:女
|
|
|
+ {value: 2, label: '女'},
|
|
|
+ ],
|
|
|
panel: {
|
|
|
usercode: '',
|
|
|
username: '',
|
|
|
@@ -182,6 +198,18 @@
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ // 读取列表
|
|
|
+ this.getTableQuery();
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ $route(to) {
|
|
|
+ if (to.name == 'tempUser') {
|
|
|
+ // 读取列表
|
|
|
+ this.getTableQuery();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
methods: {
|
|
|
addMember(){
|
|
|
|
|
|
@@ -213,15 +241,14 @@
|
|
|
that.loading = true;
|
|
|
let param = {
|
|
|
token: localStorage.token,
|
|
|
- vipType: that.panel.vipType,//
|
|
|
- phone: that.panel.phone,//
|
|
|
+ shopId: that.panel.shopId,//
|
|
|
name: that.panel.name,//
|
|
|
expDay: that.panel.expDay,//
|
|
|
start: that.start,//
|
|
|
tableMax: 20,//
|
|
|
};
|
|
|
let postdata = qs.stringify(param);
|
|
|
- VipUserListQuery(postdata).then(res => {
|
|
|
+ TmpUserQuery(postdata).then(res => {
|
|
|
let json = res;
|
|
|
if (json.Code == 0) {
|
|
|
that.loading = false;
|
|
|
@@ -300,6 +327,11 @@
|
|
|
console.log(that.draw);
|
|
|
that.getTableQuery();
|
|
|
},
|
|
|
+ // 过滤时间
|
|
|
+ filterFmtDate(value, row, column) {
|
|
|
+ let that = this;
|
|
|
+ return nonTfmtDatetoLength(column, 11);
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|