|
@@ -18,14 +18,14 @@
|
|
<a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
|
|
<a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
|
|
<a-row :gutter="15">
|
|
<a-row :gutter="15">
|
|
<a-col :md="4" :sm="24">
|
|
<a-col :md="4" :sm="24">
|
|
- <a-form-model-item label="地区">
|
|
|
|
- <AreaList id="actualSalesReportList-areaList" changeOnSelect ref="areaList" @change="areaChange" defValKey="id"></AreaList>
|
|
|
|
- </a-form-model-item>
|
|
|
|
|
|
+ <a-form-item label="地区">
|
|
|
|
+ <AreaList id="relatedDealersList-areaList" changeOnSelect ref="areaList" @change="areaChange" defValKey="id"></AreaList>
|
|
|
|
+ </a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="4" :sm="24">
|
|
<a-col :md="4" :sm="24">
|
|
- <a-form-model-item label="区域/分区">
|
|
|
|
|
|
+ <a-form-item label="区域/分区">
|
|
<subarea ref="subarea" id="relatedDealersList-subarea" @change="subareaChange"></subarea>
|
|
<subarea ref="subarea" id="relatedDealersList-subarea" @change="subareaChange"></subarea>
|
|
- </a-form-model-item>
|
|
|
|
|
|
+ </a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="4" :sm="24">
|
|
<a-col :md="4" :sm="24">
|
|
<a-form-item label="经销商名称">
|
|
<a-form-item label="经销商名称">
|
|
@@ -38,14 +38,15 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="4" :sm="24">
|
|
<a-col :md="4" :sm="24">
|
|
- <a-form-model-item label="商户级别" prop="dealerLevel">
|
|
|
|
|
|
+ <a-form-item label="商户级别" prop="dealerLevel">
|
|
<v-select code="DEALER_LEVEL" id="relatedDealersList-dealerLevel" v-model="queryParam.dealerLevel" allowClear placeholder="请选择商户级别"></v-select>
|
|
<v-select code="DEALER_LEVEL" id="relatedDealersList-dealerLevel" v-model="queryParam.dealerLevel" allowClear placeholder="请选择商户级别"></v-select>
|
|
- </a-form-model-item>
|
|
|
|
|
|
+ </a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="4" :sm="24" style="margin-bottom: 10px;">
|
|
<a-col :md="4" :sm="24" style="margin-bottom: 10px;">
|
|
- <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="inventoryCheckMakeInventoryList-refresh">查询</a-button>
|
|
|
|
- <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="inventoryCheckMakeInventoryList-reset">重置</a-button>
|
|
|
|
|
|
+ <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="relatedDealersList-refresh">查询</a-button>
|
|
|
|
+ <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="relatedDealersList-reset">重置</a-button>
|
|
<a-button
|
|
<a-button
|
|
|
|
+ id="relatedDealersList-export"
|
|
style="margin-left: 10px"
|
|
style="margin-left: 10px"
|
|
type="primary"
|
|
type="primary"
|
|
class="button-warning"
|
|
class="button-warning"
|
|
@@ -58,8 +59,9 @@
|
|
</a-row>
|
|
</a-row>
|
|
</a-form>
|
|
</a-form>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- 操作按钮 -->
|
|
<div class="relatedDealersList-btn" style="margin-bottom:10px;">
|
|
<div class="relatedDealersList-btn" style="margin-bottom:10px;">
|
|
- <a-button type="primary" @click="openDealersModal">新增经销商</a-button>
|
|
|
|
|
|
+ <a-button id="relatedDealersList-add" type="primary" @click="openDealersModal">新增经销商</a-button>
|
|
</div>
|
|
</div>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<s-table
|
|
<s-table
|
|
@@ -87,7 +89,7 @@
|
|
v-if="$hasPermissions('B_serviceCenter_unbinding')"
|
|
v-if="$hasPermissions('B_serviceCenter_unbinding')"
|
|
class="button-info"
|
|
class="button-info"
|
|
@click="handleDelete(record)"
|
|
@click="handleDelete(record)"
|
|
- id="provincialWarehouse-edit-btn">解绑</a-button>
|
|
|
|
|
|
+ :id="'relatedDealersList-edit-btn'+record.dealerSn">解绑</a-button>
|
|
<span v-else>--</span>
|
|
<span v-else>--</span>
|
|
</template>
|
|
</template>
|
|
</s-table>
|
|
</s-table>
|
|
@@ -103,8 +105,7 @@
|
|
:visible="openDealerModal"
|
|
:visible="openDealerModal"
|
|
class="lookUpCustomers-modal"
|
|
class="lookUpCustomers-modal"
|
|
@close="closeDealerModal"
|
|
@close="closeDealerModal"
|
|
- width="72%"
|
|
|
|
- >
|
|
|
|
|
|
+ width="72%">
|
|
<div class="dealerModalCon">
|
|
<div class="dealerModalCon">
|
|
<chooseDealer ref="dealerChoose" :itemSn="$route.params.sn" @plAdd="handleAddDealer"></chooseDealer>
|
|
<chooseDealer ref="dealerChoose" :itemSn="$route.params.sn" @plAdd="handleAddDealer"></chooseDealer>
|
|
</div>
|
|
</div>
|
|
@@ -114,38 +115,42 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { commonMixin } from '@/utils/mixin'
|
|
|
|
+import { hdExportExcel } from '@/libs/exportExcel'
|
|
|
|
+// 组件
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
import chooseDealer from './chooseDealer.vue'
|
|
import chooseDealer from './chooseDealer.vue'
|
|
import subarea from '@/views/common/subarea.js'
|
|
import subarea from '@/views/common/subarea.js'
|
|
import AreaList from '@/views/common/areaList.js'
|
|
import AreaList from '@/views/common/areaList.js'
|
|
-import { hdExportExcel } from '@/libs/exportExcel'
|
|
|
|
import dealerType from '@/views/common/dealerType.js'
|
|
import dealerType from '@/views/common/dealerType.js'
|
|
|
|
+// 接口
|
|
import { queryServiceCenterDealerPage, serviceCenterBinding, serviceCenterUnbinding, serviceCenterExport } from '@/api/serviceCenter'
|
|
import { queryServiceCenterDealerPage, serviceCenterBinding, serviceCenterUnbinding, serviceCenterExport } from '@/api/serviceCenter'
|
|
export default {
|
|
export default {
|
|
- name: 'LookUpCustomers',
|
|
|
|
|
|
+ name: 'RelatedDealersList',
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
components: { STable, VSelect, chooseDealer, subarea, AreaList, dealerType },
|
|
components: { STable, VSelect, chooseDealer, subarea, AreaList, dealerType },
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
spinning: false,
|
|
spinning: false,
|
|
isShow: this.openModal, // 是否打开弹框
|
|
isShow: this.openModal, // 是否打开弹框
|
|
- disabled: false,
|
|
|
|
- exportLoading: false,
|
|
|
|
- dealerType: [],
|
|
|
|
|
|
+ disabled: false, // 查询、重置按钮是否可操作
|
|
|
|
+ exportLoading: false, // 导出按钮加载状态
|
|
|
|
+ dealerType: [], // 商户类型
|
|
|
|
+ // 查询参数
|
|
queryParam: {
|
|
queryParam: {
|
|
- subareaSn: undefined,
|
|
|
|
- subareaAreaSn: undefined,
|
|
|
|
- provinceSn: undefined,
|
|
|
|
- citySn: undefined,
|
|
|
|
- districtSn: undefined,
|
|
|
|
- nameLike: '',
|
|
|
|
- relationType: 'purchase',
|
|
|
|
|
|
+ subareaSn: undefined, // 区域
|
|
|
|
+ subareaAreaSn: undefined, // 分区
|
|
|
|
+ provinceSn: undefined, // 省sn
|
|
|
|
+ citySn: undefined, // 市sn
|
|
|
|
+ districtSn: undefined, // 区sn
|
|
|
|
+ nameLike: '', // 经销商名称
|
|
|
|
+ relationType: 'purchase', // 关系类型
|
|
dealerType1: undefined, // 商户类型
|
|
dealerType1: undefined, // 商户类型
|
|
dealerType2: undefined, // 商户类型
|
|
dealerType2: undefined, // 商户类型
|
|
- dealerLevel: undefined
|
|
|
|
|
|
+ dealerLevel: undefined// 商户级别
|
|
},
|
|
},
|
|
- tableHeight: 0,
|
|
|
|
- activeKeyVal: '1',
|
|
|
|
|
|
+ tableHeight: 0, // 表格高度
|
|
|
|
+ activeKeyVal: '1', // 基础信息是否显示
|
|
|
|
+ openDealerModal: false, // 打开经销商弹窗
|
|
// 加载数据方法 必须为 Promise 对象
|
|
// 加载数据方法 必须为 Promise 对象
|
|
loadData: parameter => {
|
|
loadData: parameter => {
|
|
this.disabled = true
|
|
this.disabled = true
|
|
@@ -154,6 +159,7 @@ export default {
|
|
let data
|
|
let data
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
data = res.data
|
|
data = res.data
|
|
|
|
+ // 计算表格序号
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
data.list[i].no = no + i + 1
|
|
data.list[i].no = no + i + 1
|
|
@@ -178,8 +184,7 @@ export default {
|
|
{ title: '商户级别', dataIndex: 'dealerLevelDictValue', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '商户级别', dataIndex: 'dealerLevelDictValue', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '添加时间', dataIndex: 'createDate', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '添加时间', dataIndex: 'createDate', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: '12%', align: 'center' }
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: '12%', align: 'center' }
|
|
- ],
|
|
|
|
- openDealerModal: false
|
|
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -195,6 +200,7 @@ export default {
|
|
this.openDealerModal = false
|
|
this.openDealerModal = false
|
|
this.$refs.dealerChoose.clearSelect()
|
|
this.$refs.dealerChoose.clearSelect()
|
|
},
|
|
},
|
|
|
|
+ // 商户类型 change
|
|
getDealerType (v, o) {
|
|
getDealerType (v, o) {
|
|
this.queryParam.dealerType1 = v[0]
|
|
this.queryParam.dealerType1 = v[0]
|
|
this.queryParam.dealerType2 = v[1]
|
|
this.queryParam.dealerType2 = v[1]
|
|
@@ -222,11 +228,13 @@ export default {
|
|
this.$refs.table.refresh()
|
|
this.$refs.table.refresh()
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 地区 change
|
|
areaChange (val) {
|
|
areaChange (val) {
|
|
this.queryParam.provinceSn = val[0] ? val[0] : ''
|
|
this.queryParam.provinceSn = val[0] ? val[0] : ''
|
|
this.queryParam.citySn = val[1] ? val[1] : ''
|
|
this.queryParam.citySn = val[1] ? val[1] : ''
|
|
this.queryParam.districtSn = val[2] ? val[2] : ''
|
|
this.queryParam.districtSn = val[2] ? val[2] : ''
|
|
},
|
|
},
|
|
|
|
+ // 区域分区 change
|
|
subareaChange (val) {
|
|
subareaChange (val) {
|
|
this.queryParam.subareaSn = val[0] ? val[0] : undefined
|
|
this.queryParam.subareaSn = val[0] ? val[0] : undefined
|
|
this.queryParam.subareaAreaSn = val[1] ? val[1] : undefined
|
|
this.queryParam.subareaAreaSn = val[1] ? val[1] : undefined
|
|
@@ -247,6 +255,7 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 确定解绑
|
|
submitDel (params) {
|
|
submitDel (params) {
|
|
this.spinning = true
|
|
this.spinning = true
|
|
serviceCenterUnbinding(params).then(res => {
|
|
serviceCenterUnbinding(params).then(res => {
|
|
@@ -292,6 +301,7 @@ export default {
|
|
handleBack () {
|
|
handleBack () {
|
|
this.$router.push({ name: 'provincialWarehouseList' })
|
|
this.$router.push({ name: 'provincialWarehouseList' })
|
|
},
|
|
},
|
|
|
|
+ // 初始化
|
|
pageInit () {
|
|
pageInit () {
|
|
const _this = this
|
|
const _this = this
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
@@ -299,6 +309,7 @@ export default {
|
|
})
|
|
})
|
|
_this.resetSearchForm()
|
|
_this.resetSearchForm()
|
|
},
|
|
},
|
|
|
|
+ // 计算列表高度
|
|
setTableH () {
|
|
setTableH () {
|
|
const headHeight = this.$refs.headerBar.offsetHeight
|
|
const headHeight = this.$refs.headerBar.offsetHeight
|
|
this.tableHeight = window.innerHeight - headHeight - 340
|
|
this.tableHeight = window.innerHeight - headHeight - 340
|