zhenghuang
/
bsdgy-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
feature_0521
郑皇 5 years ago
parent e0c608c141
commit 59fd5eda6a
3 changed files with 671 additions and 564 deletions
Show Stats Download Patch File Download Diff File

433
src/pages/recruit/CheckList.vue
Unescape Escape View File

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

10
src/services/recruit/CheckList.js
Unescape Escape View File

@ -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,
};

12
vue.config.js
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save