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

1

Browse Source
feature_0521
郑皇 5 years ago
parent 13e2e767ba
commit f7aecb9ce7
2 changed files with 468 additions and 508 deletions
Show Stats Download Patch File Download Diff File

1
.gitignore vendored
Unescape Escape View File

@ -2,3 +2,4 @@
.DS_Store
*.lock
dist
/.idea/

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

@ -172,7 +172,7 @@
<p>审核不通过原因</p>
</div>
<div>
<i-input type="textarea" :rows="4" placeholder="请填写审核不通过原因"></i-input>
<i-input v-model="remark" type="textarea" :rows="4" placeholder="请填写审核不通过原因"></i-input>
</div>
<div style="margin-top:20px;text-align: center;">
<Button ghost type="primary" @click="refuse(rowData)">确定</Button>
@ -200,332 +200,299 @@
</div>
</Modal>
</Row>
</i-col>
</Row>
<Table ref="table" :loading="loading" :columns="columns3" :data="data3" class="table-store" size="small" @on-row-dblclick="onDblClickRowLister">
</Table>
</Tab-pane>
</Tabs>
<!-- 拒绝 -->
<Modal
v-model="refuseIsShow"
:title="showStoreName"
:footer-hide="true"
width="600"
class-name="vertical-center-modal"
@on-ok="ok">
<div slot="header">
<p>审核不通过原因</p>
</div>
<div>
<i-input v-model="remark" type="textarea" :rows="4" placeholder="请填写审核不通过原因"></i-input>
</div>
<div style="margin-top:20px;text-align: center;">
<Button ghost type="primary" @click="refuse(rowData)">确定</Button>
</div>
</Modal>
<!-- 升级 -->
<Modal
v-model="passIsShow"
:title="showStoreName"
:footer-hide="true"
width="600"
class-name="vertical-center-modal"
@on-ok="ok">
<div slot="header">
<p style="text-align: center;">确认审核</p>
</div>
<div style="text-align:center;min-height:100px">
<span style="line-height:100px">确认通过审核吗?</span>
</div>
<div style="margin-top:20px;text-align: center;">
<Button @click="cancel(rowData)">取消</Button>
<Button style="margin-left:20px" type="primary" @click="confirm(rowData)">确定</Button>
</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 { formatDate } from "../../utils/Common";
import bulletinService from '../../services/recruit/Bulletin'
import zeroExtend from "../../services/customer/zeroExtend";
import staff from "../../services/staff/staff";
import { formatDate } from "../../utils/Common";
import bulletinService from "../../services/recruit/Bulletin";
export default {
export default {
name: "",
data() {
return {
tabIndex:0,
tabIndex: 0,
userId: JSON.parse(sessionStorage.getItem("loginInfo")).userId,
searchShop:null,
date:"",
companyId:null,
searchShop: null,
date: "",
companyId: null,
refuseIsShow: false,
passIsShow:false,
showStoreName: '',
rowData:{},
passIsShow: false,
showStoreName: "",
rowData: {},
//零售公司list
companyList: [],
//所有组织list
organizationalList: [],
selectedStore: null,
shopList: [],
loading:false,
loading: false,
total: 0,
pageSize: 10,
pageNum: 1,
columns1: [
{
title: '序号',
key: 'number',
width:60,
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: '推广员姓名',
width:120,
title: "推广员姓名",
width: 120,
render: (h, params) => {
return h('span', params.row.promoterInfo.name);
return h("span", params.row.promoterInfo.name);
}
},
{
title: '推广员手机号',
width:120,
title: "推广员手机号",
width: 120,
render: (h, params) => {
return h('span', params.row.promoterInfo.phone);
return h("span", params.row.promoterInfo.phone);
}
},
{
title: '零售公司',
key: 'companyName',
width:150,
title: "零售公司",
key: "companyName",
width: 150,
render: (h, params) => {
return h('span', params.row.organizational.name);
return h("span", params.row.organizational.name);
}
},
{
title: '零售公司编号',
key: 'companyCode',
width:80,
title: "零售公司编号",
key: "companyCode",
width: 80,
render: (h, params) => {
return h('span', params.row.organizational.code);
return h("span", params.row.organizational.code);
}
},
{
title: '店铺',
key: 'storeName',
width:160,
title: "店铺",
key: "storeName",
width: 160,
render: (h, params) => {
return h('span', params.row.store.name);
return h("span", params.row.store.name);
}
},
{
title: '店铺编号',
key: 'storeNO',
width:80,
title: "店铺编号",
key: "storeNO",
width: 80,
render: (h, params) => {
return h('span', params.row.store.code);
return h("span", params.row.store.code);
}
},
{
title: '发展人',
key: 'fissionNum',
width:80,
title: "发展人",
key: "fissionNum",
width: 80,
render: (h, params) => {
return h('span', params.row.fissionUser.name);
return h("span", params.row.fissionUser.name);
}
},
{
title: '加入时间',
key: 'joinTime',
width:120,
title: "加入时间",
key: "joinTime",
width: 120,
render: (h, params) => {
return h('span', formatDate(params.row.joinTime));
return h("span", formatDate(params.row.joinTime));
}
},
{
title: '操作',
slot: 'action',
width:250
title: "操作",
slot: "action",
width: 250
}
],
data1:[
],
data1: [],
columns2: [
{
title: '序号',
key: 'number',
width:60,
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',
width:120
title: "推广员姓名",
key: "shopName",
width: 120
},
{
title: '推广员手机号',
key: 'shopPhone',
width:120
title: "推广员手机号",
key: "shopPhone",
width: 120
},
{
title: '身份证号码',
key: 'shopCode',
width:160
title: "身份证号码",
key: "shopCode",
width: 160
},
{
title: '零售公司',
key: 'companyName',
width:150
title: "零售公司",
key: "companyName",
width: 150
},
{
title: '零售公司编号',
key: 'companyCode',
width:80
title: "零售公司编号",
key: "companyCode",
width: 80
},
{
title: '店铺',
key: 'storeName',
width:160
title: "店铺",
key: "storeName",
width: 160
},
{
title: '店铺编号',
key: 'storeNO',
width:80
title: "店铺编号",
key: "storeNO",
width: 80
},
{
title: '导购',
key: 'salesName',
width:80
title: "导购",
key: "salesName",
width: 80
},
{
title: '提交时间',
key: 'submitDate',
width:120
title: "提交时间",
key: "submitDate",
width: 120
},
{
title: '审核时间',
key: 'checkDate',
width:120
},
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',
data2: [
{
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',
width:60,
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',
width:120
title: "推广员姓名",
key: "shopName",
width: 120
},
{
title: '推广员手机号',
key: 'shopPhone',
width:120
title: "推广员手机号",
key: "shopPhone",
width: 120
},
{
title: '身份证号码',
key: 'shopCode',
width:160
title: "身份证号码",
key: "shopCode",
width: 160
},
{
title: '零售公司',
key: 'companyName',
width:150
title: "零售公司",
key: "companyName",
width: 150
},
{
title: '零售公司编号',
key: 'companyCode',
width:80
title: "零售公司编号",
key: "companyCode",
width: 80
},
{
title: '店铺',
key: 'storeName',
width:160
title: "店铺",
key: "storeName",
width: 160
},
{
title: '店铺编号',
key: 'storeNO',
width:80
title: "店铺编号",
key: "storeNO",
width: 80
},
{
title: '导购',
key: 'salesName',
width:80
title: "导购",
key: "salesName",
width: 80
},
{
title: '提交时间',
key: 'submitDate',
width:120
title: "提交时间",
key: "submitDate",
width: 120
},
{
title: '审核时间',
key: 'checkDate',
width:120
title: "审核时间",
key: "checkDate",
width: 120
},
{
title: '审核不通过原因',
key: 'refuseInfo',
width:120
},
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:'信息不完善'
data3: [
{
shopName: "张继军",
shopPhone: "13819890111",
shopCode: "110001199010018171",
bankCard: "62210199918822121",
companyName: "上海零售公司",
companyCode: "601",
storeName: "上海波司登",
storeNO: "1001",
salesName: "王超看",
submitDate: "2020/05/21",
checkDate: "2020/05/21",
refuseInfo: "信息不完善"
}
],
selectDate: [],
store:null,
remark:null
}
store: null,
remark: null
};
},
mounted: function () {
mounted: function() {
// let startDate = this.$moment().format("YYYY-MM-DD");
// let endDate = this.$moment().format("YYYY-MM-DD");
// this.selectDate.push(startDate);
@ -536,39 +503,41 @@
},
methods: {
onChangeDateLister(date) {
console.log(date)
console.log(date);
this.selectDate = date;
},
/**基础数据：区域list、零售公司list、客户list*/
getSelectList: function () {
getSelectList: function() {
let that = this;
let request = {
userId: this.userId,
userId: this.userId
};
zeroExtend.getSelectListRequest(request, function (data) {
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.companyList = that.organizationalList.filter(
item => item.level === 2
);
}
//插入全部选项
that.insertAllOption();
});
},
//插入全部选项
insertAllOption: function () {
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: "全部" });
}
},
//店铺
downShopData: function (selected) {
downShopData: function(selected) {
let that = this;
let companyId = selected;
if (!selected) {
@ -579,17 +548,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)};
staff.downShopData(request, function (data) {
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) {
@ -597,27 +570,30 @@
}
}
}
})
});
},
//零售公司选择
companySelect: function () {
companySelect: function() {
//加载店铺
this.downShopData(this.companyId);
this.selectedStore = 0;
},
downCompanyChange: function (formValidate) {
downCompanyChange: function(formValidate) {
this.downShopData(formValidate.departIds);
},
searchCustomerDataBtnClick: function () {
searchCustomerDataBtnClick: function() {
this.pageNum = 1;
this.getRecruitList();
},
// 双击row跳转详情页面
onDblClickRowLister: function (row) {
this.$router.push({path:'/shop/increase/manager/staff',query:{storeId:row.id}});
onDblClickRowLister: function(row) {
this.$router.push({
path: "/shop/increase/manager/staff",
query: { storeId: row.id }
});
},
//切页处理
handlePage: function (value) {
handlePage: function(value) {
this.pageNum = value;
this.getRecruitList();
},
@ -625,15 +601,23 @@
let that = this;
this.loading = true;
let request = {
status:that.tabIndex+2,
status: that.tabIndex + 2,
pageNum: that.pageNum,
storeId:that.selectedStore,
storeId: that.selectedStore,
companyId: that.companyId,
store:that.searchShop,
start:that.selectDate[0] === ""||that.selectDate.length==0?null:that.selectDate[0],
end:that.selectDate[1] === ""||that.selectDate.length==0?null:that.selectDate[1],
store: that.searchShop,
start:
that.selectDate[0] === "" || that.selectDate.length == 0
? null
: that.selectDate[0],
end:
that.selectDate[1] === "" || that.selectDate.length == 0
? null
: that.selectDate[1]
};
bulletinService.getRecruitList(request, function (data) {
bulletinService.getRecruitList(
request,
function(data) {
that.loading = false;
if (data.data.code == "0000") {
that.data1 = [];
@ -650,17 +634,19 @@
that.data1 = datas.records;
}
}, function (error) {
},
function(error) {
that.loading = false;
});
}
);
},
onTabClick(e){
onTabClick(e) {
this.tabIndex = e;
this.pageNum= 1;
this.storeId=null;
this.companyId= null;
this.searchShop=null;
this.selectDate=[];
this.pageNum = 1;
this.storeId = null;
this.companyId = null;
this.searchShop = null;
this.selectDate = [];
},
ok() {
this.refuseIsShow = false;
@ -668,10 +654,10 @@
// 拒绝审核
refuse(rData) {
let param = {
fissionPromoterId:rData.id,
status:4,
remark:this.remark
}
fissionPromoterId: rData.id,
status: 4,
remark: this.remark
};
this.doRecruitSave(param);
this.refuseIsShow = false;
},
@ -683,62 +669,35 @@
this.passIsShow = true;
this.rowData = index;
},
cancel(){
cancel() {
this.passIsShow = false;
},
//确认通过审核
confirm(rData) {
let param = {
fissionPromoterId:rData.id,
status:3
}
fissionPromoterId: rData.id,
status: 3
};
this.doRecruitSave(param);
this.passIsShow = false;
},
// 审核
doRecruitSave(request){
doRecruitSave(request) {
let that = this;
bulletinService.recruitSave(request, function (data) {
bulletinService.recruitSave(
request,
function(data) {
that.loading = false;
if (data.data.code == "0000") {
that.$Message.info("审核通过");
}else{
} else {
that.$Message.error("系统异常");
}
}, function (error) {
},
function(error) {
that.loading = false;
});
}
}
);
},
onTabClick(e) {
this.tabIndex = e;
console.log("tabIndex", this.tabIndex);
},
ok() {
this.refuseIsShow = false;
},
// 拒绝审核
refuse(index) {
console.log(123);
this.refuseIsShow = false;
},
refuseShow(index) {
this.refuseIsShow = true;
this.rowData = index;
},
passShow(index) {
this.passIsShow = true;
this.rowData = index;
},
cancel() {
this.passIsShow = false;
},
//确认通过审核
confirm(index) {
console.log("确认通过审核");
this.passIsShow = false;
}
}
};

Write Preview
Loading…
Cancel
Save