|
@@ -1,60 +1,47 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <a-card size="small" :bordered="false" class="quarterQueryList-wrap searchBoxNormal">
|
|
|
+ <a-card size="small" :bordered="false" class="incSubSidy-wrap searchBoxNormal">
|
|
|
<!-- 搜索条件 -->
|
|
|
<div class="table-page-search-wrapper" ref="tableSearch">
|
|
|
<a-form-model
|
|
|
- id="quarterQueryList-form"
|
|
|
+ id="incSubSidy-form"
|
|
|
ref="ruleForm"
|
|
|
class="form-model-con"
|
|
|
layout="inline"
|
|
|
:rules="rules"
|
|
|
:model="queryParam">
|
|
|
- <a-row :gutter="15">
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
+ <a-row :gutter="15" type="flex">
|
|
|
+ <a-col :flex="1">
|
|
|
<a-form-model-item label="查询季度" prop="queryDate">
|
|
|
- <quarterDate ref="quarterDate" id="quarterQueryList-time" :value="timeInfo" @change="dateChange" />
|
|
|
+ <quarterDate ref="quarterDate" id="incSubSidy-time" :value="timeInfo" @change="dateChange" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
+ <a-col :flex="1">
|
|
|
<a-form-model-item label="地区">
|
|
|
- <AreaList id="quarterQueryList-areaList" changeOnSelect ref="areaList" @change="areaChange" defValKey="id"></AreaList>
|
|
|
+ <AreaList id="incSubSidy-areaList" changeOnSelect ref="areaList" @change="areaChange" defValKey="id"></AreaList>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
+ <a-col :flex="1">
|
|
|
<a-form-item label="区域/分区">
|
|
|
- <subarea id="quarterQueryList-subarea" ref="subarea" @change="subareaChange"></subarea>
|
|
|
+ <subarea id="incSubSidy-subarea" ref="subarea" @change="subareaChange"></subarea>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <template v-if="advanced">
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
- <a-form-model-item label="客户名称">
|
|
|
- <dealerSubareaScopeList ref="dealerSubareaScopeList" id="quarterQueryList-dealerName" @change="custChange" />
|
|
|
- </a-form-model-item>
|
|
|
- </a-col>
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
- <a-form-model-item label="客户级别">
|
|
|
- <v-select
|
|
|
- v-model="queryParam.dealerLevel"
|
|
|
- ref="dealerLevel"
|
|
|
- id="quarterQueryList-dealerLevel"
|
|
|
- code="DEALER_LEVEL"
|
|
|
- placeholder="请选择客户级别"
|
|
|
- allowClear></v-select>
|
|
|
- </a-form-model-item>
|
|
|
- </a-col>
|
|
|
- </template>
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
+ <a-col :flex="2">
|
|
|
+ <a-form-model-item label="客户名称">
|
|
|
+ <dealerSubareaScopeList ref="dealerSubareaScopeList" id="incSubSidy-dealerName" @change="custChange" />
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :flex="2">
|
|
|
<a-button
|
|
|
type="primary"
|
|
|
@click="handleSearch"
|
|
|
:disabled="disabled"
|
|
|
- id="quarterQueryList-refresh">查询</a-button>
|
|
|
+ id="incSubSidy-refresh">查询</a-button>
|
|
|
<a-button
|
|
|
style="margin-left: 8px"
|
|
|
@click="resetSearchForm"
|
|
|
:disabled="disabled"
|
|
|
- id="quarterQueryList-reset">重置</a-button>
|
|
|
+ id="incSubSidy-reset">重置</a-button>
|
|
|
<a-button
|
|
|
style="margin-left: 10px"
|
|
|
type="primary"
|
|
@@ -63,11 +50,7 @@
|
|
|
:disabled="disabled"
|
|
|
:loading="exportLoading"
|
|
|
v-if="$hasPermissions('B_tireFeeExport')"
|
|
|
- id="quarterQueryList-export">导出</a-button>
|
|
|
- <a @click="advanced=!advanced" style="margin-left: 5px">
|
|
|
- {{ advanced ? '收起' : '展开' }}
|
|
|
- <a-icon :type="advanced ? 'up' : 'down'" />
|
|
|
- </a>
|
|
|
+ id="incSubSidy-export">导出</a-button>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
</a-form-model>
|
|
@@ -82,27 +65,25 @@
|
|
|
size="small"
|
|
|
:rowKey="(record) => record.no"
|
|
|
rowKeyName="no"
|
|
|
- :style="{ height: tableHeight+70+'px' }"
|
|
|
+ :style="{ height: tableHeight+20+'px' }"
|
|
|
:columns="columns"
|
|
|
:data="loadData"
|
|
|
- :scroll="{ y: tableHeight-120}"
|
|
|
+ :scroll="{ y: tableHeight-80}"
|
|
|
+ :pageSize="50"
|
|
|
+ :pagination="{pageSizeOptions: ['20','50','100','200','500']}"
|
|
|
:defaultLoadData="false"
|
|
|
bordered>
|
|
|
<!-- 地区 -->
|
|
|
<template slot="addressInfo" slot-scope="text, record">
|
|
|
<span v-if="record.dealerEntity&&record.dealerEntity.provinceName">
|
|
|
- {{ record.dealerEntity.provinceName }}{{ '/'+record.dealerEntity.cityName }}{{ '/'+record.dealerEntity.districtName }}
|
|
|
+ {{ record.dealerEntity.provinceName }}
|
|
|
</span>
|
|
|
<span v-else>--</span>
|
|
|
</template>
|
|
|
<template slot="footer">
|
|
|
<a-row :gutter="15">
|
|
|
- <a-col :md="4" :sm="24">平台出库数量:{{ (totalData && (totalData.outQty || totalData.outQty==0)) ? totalData.outQty: '--' }}</a-col>
|
|
|
- <a-col :md="4" :sm="24">平台返利点数:{{ (totalData && (totalData.rebatePointsSys || totalData.rebatePointsSys==0)) ? (totalData.rebatePointsSys*100).toFixed(2)+'%': '--' }}</a-col>
|
|
|
- <a-col :md="4" :sm="24">开单金额:{{ (totalData && (totalData.outAmount || totalData.outAmount==0)) ? toThousands(totalData.outAmount): '--' }}</a-col>
|
|
|
- <a-col :md="4" :sm="24">平台返利金额:{{ (totalData && (totalData.rebateAmountSys || totalData.rebateAmountSys==0)) ? toThousands(totalData.rebateAmountSys): '--' }}</a-col>
|
|
|
- <a-col :md="4" :sm="24"><a-tooltip placement="top" title="开单金额合计*1.5%">广宣品费用 <a-icon type="question-circle" /></a-tooltip>:{{ (totalData && (totalData.posterAmount || totalData.posterAmount==0)) ? toThousands(totalData.posterAmount): '--' }}</a-col>
|
|
|
- <a-col :md="4" :sm="24">轮胎省仓返利金额:{{ (totalData && (totalData.rebateAmountProvince || totalData.rebateAmountProvince==0)) ? toThousands(totalData.rebateAmountProvince): '--' }}</a-col>
|
|
|
+ <a-col :md="4" :sm="24">订货数量合计:{{ (totalData && (totalData.outQty || totalData.outQty==0)) ? totalData.outQty: '--' }}</a-col>
|
|
|
+ <a-col :md="4" :sm="24">增量补贴金额:{{ (totalData && (totalData.rebateAmountSys || totalData.rebateAmountSys==0)) ? toThousands(totalData.rebateAmountSys): '--' }}</a-col>
|
|
|
</a-row>
|
|
|
</template>
|
|
|
</s-table>
|
|
@@ -143,7 +124,6 @@ export default {
|
|
|
queryParam: {
|
|
|
queryType: 'quarter', // 轮胎季度费用报表
|
|
|
queryDate: undefined, // 选择年份+季度
|
|
|
- dealerLevel: undefined, // 客户级别
|
|
|
subareaArea: {
|
|
|
subareaSn: '', // 区域
|
|
|
subareaAreaSn: '' // 分区
|
|
@@ -154,8 +134,7 @@ export default {
|
|
|
provinceSn: undefined, // 省
|
|
|
citySn: undefined, // 市
|
|
|
districtSn: undefined // 区
|
|
|
- },
|
|
|
- provinceFlag: '1'// 是轮胎省仓
|
|
|
+ }
|
|
|
},
|
|
|
totalData: null, // 合计
|
|
|
rules: {
|
|
@@ -175,6 +154,8 @@ export default {
|
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
|
data.list[i].no = no + i + 1
|
|
|
+ data.list[i].year = this.queryParam.queryDate.substr(0, 4)
|
|
|
+ data.list[i].quarter = ['一', '二', '三', '四'][this.queryParam.queryDate.substr(5, 1) - 1] + '季度'
|
|
|
}
|
|
|
this.disabled = false
|
|
|
// 获取统计数据
|
|
@@ -201,15 +182,20 @@ export default {
|
|
|
columns () {
|
|
|
const _this = this
|
|
|
const arr = [
|
|
|
- { title: '序号', dataIndex: 'no', width: '5%', align: 'center' },
|
|
|
- { title: '地区', scopedSlots: { customRender: 'addressInfo' }, width: '15%', align: 'center' },
|
|
|
+ { title: '序号', dataIndex: 'no', width: '4%', align: 'center' },
|
|
|
+ { title: '年度', dataIndex: 'year', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '季度', dataIndex: 'quarter', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '区域', dataIndex: 'subareaArea.subareaName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '客户名称', dataIndex: 'dealerEntity.dealerName', width: '14%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
- { title: '客户级别', dataIndex: 'dealerEntity.dealerLevelDictValue', width: '14%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: <a-tooltip placement='top' title='平台销售给该轮胎省仓及轮胎省仓差价绑定的加盟商的数量合计'>平台出库数量 <a-icon type="question-circle" /></a-tooltip>, dataIndex: 'outQty', width: '14%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '开单金额', dataIndex: 'outAmount', width: '14%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } },
|
|
|
- { title: '轮胎省仓返利点数', dataIndex: 'rebatePointProvince', width: '14%', align: 'center', customRender: function (text) { return ((text || text == 0) ? (text * 100).toFixed(2) + '%' : '--') } },
|
|
|
- { title: '轮胎省仓返利金额', dataIndex: 'rebateAmountProvince', width: '14%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } }
|
|
|
+ { title: '分区', dataIndex: 'subareaArea.subareaAreaName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '省份', scopedSlots: { customRender: 'addressInfo' }, width: '10%', align: 'center' },
|
|
|
+ { title: '客户名称', dataIndex: 'dealerEntity.dealerName', width: '15%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
+ { title: '订货数量(总部)', dataIndex: 'outQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '订货数量(转单)', dataIndex: 'outQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '退货数量(总部)', dataIndex: 'outQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '订货数量合计', dataIndex: 'outQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '季度目标', dataIndex: 'outQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '季度增量补贴', dataIndex: 'outQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '增量补贴金额', dataIndex: 'rebateAmountProvince', width: '10%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } }
|
|
|
]
|
|
|
return arr
|
|
|
}
|
|
@@ -282,8 +268,6 @@ export default {
|
|
|
this.queryParam.customSn = undefined
|
|
|
this.queryParam.subareaArea.subareaSn = ''
|
|
|
this.queryParam.subareaArea.subareaAreaSn = ''
|
|
|
- this.queryParam.dealerLevel = undefined
|
|
|
- this.queryParam.provinceFlag = '1'
|
|
|
this.$refs.subarea.clearData()
|
|
|
if (this.advanced) {
|
|
|
this.$refs.dealerSubareaScopeList.resetForm()
|
|
@@ -312,7 +296,7 @@ export default {
|
|
|
_this.exportLoading = true
|
|
|
_this.spinning = true
|
|
|
_this.showExport = true
|
|
|
- hdExportExcel(tireFeeListExport, _this.queryParam, '轮胎季度费用报表', function () {
|
|
|
+ hdExportExcel(tireFeeListExport, _this.queryParam, '增量补贴报表(季度)', function () {
|
|
|
_this.exportLoading = false
|
|
|
_this.spinning = false
|
|
|
})
|
|
@@ -327,7 +311,7 @@ export default {
|
|
|
// 计算表格高度
|
|
|
setTableH () {
|
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
|
- this.tableHeight = window.innerHeight - tableSearchH - 280
|
|
|
+ this.tableHeight = window.innerHeight - tableSearchH - 230
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|