|
@@ -7,7 +7,6 @@
|
|
|
<a-row :gutter="15">
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-item label="经销商名称">
|
|
|
- <!-- <storeList ref="storeList" @change="custChange"></storeList> -->
|
|
|
<a-input allowClear placeholder="请输入经销商名称" v-model.tirm="queryParam.dealerName"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
@@ -22,6 +21,17 @@
|
|
|
allowClear></v-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
+ <a-col :md="6" :sm="24">
|
|
|
+ <a-form-item label="支付状态">
|
|
|
+ <v-select
|
|
|
+ v-model="queryParam.payOpenFlag"
|
|
|
+ ref="payOpenFlag"
|
|
|
+ id="approveStore-payOpenFlag"
|
|
|
+ code="PAY_OPEN_FLAG"
|
|
|
+ placeholder="请选择支付状态"
|
|
|
+ allowClear></v-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<div>
|
|
|
<a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="approveStore-refresh">查询</a-button>
|
|
@@ -37,7 +47,7 @@
|
|
|
ref="table"
|
|
|
:style="{ height: tableHeight+84.5+'px' }"
|
|
|
size="small"
|
|
|
- :rowKey="(record) => record.id"
|
|
|
+ :rowKey="(record) => record.wait_audit"
|
|
|
:columns="columns"
|
|
|
:data="loadData"
|
|
|
:scroll="{ y: tableHeight }"
|
|
@@ -45,7 +55,15 @@
|
|
|
bordered>
|
|
|
<!-- 商城状态-->
|
|
|
<template slot="statusVal" slot-scope="text, record">
|
|
|
- <a-switch checked-children="开启" un-checked-children="关闭" v-model="record.statusFlag" @change="e=>handleStatus(e,record)"/>
|
|
|
+ <a-switch checked-children="已开启" un-checked-children="已关闭" v-model="record.statusFlag" @change="e=>handleStatus(e,record)"/>
|
|
|
+ </template>
|
|
|
+ <!-- 支付状态-->
|
|
|
+ <template slot="payVal" slot-scope="text, record">
|
|
|
+ <span v-if="record.payOpenFlag=='wait_audit'">{{ payStatus(record.payOpenFlag) }}</span>
|
|
|
+ <a-button size="small" type="link" v-if="record.payOpenFlag=='wait_open'" @click="e=>handlePayStatus(e,record)">申请开通</a-button>
|
|
|
+ <div v-if="record.payOpenFlag=='pay_opened'||record.payOpenFlag=='pay_close'">
|
|
|
+ <a-switch checked-children="已开启" un-checked-children="已关闭" v-model="record.payFlag" @change="e=>handlePayStatus(e,record)"/>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</s-table>
|
|
|
</a-spin>
|
|
@@ -55,11 +73,10 @@
|
|
|
<script>
|
|
|
// 组件
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
-import storeList from '@/views/common/storeList.vue'
|
|
|
// 接口
|
|
|
-import { findMallParamList, updateMallParam } from '@/api/dealerBizParam'
|
|
|
+import { findMallParamList, updateMallParam, updatePayOpenParam } from '@/api/dealerBizParam'
|
|
|
export default {
|
|
|
- components: { STable, VSelect, storeList },
|
|
|
+ components: { STable, VSelect },
|
|
|
data () {
|
|
|
return {
|
|
|
spinning: false,
|
|
@@ -69,14 +86,17 @@ export default {
|
|
|
queryParam: {
|
|
|
dealerName: undefined, // 经销商名称
|
|
|
delearSn: undefined,
|
|
|
- openFlag: undefined// 商城状态
|
|
|
+ openFlag: undefined, // 商城状态
|
|
|
+ payOpenFlag: undefined// 支付状态
|
|
|
},
|
|
|
// 表头
|
|
|
columns: [
|
|
|
- { title: '序号', dataIndex: 'no', width: '5%', align: 'center' },
|
|
|
- { title: '经销商名称', dataIndex: 'dealerName', width: '40%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
- { title: '最后操作时间', dataIndex: 'updateDate', width: '35%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '商城状态', dataIndex: 'paramValue', width: '20%', align: 'center', scopedSlots: { customRender: 'statusVal' } }
|
|
|
+ { title: '序号', dataIndex: 'no', width: '4%', align: 'center' },
|
|
|
+ { title: '经销商名称', dataIndex: 'dealerName', width: '30%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
+ { title: '商城状态时间', dataIndex: 'updateDate', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '商城状态', dataIndex: 'paramValue', width: '15%', align: 'center', scopedSlots: { customRender: 'statusVal' } },
|
|
|
+ { title: '支付状态时间', dataIndex: 'payOpenActDate', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '支付状态', dataIndex: 'payOpenFlag', width: '15%', align: 'center', scopedSlots: { customRender: 'payVal' } }
|
|
|
],
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
loadData: parameter => {
|
|
@@ -90,16 +110,27 @@ export default {
|
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
|
data.list[i].no = no + i + 1
|
|
|
data.list[i].statusFlag = data.list[i].paramValue == '1'
|
|
|
+ data.list[i].payFlag = data.list[i].payOpenFlag == 'pay_opened'
|
|
|
}
|
|
|
this.disabled = false
|
|
|
}
|
|
|
this.spinning = false
|
|
|
return data
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ payStatusList: [
|
|
|
+ { key: 'pay_opened', label: '已开通' },
|
|
|
+ { key: 'wait_open', label: '待开通' },
|
|
|
+ { key: 'wait_audit', label: '审核中' },
|
|
|
+ { key: 'pay_close', label: '已关闭' }
|
|
|
+ ]
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ payStatus (val) {
|
|
|
+ const row = this.payStatusList.find(item => item.key == val)
|
|
|
+ return row ? row.label : '--'
|
|
|
+ },
|
|
|
custChange (val) {
|
|
|
if (val) {
|
|
|
this.queryParam.delearSn = val.key
|
|
@@ -126,12 +157,29 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 修改支付开通状态
|
|
|
+ handlePayStatus (val, row) {
|
|
|
+ const _this = this
|
|
|
+ _this.spinning = true
|
|
|
+ updatePayOpenParam({
|
|
|
+ tenantId: row.tenantId,
|
|
|
+ paramValue: row.payOpenFlag == 'wait_open' ? 'wait_audit' : (row.payOpenFlag == 'pay_close' ? 'pay_opened' : 'pay_close')
|
|
|
+ }).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ _this.$message.success(res.message)
|
|
|
+ _this.$refs.table.refresh()
|
|
|
+ _this.spinning = false
|
|
|
+ } else {
|
|
|
+ _this.spinning = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
// 重置
|
|
|
resetSearchForm () {
|
|
|
this.queryParam.dealerName = undefined
|
|
|
this.queryParam.delearSn = undefined
|
|
|
this.queryParam.openFlag = undefined
|
|
|
- this.$refs.storeList.resetForm()
|
|
|
+ this.queryParam.payOpenFlag = undefined
|
|
|
this.$refs.table.refresh(true)
|
|
|
},
|
|
|
setTableH () {
|