feature_0521
郑皇 6 years ago
parent e0c608c141
commit 59fd5eda6a

@ -7,35 +7,56 @@
<Row class="row-style"> <Row class="row-style">
<i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop" /> <i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop" />
<span class="search-span">选择日期</span> <span class="search-span">选择日期</span>
<DatePicker :value="selectDate" type="daterange" split-panels placeholder="请选择日期" <DatePicker
:value="selectDate"
type="daterange"
split-panels
placeholder="请选择日期"
@on-change="onChangeDateLister" @on-change="onChangeDateLister"
class="date-picker"></DatePicker> class="date-picker"
></DatePicker>
<span class="search-span">零售公司</span> <span class="search-span">零售公司</span>
<Select v-model="companyId" filterable class="search-select" @on-change="companySelect"> <Select
<Option v-for="(item,index) in companyList" :value="item.id" :key="index + item.id">{{ item.name }}</Option> v-model="companyId"
filterable
class="search-select"
@on-change="companySelect"
>
<Option
v-for="(item,index) in companyList"
:value="item.id"
:key="index + item.id"
>{{ item.name }}</Option>
</Select> </Select>
<span class="search-span">店铺</span> <span class="search-span">店铺</span>
<Select v-model="selectedStore" filterable class="search-select"> <Select v-model="selectedStore" filterable class="search-select">
<Option v-for="(item,index) in shopList" :value="item.id" :key="index + item.id">{{ item.name }}</Option> <Option
v-for="(item,index) in shopList"
:value="item.id"
:key="index + item.id"
>{{ item.name }}</Option>
</Select> </Select>
<Button type="primary" @click="searchCustomerDataBtnClick" class="search-btn">查询</Button> <Button type="primary" @click="searchCustomerDataBtnClick" class="search-btn">查询</Button>
</Row> </Row>
</i-col> </i-col>
</Row> </Row>
<Table ref="table" :loading="loading" :columns="columns1" :data="data1" class="table-store" size="small" @on-row-dblclick="onDblClickRowLister"> <Table
ref="table"
:loading="loading"
:columns="columns1"
:data="data1"
class="table-store"
size="small"
@on-row-dblclick="onDblClickRowLister"
>
<template slot="action" slot-scope="{row}"> <template slot="action" slot-scope="{row}">
<i-col span="12"> <i-col span="12">
<Button type="success" class="router-btn" <Button type="success" class="router-btn" @click="() => {passShow(row)}">审核通过</Button>
@click="() => {passShow(row)}">审核通过</Button>
</i-col> </i-col>
<i-col span="12"> <i-col span="12">
<Button type="error" class="router-btn" <Button type="error" class="router-btn" @click="() => {refuseShow(row)}">审核不通过</Button>
@click="() => {refuseShow(row)}">审核不通过</Button>
</i-col> </i-col>
</template> </template>
</Table> </Table>
</Tab-pane> </Tab-pane>
<Tab-pane label="通过审核" key="key2"> <Tab-pane label="通过审核" key="key2">
@ -44,26 +65,48 @@
<Row class="row-style"> <Row class="row-style">
<i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop" /> <i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop" />
<span class="search-span">选择日期</span> <span class="search-span">选择日期</span>
<DatePicker v-model="date" class="left-15 date-picker" type="date" <DatePicker
v-model="date"
class="left-15 date-picker"
type="date"
placement="bottom-start" placement="bottom-start"
split-panels placeholder="请选择日期"> split-panels
</DatePicker> placeholder="请选择日期"
></DatePicker>
<span class="search-span">零售公司</span> <span class="search-span">零售公司</span>
<Select v-model="companyId" filterable class="search-select" @on-change="companySelect"> <Select
<Option v-for="(item,index) in companyList" :value="item.id" :key="index + item.id">{{ item.name }}</Option> v-model="companyId"
filterable
class="search-select"
@on-change="companySelect"
>
<Option
v-for="(item,index) in companyList"
:value="item.id"
:key="index + item.id"
>{{ item.name }}</Option>
</Select> </Select>
<span class="search-span">店铺</span> <span class="search-span">店铺</span>
<Select v-model="selectedStore" filterable class="search-select"> <Select v-model="selectedStore" filterable class="search-select">
<Option v-for="(item,index) in shopList" :value="item.id" :key="index + item.id">{{ item.name }}</Option> <Option
v-for="(item,index) in shopList"
:value="item.id"
:key="index + item.id"
>{{ item.name }}</Option>
</Select> </Select>
<Button type="primary" @click="searchCustomerDataBtnClick" class="search-btn">查询</Button> <Button type="primary" @click="searchCustomerDataBtnClick" class="search-btn">查询</Button>
</Row> </Row>
</i-col> </i-col>
</Row> </Row>
<Table ref="table" :loading="loading" :columns="columns2" :data="data2" class="table-store" size="small" @on-row-dblclick="onDblClickRowLister"> <Table
ref="table"
</Table> :loading="loading"
:columns="columns2"
:data="data2"
class="table-store"
size="small"
@on-row-dblclick="onDblClickRowLister"
></Table>
</Tab-pane> </Tab-pane>
<Tab-pane label="审核未通过" key="key3"> <Tab-pane label="审核未通过" key="key3">
<Row class="search-row"> <Row class="search-row">
@ -71,26 +114,48 @@
<Row class="row-style"> <Row class="row-style">
<i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop" /> <i-input placeholder="请输入推广员姓名或手机号" class="search-select" v-model="searchShop" />
<span class="search-span">选择日期</span> <span class="search-span">选择日期</span>
<DatePicker v-model="date" class="left-15 date-picker" type="date" <DatePicker
v-model="date"
class="left-15 date-picker"
type="date"
placement="bottom-start" placement="bottom-start"
split-panels placeholder="请选择日期"> split-panels
</DatePicker> placeholder="请选择日期"
></DatePicker>
<span class="search-span">零售公司</span> <span class="search-span">零售公司</span>
<Select v-model="companyId" filterable class="search-select" @on-change="companySelect"> <Select
<Option v-for="(item,index) in companyList" :value="item.id" :key="index + item.id">{{ item.name }}</Option> v-model="companyId"
filterable
class="search-select"
@on-change="companySelect"
>
<Option
v-for="(item,index) in companyList"
:value="item.id"
:key="index + item.id"
>{{ item.name }}</Option>
</Select> </Select>
<span class="search-span">店铺</span> <span class="search-span">店铺</span>
<Select v-model="selectedStore" filterable class="search-select"> <Select v-model="selectedStore" filterable class="search-select">
<Option v-for="(item,index) in shopList" :value="item.id" :key="index + item.id">{{ item.name }}</Option> <Option
v-for="(item,index) in shopList"
:value="item.id"
:key="index + item.id"
>{{ item.name }}</Option>
</Select> </Select>
<Button type="primary" @click="searchCustomerDataBtnClick" class="search-btn">查询</Button> <Button type="primary" @click="searchCustomerDataBtnClick" class="search-btn">查询</Button>
</Row> </Row>
</i-col> </i-col>
</Row> </Row>
<Table ref="table" :loading="loading" :columns="columns3" :data="data3" class="table-store" size="small" @on-row-dblclick="onDblClickRowLister"> <Table
ref="table"
</Table> :loading="loading"
:columns="columns3"
:data="data3"
class="table-store"
size="small"
@on-row-dblclick="onDblClickRowLister"
></Table>
</Tab-pane> </Tab-pane>
</Tabs> </Tabs>
@ -101,7 +166,8 @@
:footer-hide="true" :footer-hide="true"
width="600" width="600"
class-name="vertical-center-modal" class-name="vertical-center-modal"
@on-ok="ok"> @on-ok="ok"
>
<div slot="header"> <div slot="header">
<p>审核不通过原因</p> <p>审核不通过原因</p>
</div> </div>
@ -120,7 +186,8 @@
:footer-hide="true" :footer-hide="true"
width="600" width="600"
class-name="vertical-center-modal" class-name="vertical-center-modal"
@on-ok="ok"> @on-ok="ok"
>
<div slot="header"> <div slot="header">
<p style="text-align: center;">确认审核</p> <p style="text-align: center;">确认审核</p>
</div> </div>
@ -133,14 +200,23 @@
</div> </div>
</Modal> </Modal>
<Page :total="total" :current="pageNum" :page-size="pageSize" show-elevator show-total <Page
placement="top" @on-change="handlePage" class-name="ks-page"></Page> :total="total"
:current="pageNum"
:page-size="pageSize"
show-elevator
show-total
placement="top"
@on-change="handlePage"
class-name="ks-page"
></Page>
</div> </div>
</template> </template>
<script> <script>
import zeroExtend from "../../services/customer/zeroExtend"; import zeroExtend from "../../services/customer/zeroExtend";
import staff from "../../services/staff/staff"; import staff from "../../services/staff/staff";
import CheckList from "../../services/recruit/CheckList";
export default { export default {
name: "", name: "",
data() { data() {
@ -152,7 +228,7 @@
companyId: 0, companyId: 0,
refuseIsShow: false, refuseIsShow: false,
passIsShow: false, passIsShow: false,
showStoreName: '', showStoreName: "",
rowData: {}, rowData: {},
//list //list
companyList: [], companyList: [],
@ -166,239 +242,248 @@
pageNum: 1, pageNum: 1,
columns1: [ columns1: [
{ {
title: '序号', title: "序号",
key: 'number', key: "number",
width: 60, width: 60,
render: (h, params) => { render: (h, params) => {
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1); return h(
"span",
params.index + (this.pageNum - 1) * this.pageSize + 1
);
} }
}, },
{ {
title: '推广员姓名', title: "推广员姓名",
key: 'shopName', key: "shopName",
width: 120 width: 120
}, },
{ {
title: '推广员手机号', title: "推广员手机号",
key: 'shopPhone', key: "shopPhone",
width: 120 width: 120
}, },
{ {
title: '身份证号码', title: "身份证号码",
key: 'shopCode', key: "shopCode",
width: 160 width: 160
}, },
{ {
title: '零售公司', title: "零售公司",
key: 'companyName', key: "companyName",
width: 150 width: 150
}, },
{ {
title: '零售公司编号', title: "零售公司编号",
key: 'companyCode', key: "companyCode",
width: 80 width: 80
}, },
{ {
title: '店铺', title: "店铺",
key: 'storeName', key: "storeName",
width: 160 width: 160
}, },
{ {
title: '店铺编号', title: "店铺编号",
key: 'storeNO', key: "storeNO",
width: 80 width: 80
}, },
{ {
title: '发展人', title: "发展人",
key: 'fissionNum', key: "fissionNum",
width: 80 width: 80
}, },
{ {
title: '提交时间', title: "提交时间",
key: 'submitDate', key: "submitDate",
width: 120 width: 120
}, },
{ {
title: '操作', title: "操作",
slot: 'action', slot: "action",
width: 250 width: 250
} }
], ],
data1: [ data1: [
{ {
shopName:'张继军', shopName: "张继军",
shopPhone:'13819890111', shopPhone: "13819890111",
shopCode:'110001199010018171', shopCode: "110001199010018171",
bankCard:'62210199918822121', bankCard: "62210199918822121",
companyName:'上海零售公司', companyName: "上海零售公司",
companyCode:'601', companyCode: "601",
storeName:'上海波司登', storeName: "上海波司登",
storeNO:'1001', storeNO: "1001",
fissionNum:'王超看', fissionNum: "王超看",
submitDate:'2020/05/21' submitDate: "2020/05/21"
} }
], ],
columns2: [ columns2: [
{ {
title: '序号', title: "序号",
key: 'number', key: "number",
width: 60, width: 60,
render: (h, params) => { render: (h, params) => {
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1); return h(
"span",
params.index + (this.pageNum - 1) * this.pageSize + 1
);
} }
}, },
{ {
title: '推广员姓名', title: "推广员姓名",
key: 'shopName', key: "shopName",
width: 120 width: 120
}, },
{ {
title: '推广员手机号', title: "推广员手机号",
key: 'shopPhone', key: "shopPhone",
width: 120 width: 120
}, },
{ {
title: '身份证号码', title: "身份证号码",
key: 'shopCode', key: "shopCode",
width: 160 width: 160
}, },
{ {
title: '零售公司', title: "零售公司",
key: 'companyName', key: "companyName",
width: 150 width: 150
}, },
{ {
title: '零售公司编号', title: "零售公司编号",
key: 'companyCode', key: "companyCode",
width: 80 width: 80
}, },
{ {
title: '店铺', title: "店铺",
key: 'storeName', key: "storeName",
width: 160 width: 160
}, },
{ {
title: '店铺编号', title: "店铺编号",
key: 'storeNO', key: "storeNO",
width: 80 width: 80
}, },
{ {
title: '导购', title: "导购",
key: 'salesName', key: "salesName",
width: 80 width: 80
}, },
{ {
title: '提交时间', title: "提交时间",
key: 'submitDate', key: "submitDate",
width: 120 width: 120
}, },
{ {
title: '审核时间', title: "审核时间",
key: 'checkDate', key: "checkDate",
width: 120 width: 120
}, }
], ],
data2: [ data2: [
{ {
shopName:'张继军', shopName: "张继军",
shopPhone:'13819890111', shopPhone: "13819890111",
shopCode:'110001199010018171', shopCode: "110001199010018171",
bankCard:'62210199918822121', bankCard: "62210199918822121",
companyName:'上海零售公司', companyName: "上海零售公司",
companyCode:'601', companyCode: "601",
storeName:'上海波司登', storeName: "上海波司登",
storeNO:'1001', storeNO: "1001",
salesName:'王超看', salesName: "王超看",
submitDate:'2020/05/21', submitDate: "2020/05/21",
checkDate:'2020/05/21', checkDate: "2020/05/21"
} }
], ],
columns3: [ columns3: [
{ {
title: '序号', title: "序号",
key: 'number', key: "number",
width: 60, width: 60,
render: (h, params) => { render: (h, params) => {
return h('span', params.index + (this.pageNum - 1) * this.pageSize + 1); return h(
"span",
params.index + (this.pageNum - 1) * this.pageSize + 1
);
} }
}, },
{ {
title: '推广员姓名', title: "推广员姓名",
key: 'shopName', key: "shopName",
width: 120 width: 120
}, },
{ {
title: '推广员手机号', title: "推广员手机号",
key: 'shopPhone', key: "shopPhone",
width: 120 width: 120
}, },
{ {
title: '身份证号码', title: "身份证号码",
key: 'shopCode', key: "shopCode",
width: 160 width: 160
}, },
{ {
title: '零售公司', title: "零售公司",
key: 'companyName', key: "companyName",
width: 150 width: 150
}, },
{ {
title: '零售公司编号', title: "零售公司编号",
key: 'companyCode', key: "companyCode",
width: 80 width: 80
}, },
{ {
title: '店铺', title: "店铺",
key: 'storeName', key: "storeName",
width: 160 width: 160
}, },
{ {
title: '店铺编号', title: "店铺编号",
key: 'storeNO', key: "storeNO",
width: 80 width: 80
}, },
{ {
title: '导购', title: "导购",
key: 'salesName', key: "salesName",
width: 80 width: 80
}, },
{ {
title: '提交时间', title: "提交时间",
key: 'submitDate', key: "submitDate",
width: 120 width: 120
}, },
{ {
title: '审核时间', title: "审核时间",
key: 'checkDate', key: "checkDate",
width: 120 width: 120
}, },
{ {
title: '审核不通过原因', title: "审核不通过原因",
key: 'refuseInfo', key: "refuseInfo",
width: 120 width: 120
}, }
], ],
data3: [ data3: [
{ {
shopName:'张继军', shopName: "张继军",
shopPhone:'13819890111', shopPhone: "13819890111",
shopCode:'110001199010018171', shopCode: "110001199010018171",
bankCard:'62210199918822121', bankCard: "62210199918822121",
companyName:'上海零售公司', companyName: "上海零售公司",
companyCode:'601', companyCode: "601",
storeName:'上海波司登', storeName: "上海波司登",
storeNO:'1001', storeNO: "1001",
salesName:'王超看', salesName: "王超看",
submitDate:'2020/05/21', submitDate: "2020/05/21",
checkDate:'2020/05/21', checkDate: "2020/05/21",
refuseInfo:'信息不完善' refuseInfo: "信息不完善"
} }
], ],
selectDate: [], selectDate: []
} };
}, },
mounted: function() { mounted: function() {
let startDate = this.$moment().format("YYYY-MM-DD"); let startDate = this.$moment().format("YYYY-MM-DD");
@ -407,6 +492,7 @@
this.selectDate.push(endDate); this.selectDate.push(endDate);
this.getSelectList(); this.getSelectList();
this.downShopData(); this.downShopData();
this.getCheckList();
}, },
methods: { methods: {
onChangeDateLister(date) { onChangeDateLister(date) {
@ -416,7 +502,7 @@
getSelectList: function() { getSelectList: function() {
let that = this; let that = this;
let request = { let request = {
userId: this.userId, userId: this.userId
}; };
zeroExtend.getSelectListRequest(request, function(data) { zeroExtend.getSelectListRequest(request, function(data) {
if (data.data.code !== "0000") { if (data.data.code !== "0000") {
@ -425,7 +511,9 @@
data = data.data.results; data = data.data.results;
if (data) { if (data) {
that.organizationalList = data; that.organizationalList = data;
that.companyList = that.organizationalList.filter(item => item.level === 2); that.companyList = that.organizationalList.filter(
item => item.level === 2
);
} }
// //
that.insertAllOption(); that.insertAllOption();
@ -434,10 +522,10 @@
// //
insertAllOption: function() { insertAllOption: function() {
if (this.companyList.length === 0 || this.companyList[0].id !== 0) { if (this.companyList.length === 0 || this.companyList[0].id !== 0) {
this.companyList.splice(0, 0, {"id": 0, "name": "全部"}); this.companyList.splice(0, 0, { id: 0, name: "全部" });
} }
if (this.shopList.length === 0 || this.shopList[0].id !== 0) { if (this.shopList.length === 0 || this.shopList[0].id !== 0) {
this.shopList.splice(0, 0, {"id": 0, "name": "全部"}); this.shopList.splice(0, 0, { id: 0, name: "全部" });
} }
}, },
// //
@ -452,17 +540,21 @@
if (companyId === 0) { if (companyId === 0) {
// //
} else { } else {
this.customerList = this.organizationalList.filter(item => item.parentId === companyId && item.level === 3); this.customerList = this.organizationalList.filter(
item => item.parentId === companyId && item.level === 3
);
this.insertAllOption(); this.insertAllOption();
} }
customerIds = this.customerList.map(item => item.id); customerIds = this.customerList.map(item => item.id);
let request = let request = {
{userId: that.userId, customerIds: JSON.stringify(customerIds)}; userId: that.userId,
customerIds: JSON.stringify(customerIds)
};
staff.downShopData(request, function(data) { staff.downShopData(request, function(data) {
data = data.data.results; data = data.data.results;
if (data) { if (data) {
that.shopList = [{"id": 0, "name": "全部"}]; that.shopList = [{ id: 0, name: "全部" }];
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
let entity = data[i]; let entity = data[i];
if (entity) { if (entity) {
@ -470,7 +562,7 @@
} }
} }
} }
}) });
}, },
// //
companySelect: function() { companySelect: function() {
@ -487,7 +579,10 @@
}, },
// row // row
onDblClickRowLister: function(row) { onDblClickRowLister: function(row) {
this.$router.push({path:'/shop/increase/manager/staff',query:{storeId:row.id}}); this.$router.push({
path: "/shop/increase/manager/staff",
query: { storeId: row.id }
});
}, },
// //
handlePage: function(value) { handlePage: function(value) {
@ -500,14 +595,15 @@
let request = { let request = {
userId: that.userId, userId: that.userId,
regionId: that.changeData(that.regionId), store: null,
companyId: that.changeData(that.companyId), companyId: null,
storeId: that.changeData(that.selectedStore), storeId: null,
pageNum: that.pageNum, pageNum: that.pageNum,
pageSize: that.pageSize, status: null
code: that.searchShop
}; };
http.checkList(request, function (data) { CheckList.getList(
request,
data => {
data = data.data; data = data.data;
that.loading = false; that.loading = false;
if (data.code == "0000") { if (data.code == "0000") {
@ -524,13 +620,15 @@
} }
that.data1 = datas.list; that.data1 = datas.list;
} }
}, function (error) { },
function(error) {
that.loading = false; that.loading = false;
}); }
);
}, },
onTabClick(e) { onTabClick(e) {
this.tabIndex = e; this.tabIndex = e;
console.log('tabIndex',this.tabIndex); console.log("tabIndex", this.tabIndex);
}, },
ok() { ok() {
this.refuseIsShow = false; this.refuseIsShow = false;
@ -553,15 +651,14 @@
}, },
// //
confirm(index) { confirm(index) {
console.log('确认通过审核'); console.log("确认通过审核");
this.passIsShow = false; this.passIsShow = false;
},
} }
} }
};
</script> </script>
<style scoped> <style scoped>
.table-store { .table-store {
margin-top: 20px; margin-top: 20px;
} }

@ -0,0 +1,10 @@
import http from "../CommonHttp";
import axios from "axios";
export function getList(params, call) {
return http.get("/fission/recruit/list", params).then(call);
}
export default {
getList,
};

@ -6,11 +6,11 @@ module.exports = {
// publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './', // publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
/* history模式 */ /* history模式 */
publicPath: process.env.NODE_ENV === 'production' ? '/dist/' : '/', publicPath: process.env.NODE_ENV === "production" ? "/dist/" : "/",
/* 输出文件目录在npm run build时生成文件的目录名称 */ /* 输出文件目录在npm run build时生成文件的目录名称 */
outputDir: 'dist', outputDir: "dist",
/* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */ /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
assetsDir: 'assets', assetsDir: "assets",
/* 是否在构建生产包时生成 sourceMap 文件false将提高构建速度 */ /* 是否在构建生产包时生成 sourceMap 文件false将提高构建速度 */
productionSourceMap: false, productionSourceMap: false,
/* 默认情况下,生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存,你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */ /* 默认情况下,生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存,你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
@ -22,7 +22,7 @@ module.exports = {
/* 自动打开浏览器 */ /* 自动打开浏览器 */
open: true, open: true,
/* 设置为0.0.0.0则所有的地址均能访问 */ /* 设置为0.0.0.0则所有的地址均能访问 */
host: '0.0.0.0', host: "0.0.0.0",
port: 8311, port: 8311,
https: false, https: false,
hotOnly: false, hotOnly: false,
@ -30,7 +30,7 @@ module.exports = {
/* 使用代理 后台接口路径 */ /* 使用代理 后台接口路径 */
// proxy: 'http://192.168.1.123:8312/' // proxy: 'http://192.168.1.123:8312/'
// proxy: 'http://192.168.31.177:8312/' // proxy: 'http://192.168.31.177:8312/'
proxy: 'http://localhost:8312/', proxy: "http://localhost:8080/",
// proxy: 'http://jdxdev.vipgz4.idcfengye.com/' // proxy: 'http://jdxdev.vipgz4.idcfengye.com/'
}, },
} };

Loading…
Cancel
Save