我们发布啦

admin/src/views/distribution/config/index.vue

@@ -0,0 +1,173 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <el-form ref="promoterForm" :model="promoterForm" :rules="rules" label-width="200px" class="demo-promoterForm">
+        <el-form-item prop="brokerageFuncStatus">
+          <span slot="label">
+            <span>分销启用：</span>
+            <el-tooltip class="item" effect="dark" content="商城分销功能开启关闭" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-radio-group v-model="promoterForm.brokerageFuncStatus">
+            <el-radio label="1">开启</el-radio>
+            <el-radio label="0">关闭</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item prop="storeBrokerageStatus">
+          <span slot="label">
+            <span>分销模式：</span>
+            <el-tooltip class="item" effect="dark" content="人人分销”默认每个人都可以分销，“指定分销”仅可后台手动设置推广员，“满额分销”指用户购买商品满足消费金额后自动开启分销" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-radio-group v-model="promoterForm.storeBrokerageStatus">
+            <el-radio label="1">指定分销</el-radio>
+            <el-radio label="2">人人分销</el-radio>
+            <el-radio label="3">满额分销</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item prop="brokerageBindind">
+          <span slot="label">
+            <span>分销关系绑定：</span>
+            <el-tooltip class="item" effect="dark" content="所有用户”指所有没有上级推广人的用户，“新用户”指新注册的用户" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-radio-group v-model="promoterForm.brokerageBindind">
+            <el-radio label="0">所有用户</el-radio>
+            <el-radio label="1">新用户</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item prop="storeBrokerageRatio">
+          <span slot="label">
+            <span>一级返佣比例：</span>
+            <el-tooltip class="item" effect="dark" content="订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-input-number v-model="promoterForm.storeBrokerageRatio" :precision="2" :step="0.1" class="selWidth" placeholder="订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%"></el-input-number>
+          <span>%</span>
+        </el-form-item>
+        <el-form-item prop="storeBrokerageTwo">
+          <span slot="label">
+            <span>二级返佣比例：</span>
+            <el-tooltip class="item" effect="dark" content="订单交易成功后给上级返佣的比例0 ~ 100,例:5 = 反订单金额的5%" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-input-number v-model="promoterForm.storeBrokerageTwo" :precision="2" :step="0.1" class="selWidth" placeholder="订单交易成功后给上级返佣的比例0 ~ 100,例:5 = 反订单金额的5%"></el-input-number>
+          <span>%</span>
+        </el-form-item>
+        <el-form-item prop="userExtractMinPrice">
+          <span slot="label">
+            <span>提现最低金额：</span>
+            <el-tooltip class="item" effect="dark" content="用户提现最低金额" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-input-number v-model="promoterForm.userExtractMinPrice" :precision="2" :step="0.1" class="selWidth" placeholder="用户提现最低金额"></el-input-number>
+        </el-form-item>
+        <el-form-item prop="userExtractBank">
+          <span slot="label">
+            <span>提现银行卡：</span>
+            <el-tooltip class="item" effect="dark" content="提现银行卡，每个银行换行" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-input
+            type="textarea"
+            :rows="4"
+            placeholder="提现银行卡，每个银行换行"
+            v-model="promoterForm.userExtractBank">
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="extractTime">
+          <span slot="label">
+            <span>冻结时间：</span>
+            <el-tooltip class="item" effect="dark" content="佣金冻结时间(天)" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-input-number v-model="promoterForm.extractTime" :precision="2" :step="0.1" class="selWidth" placeholder="佣金冻结时间(天)"></el-input-number>
+        </el-form-item>
+        <el-form-item prop="extension_two_rate">
+          <span slot="label">
+            <span>满额分销最低金额：</span>
+            <el-tooltip class="item" effect="dark" content="满额分销满足金额开通分销权限" placement="top-start">
+              <i class="el-icon-warning-outline" />
+            </el-tooltip>
+          </span>
+          <el-input-number v-model="promoterForm.extension_two_rate" placeholder="满额分销满足金额开通分销权限" :precision="2" :step="0.1" class="selWidth"></el-input-number>
+        </el-form-item>
+        <el-form-item>
+          <el-button size="mini" type="primary" :loading="loading" @click="submitForm('promoterForm')">立即创建</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+  import { configApi, configUpdateApi, productCheckApi } from '@/api/distribution'
+  export default {
+    name: 'Index',
+    data() {
+      return {
+        promoterForm: {},
+        loading: false,
+        rules: {
+          brokerageFuncStatus: [
+            { required: true, message: '请选择是否启用分销', trigger: 'change' }
+          ],
+          storeBrokerageRatio: [
+            { required: true, message: '请输入一级返佣比例', trigger: 'blur' }
+          ],
+          storeBrokerageTwo: [
+            { required: true, message: '请输入二级返佣比例', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    mounted() {
+      this.getDetal()
+    },
+    methods: {
+      getDetal() {
+        configApi().then(res => {
+          this.promoterForm = res
+        }).catch((res) => {
+          this.$message.error(res.message)
+        })
+      },
+      submitForm(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            this.loading = true
+            configUpdateApi(this.promoterForm).then(res => {
+              this.loading = false
+              this.$modalSure('提交成功，是否自动下架商户低于此佣金比例的商品').then(() => {
+                productCheckApi().then(({ message }) => {
+                  this.$message.success(message)
+                }).catch(({ message }) => {
+                  this.$message.error(message)
+                })
+              })
+            }).catch((res) => {
+              this.$message.error(res.message)
+              this.loading = false
+            })
+          } else {
+            return false
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .selWidth{
+    width: 300px;
+  }
+</style>