| | |
| | | margin: 0px 0px 10px 0px; |
| | | text-align: right; |
| | | } |
| | | .avatar-uploader .el-upload { |
| | | border: 1px dashed #d9d9d9; |
| | | border-radius: 6px; |
| | | cursor: pointer; |
| | | position: relative; |
| | | overflow: hidden; |
| | | } |
| | | .avatar-uploader .el-upload:hover { |
| | | border-color: #409EFF; |
| | | } |
| | | .avatar-uploader-icon { |
| | | font-size: 28px; |
| | | color: #8c939d; |
| | | width: 178px; |
| | | height: 178px; |
| | | line-height: 178px; |
| | | text-align: center; |
| | | } |
| | | .avatar { |
| | | width: 178px; |
| | | height: 178px; |
| | | display: block; |
| | | } |
| | | </style> |
| | | </head> |
| | | |
| | |
| | | <el-row> |
| | | <el-tabs v-model="activeName" > |
| | | <el-tab-pane label="分销员管理" name="first"> |
| | | <el-row style="display:flex;align-items: center;"> |
| | | <el-col> |
| | | <el-row > |
| | | <el-col :span="6" style="display:flex;align-items: center;"> |
| | | <el-button type="primary" @click="addSaleMan()">新增分销员</el-button> |
| | | </el-col> |
| | | <el-col> |
| | | <el-col :span="12" style="display: flex;align-items: center;"> |
| | | <el-form ref="form" :model="form" inline > |
| | | <el-form-item label="审核状态" prop="shenheState"> |
| | | <el-select v-model="form.shenheState" placeholder="请选择"> |
| | |
| | | <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-col :span="6" style="display:flex;align-items: center;"> |
| | | <el-button type="primary" @click="search" >搜索</el-button> |
| | | <el-button @click="resetForm('form')">重置</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row class="table-style" > |
| | |
| | | type="selection"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="分销员"> |
| | | label="分销员" width="120"> |
| | | <template slot-scope="scope"> |
| | | <img :src="scope.row.avatarUrl" width="40" height="40" class="head_pic"/> |
| | | {{scope.row.nickname}} |
| | |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="parentUser" |
| | | label="邀请人" width="100"> |
| | | label="邀请人"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="lowerLevelNum" |
| | | label="下级客户数" width="100"> |
| | | label="下级客户数"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="totalRevenue" |
| | |
| | | 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> |
| | | <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="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> |
| | | <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 |
| | |
| | | </el-tab-pane> |
| | | |
| | | <el-tab-pane label="推广文案" name="third"> |
| | | <el-row> |
| | | <script style="width: 100%; height: 500px" id="description" name="description" |
| | | type="text/plain"></script> |
| | | <p class="el-big-title">文案描述</p> |
| | | <el-row justify="center" type="flex"> |
| | | <script style="height: 400px;width: 375px;" id="description" name="description" |
| | | type="text/plain"> |
| | | </script> |
| | | </el-row> |
| | | <el-row justify="center" type="flex"> |
| | | <el-button type="primary" @click="submit()">保存</el-button> |
| | | <el-button type="primary" size="mini" @click="wamsSubmit()">保存</el-button> |
| | | </el-row> |
| | | </el-tab-pane> |
| | | |
| | | <el-tab-pane label="分享图片上传" name="fourth"> |
| | | <el-row> |
| | | <div class="ibox-content"> |
| | | <form class="form-horizontal" id="dataform" |
| | | onsubmit="javascripr:return false;"> |
| | | <div class="form-group"> |
| | | <label class="col-sm-2 control-label">门店照片</label> |
| | | <div class="col-sm-8"> |
| | | <input autocomplete="off" v-model="fxtp.paramValue" name="shopImag" id="info6" |
| | | class="form-control upload-input" type="text" /> <a |
| | | class="btn btn-primary radius upload-a">选择图片 |
| | | </a> |
| | | </div> |
| | | </div> |
| | | <el-row justify="center" type="flex"> |
| | | <el-button type="primary" @click="submittp(paramValue)">保存</el-button> |
| | | </el-row> |
| | | </form> |
| | | </div> |
| | | <el-tab-pane label="推广图片" name="fourth"> |
| | | <p class="el-big-title">上传图片</p> |
| | | <el-row justify="center" type="flex"> |
| | | <el-upload |
| | | class="avatar-uploader" |
| | | action="/admin/multipleUploadFile/doUpload" |
| | | :show-file-list="false" |
| | | :on-success="handleAvatarSuccess" |
| | | :before-upload="beforeAvatarUpload"> |
| | | <img v-if="imageUrl" :src="imageUrl" class="avatar"> |
| | | <i v-else class="el-icon-plus avatar-uploader-icon"></i> |
| | | </el-upload> |
| | | </el-row> |
| | | <el-row justify="center" type="flex"> |
| | | <el-button type="primary" size="mini" @click="tgtpSubmit()">保存</el-button> |
| | | </el-row> |
| | | </el-tab-pane> |
| | | |
| | |
| | | |
| | | <script> |
| | | //百度编辑器 |
| | | MUI.initImgUpload(".upload-input"); |
| | | var ue = {}; |
| | | var ue = { |
| | | initialFrameWidth :750 |
| | | }; |
| | | var app = new Vue({ |
| | | el: '#app', |
| | | data: { |
| | | height:'calc(100vh - 240px)', |
| | | fxy:[], |
| | | fenxiaoGrade: "", |
| | | tgwa: "", |
| | | activeName: 'first', |
| | | multipleSelection: [], |
| | | fxtp:{}, |
| | | mdjf:[], |
| | | scjf:[], |
| | | fenxiaoGrade: "", |
| | | //推广文案 |
| | | tgwa: {}, |
| | | //图片上传 |
| | | imageUrl: '', |
| | | //分佣方案 |
| | | fyfaList:{ |
| | | rows:[], |
| | |
| | | pageSize:10, |
| | | currentPage:1, |
| | | }, |
| | | |
| | | //分销员管理 |
| | | shenheAgreeType : 2, |
| | | shenheDisagreeType : 3, |
| | |
| | | pageSize:10, |
| | | currentPage:1, |
| | | }, |
| | | height:'calc(100vh - 240px)', |
| | | }, |
| | | |
| | | created: function () { |
| | | this.loadInfo(); |
| | | window.addEventListener("keydown", this.keydown); |
| | | //初始化编辑器 |
| | | ue = UE.getEditor('description'); |
| | | //百度编辑器 |
| | | MUI.initImgUpload(".upload-input"); |
| | | }, |
| | | mounted: function () { |
| | | }, |
| | |
| | | let _this = this; |
| | | _this.loadParamSetting(); |
| | | _this.loadFyfaSetting(); |
| | | _this.loadTgwaSetting(); |
| | | _this.loadTgtpSetting(); |
| | | _this.getSalemanGradeList(); |
| | | }, |
| | | submittp(paramValue) { |
| | | alert(paramValue); |
| | | //推广文案 |
| | | loadTgwaSetting() { |
| | | let _this = this; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:[], |
| | | url: basePath + '/fenXiao/fenXiaoUser/loadTgwaSetting', |
| | | callback: function (data) { |
| | | _this.tgwa = data.mapInfo.tgwa; |
| | | var ue = UE.getEditor('description'); |
| | | ue.ready(function() {//编辑器初始化完成再赋值 |
| | | ue.setContent(_this.tgwa.paramValue3); //赋值给UEditor |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | toggleSelection(rows) { |
| | | if (rows) { |
| | | rows.forEach(row => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }); |
| | | } else { |
| | | this.$refs.multipleTable.clearSelection(); |
| | | wamsSubmit(){ |
| | | let _this = this; |
| | | let tgfa = ue.getContent(); |
| | | let data= { |
| | | tgfa:tgfa, |
| | | }; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:data, |
| | | url: basePath + '/fenXiao/fenXiaoUser/updateTgjh', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | _this.loadTgwaSetting(); |
| | | } |
| | | }); |
| | | }, |
| | | //图片上传 |
| | | loadTgtpSetting() { |
| | | let _this = this; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:[], |
| | | url: basePath + '/fenXiao/fenXiaoUser/loadTgtpSetting', |
| | | callback: function (data) { |
| | | _this.imageUrl = data.mapInfo.tgtp.paramValue; |
| | | } |
| | | }); |
| | | }, |
| | | tgtpSubmit(){ |
| | | let _this = this; |
| | | let imageUrl = _this.imageUrl; |
| | | let data= { |
| | | imageUrl:imageUrl, |
| | | }; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:data, |
| | | url: basePath + '/fenXiao/fenXiaoUser/updateTgtp', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | _this.loadTgtpSetting(); |
| | | } |
| | | }); |
| | | }, |
| | | handleAvatarSuccess(res, file) { |
| | | this.imageUrl = res.path; |
| | | }, |
| | | beforeAvatarUpload(file) { |
| | | const isJPG = file.type === 'image/jpeg'; |
| | | const isLt2M = file.size / 1024 / 1024 < 2; |
| | | |
| | | if (!isJPG) { |
| | | this.$message.error('上传头像图片只能是 JPG 格式!'); |
| | | } |
| | | }, |
| | | handleSelectionChange(val) { |
| | | this.multipleSelection = val; |
| | | }, |
| | | handleClick(row) { |
| | | console.log(row); |
| | | if (!isLt2M) { |
| | | this.$message.error('上传头像图片大小不能超过 2MB!'); |
| | | } |
| | | return isJPG && isLt2M; |
| | | }, |
| | | //分佣方案 |
| | | loadFyfaSetting() { |
| | |
| | | url: basePath + '/fenXiao/fenXiaoUser/addFyfa', |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | _this.loadFyfaSetting(); |
| | | } |
| | | }); |
| | | _this.loadFyfaSetting(); |
| | | }, |
| | | updateFyfa(row){ |
| | | let _this = this; |
| | |
| | | } |
| | | }, |
| | | changePageSize(val) { |
| | | this.table.pageSize = val; |
| | | this.fxyList.pageSize = val; |
| | | this.loadParamSetting(); |
| | | }, |
| | | changeCurrentPage(val) { |
| | | this.table.currentPage = val; |
| | | this.fxyList.currentPage = val; |
| | | this.loadParamSetting(); |
| | | }, |
| | | //时间格式化 |
| | |
| | | openUpdateSaleManGrade(row){ |
| | | layer.full(layer.open({ |
| | | type: 2, |
| | | title: "修改等级", |
| | | title: "查看", |
| | | maxmin: true, |
| | | area: [MUI.SIZE_L, '500px'], |
| | | content : [ basePath + '/admin/redirect/fenxiao/fenxiao-update?userId=' + row.userId+'&applyId='+row.id ] |
| | |
| | | _this.loadParamSetting(); |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | submit() { |
| | | } |
| | | } |
| | | }) |