添加：平台抽成设置相关内容

src/api/platformCommission.js

@@ -0,0 +1,12 @@
+import request from './request'
+// 平台抽成 - 配置获取/配置编辑
+export function platformCommissionConfig(data = {}) {
+  if(Object.keys(data).length > 0) return request.post(`user/platformCommission/config`, data)
+  else return request.get(`user/platformCommission/config`)
+}
+
+
+
+
+
+

src/router/modules/marketing.js

@@ -1,8 +1,7 @@
-
 import Layout from '@/layout'
 import { roterPre } from '@/settings'
-const marketingRouter =
+
-{
+const marketingRouter = {
   path: `${roterPre}/marketing`,
   name: 'marketing',
   meta: {
@@ -229,48 +228,48 @@ const marketingRouter =
             noCache: true
           },
           component: () => import('@/views/marketing/assist/assist_list/index')
-        },
+        }
       ]
     },
     {
-        path: 'combination',
+      path: 'combination',
-        name: 'combinAtion',
+      name: 'combinAtion',
-        meta: {
+      meta: {
-          title: '拼团',
+        title: '拼团',
-          noCache: true
+        noCache: true
-        },
-        redirect: 'noRedirect',
-        component: () => import('@/views/marketing/combination/index'),
-        children: [
-          {
-            path: 'combination_goods',
-            name: `combinationGoods`,
-            meta: {
-              title: '拼团商品',
-              noCache: true
-            },
-            component: () => import('@/views/marketing/combination/combination_goods/index')
-          },
-          {
-            path: 'combination_list',
-            name: `combinationList`,
-            meta: {
-              title: '拼团活动',
-              noCache: true
-            },
-            component: () => import('@/views/marketing/combination/store_combination/index')
-          },
-          {
-            path: 'combination_set',
-            name: `combinationSet`,
-            meta: {
-              title: '拼团设置',
-              noCache: true
-            },
-            component: () => import('@/views/marketing/combination/combination_set/index')
-          },
-        ]
       },
+      redirect: 'noRedirect',
+      component: () => import('@/views/marketing/combination/index'),
+      children: [
+        {
+          path: 'combination_goods',
+          name: `combinationGoods`,
+          meta: {
+            title: '拼团商品',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/combination/combination_goods/index')
+        },
+        {
+          path: 'combination_list',
+          name: `combinationList`,
+          meta: {
+            title: '拼团活动',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/combination/store_combination/index')
+        },
+        {
+          path: 'combination_set',
+          name: `combinationSet`,
+          meta: {
+            title: '拼团设置',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/combination/combination_set/index')
+        }
+      ]
+    },
     {
       path: 'integral',
       name: 'Integral',
@@ -361,94 +360,123 @@ const marketingRouter =
             noCache: true
           },
           component: () => import('@/views/marketing/integral/give/index')
-        },
+        }
       ]
     },
-      {
+    {
-        path: 'discounts',
+      path: 'discounts',
-        name: 'discounts',
+      name: 'discounts',
-        meta: {
+      meta: {
-          title: '套餐',
+        title: '套餐',
-          noCache: true
+        noCache: true
-        },
-        redirect: 'noRedirect',
-        component: () => import('@/views/marketing/integral/index'),
-        children: [
-          {
-            path: 'list',
-            name: `discountsList`,
-            meta: {
-              title: '套餐列表',
-              noCache: true
-            },
-            component: () => import('@/views/marketing/discounts/index')
-          }
-        ]
       },
-      {
+      redirect: 'noRedirect',
-        path: 'atmosphere',
+      component: () => import('@/views/marketing/integral/index'),
-        name: 'atmosphere',
+      children: [
-        meta: {
+        {
-          title: '活动氛围',
+          path: 'list',
-          noCache: true
+          name: `discountsList`,
-        },
+          meta: {
-        redirect: 'noRedirect',
+            title: '套餐列表',
-        component: () => import('@/views/marketing/atmosphere/index'),
+            noCache: true
-        children: [
-          {
-            path: 'list',
-            name: `atmosphereList`,
-            meta: {
-              title: '氛围列表',
-              noCache: true
-            },
-            component: () => import('@/views/marketing/atmosphere/atmosphereList/index')
           },
-          {
+          component: () => import('@/views/marketing/discounts/index')
-            path: 'add/:id?',
+        }
-            name: `addAtmosphere`,
+      ]
-            meta: {
+    },
-              title: '添加活动氛围',
+    {
-              noCache: true,
+      path: 'atmosphere',
-              activeMenu: `${roterPre}/marketing/atmosphere/list`
+      name: 'atmosphere',
-            },
+      meta: {
-            component: () => import('@/views/marketing/atmosphere/atmosphereList/addAtmosphere')
+        title: '活动氛围',
-          }
+        noCache: true
-        ]
       },
-      {
+      redirect: 'noRedirect',
-        path: 'border',
+      component: () => import('@/views/marketing/atmosphere/index'),
-        name: 'border',
+      children: [
-        meta: {
+        {
-          title: '活动边框',
+          path: 'list',
-          noCache: true
+          name: `atmosphereList`,
-        },
+          meta: {
-        redirect: 'noRedirect',
+            title: '氛围列表',
-        component: () => import('@/views/marketing/border/index'),
+            noCache: true
-        children: [
-          {
-            path: 'list',
-            name: `borderList`,
-            meta: {
-              title: '活动边框',
-              noCache: true
-            },
-            component: () => import('@/views/marketing/border/borderList/index')
           },
-          {
+          component: () => import('@/views/marketing/atmosphere/atmosphereList/index')
-            path: 'add/:id?',
+        },
-            name: `addBorder`,
+        {
-            meta: {
+          path: 'add/:id?',
-              title: '添加活动边框',
+          name: `addAtmosphere`,
-              noCache: true,
+          meta: {
-              activeMenu: `${roterPre}/marketing/border/list`
+            title: '添加活动氛围',
-            },
+            noCache: true,
-            component: () => import('@/views/marketing/border/borderList/addBorder')
+            activeMenu: `${roterPre}/marketing/atmosphere/list`
-          }
+          },
-        ]
+          component: () => import('@/views/marketing/atmosphere/atmosphereList/addAtmosphere')
-      }
+        }
-  ],
+      ]
-
+    },
+    {
+      path: 'border',
+      name: 'border',
+      meta: {
+        title: '活动边框',
+        noCache: true
+      },
+      redirect: 'noRedirect',
+      component: () => import('@/views/marketing/border/index'),
+      children: [
+        {
+          path: 'list',
+          name: `borderList`,
+          meta: {
+            title: '活动边框',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/border/borderList/index')
+        },
+        {
+          path: 'add/:id?',
+          name: `addBorder`,
+          meta: {
+            title: '添加活动边框',
+            noCache: true,
+            activeMenu: `${roterPre}/marketing/border/list`
+          },
+          component: () => import('@/views/marketing/border/borderList/addBorder')
+        }
+      ]
+    },
+    {
+      path: 'platformCommission',
+      name: 'PlatformCommission',
+      meta: {
+        title: '平台抽成',
+        noCache: true
+      },
+      redirect: 'noRedirect',
+      component: () => import('@/views/marketing/platformCommission/index'),
+      children: [
+        {
+          path: 'commissionRecord',
+          name: `platformCommissionRecord`,
+          meta: {
+            title: '抽成记录',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/platformCommission/commissionRecord/index')
+        },
+        {
+          path: 'config',
+          name: `platformCommissionConfig`,
+          meta: {
+            title: '基本设置',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/platformCommission/config/index')
+        }
+      ]
+    }
+  ]
 }
 
 export default marketingRouter

src/views/marketing/platformCommission/config/index.vue

@@ -0,0 +1,140 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <el-form ref="formDataRef" v-loading="fullscreenLoading" class="formValidate mt20" :rules="ruleValidate" :model="formData" label-width="160px" @submit.native.prevent>
+        <el-form-item label="平台抽成：" prop="is_open">
+          <el-radio-group v-model="formData.is_open">
+            <el-radio :label="0" class="radio">关闭</el-radio>
+            <el-radio :label="1">开启</el-radio>
+          </el-radio-group>
+          <span class="form-item-tip">平台抽成功能是否开启，关闭后平台抽成功能不在使用！</span>
+        </el-form-item>
+        <template v-if="formData.is_open == 1">
+          <el-divider content-position="left">抽成分佣设置</el-divider>
+          <el-form-item label="平台分佣比例(%)：" prop="commission_platform_rate">
+            <el-input-number :step="0.01" :min="0" :max="100"  v-model="formData.commission_platform_rate" placeholder="平台分佣比例" />
+          </el-form-item>
+          <el-form-item label="合伙人分佣比例(%)：" prop="commission_partner_rate">
+            <el-input-number :step="0.01" :min="0" :max="100"  v-model="formData.commission_partner_rate" placeholder="合伙人分佣比例" />
+          </el-form-item>
+          <el-form-item label="合伙人分佣周期：" prop="commission_partner_cycle">
+            <el-radio-group v-model="formData.commission_partner_cycle">
+              <el-radio :label="0" class="radio">天</el-radio>
+              <el-radio :label="1">周</el-radio>
+              <el-radio :label="2">月</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="招商员分佣比例(%)：" prop="commission_merchants_rate">
+            <el-input-number :step="0.01" :min="0" :max="100"  v-model="formData.commission_merchants_rate" placeholder="招商员分佣比例" />
+          </el-form-item>
+          <el-form-item label="推广员分佣比例(%)：" prop="commission_promoter_rate">
+            <el-input-number :step="0.01" :min="0" :max="100"  v-model="formData.commission_promoter_rate" placeholder="推广员分佣比例" />
+          </el-form-item>
+          <el-form-item label="积分释放比例(%)：" prop="commission_integral_release_rate">
+            <el-input-number :step="0.01" :min="0" :max="100"  v-model="formData.commission_integral_release_rate" placeholder="积分释放比例" />
+          </el-form-item>
+        </template>
+        <!--提交按钮-->
+        <el-form-item style="margin-top:30px;" prop="submit_validate">
+          <el-button :loading="loading" type="primary" class="submission" size="small" @click="handleSubmit('formDataRef')">提交</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { platformCommissionConfig } from '@/api/platformCommission'
+export default {
+  name: "platformCommissionConfig",
+  components: { },
+  data() {
+    return {
+      fullscreenLoading: false,
+      loading: false,
+      formData: Object.assign({}, {
+        is_open: 0,
+        commission_platform_rate: 0,
+        commission_partner_rate: 0,
+        commission_partner_cycle: 0,
+        commission_merchants_rate: 0,
+        commission_promoter_rate: 0,
+        commission_integral_release_rate: 0,
+      }),
+      ruleValidate: {
+        is_open: [{ required: true, message: "请选择是否开启平台抽成功能", trigger: "blur" }],
+        commission_platform_rate: [{ required: true, message: "请输入平台分佣比例", trigger: "blur" }],
+        commission_partner_rate: [{ required: true, message: "请输入合伙人分佣比例", trigger: "blur" }],
+        commission_partner_cycle: [{ required: true, message: "请选择合伙人分佣结算周期", trigger: "blur" }],
+        commission_merchants_rate: [{ required: true, message: "请输入招商员分佣比例", trigger: "blur" }],
+        commission_promoter_rate: [{ required: true, message: "请输入推广员分佣比例", trigger: "blur" }],
+        commission_integral_release_rate: [{ required: true, message: "请输入积分释放比例", trigger: "blur" }],
+        submit_validate: [{
+          validator: (rule, value, callback) => {
+            // 判断：关闭状态-无需判断，开启状态-分红比例是否等于100
+            let formData = Object.assign({},this.formData);
+            if(formData.is_open == 1){
+              let rateCount = (Number(formData.commission_platform_rate) +
+                Number(formData.commission_partner_rate) +
+                Number(formData.commission_merchants_rate) +
+                Number(formData.commission_promoter_rate) +
+                Number(formData.commission_integral_release_rate)).toFixed(2);
+              if(rateCount != 100) callback(new Error('所有抽成分佣比例之和必须为100%'));
+            }
+            callback();
+          }, trigger: 'blur'
+        }]
+      },
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {
+      this.getInfo();
+  },
+  methods: {
+    // 获取配置信息
+    getInfo() {
+      this.fullscreenLoading = true
+      platformCommissionConfig().then(async res => {
+        this.formData = res.data
+        this.fullscreenLoading = false
+      }).catch(res => {
+        this.fullscreenLoading = false
+        this.$message.error(res.message)
+      })
+    },
+    // 提交
+    handleSubmit(name) {
+      this.$refs[name].validate(valid => {
+        if (valid) {
+          this.fullscreenLoading = true;
+          this.loading = true;
+          platformCommissionConfig(this.formData).then(async res => {
+            this.fullscreenLoading = false
+            this.getInfo();
+            this.$message.success(res.message)
+            this.loading = false
+          }).catch(res => {
+            this.fullscreenLoading = false
+            this.loading = false
+            this.$message.error(res.message)
+          })
+        }
+      });
+    },
+
+
+  }
+};
+</script>
+<style scoped lang="scss">
+.form-item-tip{
+  display: block;
+  height: 20px;
+  line-height: 20px;
+  font-size: 13px;
+  color: #b5b5b5;
+}
+</style>

src/views/marketing/platformCommission/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>