|
@@ -25,20 +25,19 @@
|
|
|
<div v-if="form">
|
|
|
<a-descriptions :column="{ xs: 2, sm: 3, md: 3}">
|
|
|
<a-descriptions-item label="促销名称">{{ form.promoName || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="促销类型">{{ form.promoTypeDictValue || '--' }}</a-descriptions-item>
|
|
|
<a-descriptions-item label="促销时间">
|
|
|
{{ form.promoStartDate }}{{ form.promoStartDate?' ~ ':'' }}{{ form.promoEndDate }}
|
|
|
</a-descriptions-item>
|
|
|
<a-descriptions-item label="排序">{{ form.sort || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="加盟商开关权限">{{ form.dealerOpenFlag=='0'?'否':'是' }}</a-descriptions-item>
|
|
|
<a-descriptions-item span="3" label="参与经销商" v-if="form.allDealerFlag=='1'">全部经销商</a-descriptions-item>
|
|
|
<a-descriptions-item span="3" label="参与经销商" v-else>
|
|
|
<span v-if="!form.shopPromoDealerList||(form.shopPromoDealerList&&form.shopPromoDealerList.length==0)">--</span>
|
|
|
- <a-tag v-else v-for="con in form.shopPromoDealerList" :id="'promotionEdit-dealerSn'+con.dealerSn" :key="con.dealerSn">
|
|
|
- {{ con.dealerName }}
|
|
|
- </a-tag>
|
|
|
+ <div v-else @click="handleSee">共<span class="link-bule">{{ form.shopPromoDealerList.length }}</span>个</div>
|
|
|
</a-descriptions-item>
|
|
|
- <a-descriptions-item span="3" label="封面图片"><img :src="form.imageUrl" alt="图片走丢了" width="60" height="60" /></a-descriptions-item>
|
|
|
+ <a-descriptions-item span="3" label="封面图片"><img @click="handleCheckImg" :src="form.imageUrl" alt="图片走丢了" width="60" height="60" /></a-descriptions-item>
|
|
|
<a-descriptions-item span="3" label="促销描述">{{ form.description || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="加盟商开关权限">{{ form.dealerOpenFlag=='0'?'否':'是' }}</a-descriptions-item>
|
|
|
</a-descriptions>
|
|
|
</div>
|
|
|
</a-card>
|
|
@@ -232,20 +231,20 @@
|
|
|
style="padding: 0 60px;">保存</a-button>
|
|
|
</div>
|
|
|
<!-- 添加产品 -->
|
|
|
- <chooseProduct
|
|
|
- ref="chooseProduct"
|
|
|
- :openModal="showProModal"
|
|
|
- @ok="addProductSuccess"
|
|
|
- @close="closeProductModal"></chooseProduct>
|
|
|
+ <chooseProduct ref="chooseProduct" :openModal="showProModal" @ok="addProductSuccess" @close="closeProductModal"></chooseProduct>
|
|
|
<!--编辑 促销活动 基础信息 -->
|
|
|
<add-promotion-modal
|
|
|
ref="promotionAddModal"
|
|
|
:openModal="openAddModal"
|
|
|
- typeVal="edit"
|
|
|
+ :typeVal="form.promoType"
|
|
|
:chooseProductNum="form.productNum"
|
|
|
:itemSn="$route.params.sn"
|
|
|
@close="openAddModal=false"
|
|
|
@ok="promotionAddOk" ></add-promotion-modal>
|
|
|
+ <!-- 参与经销商 -->
|
|
|
+ <lookUp-customers-modal ref="lookUpCustomers" :openModal="openCustomerModal" @close="openCustomerModal = false"></lookUp-customers-modal>
|
|
|
+ <!-- 封面展示 -->
|
|
|
+ <imgShowModal v-drag ref="checkedImg" :openModal="openCheckedImgModal" @close="openCheckedImgModal=false"></imgShowModal>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -258,12 +257,14 @@ import Editor from '@/components/WEeditor'
|
|
|
import productTable from './productTable'
|
|
|
import chooseProduct from './chooseProductsModal.vue'
|
|
|
import addPromotionModal from './addPromotionModal'
|
|
|
+import lookUpCustomersModal from './lookUpCustomersModal'
|
|
|
+import imgShowModal from '@/views/easyPassManagement/shoppingManagement/imgShowModal'
|
|
|
// 接口
|
|
|
import { saveChooseProduct, saveShopPromo, shopPromoDetail } from '@/api/shopPromo'
|
|
|
export default {
|
|
|
name: 'ProductBrandEditModal',
|
|
|
mixins: [commonMixin],
|
|
|
- components: { VSelect, Upload, Editor, productTable, chooseProduct, addPromotionModal },
|
|
|
+ components: { VSelect, Upload, Editor, productTable, chooseProduct, addPromotionModal, lookUpCustomersModal, imgShowModal },
|
|
|
data () {
|
|
|
return {
|
|
|
spinning: false,
|
|
@@ -277,6 +278,7 @@ export default {
|
|
|
pageType: undefined, // 促销类型
|
|
|
showDetail: true, // 是否显示基础信息
|
|
|
openAddModal: false, // 基础信息编辑弹窗
|
|
|
+ openCheckedImgModal: false, // 查看图片弹窗
|
|
|
// 链接配置内容
|
|
|
form: {
|
|
|
promoType: undefined, // 促销类型
|
|
@@ -309,6 +311,7 @@ export default {
|
|
|
timeLimit: [], // 有效期
|
|
|
promotionName: '', // 促销名称
|
|
|
showProModal: false, // 打开产品弹窗
|
|
|
+ openCustomerModal: false, // 打开参与经销商弹窗
|
|
|
// 表单验证规则
|
|
|
rules: {
|
|
|
rangeList: [{ required: true, message: '请选择促销产品', trigger: 'change' }],
|
|
@@ -321,6 +324,21 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 查看封面图片
|
|
|
+ handleCheckImg () {
|
|
|
+ this.openCheckedImgModal = true
|
|
|
+ const _this = this
|
|
|
+ _this.$nextTick(() => {
|
|
|
+ _this.$refs.checkedImg.pageInit(this.form.imageUrl)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查看参与经销商
|
|
|
+ handleSee () {
|
|
|
+ this.openCustomerModal = true
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.lookUpCustomers.pageInit({ dealerSnList: this.form.dealerSnList || undefined })
|
|
|
+ })
|
|
|
+ },
|
|
|
// 编辑
|
|
|
handleEdit () {
|
|
|
this.openAddModal = true
|