| | |
| | | </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> |
| | | <el-row> |
| | | <template> |
| | | <el-table id="proj" :data="fxyList.rows" :height="height" stripe @sort-change="sortChange"> |
| | | <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 |
| | | prop="userId" |
| | | label="id" |
| | | width="180"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | fixed="right" |
| | | label="操作" |
| | | width="auto"> |
| | | label="头像" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="addSaleManApply(scope.row)">审核</el-button> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button> |
| | | <el-button type="text" size="small">编辑</el-button> |
| | | <img :src="scope.row.avatarUrl" width="40" height="40" class="head_pic"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="nickname" |
| | | label="分销员" width="100"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | 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"> |
| | | <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 |
| | |
| | | jfdxj:[], |
| | | mdjf:[], |
| | | scjf:[], |
| | | shenheAgreeType : 2, |
| | | shenheDisagreeType : 3, |
| | | form:{ |
| | | shenheState:'', |
| | | salemanGrade:'', |
| | | userName:'', |
| | | order:'', |
| | | sort:'' |
| | | }, |
| | |
| | | {value:2,label:'通过'}, |
| | | {value:3,label:'未通过'} |
| | | ], |
| | | //条件查询分销员等级 |
| | | salemanGradeList:[], |
| | | fxyList:{ |
| | | rows:[], |
| | | total:0, |
| | |
| | | loadInfo() { |
| | | let _this = this; |
| | | _this.loadParamSetting(); |
| | | _this.getSalemanGradeList(); |
| | | }, |
| | | submittp(paramValue) { |
| | | alert(paramValue); |
| | |
| | | } |
| | | }); |
| | | }, |
| | | // 下拉框数据源---分销员等级 |
| | | 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, |
| | | } |
| | |
| | | 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({ |
| | |
| | | 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() { |
| | | } |