|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
- <a-card size="small" :bordered="false" class="promotionList-wrap">
|
|
|
- <a-spin :spinning="spinning" tip="Loading...">
|
|
|
+ <div>
|
|
|
+ <a-card size="small" :bordered="false" class="promotionList-wrap searchBoxNormal">
|
|
|
<!-- 搜索条件 -->
|
|
|
<div ref="tableSearch" class="table-page-search-wrapper">
|
|
|
<a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
|
|
@@ -56,131 +56,135 @@
|
|
|
</a-row>
|
|
|
</a-form>
|
|
|
</div>
|
|
|
- <!-- 操作按钮 -->
|
|
|
- <div class="table-operator" v-if="$hasPermissions('B_dealerPromotionAdd')">
|
|
|
- <a-button id="promotionList-add" type="primary" class="button-error" @click="handleAdd">新增</a-button>
|
|
|
- </div>
|
|
|
- <!-- 列表 -->
|
|
|
- <s-table
|
|
|
- class="sTable fixPagination"
|
|
|
- ref="table"
|
|
|
- :style="{ height: tableHeight+84.5+'px' }"
|
|
|
- size="small"
|
|
|
- :rowKey="(record) => record.sparePartsReturnNo"
|
|
|
- :columns="columns"
|
|
|
- :data="loadData"
|
|
|
- :scroll="{ y: tableHeight }"
|
|
|
- :defaultLoadData="false"
|
|
|
- bordered>
|
|
|
- <!-- 促销名称 -->
|
|
|
- <template slot="promotionName" slot-scope="text, record">
|
|
|
- <div v-if="$hasPermissions('B_dealerPromotionDetail')" class="link-bule nameBox text-overflows2" @click="handleDetail(record)">{{ record.title }}</div>
|
|
|
- <div v-else class="nameBox text-overflows2">{{ record.title }}</div>
|
|
|
- </template>
|
|
|
- <!-- 促销时间-->
|
|
|
- <template slot="promotionTime" slot-scope="text, record">
|
|
|
- <div>{{ record.promotionDateStart }}-{{ record.promotionDateEnd }}</div>
|
|
|
- </template>
|
|
|
- <!-- 参与客户 -->
|
|
|
- <template slot="joinCustomers" slot-scope="text, record">
|
|
|
- <div v-if="record.dealerScope ==='ALL_DEALER'">全部客户</div>
|
|
|
- <div class="joinCustomer" v-else @click="handleCustomers(record)">共有<span style="color:#39f;vertical-align:top;">{{ record.dealerSnList?record.dealerSnList.length:0 }}</span>个客户</div>
|
|
|
- </template>
|
|
|
- <!-- 发布状态 -->
|
|
|
- <template slot="releaseStatus" slot-scope="text, record">
|
|
|
- <a-switch
|
|
|
- v-if="$hasPermissions('B_dealerPromotionStatus')"
|
|
|
- id="promotionList-enable"
|
|
|
- @change="changeStatus(record)"
|
|
|
- :disabled="record.state!='NOT_START' && record.state!='RUNNING'"
|
|
|
- :checked="record.enabledFlag == 1 ? true : false"></a-switch>
|
|
|
- <span v-else>--</span>
|
|
|
- </template>
|
|
|
- <!-- 操作 -->
|
|
|
- <!-- state 待提交:WAIT_SUBMIT 待审核:WAIT_AUDIT 未开始:NOT_START 进行中:RUNNING 审核不通过:AUDIT_REJECT 已结束:IS_OVER -->
|
|
|
- <template slot="action" slot-scope="text, record">
|
|
|
- <a-button
|
|
|
- size="small"
|
|
|
- type="link"
|
|
|
- class="button-warning"
|
|
|
- @click="handleSetRules(record)"
|
|
|
- v-if="$hasPermissions('B_dealerPromotionRules')&&(record.state =='WAIT_SUBMIT'||record.state == 'AUDIT_REJECT')"
|
|
|
- id="allocateBillList-examine-btn">规则设置</a-button>
|
|
|
- <a-button
|
|
|
- size="small"
|
|
|
- type="link"
|
|
|
- v-if="$hasPermissions('B_dealerPromotionEdit')&&(record.state == 'WAIT_SUBMIT' ||record.state == 'AUDIT_REJECT')"
|
|
|
- @click="handleEdit(record)"
|
|
|
- class="button-info"
|
|
|
- id="promotionList-edit-btn">编辑</a-button>
|
|
|
- <a-button
|
|
|
- size="small"
|
|
|
- type="link"
|
|
|
- v-if="$hasPermissions('B_dealerPromotionAudit')&&record.state == 'WAIT_AUDIT'"
|
|
|
- @click="handleCheck(record)"
|
|
|
- class="button-info"
|
|
|
- id="promotionList-edit-btn">审核</a-button>
|
|
|
- <a-button
|
|
|
- size="small"
|
|
|
- type="link"
|
|
|
- v-if="$hasPermissions('B_editTime')&&(record.state == 'NOT_START' || record.state=='RUNNING')"
|
|
|
- @click="handleTime(record)"
|
|
|
- class="button-info"
|
|
|
- id="promotionList-edit-btn">促销时间变更</a-button>
|
|
|
+ </a-card>
|
|
|
+ <a-card size="small" :bordered="false">
|
|
|
+ <a-spin :spinning="spinning" tip="Loading...">
|
|
|
+ <!-- 操作按钮 -->
|
|
|
+ <div class="table-operator" v-if="$hasPermissions('B_dealerPromotionAdd')">
|
|
|
+ <a-button id="promotionList-add" type="primary" class="button-error" @click="handleAdd">新增</a-button>
|
|
|
+ </div>
|
|
|
+ <!-- 列表 -->
|
|
|
+ <s-table
|
|
|
+ class="sTable fixPagination"
|
|
|
+ ref="table"
|
|
|
+ :style="{ height: tableHeight+84.5+'px' }"
|
|
|
+ size="small"
|
|
|
+ :rowKey="(record) => record.sparePartsReturnNo"
|
|
|
+ :columns="columns"
|
|
|
+ :data="loadData"
|
|
|
+ :scroll="{ y: tableHeight }"
|
|
|
+ :defaultLoadData="false"
|
|
|
+ bordered>
|
|
|
+ <!-- 促销名称 -->
|
|
|
+ <template slot="promotionName" slot-scope="text, record">
|
|
|
+ <div v-if="$hasPermissions('B_dealerPromotionDetail')" class="link-bule nameBox text-overflows2" @click="handleDetail(record)">{{ record.title }}</div>
|
|
|
+ <div v-else class="nameBox text-overflows2">{{ record.title }}</div>
|
|
|
+ </template>
|
|
|
+ <!-- 促销时间-->
|
|
|
+ <template slot="promotionTime" slot-scope="text, record">
|
|
|
+ <div>{{ record.promotionDateStart }}-{{ record.promotionDateEnd }}</div>
|
|
|
+ </template>
|
|
|
+ <!-- 参与客户 -->
|
|
|
+ <template slot="joinCustomers" slot-scope="text, record">
|
|
|
+ <div v-if="record.dealerScope ==='ALL_DEALER'">全部客户</div>
|
|
|
+ <div class="joinCustomer" v-else @click="handleCustomers(record)">共有<span style="color:#39f;vertical-align:top;">{{ record.dealerSnList?record.dealerSnList.length:0 }}</span>个客户</div>
|
|
|
+ </template>
|
|
|
+ <!-- 发布状态 -->
|
|
|
+ <template slot="releaseStatus" slot-scope="text, record">
|
|
|
+ <a-switch
|
|
|
+ v-if="$hasPermissions('B_dealerPromotionStatus')"
|
|
|
+ id="promotionList-enable"
|
|
|
+ @change="changeStatus(record)"
|
|
|
+ :disabled="record.state!='NOT_START' && record.state!='RUNNING'"
|
|
|
+ :checked="record.enabledFlag == 1 ? true : false"></a-switch>
|
|
|
+ <span v-else>--</span>
|
|
|
+ </template>
|
|
|
+ <!-- 操作 -->
|
|
|
+ <!-- state 待提交:WAIT_SUBMIT 待审核:WAIT_AUDIT 未开始:NOT_START 进行中:RUNNING 审核不通过:AUDIT_REJECT 已结束:IS_OVER -->
|
|
|
+ <template slot="action" slot-scope="text, record">
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ class="button-warning"
|
|
|
+ @click="handleSetRules(record)"
|
|
|
+ v-if="$hasPermissions('B_dealerPromotionRules')&&(record.state =='WAIT_SUBMIT'||record.state == 'AUDIT_REJECT')"
|
|
|
+ id="allocateBillList-examine-btn">规则设置</a-button>
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ v-if="$hasPermissions('B_dealerPromotionEdit')&&(record.state == 'WAIT_SUBMIT' ||record.state == 'AUDIT_REJECT')"
|
|
|
+ @click="handleEdit(record)"
|
|
|
+ class="button-info"
|
|
|
+ id="promotionList-edit-btn">编辑</a-button>
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ v-if="$hasPermissions('B_dealerPromotionAudit')&&record.state == 'WAIT_AUDIT'"
|
|
|
+ @click="handleCheck(record)"
|
|
|
+ class="button-info"
|
|
|
+ id="promotionList-edit-btn">审核</a-button>
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ v-if="$hasPermissions('B_editTime')&&(record.state == 'NOT_START' || record.state=='RUNNING')"
|
|
|
+ @click="handleTime(record)"
|
|
|
+ class="button-info"
|
|
|
+ id="promotionList-edit-btn">促销时间变更</a-button>
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ v-if="$hasPermissions('B_overActive')&&(record.state == 'NO_START' || record.state=='RUNNING')"
|
|
|
+ @click="handleEnd(record)"
|
|
|
+ class="button-info"
|
|
|
+ id="promotionList-edit-btn">终止</a-button>
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ v-if="$hasPermissions('B_dealerPromotionDel')&&(record.state == 'WAIT_SUBMIT'||record.state == 'AUDIT_REJECT')"
|
|
|
+ @click="handleDel(record)"
|
|
|
+ class="button-error"
|
|
|
+ id="promotionList-del-btn">删除</a-button>
|
|
|
+ <div v-if="record.state == 'IS_OVER'">--</div>
|
|
|
+ </template>
|
|
|
+ </s-table>
|
|
|
+ </a-spin>
|
|
|
+ <!-- 参与客户 -->
|
|
|
+ <lookUp-customers-modal ref="lookUpCustomers" :openModal="openCustomerModal" @close="openCustomerModal = false"></lookUp-customers-modal>
|
|
|
+ <!-- 新增/编辑弹窗-->
|
|
|
+ <add-modal v-drag :itemSn="itemSn" :openModal="openModal" @ok="handleOk" @close="openModal=false" />
|
|
|
+ <!-- 促销时间变更 -->
|
|
|
+ <edit-active-end-time ref="editTime" v-drag :openModal="editEndModal" @ok="$refs.table.refresh()" @close="editEndModal=false" />
|
|
|
+ <!-- 审核弹窗 -->
|
|
|
+ <a-modal
|
|
|
+ closable
|
|
|
+ v-model="openAuditModal"
|
|
|
+ :footer="null"
|
|
|
+ width="416px"
|
|
|
+ centered>
|
|
|
+ <div style="display:flex;margin:30px 0 20px 20px;">
|
|
|
+ <a-icon type="question-circle" :style="{fontSize:'23px',color:'#faad14'}"/>
|
|
|
+ <div style="margin-left:10px;">
|
|
|
+ <p style="font-size:16px;font-wight:bold;">提示</p>
|
|
|
+ <p>请点击下方按钮确认操作?</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 按钮 -->
|
|
|
+ <div style="text-align: right;">
|
|
|
<a-button
|
|
|
- size="small"
|
|
|
- type="link"
|
|
|
- v-if="$hasPermissions('B_overActive')&&(record.state == 'NO_START' || record.state=='RUNNING')"
|
|
|
- @click="handleEnd(record)"
|
|
|
- class="button-info"
|
|
|
- id="promotionList-edit-btn">终止</a-button>
|
|
|
+ id="auditModal-cancel"
|
|
|
+ class="button-cancel"
|
|
|
+ @click="closeAuditModal"
|
|
|
+ style="margin-right: 15px;">审核不通过</a-button>
|
|
|
<a-button
|
|
|
- size="small"
|
|
|
- type="link"
|
|
|
- v-if="$hasPermissions('B_dealerPromotionDel')&&(record.state == 'WAIT_SUBMIT'||record.state == 'AUDIT_REJECT')"
|
|
|
- @click="handleDel(record)"
|
|
|
- class="button-error"
|
|
|
- id="promotionList-del-btn">删除</a-button>
|
|
|
- <div v-if="record.state == 'IS_OVER'">--</div>
|
|
|
- </template>
|
|
|
- </s-table>
|
|
|
- </a-spin>
|
|
|
- <!-- 参与客户 -->
|
|
|
- <lookUp-customers-modal ref="lookUpCustomers" :openModal="openCustomerModal" @close="openCustomerModal = false"></lookUp-customers-modal>
|
|
|
- <!-- 新增/编辑弹窗-->
|
|
|
- <add-modal v-drag :itemSn="itemSn" :openModal="openModal" @ok="handleOk" @close="openModal=false" />
|
|
|
- <!-- 促销时间变更 -->
|
|
|
- <edit-active-end-time ref="editTime" v-drag :openModal="editEndModal" @ok="$refs.table.refresh()" @close="editEndModal=false" />
|
|
|
- <!-- 审核弹窗 -->
|
|
|
- <a-modal
|
|
|
- closable
|
|
|
- v-model="openAuditModal"
|
|
|
- :footer="null"
|
|
|
- width="416px"
|
|
|
- centered>
|
|
|
- <div style="display:flex;margin:30px 0 20px 20px;">
|
|
|
- <a-icon type="question-circle" :style="{fontSize:'23px',color:'#faad14'}"/>
|
|
|
- <div style="margin-left:10px;">
|
|
|
- <p style="font-size:16px;font-wight:bold;">提示</p>
|
|
|
- <p>请点击下方按钮确认操作?</p>
|
|
|
+ type="primary"
|
|
|
+ id="auditModal-save"
|
|
|
+ class="button-primary"
|
|
|
+ @click="handleAuditModal"
|
|
|
+ >审核通过</a-button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 按钮 -->
|
|
|
- <div style="text-align: right;">
|
|
|
- <a-button
|
|
|
- id="auditModal-cancel"
|
|
|
- class="button-cancel"
|
|
|
- @click="closeAuditModal"
|
|
|
- style="margin-right: 15px;">审核不通过</a-button>
|
|
|
- <a-button
|
|
|
- type="primary"
|
|
|
- id="auditModal-save"
|
|
|
- class="button-primary"
|
|
|
- @click="handleAuditModal"
|
|
|
- >审核通过</a-button>
|
|
|
- </div>
|
|
|
- </a-modal>
|
|
|
- </a-card>
|
|
|
+ </a-modal>
|
|
|
+ </a-card>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -410,7 +414,7 @@ export default {
|
|
|
},
|
|
|
setTableH () {
|
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
|
- this.tableHeight = window.innerHeight - tableSearchH - 240
|
|
|
+ this.tableHeight = window.innerHeight - tableSearchH - 250
|
|
|
}
|
|
|
},
|
|
|
watch: {
|