|
|
|
@ -5,85 +5,200 @@
|
|
|
|
|
<Row class="search-row">
|
|
|
|
|
<i-col span="24" class="search-col">
|
|
|
|
|
<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>
|
|
|
|
|
<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">
|
|
|
|
|
<Row class="search-row">
|
|
|
|
|
<i-col span="24" class="search-col">
|
|
|
|
|
<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>
|
|
|
|
|
<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">
|
|
|
|
|
<i-col span="24" class="search-col">
|
|
|
|
|
<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>
|
|
|
|
|
<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>
|
|
|
|
|
</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 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>
|
|
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
|
</i-col>
|
|
|
|
@ -595,18 +710,48 @@
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
.table-store {
|
|
|
|
|
.table-store {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
.search-btn{
|
|
|
|
|
}
|
|
|
|
|
.search-btn {
|
|
|
|
|
margin-left: 40px;
|
|
|
|
|
}
|
|
|
|
|
.ivu-tabs{
|
|
|
|
|
overflow :inherit;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ivu-tabs {
|
|
|
|
|
overflow: inherit;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|