|  |  | 
 |  |  |  | 
 |  |  | <body> | 
 |  |  | <div class="ibox-content" id="app" v-cloak> | 
 |  |  |     <el-form label-width="120px" > | 
 |  |  |         <el-row> | 
 |  |  |             <el-tabs v-model="activeName" > | 
 |  |  |                 <el-tab-pane label="门店积分规则" name="first"> | 
 |  |  |                         <form class="form-inline" id="serchform"> | 
 |  |  |                 <el-tab-pane label="分销员管理" name="first"> | 
 |  |  |                     <el-row> | 
 |  |  |                         <el-form ref="form" :model="form" inline > | 
 |  |  |  | 
 |  |  |                             <el-form-item label="交易类型" prop="fenxiaoGrade"> | 
 |  |  |                                 <el-select v-model="form.fenxiaoGrade" placeholder="请选择"> | 
 |  |  |                                     <el-option | 
 |  |  |                                             v-for="item in fenxiaoGradeList" | 
 |  |  |                                             :key="item.value" | 
 |  |  |                                             :label="item.label" | 
 |  |  |                                             :value="item.value" | 
 |  |  |                                     > | 
 |  |  |                                     </el-option> | 
 |  |  |                                 </el-select> | 
 |  |  |                             </el-form-item> | 
 |  |  |  | 
 |  |  |                             <el-form-item label="分销员等级" prop="shenheState"> | 
 |  |  |                                 <el-select v-model="form.shenheState" placeholder="请选择"> | 
 |  |  |                                     <el-option | 
 |  |  |                                             v-for="item in shenheStateList" | 
 |  |  |                                             :key="item.value" | 
 |  |  |                                             :label="item.label" | 
 |  |  |                                             :value="item.value"> | 
 |  |  |                                     </el-option> | 
 |  |  |                                 </el-select> | 
 |  |  |                             </el-form-item> | 
 |  |  |  | 
 |  |  |                             <el-row style="display:flex;align-items: center;"> | 
 |  |  |                                 <el-col> | 
 |  |  |                                     <el-button type="primary" @click="submits()">新增分销员</el-button> | 
 |  |  |                                 </el-col> | 
 |  |  |                                 <el-col style="display:flex;align-items: center;"> | 
 |  |  |                                     <el-select v-model="shenheState" placeholder="审核状态"> | 
 |  |  |                                         <el-option label="已审核" value="1"></el-option> | 
 |  |  |                                         <el-option label="未审核" value="2"></el-option> | 
 |  |  |                                     </el-select> | 
 |  |  |  | 
 |  |  |                                     <el-select v-model="fenxiaoGrade" placeholder="分销员等级"> | 
 |  |  |                                         <el-option label="初始等级" value="1"></el-option> | 
 |  |  |                                         <el-option label="合伙人" value="2"></el-option> | 
 |  |  |                                     </el-select> | 
 |  |  |                                     <el-button type="primary" @click="search" >搜索</el-button> | 
 |  |  |                                     <el-button type="primary" @click="submits()">搜索</el-button> | 
 |  |  |                                     <el-button type="primary" @click="submits()">重置</el-button> | 
 |  |  |                                     <el-button @click="resetForm('form')">重置</el-button> | 
 |  |  |                                 </el-col> | 
 |  |  |                             </el-row> | 
 |  |  |                         </form> | 
 |  |  |  | 
 |  |  |                             <el-button type="primary" @click="search" >搜索</el-button> | 
 |  |  |                             <el-button @click="resetForm('form')">重置</el-button> | 
 |  |  |                         </el-form> | 
 |  |  |                     </el-row> | 
 |  |  |                         <template> | 
 |  |  |                             <el-table | 
 |  |  |                                     ref="multipleTable" | 
 |  |  |                                     :data="tableData" | 
 |  |  |                                     :data="fxy" | 
 |  |  |                                     tooltip-effect="dark" | 
 |  |  |                                     style="width: 100%" | 
 |  |  |                                     @selection-change="handleSelectionChange"> | 
 |  |  | 
 |  |  |                         <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"> | 
 |  |  |                             <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-row> | 
 |  |  |                 </el-tab-pane> | 
 |  |  |             </el-tabs> | 
 |  |  |         </el-row> | 
 |  |  |     </el-form> | 
 |  |  | </div> | 
 |  |  | </body> | 
 |  |  | <script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> | 
 |  |  | 
 |  |  | <script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script> | 
 |  |  | <script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script> | 
 |  |  | <script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script> | 
 |  |  | <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  |     //百度编辑器 | 
 |  |  |     MUI.initImgUpload(".upload-input"); | 
 |  |  |  | 
 |  |  |     var ue = {}; | 
 |  |  |     var app = new Vue({ | 
 |  |  |         el: '#app', | 
 |  |  |         data: { | 
 |  |  |             fxy:[], | 
 |  |  |             shenheState: "", | 
 |  |  |             fenxiaoGrade: "", | 
 |  |  |             tableData:[], | 
 |  |  |             tgwa: "", | 
 |  |  |             activeName: 'first', | 
 |  |  |             multipleSelection: [], | 
 |  |  |             jfyxq:[], | 
 |  |  |             fxtp:{}, | 
 |  |  |             jfdxj:[], | 
 |  |  |             mdjf:[], | 
 |  |  |             scjf:[], | 
 |  |  |             form:{ | 
 |  |  |                 name:null, | 
 |  |  |                 datetimeArr:'', | 
 |  |  |                 payMethod:'', | 
 |  |  |                 flowType:'', | 
 |  |  |                 orderNo:'', | 
 |  |  |                 oprationMan:'', | 
 |  |  |                 queryKey:'', | 
 |  |  |                 order:'', | 
 |  |  |                 sort:'' | 
 |  |  |             }, | 
 |  |  |             //条件查询审核状态 | 
 |  |  |             shenheStateList:[ | 
 |  |  |                 {value:'',label:'全部'}, | 
 |  |  |                 {value:'1',label:'已审核'}, | 
 |  |  |                 {value:'2',label:'未审核'}, | 
 |  |  |                 {value:'3',label:'未通过'} | 
 |  |  |             ], | 
 |  |  |             shenheStateList:[ | 
 |  |  |                 {value:'',label:'全部'}, | 
 |  |  |                 {value:'1',label:'已审核'}, | 
 |  |  |                 {value:'2',label:'未审核'}, | 
 |  |  |                 {value:'3',label:'未通过'} | 
 |  |  |             ], | 
 |  |  |         }, | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         created: function () { | 
 |  |  |             this.loadInfo(); | 
 |  |  |             //初始化编辑器 | 
 |  |  |             ue = UE.getEditor('description'); | 
 |  |  |             //百度编辑器 | 
 |  |  |             MUI.initImgUpload(".upload-input"); | 
 |  |  |         }, | 
 |  |  |         mounted: function () { | 
 |  |  |         }, | 
 |  |  | 
 |  |  |             loadInfo() { | 
 |  |  |                 let _this = this; | 
 |  |  |                 _this.loadParamSetting(); | 
 |  |  |             }, | 
 |  |  |             submittp(paramValue) { | 
 |  |  |                 alert(paramValue); | 
 |  |  |             }, | 
 |  |  |             toggleSelection(rows) { | 
 |  |  |                 if (rows) { | 
 |  |  | 
 |  |  |                 AjaxProxy.requst({ | 
 |  |  |                     app: _this, | 
 |  |  |                     data: {}, | 
 |  |  |                     url: basePath + '/score/ruleSetting/selectScoreRule', | 
 |  |  |                     url: basePath + '/score/fenXiaoUser/fenXiaoUser', | 
 |  |  |                     callback: function (data) { | 
 |  |  |                         _this.jfyxq = data.mapInfo.jfyxq; | 
 |  |  |                         console.log("over"); | 
 |  |  |                     } | 
 |  |  |                 }); |