Commit f3b8fbae authored by liwei's avatar liwei

liwei

parent 94e93dd6
This diff is collapsed.
This diff is collapsed.
<template> <template>
<div class="integral-page"> <div class="integral-page">
<el-form ref="searchFrom" :model="searchFrom" style="padding-top:20px;" label-width="80px" inline> <el-form
<el-form-item label="主账户ID"> ref="searchFrom"
<el-input v-model="searchFrom.user_id"></el-input> :model="searchFrom"
</el-form-item> style="padding-top:20px;"
<el-form-item label="子账户ID"> label-width="80px"
<el-input v-model="searchFrom.sub_user_id"></el-input> inline
</el-form-item> >
<el-form-item> <el-form-item label="主账户ID">
<el-button type="primary" plain @click="getUser">搜索</el-button> <el-input v-model="searchFrom.user_id"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="子账户ID">
<el-input v-model="searchFrom.sub_user_id"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" plain @click="getUser">搜索</el-button>
</el-form-item>
</el-form> </el-form>
<el-table <el-table :data="userList" :style="{width: width+'px'}">
:data="userList" <el-table-column class="f-c" label="主账户">
style="width: 100%">
<el-table-column
className="f-c"
label="主账户">
<template slot-scope="scope"> <template slot-scope="scope">
<img class="avatar" :src="scope.row.user_avatar">{{scope.row.user_nickname}}(ID:{{scope.row.user_id}}) <img class="avatar" :src="scope.row.user_avatar" />
{{scope.row.user_nickname}}(ID:{{scope.row.user_id}})
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column class="f-c" label="子账户">
className="f-c"
label="子账户">
<template slot-scope="scope"> <template slot-scope="scope">
<img class="avatar" :src="scope.row.sub_user_avatar">{{scope.row.sub_user_nickname}}(ID:{{scope.row.sub_user_id}}) <img class="avatar" :src="scope.row.sub_user_avatar" />
{{scope.row.sub_user_nickname}}(ID:{{scope.row.sub_user_id}})
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="created_at" label="绑定时间"></el-table-column>
prop="created_at" <el-table-column prop="unbind_at" label="解绑时间">
label="绑定时间"> <template
</el-table-column> slot-scope="scope"
<el-table-column >{{scope.row.unbind_at=='0000-00-00 00:00:00'?'未解绑':scope.row.unbind_at}}</template>
prop="unbind_at"
label="解绑时间">
<template slot-scope="scope">
{{scope.row.unbind_at=='0000-00-00 00:00:00'?'未解绑':scope.row.unbind_at}}
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<page :total="total" :limit="limit" @pageChange="onPageChange" @sizeChange="onSizeChange"/> <page :total="total" :limit="limit" @pageChange="onPageChange" @sizeChange="onSizeChange" />
</div> </div>
</template> </template>
<script> <script>
import {getSubAccountListApi,getOldListApi} from "../../service/api"; import { getSubAccountListApi, getOldListApi } from "../../service/api";
import {INTEGRALTYPE,INTEGRALFUN} from "../../util/wordbook"; import { INTEGRALTYPE, INTEGRALFUN } from "../../util/wordbook";
import page from '../framework/page' import page from "../framework/page";
export default { export default {
name: "index", name: "index",
components: { components: {
page page
},
data() {
let is_addOption = [];
for (let k in INTEGRALTYPE) {
is_addOption.push({ id: k, value: INTEGRALTYPE[k] });
}
let sourceOption = [];
for (let j in INTEGRALFUN) {
sourceOption.push({ id: j, value: INTEGRALFUN[j] });
}
return {
width: 0,
searchFrom: {
user_id: "",
sub_user_id: ""
},
userList: [],
total: 0,
nowPage: 1,
limit: 10,
showDetail: false
};
},
mounted() {
this.getUser();
this.width = window.innerWidth - 200;
},
filters: {
INTEGRALTYPE(value) {
return INTEGRALTYPE[value];
}, },
data(){ INTEGRALFUN(value) {
let is_addOption = []; return INTEGRALFUN[value];
for(let k in INTEGRALTYPE){ }
is_addOption.push({id:k,value:INTEGRALTYPE[k]}) },
} methods: {
let sourceOption = []; onPageChange(val) {
for(let j in INTEGRALFUN){ this.nowPage = val;
sourceOption.push({id:j,value:INTEGRALFUN[j]}) this.getUser();
}
return {
searchFrom:{
user_id:'',
sub_user_id:""
},
userList:[],
total:0,
nowPage:1,
limit: 10,
showDetail:false
}
}, },
mounted(){ onSizeChange(val) {
this.getUser() this.limit = val;
this.nowPage = 1;
this.getUser();
}, },
filters:{ getUser() {
INTEGRALTYPE(value){ let json = {
return INTEGRALTYPE[value] page: this.nowPage,
}, limit: this.limit
INTEGRALFUN(value){ };
return INTEGRALFUN[value] if (this.searchFrom.user_id) {
json.user_id = this.searchFrom.user_id;
} }
}, if (this.searchFrom.sub_user_id) {
methods:{ json.sub_user_id = this.searchFrom.sub_user_id;
onPageChange(val){
this.nowPage = val
this.getUser()
},
onSizeChange(val){
this.limit = val;
this.nowPage = 1;
this.getUser()
},
getUser(){
let json = {
page: this.nowPage,
limit: this.limit
}
if (this.searchFrom.user_id) {
json.user_id = this.searchFrom.user_id
}
if (this.searchFrom.sub_user_id) {
json.sub_user_id = this.searchFrom.sub_user_id
}
getSubAccountListApi(json).then(res=>{
this.userList = res.list;
this.total = res.total
})
} }
getSubAccountListApi(json).then(res => {
this.userList = res.list;
this.total = res.total;
});
} }
} }
};
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
.avatar{ .avatar {
width: 50px; width: 50px;
min-width: 50px; min-width: 50px;
height: 50px; height: 50px;
margin-right: 5px; margin-right: 5px;
border-radius: 50%; border-radius: 50%;
} }
</style> </style>
<style> <style>
.f-c > .cell { .f-c > .cell {
display: flex !important; display: flex !important;
flex-flow: row; flex-flow: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment