|
@@ -12,32 +12,60 @@
|
|
>
|
|
>
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
- <el-form-item label="经销商名称" prop="">
|
|
|
|
- <el-input placeholder="请输入经销商名称"></el-input>
|
|
|
|
|
|
+ <el-form-item label="经销商名称" prop="customerName">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="searchForm.customerName"
|
|
|
|
+ placeholder="请输入经销商名称"
|
|
|
|
+ ></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
- <el-form-item label="返利类型" prop="">
|
|
|
|
- <el-input placeholder="请输入"></el-input>
|
|
|
|
|
|
+ <el-form-item label="返利类型" prop="walletName">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="searchForm.walletName"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
- <el-form-item label="经销商编码" prop="">
|
|
|
|
- <el-input placeholder="请输入"></el-input>
|
|
|
|
|
|
+ <el-form-item label="经销商编码" prop="customerNumber">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="searchForm.customerNumber"
|
|
|
|
+ placeholder="请输入"
|
|
|
|
+ ></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
- <el-form-item label="返利日期" prop="">
|
|
|
|
- <el-select class="selectStyle" placeholder="请选择">
|
|
|
|
- <el-option> </el-option>
|
|
|
|
- </el-select>
|
|
|
|
|
|
+ <el-form-item label="开始时间" prop="startTime">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ class="selectStyle"
|
|
|
|
+ v-model="searchForm.startTime"
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
+ type="datetime"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
+ <el-form-item label="结束时间" prop="endTime">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ class="selectStyle"
|
|
|
|
+ v-model="searchForm.endTime"
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
+ type="datetime"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
- <el-col :xs="24" :sm="24" :lg="24">
|
|
|
|
|
|
+ <el-col :xs="24" :sm="12" :lg="18">
|
|
<el-form-item label="" class="fr">
|
|
<el-form-item label="" class="fr">
|
|
- <el-button size="small">清空</el-button>
|
|
|
|
- <el-button size="small" type="primary">搜索</el-button>
|
|
|
|
|
|
+ <el-button size="small" @click="cancelFn">清空</el-button>
|
|
|
|
+ <el-button size="small" type="primary" @click="searchFn"
|
|
|
|
+ >搜索</el-button
|
|
|
|
+ >
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -62,7 +90,29 @@
|
|
prop="examineStatus"
|
|
prop="examineStatus"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-tag v-show="scope.row.examineStatus == 'SAVE'">保存</el-tag>
|
|
|
|
+ <el-tag v-show="scope.row.examineStatus == 'WAIT'"
|
|
|
|
+ >待审核</el-tag
|
|
|
|
+ >
|
|
|
|
+ <el-tag v-show="scope.row.examineStatus == 'OK_ONE'"
|
|
|
|
+ >初审通过</el-tag
|
|
|
|
+ >
|
|
|
|
+ <el-tag v-show="scope.row.examineStatus == 'FAIL_ONE'"
|
|
|
|
+ >初审不通过</el-tag
|
|
|
|
+ >
|
|
|
|
+ <el-tag v-show="scope.row.examineStatus == 'OK'"
|
|
|
|
+ >复核通过</el-tag
|
|
|
|
+ >
|
|
|
|
+ <el-tag v-show="scope.row.examineStatus == 'FALL'"
|
|
|
|
+ >不通过</el-tag
|
|
|
|
+ >
|
|
|
|
+ <el-tag v-show="scope.row.examineStatus == 'CLOSE'"
|
|
|
|
+ >已关闭</el-tag
|
|
|
|
+ >
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="返利单号"
|
|
label="返利单号"
|
|
@@ -287,7 +337,7 @@
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="操作"
|
|
label="操作"
|
|
- min-width="300"
|
|
|
|
|
|
+ min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
fixed="right"
|
|
fixed="right"
|
|
>
|
|
>
|
|
@@ -295,30 +345,50 @@
|
|
<el-button
|
|
<el-button
|
|
type="text"
|
|
type="text"
|
|
class="textColor"
|
|
class="textColor"
|
|
|
|
+ v-show="scope.row.examineStatus == 'SAVE' && !isCustomer"
|
|
@click="applyFn(scope.row.rebateOrderId)"
|
|
@click="applyFn(scope.row.rebateOrderId)"
|
|
>申请</el-button
|
|
>申请</el-button
|
|
>
|
|
>
|
|
<el-button
|
|
<el-button
|
|
type="text"
|
|
type="text"
|
|
class="textColor"
|
|
class="textColor"
|
|
|
|
+ v-show="scope.row.examineStatus == 'WAIT' && !isCustomer"
|
|
@click="examineFn(scope.row.rebateOrderId)"
|
|
@click="examineFn(scope.row.rebateOrderId)"
|
|
>审核</el-button
|
|
>审核</el-button
|
|
>
|
|
>
|
|
<el-button
|
|
<el-button
|
|
type="text"
|
|
type="text"
|
|
class="textColor"
|
|
class="textColor"
|
|
|
|
+ v-show="scope.row.examineStatus == 'OK_ONE' && !isCustomer"
|
|
@click="reviewFn(scope.row.rebateOrderId)"
|
|
@click="reviewFn(scope.row.rebateOrderId)"
|
|
>复核</el-button
|
|
>复核</el-button
|
|
>
|
|
>
|
|
- <el-button type="text" class="textColor" @click="infoFn"
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ type="text"
|
|
|
|
+ class="textColor"
|
|
|
|
+ v-show="
|
|
|
|
+ (scope.row.examineStatus == 'WAIT' ||
|
|
|
|
+ scope.row.examineStatus == 'SAVE') &&
|
|
|
|
+ !isCustomer
|
|
|
|
+ "
|
|
|
|
+ @click="infoFn(scope.row.rebateOrderId)"
|
|
>详情</el-button
|
|
>详情</el-button
|
|
>
|
|
>
|
|
- <el-button type="text" class="textColor" @click="detail2"
|
|
|
|
- >详情2</el-button
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ type="text"
|
|
|
|
+ class="textColor"
|
|
|
|
+ v-show="
|
|
|
|
+ (scope.row.examineStatus == 'OK_ONE' ||
|
|
|
|
+ scope.row.examineStatus == 'OK') &&
|
|
|
|
+ !isCustomer
|
|
|
|
+ "
|
|
|
|
+ @click="detail2(scope.row.rebateOrderId)"
|
|
|
|
+ >详情</el-button
|
|
>
|
|
>
|
|
<el-button
|
|
<el-button
|
|
type="text"
|
|
type="text"
|
|
class="textColor"
|
|
class="textColor"
|
|
|
|
+ v-if="isCustomer"
|
|
@click="confirmFn(scope.row.rebateOrderId)"
|
|
@click="confirmFn(scope.row.rebateOrderId)"
|
|
>确认</el-button
|
|
>确认</el-button
|
|
>
|
|
>
|
|
@@ -329,6 +399,8 @@
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
<div class="fr">
|
|
<div class="fr">
|
|
<el-pagination
|
|
<el-pagination
|
|
|
|
+ @size-change="handleSizeChange"
|
|
|
|
+ @current-change="handleCurrentChange"
|
|
:current-page="currentPage"
|
|
:current-page="currentPage"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-size="10"
|
|
:page-size="10"
|
|
@@ -339,7 +411,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <RebateListApply v-else-if="showPage == 2" />
|
|
|
|
|
|
+ <RebateListApply :detailId="detailId" v-else-if="showPage == 2" />
|
|
<RebateListExamine
|
|
<RebateListExamine
|
|
@updateList="updateList"
|
|
@updateList="updateList"
|
|
:detailId="detailId"
|
|
:detailId="detailId"
|
|
@@ -347,7 +419,7 @@
|
|
/>
|
|
/>
|
|
<RebateListReview :detailId="detailId" v-else-if="showPage == 4" />
|
|
<RebateListReview :detailId="detailId" v-else-if="showPage == 4" />
|
|
<!-- 详情 -->
|
|
<!-- 详情 -->
|
|
- <RebateListDetail v-else-if="showPage == 5" />
|
|
|
|
|
|
+ <RebateListDetail :detailId="detailId" v-else-if="showPage == 5" />
|
|
<!-- 确定 -->
|
|
<!-- 确定 -->
|
|
<RebateListConfirm :detailId="detailId" v-else-if="showPage == 6" />
|
|
<RebateListConfirm :detailId="detailId" v-else-if="showPage == 6" />
|
|
</div>
|
|
</div>
|
|
@@ -377,10 +449,17 @@ export default {
|
|
pageSize: 10, // 每页数量
|
|
pageSize: 10, // 每页数量
|
|
listTotal: 0, // 列表总数
|
|
listTotal: 0, // 列表总数
|
|
dataList: [], // 列表数据
|
|
dataList: [], // 列表数据
|
|
- searchForm: {}, //搜索表单
|
|
|
|
|
|
+ searchForm: {
|
|
|
|
+ customerName: "",
|
|
|
|
+ walletName: "",
|
|
|
|
+ customerNumber: "",
|
|
|
|
+ startTime: "",
|
|
|
|
+ endTime: "",
|
|
|
|
+ }, //搜索表单
|
|
listLoading: false, // 列表加载loading
|
|
listLoading: false, // 列表加载loading
|
|
showPage: 1,
|
|
showPage: 1,
|
|
detailId: null,
|
|
detailId: null,
|
|
|
|
+ isCustomer: null,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -388,8 +467,34 @@ export default {
|
|
pageSize: this.pageSize,
|
|
pageSize: this.pageSize,
|
|
pageNum: this.currentPage,
|
|
pageNum: this.currentPage,
|
|
});
|
|
});
|
|
|
|
+ const res = JSON.parse(localStorage.getItem("supply_user"));
|
|
|
|
+
|
|
|
|
+ this.isCustomer = res.isCustomer;
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ //清除
|
|
|
|
+ cancelFn() {
|
|
|
|
+ this.$refs.searchForm.resetFields();
|
|
|
|
+ },
|
|
|
|
+ //搜索
|
|
|
|
+ searchFn() {
|
|
|
|
+ this.getDataList({
|
|
|
|
+ ...this.searchForm,
|
|
|
|
+ pageSize: this.pageSize,
|
|
|
|
+ pageNum: this.currentPage,
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ // 更改每页数量
|
|
|
|
+ handleSizeChange(val) {
|
|
|
|
+ this.pageSize = val;
|
|
|
|
+ this.currentPage = 1;
|
|
|
|
+ this.getDataList({ pageNum: 1, pageSize: this.pageSize });
|
|
|
|
+ },
|
|
|
|
+ // 更改当前页
|
|
|
|
+ handleCurrentChange(val) {
|
|
|
|
+ this.currentPage = val;
|
|
|
|
+ this.getDataList({ pageNum: val, pageSize: this.pageSize });
|
|
|
|
+ },
|
|
//更新列表数据
|
|
//更新列表数据
|
|
updateList() {
|
|
updateList() {
|
|
this.getDataList({
|
|
this.getDataList({
|
|
@@ -421,14 +526,21 @@ export default {
|
|
//申请
|
|
//申请
|
|
async applyFn(id) {
|
|
async applyFn(id) {
|
|
await getRebateOrderApply({ id });
|
|
await getRebateOrderApply({ id });
|
|
|
|
+
|
|
|
|
+ this.getDataList({
|
|
|
|
+ pageSize: this.pageSize,
|
|
|
|
+ pageNum: this.currentPage,
|
|
|
|
+ });
|
|
this.$message.success("申请成功");
|
|
this.$message.success("申请成功");
|
|
},
|
|
},
|
|
//详情2
|
|
//详情2
|
|
- detail2() {
|
|
|
|
|
|
+ detail2(id) {
|
|
|
|
+ this.detailId = id;
|
|
this.showPage = 2;
|
|
this.showPage = 2;
|
|
},
|
|
},
|
|
//详情
|
|
//详情
|
|
- infoFn() {
|
|
|
|
|
|
+ infoFn(id) {
|
|
|
|
+ this.detailId = id;
|
|
this.showPage = 5;
|
|
this.showPage = 5;
|
|
},
|
|
},
|
|
},
|
|
},
|