|
@@ -75,6 +75,11 @@
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-row>
|
|
</a-row>
|
|
</a-col>
|
|
</a-col>
|
|
|
|
+ <a-col :md="6" :sm="24">
|
|
|
|
+ <a-form-item label="客户类型">
|
|
|
|
+ <custType v-model="queryParam.customerTypeSn" allowClear placeholder="请选择客户类型" style="max-width: 240px;"></custType>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
</template>
|
|
</template>
|
|
<a-col :md="6" :sm="24" style="margin-bottom: 10px;">
|
|
<a-col :md="6" :sm="24" style="margin-bottom: 10px;">
|
|
<a-button type="primary" @click="handleSearch" :disabled="disabled" id="customerReportList-refresh">查询</a-button>
|
|
<a-button type="primary" @click="handleSearch" :disabled="disabled" id="customerReportList-refresh">查询</a-button>
|
|
@@ -114,10 +119,11 @@ import { commonMixin } from '@/utils/mixin'
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
import { getArea } from '@/api/data'
|
|
import { getArea } from '@/api/data'
|
|
|
|
+import custType from '@/views/common/custType.js'
|
|
import { dealerProductTypeList } from '@/api/dealerProductType'
|
|
import { dealerProductTypeList } from '@/api/dealerProductType'
|
|
import { reportBigCustomerLinkageList, reportBigCustomerLinkageCount, linkageGroupList } from '@/api/reportData'
|
|
import { reportBigCustomerLinkageList, reportBigCustomerLinkageCount, linkageGroupList } from '@/api/reportData'
|
|
export default {
|
|
export default {
|
|
- components: { STable, VSelect, rangeDate },
|
|
|
|
|
|
+ components: { STable, VSelect, rangeDate, custType },
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
@@ -136,7 +142,8 @@ export default {
|
|
productTypeSn3: '', // 产品三级分类
|
|
productTypeSn3: '', // 产品三级分类
|
|
provinceSn: undefined, // 省
|
|
provinceSn: undefined, // 省
|
|
citySn: undefined, // 市
|
|
citySn: undefined, // 市
|
|
- countySn: undefined // 区
|
|
|
|
|
|
+ countySn: undefined, // 区
|
|
|
|
+ customerTypeSn: undefined // 客户类型
|
|
},
|
|
},
|
|
productType: [],
|
|
productType: [],
|
|
rules: {
|
|
rules: {
|
|
@@ -147,10 +154,11 @@ export default {
|
|
exportLoading: false,
|
|
exportLoading: false,
|
|
columns: [
|
|
columns: [
|
|
{ title: '序号', dataIndex: 'no', width: '10%', align: 'center' },
|
|
{ title: '序号', dataIndex: 'no', width: '10%', align: 'center' },
|
|
- { title: '连锁门店', dataIndex: 'dealerName', width: '25%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
|
- { title: '客户名称', dataIndex: 'salesTargetName', width: '25%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true, sorter: true },
|
|
|
|
- { title: '交易金额', dataIndex: 'totalAmount', width: '20%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') }, sorter: true },
|
|
|
|
- { title: '毛利率', dataIndex: 'percentageUnit', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, sorter: true }
|
|
|
|
|
|
+ { title: '连锁门店', dataIndex: 'dealerName', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
|
+ { title: '客户名称', dataIndex: 'salesTargetName', width: '20%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true, sorter: true },
|
|
|
|
+ { title: '客户类型', dataIndex: 'customerTypeName', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
|
+ { title: '交易金额', dataIndex: 'totalAmount', width: '15%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') }, sorter: true },
|
|
|
|
+ { title: '毛利率', dataIndex: 'percentageUnit', width: '15%', align: 'center', customRender: function (text) { return text || '--' }, sorter: true }
|
|
],
|
|
],
|
|
// 加载数据方法 必须为 Promise 对象
|
|
// 加载数据方法 必须为 Promise 对象
|
|
loadData: parameter => {
|
|
loadData: parameter => {
|
|
@@ -240,6 +248,7 @@ export default {
|
|
this.queryParam.provinceSn = undefined
|
|
this.queryParam.provinceSn = undefined
|
|
this.queryParam.citySn = undefined
|
|
this.queryParam.citySn = undefined
|
|
this.queryParam.countySn = undefined
|
|
this.queryParam.countySn = undefined
|
|
|
|
+ this.queryParam.customerTypeSn = undefined
|
|
this.productType = []
|
|
this.productType = []
|
|
this.$refs.ruleForm.resetFields()
|
|
this.$refs.ruleForm.resetFields()
|
|
this.totalData = null
|
|
this.totalData = null
|