| | |
| | | .panel-body{ |
| | | overflow: hidden; |
| | | } |
| | | .rowPanel{ |
| | | background: #ffffff; |
| | | padding: 0px 10px ; |
| | | padding-top: 10px; |
| | | margin: 0px 0px 10px 0px; |
| | | } |
| | | .paginationStyle{ |
| | | background: #ffffff; |
| | | padding: 10px 10px; |
| | |
| | | </head> |
| | | <body> |
| | | <div class="panel-body" id="app"> |
| | | <el-row class="rowPanel" > |
| | | <el-row style="display:flex;align-items: center;"> |
| | | <el-form ref="form" :model="form" inline > |
| | | <el-form-item prop="nickName"> |
| | | <el-input v-model="form.nickName" placeholder="请输入会员姓名"></el-input> |
| | |
| | | <el-table id="proj" :data="table.rows" :height="height" stripe @sort-change="sortChange"> |
| | | <el-table-column |
| | | prop="userId" |
| | | label="订单号" |
| | | width="180"> |
| | | label="" |
| | | width="300"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="nickname" |
| | | label="分销员昵称" |
| | | width="180"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="salesGrade" |
| | | label="分销等级" |
| | | width="180"> |
| | | <template slot-scope="scope"> |
| | | <el-select v-model="scope.row.proJbruserValue" @focus="getDatalist(scope.row)" placeholder="请选择" filterable allow-create> |
| | | <el-option v-for="item in salesGradeList " :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small">设置为分销员</el-button> |
| | | <el-button type="text" size="small" @click="addSaleManApply(scope.row)">设置为分销员</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | order:'', |
| | | sort:'' |
| | | }, |
| | | salesGradeList: [], |
| | | height:'calc(100vh - 240px)', |
| | | }, |
| | | created: function () { |
| | |
| | | window.addEventListener("keydown", this.keydown); |
| | | }, |
| | | methods: { |
| | | //设置为分销员 |
| | | addSaleManApply(row){ |
| | | let _this = this; |
| | | let userId = row.userId; |
| | | let gradeId = row.salesGrade; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:[], |
| | | url: basePath + '/fenXiao/fenXiaoUser/addSaleManApply?userId='+userId+'&gradeId='+gradeId, |
| | | callback: function (data) { |
| | | _this.$message.success(data.info); |
| | | } |
| | | }); |
| | | }, |
| | | // select下拉框获取焦点的时候查询对应的下拉框数据源 |
| | | getDatalist(row) { |
| | | let _this = this; |
| | | AjaxProxy.requst({ |
| | | app: _this, |
| | | data:[], |
| | | url: basePath + '/fenXiao/fenXiaoUser/getShopSalesmanGrade', |
| | | callback: function (data) { |
| | | _this.salesGradeList = data.mapInfo.salesGrade; |
| | | } |
| | | }); |
| | | }, |
| | | changePageSize(val) { |
| | | this.table.pageSize = val; |
| | | this.loadData(); |