团购组件增加筛选

quanwei

2026-01-17 e1e2fe5710a5b5cd9c19bd3aa99c998a1a613ca8

 shop_vue/src/views/plus/vip/grade/part/Add.vue

@@ -24,8 +24,8 @@
        <template slot="append">元</template>
      </el-input>
    </el-form-item>
    <el-form-item label="VIP专区补贴" :label-width="formLabelWidth" prop="operating_subsidy">
      <el-input v-model="form.operating_subsidy" type="number" placeholder="请输入VIP专区补贴">
    <el-form-item label="下级收益补贴" :label-width="formLabelWidth" prop="operating_subsidy">
      <el-input v-model="form.operating_subsidy" type="number" placeholder="请输入下级收益补贴">
        <template slot="append">%</template>
      </el-input>
    </el-form-item>
@@ -34,6 +34,20 @@
        <template slot="append">%</template>
      </el-input>
    </el-form-item>
    <el-form-item label="直推店铺交易额佣金" :label-width="formLabelWidth" prop="commission">
      <el-input v-model="form.supplier_money" type="number" placeholder="请输入直推店铺交易额佣金">
        <template slot="append">%</template>
      </el-input>
    </el-form-item>
    <el-form-item label="复购专区级差计算" :label-width="formLabelWidth" prop="differential_prize">
      <el-input v-model="form.differential_prize" type="number" placeholder="请输入复购专区级差计算">
        <template slot="append">%</template>
      </el-input>
    </el-form-item>
    <el-form-item label="复购专区平级奖" :label-width="formLabelWidth" prop="equal_level_award">
      <el-input v-model="form.equal_level_award" type="number" placeholder="请输入级复购专区平级奖">
        <template slot="append">%</template>
      </el-input>
    </el-form-item>
    <el-form-item label="自动升级" :label-width="formLabelWidth" prop="auto_upgrade">
      <el-radio-group v-model="form.auto_upgrade">
@@ -49,9 +63,27 @@
        </el-radio-group>
      </div>
      <div class="d-s-c mt16">
        <el-checkbox v-model="form.is_purchase_count">购买次数</el-checkbox>
        <el-checkbox v-model="form.is_purchase_count">购买次数VIP专区商品</el-checkbox>
        <el-input v-model="form.purchase_count" type="number" :disabled="!form.is_purchase_count" style="width: 160px; margin-left: 10px;" ></el-input>
        <span class="ml10">次</span>
      </div>
      <div class="d-s-c mt16">
        <el-checkbox v-model="form.is_supplier_count">直推商家</el-checkbox>
        <el-input v-model="form.supplier_count" type="number" :disabled="!form.is_supplier_count" style="width: 160px; margin-left: 10px;" ></el-input>
        <span class="ml10">家</span>
      </div>
      <div class="d-s-c mt16">
        <el-checkbox v-model="form.is_referee_grade">直推指定会员等级</el-checkbox>
        <el-select v-model="form.referee_grade_ids" multiple :disabled="!form.is_referee_grade" style="width: 160px; margin-left: 10px;">
          <el-option
            v-for="item in userGradeList"
            :key="item.grade_id"
            :label="item.name"
            :value="item.grade_id">
          </el-option>
        </el-select>
        <el-input v-model="form.referee_grade_count" type="number" :disabled="!form.is_referee_grade" style="width: 160px; margin-left: 10px;" ></el-input>
        <span class="ml10">人</span>
      </div>
    </el-form-item>
  </el-form>
@@ -65,6 +97,7 @@

<script>
  import vipApi from '@/api/plus/vip.js';
  import UserApi from '@/api/user.js';
  export default {
    data() {
      return {
@@ -77,10 +110,12 @@
          agent_money: 0,
          /*推广复购佣金*/
          repurchase_money: 0,
          /*VIP专区补贴*/
          /*下级收益补贴*/
          operating_subsidy: 0,
          /*平台直推佣金*/
          commission: 0,
          /*直推店铺交易额佣金*/
          supplier_money: 0,
          /*自动升级*/
          auto_upgrade: 1,
          /*升级条件*/
@@ -89,9 +124,27 @@
          is_purchase_count: 0,
          /*购买次数*/
          purchase_count: 0,
          /*是否开放直推商家*/
          is_supplier_count: 0,
          /*直推商家*/
          supplier_count: 0,
          /*是否开放直推指定会员等级*/
          is_referee_grade: 0,
          /*直推指定会员等级IDs*/
          referee_grade_ids: [],
          /*直推指定会员等级人数*/
          referee_grade_count: 0,
          /*见点奖*/
          viewpoint_money: 0,
          /*平级奖*/
          equal_level_award: 0,
          /*级差计算*/
          differential_prize: 0,
          /*备注*/
          remark: '',
        },
        /*用户管理模块的等级列表*/
        userGradeList: [],
        /*左边长度*/
        formLabelWidth: '120px',
        /*是否显示*/
@@ -103,8 +156,18 @@
    props: ['open_add'],
    created() {
      this.dialogVisible = this.open_add;
      this.getUserGradeList();
    },
    methods: {
      /*获取用户管理模块的等级列表*/
      getUserGradeList() {
        let self = this;
        UserApi.gradelist({}, true)
          .then(res => {
            self.userGradeList = res.data.list.data || res.data.list;
          })
          .catch(error => {});
      },
      /*添加等级*/
      addGrade() {
        let self = this;
@@ -113,6 +176,8 @@
          if (valid) {
            self.submit_loading = true;
            params.is_purchase_count = params.is_purchase_count == true ? 1 : 0;
            params.is_supplier_count = params.is_supplier_count == true ? 1 : 0;
            params.is_referee_grade = params.is_referee_grade == true ? 1 : 0;
            vipApi.addgrade(params, true).then(data => {
                self.submit_loading = false;
                self.$message({