商品可以价格面议 选择走访时显示输入走访企业名 分会添加活动时要总会审核 分类添加人数限制，添加活动选择了填写人数限制的分类时活动名额下显示该分类人数...

quanwei

16 hours ago a4b3ee325c7354579d495bc74a777e494e5ec38c

 shop_vue/src/views/branch/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,12 +46,16 @@
          <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>
          <div v-if="form.visit_supplier_id!=''" class="mt10">
            <el-tag>{{ visit_supplier_name }}</el-tag>
          </div>
          <div class="gray9" v-if="form.visit_supplier_id==''">如没有可不选</div>
        </el-row>
      </el-form-item>
      <el-form-item label="提供场地企业" prop="space_supplier_id" v-if="!form.is_visit">
@@ -73,7 +77,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>
@@ -224,6 +228,8 @@
      },
      /*活动类别*/
      category: [],
      /*选中的分类信息*/
      selectedCategory: null,
      loading: false,
      upload_type: 'image', // 封面image 分享海报pic
      open_branch: false,
@@ -280,7 +286,9 @@
        .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 => {
@@ -288,6 +296,16 @@
        });
    },

    /*处理分类选择变化*/
    handleCategoryChange(value) {
      // 根据选中的category_id找到对应的分类对象
      const selected = this.category.find(item => item.category_id === value);
      this.selectedCategory = selected || null;

      // 可以在这里添加其他业务逻辑，比如根据分类显示不同的表单字段等
      console.log('选中的分类信息:', this.selectedCategory);
    },

    /*添加活动*/
    onSubmit() {
      let self = this;