| | |
| | | </el-tab-pane> |
| | | |
| | | <el-tab-pane label="分佣方案" name="second"> |
| | | <template> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="250"> |
| | | <el-row class="table-style" > |
| | | <el-table id="proj" :data="fyfaList.rows" :height="height"> |
| | | <el-table-column |
| | | prop="name" |
| | | label="方案名称" |
| | | width="180"> |
| | | label="方案名称"> |
| | | <template slot-scope="scope"> |
| | | <el-input class="edit-input" v-model="scope.row.name" placeholder="方案名称"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="推广提成%" |
| | | width="180"> |
| | | prop="sealesCommission" |
| | | label="推广提成 %"> |
| | | <template slot-scope="scope"> |
| | | <el-input class="edit-input" v-model="scope.row.sealesCommission" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="推广提成 %"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="邀请提成 %" |
| | | width="180"> |
| | | prop="invitationCommission" |
| | | label="邀请提成 %"> |
| | | <template slot-scope="scope"> |
| | | <el-input class="edit-input" v-model="scope.row.invitationCommission" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="邀请提成 %"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="等级条件(推广金额额)" |
| | | width="180"> |
| | | prop="gradeCondition" |
| | | label="等级条件(推广金额)"> |
| | | <template slot-scope="scope"> |
| | | <el-input class="edit-input" v-model="scope.row.gradeCondition" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="等级条件(推广金额)"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | fixed="right" |
| | | label="操作" |
| | | width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button> |
| | | <el-button type="text" size="small">编辑</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="240"> |
| | | <template slot-scope="scope"> |
| | | <el-row style="display:flex;"> |
| | | <el-button type="primary" v-if="scope.row.isDefault == 1" size="mini" @click="addFyfa()">新增</el-button> |
| | | <el-button type="primary" size="mini" @click="updateFyfa(scope.row)">保存</el-button> |
| | | <el-button type="primary" v-if="scope.row.isDefault == 2" size="mini" @click="delFyfa(scope.row)">删除</el-button> |
| | | </el-row> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </template> |
| | | </el-row> |
| | | <el-row class="paginationStyle" > |
| | | <el-pagination background |
| | | @size-change="changePageSizelow" |
| | | @current-change="changeCurrentPagelow" |
| | | :current-page="fyfaList.currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="fyfaList.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="fyfaList.total"> |
| | | </el-pagination> |
| | | </el-row> |
| | | </el-tab-pane> |
| | | |
| | | <el-tab-pane label="推广文案" name="third"> |
| | |
| | | <el-button type="primary" @click="submit()">保存</el-button> |
| | | </el-row> |
| | | </el-tab-pane> |
| | | |
| | | <el-tab-pane label="分享图片上传" name="fourth"> |
| | | <el-row> |
| | | <div class="ibox-content"> |
| | |
| | | </div> |
| | | </el-row> |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | </el-row> |
| | | </div> |
| | |
| | | var app = new Vue({ |
| | | el: '#app', |
| | | data: { |
| | | height:'calc(100vh - 240px)', |
| | | fxy:[], |
| | | fenxiaoGrade: "", |
| | | tableData:[], |
| | | tgwa: "", |
| | | activeName: 'first', |
| | | multipleSelection: [], |
| | | jfyxq:[], |
| | | fxtp:{}, |
| | | jfdxj:[], |
| | | mdjf:[], |
| | | scjf:[], |
| | | //分佣方案 |
| | | fyfaList:{ |
| | | rows:[], |
| | | total:0, |
| | | pageSize:10, |
| | | currentPage:1, |
| | | }, |
| | | |
| | | //分销员管理 |
| | | shenheAgreeType : 2, |
| | | shenheDisagreeType : 3, |
| | | form:{ |
| | |
| | | loadInfo() { |
| | | let _this = this; |
| | | _this.loadParamSetting(); |
| | | _this.loadFyfaSetting(); |
| | | _this.getSalemanGradeList(); |
| | | }, |
| | | submittp(paramValue) { |
| | |
| | | handleClick(row) { |
| | | console.log(row); |
| | | }, |
| | | //分佣方案 |
| | | loadFyfaSetting() { |
| | | let _this = this; |
| | | let data=_this.getRequestParam(); |
| | | data.pageSize=_this.fyfaList.pageSize; |
| | | data.pageNum=_this.fyfaList.currentPage; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:data, |
| | | url: basePath + '/fenXiao/fenXiaoUser/findFyfaManageList', |
| | | callback: function (data) { |
| | | _this.fyfaList.rows = data.rows; |
| | | _this.fyfaList.total = data.total; |
| | | } |
| | | }); |
| | | }, |
| | | changePageSizelow(val) { |
| | | this.fyfaList.pageSize = val; |
| | | this.loadFyfaSetting(); |
| | | }, |
| | | changeCurrentPagelow(val) { |
| | | this.fyfaList.currentPage = val; |
| | | this.loadFyfaSetting(); |
| | | }, |
| | | //新增 |
| | | addFyfa(){ |
| | | let _this = this; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:[], |
| | | url: basePath + '/fenXiao/fenXiaoUser/addFyfa', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | } |
| | | }); |
| | | _this.loadFyfaSetting(); |
| | | }, |
| | | updateFyfa(row){ |
| | | let _this = this; |
| | | let id = row.id; |
| | | let name = row.name; |
| | | let sealesCommission = row.sealesCommission; |
| | | let invitationCommission = row.invitationCommission; |
| | | let gradeCondition = row.gradeCondition; |
| | | let obj = { |
| | | id: id, |
| | | name: name, |
| | | sealesCommission: sealesCommission, |
| | | invitationCommission: invitationCommission, |
| | | gradeCondition: gradeCondition, |
| | | } |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:obj, |
| | | url: basePath + '/fenXiao/fenXiaoUser/updateFyfa', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | _this.loadFyfaSetting(); |
| | | } |
| | | }); |
| | | }, |
| | | //删除 |
| | | delFyfa(row){ |
| | | let _this = this; |
| | | _this.$confirm('是否删除?', '删除', { |
| | | distinguishCancelAndClose: true,//设置关闭按钮和不通过按钮的区别 |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |
| | | type: 'info' |
| | | }).then(() => { |
| | | //通过 |
| | | _this.delFyfaApply(row); |
| | | _this.loadFyfaSetting(); |
| | | }).catch(action => { |
| | | //不通过 |
| | | if(action === 'cancel'){ |
| | | console.log("cancel"); |
| | | }else{ |
| | | //关闭按钮 |
| | | console.log("close"); |
| | | //this.$message({type: 'info',message: ''}) |
| | | } |
| | | }); |
| | | }, |
| | | delFyfaApply(row){ |
| | | let _this = this; |
| | | let id = row.id; |
| | | let obj = { |
| | | gradeId: id, |
| | | } |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:obj, |
| | | url: basePath + '/fenXiao/fenXiaoUser/delFyfaApply', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | } |
| | | }); |
| | | }, |
| | | //分销员管理 |
| | | loadParamSetting() { |
| | | let _this = this; |
| | | let data=_this.getRequestParam(); |
| | |
| | | url: basePath + '/fenXiao/fenXiaoUser/delSaleManGradeApply', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | this.loadParamSetting(); |
| | | _this.loadParamSetting(); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | title: "修改等级", |
| | | maxmin: true, |
| | | area: [MUI.SIZE_L, '500px'], |
| | | content : [ basePath + '/admin/redirect/fenxiao/fenxiao-update?userId=' + row.userId ] |
| | | content : [ basePath + '/admin/redirect/fenxiao/fenxiao-update?userId=' + row.userId+'&applyId='+row.id ] |
| | | })); |
| | | }, |
| | | //审核 |
| | |
| | | examineSaleManApply(row,type){ |
| | | let _this = this; |
| | | let userId = row.userId; |
| | | let applyId = row.id; |
| | | let obj = { |
| | | userId: userId, |
| | | applyId: applyId, |
| | | applyState: type, |
| | | } |
| | | AjaxProxy.requst({ |
| | |
| | | url: basePath + '/fenXiao/fenXiaoUser/examineSaleManApply', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | this.loadParamSetting(); |
| | | _this.loadParamSetting(); |
| | | } |
| | | }); |
| | | }, |