feature_0521
parent
35b024b94f
commit
059640d3a3
@ -1,10 +1,266 @@
|
||||
<template>
|
||||
<div>asd</div>
|
||||
<div>
|
||||
<Row class="search-row">
|
||||
<i-col span="24" class="search-col">
|
||||
<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"
|
||||
placement="bottom-start"
|
||||
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>
|
||||
<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>
|
||||
</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">
|
||||
<template slot="action" slot-scope="{row}">
|
||||
<i-col span="12">
|
||||
<Button type="success" class="router-btn"
|
||||
@click="() => {show(row)}">升级</Button>
|
||||
</i-col>
|
||||
<i-col span="12">
|
||||
<Button type="text" class="router-btn" style="color:2DBCF0!important"
|
||||
@click="() => {doShow(row,true)}">查看上下级</Button>
|
||||
</i-col>
|
||||
</template>
|
||||
</Table>
|
||||
|
||||
<!-- 升级 -->
|
||||
<Modal
|
||||
v-model="isShow"
|
||||
: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>
|
||||
<i-input type="textarea" :rows="4" placeholder="请填写审核不通过原因"></i-input>
|
||||
</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>
|
||||
<recruitTable ref="recruitTable"
|
||||
@doShow="doShow"
|
||||
:show="showrecruit"
|
||||
:schedule="recruitSchedule">
|
||||
</recruitTable>
|
||||
<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>
|
||||
export default {};
|
||||
import recruitTable from "./recruitTable";
|
||||
export default {
|
||||
name: "",
|
||||
components: {
|
||||
recruitTable,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabIndex:0,
|
||||
searchShop:null,
|
||||
date:"",
|
||||
companyId:0,
|
||||
isShow: false,
|
||||
showStoreName: '',
|
||||
showrecruit:false,
|
||||
recruitSchedule:{},
|
||||
rowData:{},
|
||||
//零售公司list
|
||||
companyList: [],
|
||||
selectedStore: 0,
|
||||
shopList: [],
|
||||
loading:false,
|
||||
total: 0,
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
columns1: [
|
||||
{
|
||||
title: '序号',
|
||||
key: 'number',
|
||||
width:60
|
||||
},
|
||||
{
|
||||
title: '推广员姓名',
|
||||
key: 'shopName',
|
||||
width:120
|
||||
},
|
||||
{
|
||||
title: '推广员手机号',
|
||||
key: 'shopPhone',
|
||||
width:120
|
||||
},
|
||||
{
|
||||
title: '身份证号码',
|
||||
key: 'shopCode',
|
||||
width:160
|
||||
},
|
||||
{
|
||||
title: '银行卡号',
|
||||
key: 'bankCard',
|
||||
width:150
|
||||
},
|
||||
{
|
||||
title: '零售公司',
|
||||
key: 'companyName',
|
||||
width:150
|
||||
},
|
||||
{
|
||||
title: '零售公司编号',
|
||||
key: 'companyCode',
|
||||
width:80
|
||||
},
|
||||
{
|
||||
title: '店铺',
|
||||
key: 'storeName',
|
||||
width:160
|
||||
},
|
||||
{
|
||||
title: '店铺编号',
|
||||
key: 'storeNO',
|
||||
width:80
|
||||
},
|
||||
{
|
||||
title: '发展人',
|
||||
key: 'fissionNum',
|
||||
width:80
|
||||
},
|
||||
{
|
||||
title: '提交时间',
|
||||
key: 'submitDate',
|
||||
width:120
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
slot: 'action',
|
||||
width:250
|
||||
}
|
||||
],
|
||||
data1:[
|
||||
{
|
||||
shopName:'张继军',
|
||||
shopPhone:'13819890111',
|
||||
shopCode:'110001199010018171',
|
||||
bankCard:'62210199918822121',
|
||||
companyName:'上海零售公司',
|
||||
companyCode:'601',
|
||||
storeName:'上海波司登',
|
||||
storeNO:'1001',
|
||||
fissionNum:'王超看',
|
||||
submitDate:'2020/05/21'
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
|
||||
},
|
||||
methods: {
|
||||
//零售公司选择
|
||||
companySelect: function () {
|
||||
//加载店铺
|
||||
this.downShopData(this.companyId);
|
||||
this.selectedStore = 0;
|
||||
},
|
||||
downCompanyChange: function (formValidate) {
|
||||
this.downShopData(formValidate.departIds);
|
||||
},
|
||||
searchCustomerDataBtnClick: function () {
|
||||
this.pageNum = 1;
|
||||
this.getCheckList();
|
||||
},
|
||||
// 双击row跳转详情页面
|
||||
onDblClickRowLister: function (row) {
|
||||
this.$router.push({path:'/shop/increase/manager/staff',query:{storeId:row.id}});
|
||||
},
|
||||
//切页处理
|
||||
handlePage: function (value) {
|
||||
this.pageNum = value;
|
||||
this.getCheckList();
|
||||
},
|
||||
getCheckList() {
|
||||
let that = this;
|
||||
this.loading = true;
|
||||
|
||||
let request = {
|
||||
userId: that.userId,
|
||||
regionId: that.changeData(that.regionId),
|
||||
companyId: that.changeData(that.companyId),
|
||||
storeId: that.changeData(that.selectedStore),
|
||||
pageNum: that.pageNum,
|
||||
pageSize: that.pageSize,
|
||||
code: that.searchShop
|
||||
};
|
||||
http.checkList(request, function (data) {
|
||||
data = data.data;
|
||||
that.loading = false;
|
||||
if (data.code == "0000") {
|
||||
that.data1 = [];
|
||||
let datas = data.results;
|
||||
//总页数
|
||||
if (datas.total == null) {
|
||||
that.total = 0;
|
||||
} else {
|
||||
that.total = datas.total;
|
||||
}
|
||||
if (datas.list == null) {
|
||||
datas.list = [];
|
||||
}
|
||||
that.data1 = datas.list;
|
||||
}
|
||||
}, function (error) {
|
||||
that.loading = false;
|
||||
});
|
||||
},
|
||||
onTabClick(e){
|
||||
this.tabIndex = e;
|
||||
console.log('tabIndex',this.tabIndex);
|
||||
},
|
||||
ok() {
|
||||
this.isShow = false;
|
||||
},
|
||||
cancel(){
|
||||
this.isShow = false;
|
||||
},
|
||||
// 拒绝审核
|
||||
confirm(index) {
|
||||
console.log(123);
|
||||
this.isShow = false;
|
||||
},
|
||||
show(index) {
|
||||
this.isShow = true;
|
||||
this.rowData = index;
|
||||
},
|
||||
doShow (currData,ishow) {
|
||||
this.showrecruit = ishow;
|
||||
this.recruitSchedule = currData;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
<style scoped>
|
||||
|
||||
.table-store {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.search-btn{
|
||||
margin-left: 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue