From b0ee5ab18f8242d0ca81966c07db00e0c6274831 Mon Sep 17 00:00:00 2001 From: 935090232@qq.com <ak473600000> Date: Sun, 14 Mar 2021 07:21:16 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/score_shop' into score_shop --- zq-erp/src/main/resources/templates/views/admin/fenxiao/fenxiao-user.html | 212 ++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 187 insertions(+), 25 deletions(-) diff --git a/zq-erp/src/main/resources/templates/views/admin/fenxiao/fenxiao-user.html b/zq-erp/src/main/resources/templates/views/admin/fenxiao/fenxiao-user.html index cd94f2b..a99b9d3 100644 --- a/zq-erp/src/main/resources/templates/views/admin/fenxiao/fenxiao-user.html +++ b/zq-erp/src/main/resources/templates/views/admin/fenxiao/fenxiao-user.html @@ -22,6 +22,14 @@ </script> <script type="text/javascript" charset="utf-8" th:src="@{/plugin/beditor/lang/zh-cn/zh-cn.js}"></script> + <style> + .paginationStyle{ + background: #ffffff; + padding: 10px 10px; + margin: 0px 0px 10px 0px; + text-align: right; + } + </style> </head> <body> @@ -31,7 +39,7 @@ <el-tab-pane label="分销员管理" name="first"> <el-row style="display:flex;align-items: center;"> <el-col> - <el-button type="primary" @click="submits()">新增分销员</el-button> + <el-button type="primary" @click="addSaleMan()">新增分销员</el-button> </el-col> <el-col> <el-form ref="form" :model="form" inline > @@ -46,39 +54,98 @@ </el-option> </el-select> </el-form-item> + <el-form-item label="分销员等级" prop="salemanGrade"> + <el-select v-model="form.salemanGrade" placeholder="请选择" filterable allow-create> + <el-option v-for="item in salemanGradeList " :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item prop="userName"> + <el-input v-model="form.userName" placeholder="请输入会员姓名"></el-input> + </el-form-item> <el-button type="primary" @click="search" >搜索</el-button> <el-button @click="resetForm('form')">重置</el-button> </el-form> </el-col> </el-row> - <template> - <el-table id="proj" :data="fxyList.rows" :height="height" stripe @sort-change="sortChange"> - <el-table - ref="multipleTable" - :data="fxy" - tooltip-effect="dark" - style="width: 100%" - @selection-change="handleSelectionChange"> + <el-row class="table-style" > + <el-table id="proj" :data="fxyList.rows" :height="height" stripe:true @sort-change="sortChange"> <el-table-column - type="selection" - width="55"> + type="selection"> + </el-table-column> + <el-table-column + label="头像" width="100"> + <template slot-scope="scope"> + <img :src="scope.row.avatarUrl" width="40" height="40" class="head_pic"/> + </template> </el-table-column> <el-table-column prop="nickname" - label="分销员姓名" - width="180"> + label="分销员" width="100"> </el-table-column> <el-table-column - fixed="right" - label="操作" - width="100"> + prop="parentUser" + label="邀请人" width="100"> + </el-table-column> + <el-table-column + prop="lowerLevelNum" + label="下级客户数" width="100"> + </el-table-column> + <el-table-column + prop="totalRevenue" + label="累计收益"> + </el-table-column> + <el-table-column + prop="balance" + label="待结算"> + </el-table-column> + <el-table-column + prop="grade" + label="等级"> + </el-table-column> + <el-table-column + prop="createTime" + label="加入时间" + :formatter="formatDate"> + </el-table-column> + <el-table-column + label="状态"> <template slot-scope="scope"> - <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button> - <el-button type="text" size="small">编辑</el-button> + <span v-if="scope.row.applyStatus == 1">待审核</span> + <span v-if="scope.row.applyStatus == 2">通过</span> + <span v-if="scope.row.applyStatus == 3">未通过</span> + </template> + </el-table-column> + <el-table-column + label="来源"> + <template slot-scope="scope"> + <span v-if="scope.row.applyWay == 1">自主申请</span> + <span v-if="scope.row.applyWay == 2">自动添加</span> + <span v-if="scope.row.applyWay == 3">上级邀请</span> + <span v-if="scope.row.applyWay == 4">手动添加</span> + </template> + </el-table-column> + <el-table-column label="操作" width="240"> + <template slot-scope="scope"> + <el-row style="display:flex;"> + <el-button type="primary" size="mini" @click="openExamineSaleManApply(scope.row)">审核</el-button> + <el-button type="primary" size="mini" @click="openUpdateSaleManGrade(scope.row)">修改等级</el-button> + </el-row> </template> </el-table-column> </el-table> - </template> + </el-row> + <el-row class="paginationStyle" > + <el-pagination background + @size-change="changePageSize" + @current-change="changeCurrentPage" + :current-page="fxyList.currentPage" + :page-sizes="[10, 20, 30, 50]" + :page-size="fxyList.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="fxyList.total"> + </el-pagination> + </el-row> </el-tab-pane> <el-tab-pane label="分佣方案" name="second"> <template> @@ -165,7 +232,6 @@ <script> //百度编辑器 MUI.initImgUpload(".upload-input"); - var ue = {}; var app = new Vue({ el: '#app', @@ -181,18 +247,24 @@ jfdxj:[], mdjf:[], scjf:[], + shenheAgreeType : 2, + shenheDisagreeType : 3, form:{ shenheState:'', + salemanGrade:'', + userName:'', order:'', sort:'' }, //条件查询审核状态 shenheStateList:[ {value:'',label:'全部'}, - {value:'1',label:'已审核'}, - {value:'2',label:'未审核'}, - {value:'3',label:'未通过'} + {value:1,label:'未审核'}, + {value:2,label:'通过'}, + {value:3,label:'未通过'} ], + //条件查询分销员等级 + salemanGradeList:[], fxyList:{ rows:[], total:0, @@ -217,6 +289,7 @@ loadInfo() { let _this = this; _this.loadParamSetting(); + _this.getSalemanGradeList(); }, submittp(paramValue) { alert(paramValue); @@ -239,8 +312,8 @@ loadParamSetting() { let _this = this; let data=_this.getRequestParam(); - data.limit=_this.fxyList.pageSize; - data.offset=_this.fxyList.pageSize + data.pageSize=_this.fxyList.pageSize; + data.pageNum=_this.fxyList.currentPage; AjaxProxy.requst({ app: _this, data:data, @@ -251,10 +324,24 @@ } }); }, + // 下拉框数据源---分销员等级 + getSalemanGradeList() { + let _this = this; + AjaxProxy.requst({ + app: _this, + data:[], + url: basePath + '/fenXiao/fenXiaoUser/getShopSalesmanGrade', + callback: function (data) { + _this.salemanGradeList = data.mapInfo.salesGrade; + } + }); + }, getRequestParam(){ let _this = this; return { shenheState:_this.form.shenheState, + salemanGrade:_this.form.salemanGrade, + userName:_this.form.userName, order:_this.form.order, sort:_this.form.sort, } @@ -282,6 +369,81 @@ this.loadInfo(); } }, + changePageSize(val) { + this.table.pageSize = val; + this.loadData(); + }, + changeCurrentPage(val) { + this.table.currentPage = val; + this.loadData(); + }, + //时间格式化 + formatDate(row,column){ + let data = row[column.property] + if (data ===null) { + return '' + } + let dt = new Date(data) + return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + }, + //新增分销员页面 + addSaleMan(){ + layer.full(layer.open({ + type: 2, + title: "选择会员", + maxmin: true, + area: [MUI.SIZE_L, '500px'], + content : [ basePath + '/admin/redirect/fenxiao/fenxiao-apply'] + })); + }, + //修改等级 + openUpdateSaleManGrade(row){ + layer.full(layer.open({ + type: 2, + title: "修改等级", + maxmin: true, + area: [MUI.SIZE_L, '500px'], + content : [ basePath + '/admin/redirect/fenxiao/fenxiao-update?userId=' + row.userId ] + })); + }, + //审核 + openExamineSaleManApply(row) { + this.$confirm('是否通过?', '审核', { + distinguishCancelAndClose: true,//设置关闭按钮和不通过按钮的区别 + confirmButtonText: '通过', + cancelButtonText: '不通过', + type: 'info' + }).then(() => { + //通过 + this.examineSaleManApply(row,this.shenheAgreeType); + }).catch(action => { + //不通过 + if(action === 'cancel'){ + this.examineSaleManApply(row,this.shenheDisagreeType); + }else{ + //关闭按钮 + console.log("close"); + //this.$message({type: 'info',message: ''}) + } + }); + }, + examineSaleManApply(row,type){ + let _this = this; + let userId = row.userId; + let obj = { + userId: userId, + applyState: type, + } + AjaxProxy.requst({ + app: _this, + data:obj, + url: basePath + '/fenXiao/fenXiaoUser/examineSaleManApply', + callback: function (data) { + _this.$message.success(data.info); + this.loadData(); + } + }); + }, submit() { } -- Gitblit v1.9.1