我们发布啦

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>

admin/src/views/distribution/index.vue

@@ -0,0 +1,458 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-form size="small" label-width="100px">
+            <el-form-item label="时间选择：" class="width100">
+              <el-radio-group v-model="tableFrom.dateLimit" type="button" class="mr20" size="small" @change="selectChange(tableFrom.dateLimit)">
+                <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+              </el-radio-group>
+              <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTime" />
+            </el-form-item>
+            <el-form-item label="关键字：">
+              <el-input v-model="tableFrom.keyword" placeholder="请输入请输入姓名、电话、UID" class="selWidth" size="small">
+                <el-button slot="append" icon="el-icon-search" size="small" @click="seachList" />
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <cards-data :cardLists="cardLists"></cards-data>
+      </div>
+      <el-table
+        v-loading="listLoading"
+        :data="tableData.data"
+        style="width: 100%"
+        size="mini"
+        class="table"
+        highlight-current-row
+      >
+        <el-table-column
+          prop="uid"
+          label="ID"
+          width="60"
+        />
+        <el-table-column
+          label="头像"
+          min-width="80"
+        >
+          <template slot-scope="scope">
+            <div class="demo-image__preview">
+              <el-image
+                :src="scope.row.avatar"
+                :preview-src-list="[scope.row.avatar]"
+              />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="nickname"
+          label="用户信息"
+          min-width="130"
+        />
+        <el-table-column
+          sortable
+          prop="spreadCount"
+          label="推广用户数量"
+          min-width="120"
+        />
+        <el-table-column
+          sortable
+          label="订单数量"
+          min-width="120"
+          prop="payCount"
+        />
+        <el-table-column
+          sortable
+          label="推广订单金额"
+          min-width="120"
+          prop="payCount"
+        />
+        <el-table-column
+          sortable
+          label="佣金金额"
+          min-width="120"
+          prop="brokeragePrice"
+        />
+        <el-table-column
+          sortable
+          label="已提现金额"
+          min-width="120"
+          prop="brokeragePrice"
+        />
+        <el-table-column
+          sortable
+          label="提现金额"
+          min-width="120"
+          prop="brokeragePrice"
+        />
+        <el-table-column
+          sortable
+          label="未提现金额"
+          min-width="120"
+          prop="brokeragePrice"
+        />
+        <el-table-column
+          prop="spread.nickname"
+          label="上级推广人"
+          min-width="150"
+        />
+        <el-table-column label="操作" min-width="150" fixed="right" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" class="mr10" @click="onSpread(scope.row.uid, 'man')">推广人</el-button>
+            <el-dropdown>
+              <span class="el-dropdown-link">
+                更多<i class="el-icon-arrow-down el-icon--right" />
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="onSpreadOrder(scope.row.uid, 'order')">推广订单</el-dropdown-item>
+                <!--<el-dropdown-item @click.native="onSpreadType(scope.row.uid)">推广方式</el-dropdown-item>-->
+                <el-dropdown-item @click.native="clearSpread(scope.row)">清除上级推广人</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-sizes="[20, 40, 60, 80]"
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+
+    <!--推广人-->
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="900px"
+      :before-close="handleClose"
+    >
+      <div class="container">
+        <el-form size="small" label-width="100px">
+          <el-form-item label="时间选择：" class="width100">
+            <el-radio-group v-model="spreadFrom.dateLimit" type="button" class="mr20" size="small" @change="selectChangeSpread(spreadFrom.dateLimit)">
+              <el-radio-button v-for="(item,i) in fromList.fromTxt" :key="i" :label="item.val">{{ item.text }}</el-radio-button>
+            </el-radio-group>
+            <el-date-picker v-model="timeValSpread" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 250px;" @change="onchangeTimeSpread" />
+          </el-form-item>
+          <el-form-item label="用户类型：">
+            <el-radio-group v-model="spreadFrom.type" size="small" @change="onChanges">
+              <el-radio-button label="null">全部</el-radio-button>
+              <el-radio-button label="1">一级推广人</el-radio-button>
+              <el-radio-button label="2">二级推广人</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="关键字：" class="width100">
+            <el-input v-model="spreadFrom.nickName" placeholder="请输入请输入姓名、电话、UID" class="selWidth" size="small">
+              <el-button slot="append" icon="el-icon-search" size="small" @click="onChanges" />
+            </el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <el-table
+        v-if="onName === 'man'"
+        key="men"
+        v-loading="spreadLoading"
+        :data="spreadData.data"
+        style="width: 100%"
+        size="mini"
+        class="table"
+        highlight-current-row
+      >
+        <el-table-column
+          prop="uid"
+          label="ID"
+          width="60"
+        />
+        <el-table-column
+          label="头像"
+          min-width="80"
+        >
+          <template slot-scope="scope">
+            <div class="demo-image__preview">
+              <el-image
+                :src="scope.row.avatar"
+                :preview-src-list="[scope.row.avatar]"
+              />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="nickname"
+          label="用户信息"
+          min-width="130"
+        />
+        <el-table-column
+          prop="is_promoter"
+          label="是否推广员"
+          min-width="120"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.is_promoter | filterYesOrNo }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          sortable
+          label="推广人数"
+          min-width="120"
+          prop="spread_count"
+        />
+        <el-table-column
+          sortable
+          label="订单数"
+          min-width="120"
+          prop="pay_count"
+        />
+        <el-table-column
+          prop="create_time"
+          label="关注时间"
+          min-width="150"
+        />
+      </el-table>
+      <el-table
+        v-if="onName === 'order'"
+        key="order"
+        v-loading="spreadLoading"
+        :data="spreadData.data"
+        style="width: 100%"
+        size="mini"
+        class="table"
+        highlight-current-row
+      >
+        <el-table-column
+          prop="order_sn"
+          label="订单ID"
+          min-width="120"
+        />
+        <el-table-column
+          label="用户信息"
+          min-width="100"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.user.nickname }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="create_time"
+          label="时间"
+          min-width="150"
+        />
+        <el-table-column
+          sortable
+          label="返佣金额"
+          min-width="120"
+          prop="brokerage"
+        />
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-sizes="[10, 20, 30, 40]"
+          :page-size="spreadFrom.limit"
+          :current-page="spreadFrom.page"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="spreadData.total"
+          @size-change="handleSizeChangeSpread"
+          @current-change="pageChangeSpread"
+        />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { promoterListApi, spreadStatisticsApi, spreadListApi, spreadOrderListApi, spreadClearApi } from '@/api/distribution'
+  import { fromList } from '@/utils/constants.js'
+  import cardsData from '@/components/cards/index'
+  export default {
+    name: 'AccountsUser',
+    components: { cardsData },
+    data() {
+      return {
+        cardLists: [],
+        timeVal: [],
+        tableData: {
+          data: [],
+          total: 0
+        },
+        listLoading: true,
+        tableFrom: {
+          dateLimit: '',
+          keyword: '',
+          page: 1,
+          limit: 20
+        },
+        fromList: fromList,
+        dialogVisible: false,
+        spreadData: {
+          data: [],
+          total: 0
+        },
+        spreadFrom: {
+          page: 1,
+          limit: 10,
+          dateLimit: '',
+          type: null,
+          nickName: '',
+          uid: ''
+        },
+        timeValSpread: [],
+        spreadLoading: false,
+        uid: '',
+        onName: ''
+      }
+    },
+    mounted() {
+      this.spreadStatistics()
+      this.getList()
+    },
+    methods: {
+      seachList() {
+        this.tableFrom.page = 1
+        this.getList()
+      },
+      // 统计
+      spreadStatistics() {
+        spreadStatisticsApi({ dateLimit: this.tableFrom.dateLimit, nickName: this.tableFrom.nickName}).then((res) => {
+          this.cardLists = res
+        })
+      },
+      // 清除
+      clearSpread(row) {
+        this.$modalSure('解除【' + row.nickname + '】的上级推广人吗').then(() => {
+          spreadClearApi(row.uid).then((res) => {
+            this.$message.success('清除成功')
+            this.getList()
+          })
+        })
+      },
+      onSpread(uid, n) {
+        this.onName = n
+        this.uid = uid
+        this.dialogVisible = true
+        this.spreadFrom = {
+          page: 1,
+          limit: 10,
+          dateLimit: '',
+          type: null,
+          nickName: '',
+          uid: uid
+        }
+        this.getListSpread()
+      },
+      handleClose() {
+        this.dialogVisible = false
+      },
+      // 选择时间
+      selectChangeSpread(tab) {
+        this.timeValSpread = []
+        this.spreadFrom.dateLimit = tab
+        this.onName === 'man' ? this.getListSpread() : this.getSpreadOrderList()
+      },
+      // 具体日期
+      onchangeTimeSpread(e) {
+        this.timeValSpread = e
+        this.tableFrom.dateLimit = e ? this.timeValSpread.join('-') : ''
+        this.onName === 'man' ? this.getListSpread() : this.getSpreadOrderList()
+      },
+      onChanges() {
+        this.onName === 'man' ? this.getListSpread() : this.getSpreadOrderList()
+      },
+      // 推广人列表
+      getListSpread() {
+        this.spreadLoading = true
+        spreadListApi({ page: this.spreadFrom.page, limit: this.spreadFrom.limit}, this.spreadFrom).then(res => {
+          this.spreadData.data = res.list
+          this.spreadData.total = res.total
+          this.spreadLoading = false
+        }).catch(() => {
+          this.spreadLoading = false
+        })
+      },
+      pageChangeSpread(page) {
+        this.spreadFrom.page = page
+        this.onName === 'man' ? this.getListSpread(this.uid) : this.getSpreadOrderList(this.uid)
+      },
+      handleSizeChangeSpread(val) {
+        this.spreadFrom.limit = val
+        this.onName === 'man' ? this.getListSpread(this.uid) : this.getSpreadOrderList(this.uid)
+      },
+      // 推广订单
+      onSpreadOrder(uid, n) {
+        this.uid = uid
+        this.onName = n
+        this.dialogVisible = true
+        this.spreadFrom = {
+          page: 1,
+          limit: 10,
+          dateLimit: '',
+          type: '',
+          nickName: '',
+          uid: uid
+        }
+        this.getSpreadOrderList()
+      },
+      getSpreadOrderList() {
+        this.spreadLoading = true
+        spreadOrderListApi({ page: this.spreadFrom.page, limit: this.spreadFrom.limit}, this.spreadFrom).then(res => {
+          this.spreadData.data = res.list
+          this.spreadData.total = res.total
+          this.spreadLoading = false
+        }).catch(() => {
+          this.spreadLoading = false
+        })
+      },
+      selectChange(tab) {
+        this.tableFrom.dateLimit = tab
+        this.tableFrom.page = 1
+        this.timeVal = []
+        this.getList()
+      },
+      // 具体日期
+      onchangeTime(e) {
+        this.timeVal = e
+        this.tableFrom.dateLimit = e ? this.timeVal.join('-') : ''
+        this.tableFrom.page = 1
+        this.getList()
+      },
+      // 列表
+      getList() {
+        this.listLoading = true
+        promoterListApi(this.tableFrom).then(res => {
+          this.tableData.data = res.list
+          this.tableData.total = res.total
+          this.listLoading = false
+        }).catch(() => {
+          this.listLoading = false
+        })
+      },
+      pageChange(page) {
+        this.tableFrom.page = page
+        this.getList()
+      },
+      handleSizeChange(val) {
+        this.tableFrom.limit = val
+        this.getList()
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .selWidth{
+    width: 350px;
+  }
+  .el-dropdown-link {
+    cursor: pointer;
+    color: #409EFF;
+    font-size: 12px;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+</style>