|
|
|
|
@ -2,29 +2,32 @@
|
|
|
|
|
<div class="div-page">
|
|
|
|
|
<template>
|
|
|
|
|
<Row class="search-row">
|
|
|
|
|
<i-col span="18">
|
|
|
|
|
<span class="search-span">账户名</span>
|
|
|
|
|
<i-input placeholder="搜索用户名/账户" class="search-select" v-model="searchContent"/>
|
|
|
|
|
<span class="search-span">角色</span>
|
|
|
|
|
<Select filterable placeholder="请选择角色" v-model="changeRoleId" class="left-15 search-select">
|
|
|
|
|
<Option v-for="item in roleList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
<span class="search-span">店铺</span>
|
|
|
|
|
<Select filterable placeholder="请选择店铺" v-model="changeShopId" class="left-15 search-select">
|
|
|
|
|
<Option v-for="item in shopList" :value="item.id" :key="item.name">{{ item.name }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
<Button type="primary" class="search-btn" @click="listAccountInfoFunction">查询</Button>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="6" class="search-btn-add-row">
|
|
|
|
|
<Button type="primary"
|
|
|
|
|
<!-- <span class="search-span">账户名</span>-->
|
|
|
|
|
<i-input placeholder="搜索用户名/账户" class="left-15 search-select" :on-enter="listAccountInfoFunction" v-model="searchContent"/>
|
|
|
|
|
<span class="search-span">角色</span>
|
|
|
|
|
<Select filterable placeholder="请选择角色" v-model="selectedRoleId" class="left-15 search-select"
|
|
|
|
|
@on-change="onRoleChangeLister">
|
|
|
|
|
<Option v-for="item in roleList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
<span class="left-15 txt-font-a">零售公司</span>
|
|
|
|
|
<Select v-model="selectedCompanyId" filterable class="left-15 txt-font-a search-select"
|
|
|
|
|
@on-change="companySelect">
|
|
|
|
|
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
<span class="left-15 txt-font-a">店铺</span>
|
|
|
|
|
<Select filterable placeholder="全部" v-model="selectedShopId" class="left-15 txt-font-a search-select"
|
|
|
|
|
@on-change="downShopChange">
|
|
|
|
|
<Option v-for="item in shopList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
<Button type="primary" class="search-btn" @click="listAccountInfoFunction">查询</Button>
|
|
|
|
|
<div class="search-div-btn">
|
|
|
|
|
<Button type="primary" class="search-btn"
|
|
|
|
|
@click="addOneAccount()">+添加账户
|
|
|
|
|
</Button>
|
|
|
|
|
<!-- <Button type="primary" ghost style="margin-bottom: 20px;margin-right: 20px;float:right;margin-top: 25px"-->
|
|
|
|
|
<!-- @click="uploadAccount">批量导入账户-->
|
|
|
|
|
<!-- </Button>-->
|
|
|
|
|
</i-col>
|
|
|
|
|
|
|
|
|
|
<Button type="primary" class="search-btn" @click="exportData" :loading="loading">导出数据</Button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</Row>
|
|
|
|
|
</template>
|
|
|
|
|
<Table :loading="loading" :columns="columns1" :data="data1" class="table-account" size="small"></Table>
|
|
|
|
|
@ -45,10 +48,14 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import accountManagement from "../../services/account/AccountManagement";
|
|
|
|
|
import zeroExtend from "../../services/customer/zeroExtend";
|
|
|
|
|
import staff from "../../services/staff/staff";
|
|
|
|
|
import IncreaseData from "../../services/generalize/IncreaseData";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId,
|
|
|
|
|
loading: false,
|
|
|
|
|
modal13: false,
|
|
|
|
|
roleList: [
|
|
|
|
|
@ -73,8 +80,6 @@
|
|
|
|
|
name: '导购',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
shopList: [
|
|
|
|
|
],
|
|
|
|
|
columns1: [
|
|
|
|
|
{
|
|
|
|
|
type: 'index2',
|
|
|
|
|
@ -82,8 +87,7 @@
|
|
|
|
|
title: "序号",
|
|
|
|
|
align: 'center',
|
|
|
|
|
render: (h, params) => {
|
|
|
|
|
debugger
|
|
|
|
|
return h('span', params.index + (this.pageNum- 1) * this.pageSize + 1);
|
|
|
|
|
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@ -110,6 +114,10 @@
|
|
|
|
|
title: '零售公司',
|
|
|
|
|
key: 'companyName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '零售公司编码',
|
|
|
|
|
key: 'companyCode'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '店铺',
|
|
|
|
|
key: 'shopName'
|
|
|
|
|
@ -174,26 +182,28 @@
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
data1: [
|
|
|
|
|
],
|
|
|
|
|
roleId: '',
|
|
|
|
|
shopId: '',
|
|
|
|
|
data1: [],
|
|
|
|
|
selectedRoleId: 0,
|
|
|
|
|
//分页内容
|
|
|
|
|
totalSize: 0,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
//搜索内容
|
|
|
|
|
searchContent: null,
|
|
|
|
|
changeShopId: null,
|
|
|
|
|
changeRoleId: null,
|
|
|
|
|
searchContent: '',
|
|
|
|
|
updateAccountId: 0,
|
|
|
|
|
updateUserId: 0,
|
|
|
|
|
item: null,
|
|
|
|
|
companyList: [], // 零售公司列表
|
|
|
|
|
selectedCompanyId: 0, // 选中的零售公司ID
|
|
|
|
|
organizationalList: [],
|
|
|
|
|
selectedShopId: 0, // 店铺ID
|
|
|
|
|
shopList: [], // 店铺列表
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted: function () {
|
|
|
|
|
this.getSelectList();
|
|
|
|
|
this.listRoleInfo();
|
|
|
|
|
this.listOfShop();
|
|
|
|
|
// this.listOfShop();
|
|
|
|
|
// 绑定enter事件
|
|
|
|
|
this.enterKeyup();
|
|
|
|
|
},
|
|
|
|
|
@ -233,12 +243,12 @@
|
|
|
|
|
that.item = that.$route.query;
|
|
|
|
|
//别的页面跳转过来
|
|
|
|
|
if (that.item.id === undefined) {
|
|
|
|
|
that.changeRoleId = "0";
|
|
|
|
|
that.selectedRoleId = "0";
|
|
|
|
|
} else {
|
|
|
|
|
that.changeRoleId = that.item.id;
|
|
|
|
|
that.selectedRoleId = that.item.id;
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
that.changeRoleId = "0";
|
|
|
|
|
that.selectedRoleId = "0";
|
|
|
|
|
}
|
|
|
|
|
that.listAccountInfoFunction();
|
|
|
|
|
}
|
|
|
|
|
@ -247,10 +257,9 @@
|
|
|
|
|
//查询所有店铺
|
|
|
|
|
listOfShop() {
|
|
|
|
|
let that = this;
|
|
|
|
|
this.loading = true;
|
|
|
|
|
that.shopList = [];
|
|
|
|
|
let request = {
|
|
|
|
|
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId
|
|
|
|
|
userId: this.userId
|
|
|
|
|
};
|
|
|
|
|
accountManagement.listAllShopApi(request, function (data) {
|
|
|
|
|
data = data.data;
|
|
|
|
|
@ -264,36 +273,61 @@
|
|
|
|
|
id: '-1',
|
|
|
|
|
name: "全部"
|
|
|
|
|
});
|
|
|
|
|
that.changeShopId = '-1';
|
|
|
|
|
that.selectedShopId = '-1';
|
|
|
|
|
data = data.results;
|
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
|
let row = data[i];
|
|
|
|
|
that.shopList.push(row);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
that.listAccountInfoFunction();
|
|
|
|
|
}
|
|
|
|
|
}, function () {
|
|
|
|
|
that.loading = false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
//搜索账号内容
|
|
|
|
|
listAccountInfoFunction: function () {
|
|
|
|
|
/**基础数据：区域list、零售公司list、好友list*/
|
|
|
|
|
getSelectList: function () {
|
|
|
|
|
let that = this;
|
|
|
|
|
let roleId = that.changeRoleId;
|
|
|
|
|
if (that.changeRoleId === "0") {
|
|
|
|
|
roleId = null;
|
|
|
|
|
let request = {
|
|
|
|
|
userId: this.userId,
|
|
|
|
|
};
|
|
|
|
|
zeroExtend.getSelectListRequest(request, function (data) {
|
|
|
|
|
if (data.data.code !== "0000") {
|
|
|
|
|
that.$Message.error("系统异常");
|
|
|
|
|
}
|
|
|
|
|
data = data.data.results;
|
|
|
|
|
if (data) {
|
|
|
|
|
that.organizationalList = data;
|
|
|
|
|
that.companyList = that.organizationalList.filter(item => item.level === 2);
|
|
|
|
|
}
|
|
|
|
|
//插入全部选项
|
|
|
|
|
that.insertAllOption();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
insertAllOption: function () {
|
|
|
|
|
if (this.companyList.length === 0 || this.companyList[0].id !== 0) {
|
|
|
|
|
this.companyList.splice(0, 0, {"id": 0, "name": "全部"});
|
|
|
|
|
}
|
|
|
|
|
let shopId = that.changeShopId;
|
|
|
|
|
if (that.changeShopId === "-1") {
|
|
|
|
|
shopId = null;
|
|
|
|
|
if (this.shopList.length === 0 || this.shopList[0].id !== 0) {
|
|
|
|
|
this.shopList.splice(0, 0, {"id": 0, "name": "全部"});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//搜索账号内容
|
|
|
|
|
listAccountInfoFunction: function () {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
let that = this;
|
|
|
|
|
let request = {
|
|
|
|
|
searchContent: that.searchContent,
|
|
|
|
|
pageNum: that.pageNum,
|
|
|
|
|
pageSize: that.pageSize,
|
|
|
|
|
roleId: roleId,
|
|
|
|
|
shopId: shopId
|
|
|
|
|
roleId: that.selectedRoleId,
|
|
|
|
|
companyId: that.selectedCompanyId,
|
|
|
|
|
shopId: that.selectedShopId
|
|
|
|
|
};
|
|
|
|
|
accountManagement.listAccountInfoApi(request, function (data) {
|
|
|
|
|
that.loading = false;
|
|
|
|
|
|
|
|
|
|
that.data1 = [];
|
|
|
|
|
data = data.data;
|
|
|
|
|
if (data.code === '0001') {
|
|
|
|
|
@ -302,7 +336,7 @@
|
|
|
|
|
}
|
|
|
|
|
if (data.code === '0000') {
|
|
|
|
|
if (data) {
|
|
|
|
|
let row = data.results.records;
|
|
|
|
|
let row = data.results.list;
|
|
|
|
|
that.totalSize = data.results.total;
|
|
|
|
|
for (let i = 0; i < row.length; i++) {
|
|
|
|
|
let entity = row[i];
|
|
|
|
|
@ -328,7 +362,9 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}, function () {
|
|
|
|
|
that.loading = false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
//删除账号
|
|
|
|
|
@ -374,18 +410,125 @@
|
|
|
|
|
this.listAccountInfoFunction();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 角色选择改变事件
|
|
|
|
|
onRoleChangeLister: function (value) {
|
|
|
|
|
let val = value;
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
//零售公司选择
|
|
|
|
|
companySelect: function (value) {
|
|
|
|
|
this.selectedCompanyId = value;
|
|
|
|
|
//加载店铺
|
|
|
|
|
this.downShopData(this.selectedCompanyId);
|
|
|
|
|
this.selectedStore = 0;
|
|
|
|
|
this.shopList = [];
|
|
|
|
|
},
|
|
|
|
|
// 店铺选择
|
|
|
|
|
downShopChange: function (value) {
|
|
|
|
|
let val = value;
|
|
|
|
|
let that = this;
|
|
|
|
|
this.selectedStore = val;
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
downShopData: function (selected) {
|
|
|
|
|
let that = this;
|
|
|
|
|
let companyId = selected;
|
|
|
|
|
if (!selected) {
|
|
|
|
|
companyId = that.companyId;
|
|
|
|
|
}
|
|
|
|
|
let customerIds = [];
|
|
|
|
|
this.customerList = [];
|
|
|
|
|
if (companyId === 0) {
|
|
|
|
|
//
|
|
|
|
|
that.selectedShopId = 0;
|
|
|
|
|
} else {
|
|
|
|
|
this.customerList = this.organizationalList.filter(item => item.parentId === companyId && item.level === 3);
|
|
|
|
|
this.insertAllOption();
|
|
|
|
|
}
|
|
|
|
|
customerIds = this.customerList.map(item => item.id);
|
|
|
|
|
|
|
|
|
|
let request = {userId: that.userId, customerIds: customerIds, companyId: companyId};
|
|
|
|
|
staff.downShopData(request, function (data) {
|
|
|
|
|
data = data.data.results;
|
|
|
|
|
if (data) {
|
|
|
|
|
that.shopList = [{"id": 0, "name": "全部"}];
|
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
|
let entity = data[i];
|
|
|
|
|
if (entity) {
|
|
|
|
|
that.shopList.push(entity);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//零推广导出
|
|
|
|
|
exportData: function () {
|
|
|
|
|
|
|
|
|
|
this.loading = true;
|
|
|
|
|
let that = this;
|
|
|
|
|
let request = {
|
|
|
|
|
searchContent: that.searchContent,
|
|
|
|
|
pageNum: that.pageNum,
|
|
|
|
|
pageSize: that.totalSize,
|
|
|
|
|
roleId: that.selectedRoleId,
|
|
|
|
|
companyId: that.selectedCompanyId,
|
|
|
|
|
shopId: that.selectedShopId
|
|
|
|
|
};
|
|
|
|
|
accountManagement.listAccountInfoApi(request, function (data) {
|
|
|
|
|
that.loading = false;
|
|
|
|
|
data = data.data;
|
|
|
|
|
if (data.code === '0001') {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (data.code === '0000') {
|
|
|
|
|
if (data) {
|
|
|
|
|
let row = data.results.list;
|
|
|
|
|
if (row && row.length > 0) {
|
|
|
|
|
let originAllData = [];
|
|
|
|
|
for (let i = 0; i < row.length; i++) {
|
|
|
|
|
let entity = row[i];
|
|
|
|
|
entity.index = i + 1;
|
|
|
|
|
originAllData.push(entity);
|
|
|
|
|
}
|
|
|
|
|
let title = "账号";
|
|
|
|
|
require.ensure([], () => {
|
|
|
|
|
const {export_json_to_excel} = require('../../excel/Export2Excel');
|
|
|
|
|
const tHeader = ['序号', '用户名', '别名', '账号', '手机号码', '角色', '零售公司', '零售公司编码', '店铺名称', '店铺编码'];
|
|
|
|
|
// 属性名
|
|
|
|
|
const filterVal = ['index', 'userName', 'abbreviation', 'account', 'mobil', 'roleName', 'companyName', 'companyCode', 'shopName', 'shopCode'];
|
|
|
|
|
|
|
|
|
|
// 数据
|
|
|
|
|
//把data里的tableData存到list
|
|
|
|
|
const data = that.formatJson(filterVal, originAllData);
|
|
|
|
|
export_json_to_excel(tHeader, data, title);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}, function () {
|
|
|
|
|
that.loading = false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
formatJson(filterVal, jsonData) {
|
|
|
|
|
return jsonData.map(v => filterVal.map(j => v[j]))
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
.left-15 {
|
|
|
|
|
margin-left: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.div-page {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-row{
|
|
|
|
|
.search-row {
|
|
|
|
|
background-color: #F7F8FA;
|
|
|
|
|
line-height: 80px;
|
|
|
|
|
}
|
|
|
|
|
@ -399,7 +542,7 @@
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-account{
|
|
|
|
|
.table-account {
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
kevin jiang
6 years ago