|  |  | 
 |  |  |         .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-form ref="form" :model="form" inline > | 
 |  |  |             <el-form-item prop="nickName"> | 
 |  |  |                 <el-input v-model="form.nickName" placeholder="请输入会员姓名"></el-input> | 
 |  |  |             </el-form-item> | 
 |  |  |     <el-row style="display:flex;align-items: center;text-align: right;"> | 
 |  |  |         <el-col> | 
 |  |  |             <el-form ref="form" :model="form" inline > | 
 |  |  |                 <el-form-item prop="nickName"> | 
 |  |  |                     <el-input v-model="form.nickName" placeholder="请输入会员姓名"></el-input> | 
 |  |  |                 </el-form-item> | 
 |  |  |  | 
 |  |  |             <el-button type="primary" @click="search" >搜索</el-button> | 
 |  |  |             <el-button @click="resetForm('form')">重置</el-button> | 
 |  |  |         </el-form> | 
 |  |  |                 <el-button type="primary" @click="search" >搜索</el-button> | 
 |  |  |                 <el-button @click="resetForm('form')">重置</el-button> | 
 |  |  |             </el-form> | 
 |  |  |         </el-col> | 
 |  |  |     </el-row> | 
 |  |  |  | 
 |  |  |     <el-row class="table-style"  > | 
 |  |  |  | 
 |  |  |     <el-row class="table-style"  style="margin-left: 50px;"> | 
 |  |  |         <el-table id="proj" :data="table.rows"  :height="height" stripe @sort-change="sortChange"> | 
 |  |  |             <el-table-column | 
 |  |  |                     prop="userId" | 
 |  |  |                     label="订单号" | 
 |  |  |                     width="180"> | 
 |  |  |                     label="会员"> | 
 |  |  |                 <template slot-scope="scope"> | 
 |  |  |                     <img :src="scope.row.avatarUrl" width="40" height="40" class="head_pic"/> | 
 |  |  |                     {{scope.row.nickname}} | 
 |  |  |                 </template> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column | 
 |  |  |                     prop="nickname" | 
 |  |  |                     label="分销员昵称" | 
 |  |  |                     prop="phone" | 
 |  |  |                     label="手机号码"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column | 
 |  |  |                     prop="createTime" | 
 |  |  |                     label="注册时间"> | 
 |  |  |             </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:'' | 
 |  |  |             }, | 
 |  |  |             proJbruserValue : "", | 
 |  |  |             salesGradeList: [], | 
 |  |  |             height:'calc(100vh - 240px)', | 
 |  |  |         }, | 
 |  |  |         created: function () { | 
 |  |  | 
 |  |  |             window.addEventListener("keydown", this.keydown); | 
 |  |  |         }, | 
 |  |  |         methods: { | 
 |  |  |             //设置为分销员 | 
 |  |  |             addSaleManApply(row){ | 
 |  |  |                 let _this = this; | 
 |  |  |                 let userId = row.userId; | 
 |  |  |                 let openId = row.openId; | 
 |  |  |                 let gradeId = row.proJbruserValue; | 
 |  |  |                 let obj = { | 
 |  |  |                     userId: userId, | 
 |  |  |                     openId: openId, | 
 |  |  |                     gradeId: gradeId, | 
 |  |  |                 } | 
 |  |  |                 AjaxProxy.requst({ | 
 |  |  |                     app: _this, | 
 |  |  |                     data:obj, | 
 |  |  |                     url: basePath + '/fenXiao/fenXiaoUser/addSaleManApply', | 
 |  |  |                     callback: function (data) { | 
 |  |  |                         _this.$message.success(data.info); | 
 |  |  |                         this.loadData(); | 
 |  |  |                     } | 
 |  |  |                 }); | 
 |  |  |             }, | 
 |  |  |             // 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(); |