From a4b3ee325c7354579d495bc74a777e494e5ec38c Mon Sep 17 00:00:00 2001
From: quanwei <419654421@qq.com>
Date: Fri, 06 Feb 2026 18:18:44 +0800
Subject: [PATCH] 商品可以价格面议 选择走访时显示输入走访企业名 分会添加活动时要总会审核 分类添加人数限制，添加活动选择了填写人数限制的分类时活动名额下显示该分类人数限制为15 同一个企业30天内只能走访一次，在30天内走访同一个企业时提示该企业已被走访xx天后才可以从新走访
---
branch_vue/src/views/activity/activity/add.vue | 132 ++++++++++++++++++++++++++++++++++++++++----
1 files changed, 120 insertions(+), 12 deletions(-)
diff --git a/branch_vue/src/views/activity/activity/add.vue b/branch_vue/src/views/activity/activity/add.vue
index 77f5cb4..8bd56fa 100644
--- a/branch_vue/src/views/activity/activity/add.vue
+++ b/branch_vue/src/views/activity/activity/add.vue
@@ -15,7 +15,7 @@
<el-input v-model="form.name" placeholder="请输入活动标题" class="max-w460"></el-input>
</el-form-item>
<el-form-item label="活动分类" prop="category_id">
- <el-select v-model="form.category_id" placeholder="请选择">
+ <el-select v-model="form.category_id" placeholder="请选择" @change="handleCategoryChange">
<el-option v-for="(item, index) in category" :key="index" :label="item.name" :value="item.category_id"></el-option>
</el-select>
</el-form-item>
@@ -46,6 +46,9 @@
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
+ <el-form-item v-if="form.is_visit" label="被走访企业名称" prop="visit_supplier_name">
+ <el-input v-model="form.visit_supplier_name" placeholder="商户没有入驻时，请输入被走访企业名称" class="max-w460"></el-input>
+ </el-form-item>
<el-form-item label="被走访企业" prop="visit_supplier_id" v-if="form.is_visit">
<el-row>
<el-button @click="selectSupplier('visit')" icon="el-icon-plus">选择企业</el-button>
@@ -63,6 +66,13 @@
<div class="gray9" v-if="form.space_supplier_id==''">如没有可不选</div>
</el-row>
</el-form-item>
+ <el-form-item label="促销商品" v-if="form.visit_supplier_id > 0">
+ <el-button icon="el-icon-plus" @click="selectProduct">选择商品</el-button>
+ <div class="gray9">当有走访企业时，可以选择该企业的商品进行促销</div>
+ </el-form-item>
+ <el-form-item label="商品列表" v-if="form.product_list.length > 0 && form.is_visit">
+ <ProductPrice :products="form.product_list" @confirm="handlePriceConfirm"></ProductPrice>
+ </el-form-item>
<el-form-item label="活动费用" prop="activity_fee">
<el-input v-model="form.fee" placeholder="请输入活动费用" class="max-w460">
<template slot="append">元</template>
@@ -73,7 +83,7 @@
<el-input v-model="form.limit_num" placeholder="请输入活动名额" class="max-w460">
<template slot="append">人</template>
</el-input>
- <div class="gray9">0为不限制人数</div>
+ <div class="gray9">0为不限制人数{{selectedCategory.limit_num?('，该分类最多'+selectedCategory.limit_num+'人'):''}}</div>
</el-form-item>
<el-form-item label="联系电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入联系电话" class="max-w460"></el-input>
@@ -160,6 +170,10 @@
<GetSupplier :open="open_supplier" @close="closeSupplierFunc"></GetSupplier>
<!--选择用户-->
<GetUser :is_open="open_user" @close="closeGetUserFunc"></GetUser>
+ <!--选择商品-->
+ <ProductSelect :isproduct="isproduct" :shop_supplier_id="form.visit_supplier_id" :excludeIds="excludeIds" :islist="islist" @closeDialog="closeProductDialogFunc($event)">
+ 产品列表弹出层
+ </ProductSelect>
</div>
</template>
@@ -171,6 +185,8 @@
import GetBranch from '@/components/branch/Branch.vue';
import GetSupplier from '@/components/supplier/Supplier.vue';
import GetUser from '@/components/user/GetUser.vue';
+import ProductSelect from '@/components/product/Product';
+import ProductPrice from './dialog/Price.vue';
export default {
components: {
/*编辑器*/
@@ -181,7 +197,9 @@
Getpoint,
GetBranch,
GetSupplier,
- GetUser
+ GetUser,
+ ProductSelect,
+ ProductPrice
},
data() {
return {
@@ -221,11 +239,12 @@
reg_date: '',
act_date: '',
radius: 0, // 活动限定范围，在范围内才能进行相关操作，如签到、下单
- // verify_user_ids: '',
-
+ product_list: [] //选择的产品列表
},
/*活动类别*/
category: [],
+ /*选中的分类信息*/
+ selectedCategory: null,
loading: false,
upload_type: 'image', // 封面image 分享海报pic
open_branch: false,
@@ -236,6 +255,9 @@
supplier_type: 'visit',
select_list:[], // 选择的核销员列表
open_user: false,
+ excludeIds: [],
+ islist: true, //多选
+ isproduct: false,
/*验证规则*/
rules: {
name: [{ required: true, message: '请输入活动标题', trigger: 'blur' }],
@@ -281,12 +303,24 @@
.then(res => {
self.category = res.data.category;
if(self.category.length > 0){
- self.form.category_id = self.catgory[0].category_id;
+ self.form.category_id = self.category[0].category_id;
+ // 设置默认选中的分类信息
+ self.selectedCategory = self.category[0];
}
})
.catch(error => {
});
+ },
+
+ /*处理分类选择变化*/
+ handleCategoryChange(value) {
+ // 根据选中的category_id找到对应的分类对象
+ const selected = this.category.find(item => item.category_id === value);
+ this.selectedCategory = selected || null;
+
+ // 可以在这里添加其他业务逻辑，比如根据分类显示不同的表单字段等
+ console.log('选中的分类信息:', this.selectedCategory);
},
/*添加活动*/
@@ -304,21 +338,21 @@
self.$refs.form.validate(valid => {
if (valid) {
self.loading = true;
- self.form.content = this.$refs.ue.getUEContent();
+ form.content = this.$refs.ue.getUEContent();
// 如果走访企业，则被走访企业就是场地提供者
- if (self.form.is_visit) {
- self.form.space_supplier_id = '';
+ if (form.is_visit) {
+ form.space_supplier_id = '';
} else {
- self.form.visit_supplier_id = '';
+ form.visit_supplier_id = '';
}
- BranchApi.addActivity(form, true)
+ BranchApi.addActivity({formData: JSON.stringify(form)}, true)
.then(data => {
self.loading = false;
self.$message({
message: data.msg,
type: 'success'
});
- self.$router.push('/branch/activity/index');
+ self.$router.push('/activity/activity/index');
})
.catch(error => {
self.loading = false;
@@ -370,6 +404,10 @@
closeSupplierFunc(e) {
if (e.type != 'error') {
if (this.supplier_type == 'visit') {
+ // 如果换了走访企业，清除促销商品
+ if (this.form.visit_supplier_id != e.params.shop_supplier_id) {
+ this.form.product_list = [];
+ }
this.form.visit_supplier_id = e.params.shop_supplier_id;
this.visit_supplier_name = e.params.name;
} else {
@@ -398,6 +436,76 @@
deleteVerifyUser(i) {
this.select_list.splice(i, 1);
},
+
+ selectProduct() {
+ this.isproduct = true;
+ },
+ handlePriceConfirm(changedProducts) {
+ const excludeIds = changedProducts.map((row) => row.product_id);
+ this.excludeIds = excludeIds;
+ changedProducts;
+ this.form.product_list = changedProducts;
+ },
+ /*商品选择关闭弹窗*/
+ closeProductDialogFunc(e) {
+ const self = this;
+ self.isproduct = false;
+ const excludeIds = [];
+ if (e.type == 'success') {
+ let product = [];
+ e.params.forEach((item) => {
+ const arr1 = {
+ image: item.image,
+ product_name: item.product_name,
+ product_price: item.product_price,
+ product_id: item.product_id,
+ product_sku_id: item.sku[0].product_sku_id,
+ spec_sku_id: item.sku[0].spec_sku_id,
+ product_sku_name: '单规格'
+ };
+ if (item.specList.length > 0 && item.spec_type == 20) {
+ item.specList.forEach((cell, colIndex) => {
+ const arr2 = {
+ image: item.image,
+ product_name: item.product_name,
+ product_price: cell.spec_form.product_price,
+ product_id: item.product_id,
+ product_sku_id: cell.product_sku_id,
+ spec_sku_id: cell.spec_sku_id,
+ product_sku_name: cell.spec_name
+ };
+ product.push(arr2);
+ });
+ } else {
+ product.push(arr1);
+ }
+
+ excludeIds.push(item.product_id);
+ });
+
+ self.excludeIds = excludeIds;
+ const product_list = self.form.product_list;
+ const new_arr = self.mergeArraysByProductId(product_list, product, 'product_id');
+ self.form.product_list = new_arr;
+
+ }
+ },
+
+ /**
+ * 将 B 数组中不存在于 A 数组中的项（基于 product_id）合并到 A 数组中
+ * @param {Array} arrayA - 目标数组
+ * @param {Array} arrayB - 源数组
+ * @param {string} idKey - 用于比较的键名（默认为 'product_id'）
+ * @returns {Array} - 合并后的新数组
+ */
+ mergeArraysByProductId(arrayA, arrayB, idKey = 'product_id') {
+ // 创建 A 数组中所有 product_id 的集合
+ const idsInA = new Set(arrayA.map((item) => item[idKey]));
+ // 筛选出 B 数组中不存在于 A 数组的项
+ const itemsToAdd = arrayB.filter((item) => !idsInA.has(item[idKey]));
+ // 合并数组（不改变原数组）
+ return [...arrayA, ...itemsToAdd];
+ },
}
};
</script>
--
Gitblit v1.9.2