|
@@ -6,7 +6,7 @@
|
|
|
<a-row :gutter="15">
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-item label="经销商名称">
|
|
|
- <a-input id="rebateSettingsList-productName" v-model.trim="queryParam.productName" allowClear placeholder="请输入经销商名称"/>
|
|
|
+ <a-input id="rebateSettingsList-dealerName" v-model.trim="queryParam.dealerName" allowClear placeholder="请输入经销商名称"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
@@ -30,15 +30,36 @@
|
|
|
<template slot="action" slot-scope="text, record">
|
|
|
<a-button size="small" type="link" class="button-info" @click="handleEdit(record)" id="rebateSettingsList-edit-btn">编辑</a-button>
|
|
|
</template>
|
|
|
+ <!-- 经销商名称 -->
|
|
|
+ <template slot="jxs" slot-scope="text, record">
|
|
|
+ <span v-if="record.subDealer">{{ record.subDealer.dealerName }}</span>
|
|
|
+ <span v-else>--</span>
|
|
|
+ </template>
|
|
|
+ <!-- 经销商级别 -->
|
|
|
+ <template slot="dealerLevel" slot-scope="text, record">
|
|
|
+ <span v-if="record.subDealer">{{ record.subDealer.provinceName }} > {{ record.subDealer.dealerLevelDictValue }}</span>
|
|
|
+ <span v-else>--</span>
|
|
|
+ </template>
|
|
|
+ <!-- 差价归属 -->
|
|
|
+ <template slot="cjgs" slot-scope="text, record">
|
|
|
+ <span v-if="record.supDealer">{{ record.supDealer.dealerName }}</span>
|
|
|
+ <span v-else>--</span>
|
|
|
+ </template>
|
|
|
+ <!-- 归属经销商级别 -->
|
|
|
+ <template slot="gsjxsjb" slot-scope="text, record">
|
|
|
+ <span v-if="record.supDealer">{{ record.supDealer.provinceName }} > {{ record.supDealer.dealerLevelDictValue }}</span>
|
|
|
+ <span v-else>--</span>
|
|
|
+ </template>
|
|
|
</s-table>
|
|
|
<!-- 关联下级 -->
|
|
|
- <associate-modal :openModal="openModal" :nowData="nowData" :itemId="itemId" @ok="$refs.table.refresh(true)" @close="closeModal" />
|
|
|
+ <associate-modal :openModal="openModal" :nowData="nowData" @ok="$refs.table.refresh(true)" @close="closeModal" />
|
|
|
</a-card>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
import associateModal from './associateModal.vue'
|
|
|
+import { queryRebatePage } from '@/api/dealerRelation'
|
|
|
export default {
|
|
|
components: { STable, VSelect, associateModal },
|
|
|
data () {
|
|
@@ -48,13 +69,15 @@ export default {
|
|
|
labelCol: { span: 6 },
|
|
|
wrapperCol: { span: 16 }
|
|
|
},
|
|
|
- queryParam: {},
|
|
|
+ queryParam: {
|
|
|
+ dealerName: ''
|
|
|
+ },
|
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
|
columns: [
|
|
|
- { title: '经销商名称', dataIndex: 'productTypeName', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
- { title: '经销商级别', dataIndex: 'productTyspeName', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '差价归属', dataIndex: 'productTypdeName', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '归属经销商级别', dataIndex: 'productTfypeName', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '经销商名称', scopedSlots: { customRender: 'jxs' }, align: 'center', ellipsis: true },
|
|
|
+ { title: '经销商级别', scopedSlots: { customRender: 'dealerLevel' }, align: 'center' },
|
|
|
+ { title: '差价归属', scopedSlots: { customRender: 'cjgs' }, align: 'center' },
|
|
|
+ { title: '归属经销商级别', scopedSlots: { customRender: 'gsjxsjb' }, align: 'center' },
|
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: 100, align: 'center' }
|
|
|
],
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
@@ -63,54 +86,34 @@ export default {
|
|
|
if (this.tableHeight == 0) {
|
|
|
this.tableHeight = window.innerHeight - 380
|
|
|
}
|
|
|
- // return dealerProductList(Object.assign(parameter, this.queryParam)).then(res => {
|
|
|
- // const 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
|
|
|
- // }
|
|
|
- // this.disabled = false
|
|
|
- // return data
|
|
|
- // })
|
|
|
- const _this = this
|
|
|
- return new Promise(function (resolve, reject) {
|
|
|
- const data = {
|
|
|
- pageNo: 1,
|
|
|
- pageSize: 10,
|
|
|
- list: [
|
|
|
- { id: '1', productNum: 'jgqp11111111111', productName: '产品1', productPic: ['https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg', 'https://qn.antdv.com/vue.png'], productOldNum: 'jgqp111123545', productBrand: '箭冠品牌', productType: '产品分类1', inventoryNum: '5', inventoryMoney: '122' }
|
|
|
- ]
|
|
|
- }
|
|
|
+ return queryRebatePage(Object.assign(parameter, this.queryParam)).then(res => {
|
|
|
+ const 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
|
|
|
}
|
|
|
- _this.disabled = false
|
|
|
- resolve(data)
|
|
|
+ this.disabled = false
|
|
|
+ return data
|
|
|
})
|
|
|
},
|
|
|
defaultExpandedRowKeys: [], // 树形数据默认展开项
|
|
|
openModal: false, // 新增编辑 弹框
|
|
|
- itemId: '', // 当前id
|
|
|
nowData: null // 当前记录数据
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
// 重置
|
|
|
resetSearchForm () {
|
|
|
- this.queryParam.productCode = ''
|
|
|
- this.queryParam.enabledFlag = undefined
|
|
|
+ this.queryParam.dealerName = ''
|
|
|
this.$refs.table.refresh(true)
|
|
|
},
|
|
|
// 编辑
|
|
|
handleEdit (row) {
|
|
|
- this.itemId = row.id
|
|
|
this.nowData = row
|
|
|
this.openModal = true
|
|
|
},
|
|
|
// 关闭弹框
|
|
|
closeModal () {
|
|
|
- this.itemId = ''
|
|
|
this.nowData = null
|
|
|
this.openModal = false
|
|
|
}
|