|
@@ -4,7 +4,7 @@
|
|
|
<!-- 搜索条件 -->
|
|
|
<div class="table-page-search-wrapper" ref="tableSearch2">
|
|
|
<a-form-model
|
|
|
- id="rebateDetailReport-form"
|
|
|
+ id="productRebateDealerList-form"
|
|
|
ref="ruleForm"
|
|
|
class="form-model-con"
|
|
|
layout="inline"
|
|
@@ -16,17 +16,17 @@
|
|
|
<a-row :gutter="15">
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="日期" prop="time">
|
|
|
- <rangeDate ref="rangeDate" @change="dateChange" />
|
|
|
+ <rangeDate id="productRebateDealerList-time" ref="rangeDate" @change="dateChange" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="单号">
|
|
|
- <a-input id="srebateReport-bizNo" v-model.trim="queryParam.bizNo" allowClear placeholder="请输入单号"/>
|
|
|
+ <a-input id="productRebateDealerList-bizNo" v-model.trim="queryParam.bizNo" allowClear placeholder="请输入单号"/>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="客户名称">
|
|
|
- <dealerSearchList ref="dealer" id="srebateReport-buyerName" @change="dealerChange" />
|
|
|
+ <dealerSearchList ref="dealer" id="productRebateDealerList-buyerName" @change="dealerChange" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<template v-if="advanced">
|
|
@@ -34,7 +34,7 @@
|
|
|
<a-form-model-item label="客户级别">
|
|
|
<v-select
|
|
|
v-model="queryParam.dealer.dealerLevel"
|
|
|
- id="srebateReport-dealerLevel"
|
|
|
+ id="productRebateDealerList-dealerLevel"
|
|
|
code="DEALER_LEVEL"
|
|
|
placeholder="请选择客户级别"
|
|
|
allowClear></v-select>
|
|
@@ -42,45 +42,45 @@
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="所在区域">
|
|
|
- <subarea id="srebateReport-subareaSn" ref="subarea" @change="subareaChange"></subarea>
|
|
|
+ <subarea id="productRebateDealerList-subareaSn" ref="subarea" @change="subareaChange"></subarea>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="区域负责人">
|
|
|
- <BizUser v-model="queryParam.subareaArea.bizUserSn"></BizUser>
|
|
|
+ <BizUser id="productRebateDealerList-bizUserSn" v-model="queryParam.subareaArea.bizUserSn"></BizUser>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="省份">
|
|
|
- <Area id="srebateReport-provinceSn" v-model="queryParam.dealer.provinceSn" placeholder="请选择省份"></Area>
|
|
|
+ <Area id="productRebateDealerList-provinceSn" v-model="queryParam.dealer.provinceSn" placeholder="请选择省份"></Area>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="差价归属方">
|
|
|
- <dealerSearchList ref="parentDealer" id="srebateReport-parentDealer" @change="parentDealerChange" placeholder="请输入差价归属方"/>
|
|
|
+ <dealerSearchList ref="parentDealer" id="productRebateDealerList-parentDealer" @change="parentDealerChange" placeholder="请输入差价归属方"/>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="差价归属类型">
|
|
|
- <v-select code="RELATION_REBATE_PARENT_TYPE" v-model="queryParam.rebateParentType" allowClear placeholder="请选择差价归属类型"></v-select>
|
|
|
+ <v-select code="RELATION_REBATE_PARENT_TYPE" id="productRebateDealerList-rebateParentType" v-model="queryParam.rebateParentType" allowClear placeholder="请选择差价归属类型"></v-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="单据类型" prop="bizType">
|
|
|
- <a-select id="srebateReport-bizType" allowClear v-model="queryParam.bizType" placeholder="请选择单据类型">
|
|
|
+ <a-select id="productRebateDealerList-bizType" allowClear v-model="queryParam.bizType" placeholder="请选择单据类型">
|
|
|
<a-select-option v-for="item in bizTypeList" :value="item.value" :key="item.value">{{ item.name }}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-model-item label="客服">
|
|
|
- <customerService ref="customerName" v-model="queryParam.bizUserSn"></customerService>
|
|
|
+ <customerService id="productRebateDealerList-customerName" ref="customerName" v-model="queryParam.bizUserSn"></customerService>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
</template>
|
|
|
<a-col :md="6" :sm="24" style="margin-bottom: 10px;">
|
|
|
- <a-button type="primary" @click="handleSearch" :disabled="disabled" id="rebateDetailReport-refresh">查询</a-button>
|
|
|
- <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="rebateDetailReport-reset">重置</a-button>
|
|
|
+ <a-button type="primary" @click="handleSearch" :disabled="disabled" id="productRebateDealerList-refresh">查询</a-button>
|
|
|
+ <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="productRebateDealerList-reset">重置</a-button>
|
|
|
<a @click="advanced=!advanced" style="margin-left: 5px">
|
|
|
{{ advanced ? '收起' : '展开' }}
|
|
|
<a-icon :type="advanced ? 'up' : 'down'"/>
|
|
@@ -121,6 +121,7 @@
|
|
|
|
|
|
<script>
|
|
|
import { commonMixin } from '@/utils/mixin'
|
|
|
+// 组件
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
|
import dealerSearchList from '@/views/common/dealerSearchList.vue'
|
|
@@ -128,46 +129,50 @@ import subarea from '@/views/common/subarea.js'
|
|
|
import Area from '@/views/common/area.js'
|
|
|
import BizUser from '@/views/common/bizUser.js'
|
|
|
import customerService from '@/views/common/customerService'
|
|
|
+// 接口
|
|
|
import { productRebateParentList, productRebateParentCount } from '@/api/reportData'
|
|
|
export default {
|
|
|
components: { STable, VSelect, rangeDate, dealerSearchList, subarea, Area, BizUser, customerService },
|
|
|
mixins: [commonMixin],
|
|
|
+ name: 'ProductRebateDealerList',
|
|
|
data () {
|
|
|
return {
|
|
|
spinning: false,
|
|
|
labelCol: { span: 8 },
|
|
|
- wrapperCol: { span: 16 },
|
|
|
+ wrapperCol: { span: 16 }, // 调整表单
|
|
|
advanced: true, // 高级搜索 展开/关闭
|
|
|
- tableHeight: 0,
|
|
|
- queryParam: { // 查询条件
|
|
|
- time: [],
|
|
|
- beginDate: '',
|
|
|
- endDate: '',
|
|
|
- bizNo: '', // 单号
|
|
|
+ tableHeight: 0, // 表格高度
|
|
|
+ disabled: false, // 查询、重置按钮是否可操作
|
|
|
+ // 查询条件
|
|
|
+ queryParam: {
|
|
|
+ time: [], // 日期
|
|
|
+ beginDate: '', // 开始日期
|
|
|
+ endDate: '', // 结束日期
|
|
|
+ bizNo: '', // 订单号
|
|
|
buyerSn: undefined, // 客户sn
|
|
|
subareaArea: {
|
|
|
- subareaSn: undefined,
|
|
|
- subareaAreaSn: undefined,
|
|
|
+ subareaSn: undefined, // 区域
|
|
|
+ subareaAreaSn: undefined, // 分区
|
|
|
bizUserSn: undefined // 区域负责人
|
|
|
},
|
|
|
dealer: {
|
|
|
- dealerSn: undefined,
|
|
|
- dealerLevel: undefined,
|
|
|
- provinceSn: undefined
|
|
|
+ dealerSn: undefined, // 客户sn
|
|
|
+ dealerLevel: undefined, // 客户名称
|
|
|
+ provinceSn: undefined// 省份
|
|
|
},
|
|
|
parentDealerSn: undefined, // 差价归属方
|
|
|
rebateParentType: undefined, // 差价归属类型
|
|
|
bizType: undefined, // 类型
|
|
|
bizUserSn: undefined // 客服类型
|
|
|
},
|
|
|
- bizTypeList: [
|
|
|
+ bizTypeList: [// 单据类型数据
|
|
|
{ value: 'SALES', name: '采购差价' },
|
|
|
{ value: 'SALES_RETURN', name: '退货差价' }
|
|
|
],
|
|
|
+ totalData: null, // 合计
|
|
|
rules: {
|
|
|
'time': [{ required: true, message: '请选择日期', trigger: 'change' }]
|
|
|
},
|
|
|
- disabled: false, // 查询、重置按钮是否可操作
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
loadData: parameter => {
|
|
|
this.disabled = true
|
|
@@ -176,13 +181,16 @@ export default {
|
|
|
delete params.time
|
|
|
// 总计
|
|
|
this.getCount(params)
|
|
|
+ // 获取列表数据 有分页
|
|
|
return productRebateParentList(params).then(res => {
|
|
|
let data
|
|
|
if (res.status == 200) {
|
|
|
data = res.data
|
|
|
+ // 计算列表序号
|
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
|
data.list[i].no = no + i + 1
|
|
|
+ // 差价归属类型 不等于 直接上级时,统计值恢复undefined
|
|
|
if (data.list[i].rebateParentTypeDictValue && data.list[i].rebateParentTypeDictValue != '直接上级') {
|
|
|
data.list[i].totalAmount = undefined
|
|
|
data.list[i].totalRealAmount = undefined
|
|
@@ -194,8 +202,7 @@ export default {
|
|
|
this.spinning = false
|
|
|
return data
|
|
|
})
|
|
|
- },
|
|
|
- totalData: null // 合计
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -224,6 +231,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
+ // 展开关闭 监听表格高度变化
|
|
|
advanced (newValue, oldValue) {
|
|
|
this.setTableH()
|
|
|
},
|
|
@@ -242,12 +250,13 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- // 创建时间 change
|
|
|
+ // 日期 change
|
|
|
dateChange (date) {
|
|
|
this.queryParam.time = date
|
|
|
this.queryParam.beginDate = date[0] || ''
|
|
|
this.queryParam.endDate = date[1] || ''
|
|
|
},
|
|
|
+ // 客户名称 change
|
|
|
dealerChange (val) {
|
|
|
if (val.row) {
|
|
|
this.queryParam.buyerSn = val.row.dealerSn
|
|
@@ -255,6 +264,7 @@ export default {
|
|
|
this.queryParam.buyerSn = undefined
|
|
|
}
|
|
|
},
|
|
|
+ // 区域分区
|
|
|
subareaChange (val) {
|
|
|
this.queryParam.subareaArea.subareaSn = val[0] ? val[0] : undefined
|
|
|
this.queryParam.subareaArea.subareaAreaSn = val[1] ? val[1] : undefined
|
|
@@ -304,11 +314,13 @@ export default {
|
|
|
this.totalData = null
|
|
|
this.$refs.table.clearTable()
|
|
|
},
|
|
|
+ // 初始化
|
|
|
pageInit () {
|
|
|
this.disabled = false
|
|
|
this.spinning = false
|
|
|
this.setTableH()
|
|
|
},
|
|
|
+ // 计算表格高度
|
|
|
setTableH () {
|
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
|
const tableSearchH = this.$refs.tableSearch2.offsetHeight
|