<!doctype html> <html> <head> <meta charset="utf-8"> <title>人员商业关系新增</title> <script src="../../../js/vue/vue.js"></script> <script src="../../../js/vue/element-ui/lib/index.js"></script> <script src="../../../js/vue/axios/dist/axios.min.js"></script> <script src="../../../js/myelement.js"></script> <script src="../../../js/vue/page.js"></script> <link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet"> <link href="../../../css/myelement.css" rel="stylesheet"> <link href="../../../css/iconfont.css" rel="stylesheet"> <link href="../../../css/page.css" rel="stylesheet"> <link href="//at.alicdn.com/t/font_2374495_mkoo966o0uo.css" rel="stylesheet"> </head> <body> <div id="vbody"> <div id="page_root"> <div ref="popup_body" style="padding-right: 20px;"> <div class="el-dialog__header"> <div class="dialog-title"> <i class="iconfont icon-customermanagement"></i> <span> {{title}} </span> </div> </div> <div style="height: 550px; "> <div class="el-dialog__body" style="height: 510px;"> <h-form-filter ref="form1" :form-attr="filterAttr" :table-fields="filterFields" :form-data="filterObj" :isbuttonquery="false" v-on:on-formchange="onQuery" v-on:show-popup="showFilterPopup" v-on:on-query="onQuery" v-on:on-init-query="onInitFilter" v-on:on-edit-query="onEditFilter" > </h-form-filter> <h-table ref="table1" :tableloading="tableloading" :table-fields="tableFields" :table-data="tableData" :table-height="tableHeight" :is-selection="true" :is-show-index="true" :pagesize="pagesize" :pagenum="pagenum" :total="total" :isbuttonquery="false" :layout="layout" v-on:on-formchange="onQuery" v-on:get-data="getData" v-on:on-init-query="onInitFilter" > </h-table> <div class="el-dialog__body" style=" padding-top: 0px;"><!-- height: 550px; --> <h-table ref="table_c" :tableloading="tableloading_c" :table-fields="tableFields_c" :table-data="tableData_c" :select-table-data="selectData_c" :table-height="tableHeight_c" :is-selection="true" :is-show-index="true" :is-pagination="false" :isbuttonquery="false" :layout="layout" v-on:on-formchange="onQuery_c" v-on:get-data="getData_c" v-on:on-init-query="onInitFilter_c" > </h-table> </div> </div> </div> <div class="el-dialog__footer"> <el-button type="default" @click="closeDialog">å– æ¶ˆ</el-button> <el-button type="primary" @click="saveTables" :loading="loading_save">ä¿ å˜</el-button> </div> </div> </div> <div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;"> <div class="spinner"> <div class="cube1"></div> <div class="cube2"></div> </div> </div> </div> <script type="text/javascript"> new ListVue({ el: "#vbody", data: { title: "", loading_save: false, dataname: "vCustomer", filterFieldsName: "customer_acct", tabaleFieldsName: "customer_factory_licence", rolecode: window.top.userinfo.user.rolecode, popupParames: {}, //商业 filterFields_c: [ {isshow: "T", field: "md_code", name: "商业编ç "}, {isshow: "T", field: "md_description", name: "商业åç§°"} ], tableHeight_c: 420, pagesize_c: 10, pagenum_c: 1, total_c: 0, filterObj_c: {}, filter_c: "", filterTxt_c: "", filterFieldsObj_c: {}, orderby_c: "", tableFields_c: [ {isshow: "T", field: "md_code", name: "商业编ç "}, {isshow: "T", field: "md_description", name: "商业åç§°", align: "left"} ], tableData_c: [], selectData_c: [], tableloading_c: false, }, created() { var me = this; this.popupParames = clone(Root.popupParames); if (this.popupParames.delta) { let formData1 = clone(this.popupParames.delta); } if (this.popupParames.title) { this.title = clone(this.popupParames.title); } }, mounted() { var me = this; if (this.dataRequest.length) { var result = {}; this.loadRequestData(this.dataRequest, result, function(data) { me.dataRequestObj = data; me.initData(); }); } else { this.initData(); } this.$nextTick(() => { // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é— document.getElementById('page_root').style.display = "block"; document.getElementById('page_loading').style.display = "none"; //釿–°è®¾ç½®å¼¹çª—宽高 this.$nextTick(function(){ let w_ = this.$refs.popup_body.offsetWidth + "px"; let h_ = this.$refs.popup_body.offsetHeight + "px"; Root.setPopupWH(w_, h_); }) }); }, methods:{ onServerInitData(data) { var me = this.data; me.tableFields = data.tableFields; me.filterFields = data.filterFields; if(me.filterFields.length > 0) { for(var i=0; i < me.filterFields.length; i++) { let fieldObj_ = me.filterFields[i]; me.filterFieldsObj[fieldObj_.field] = fieldObj_; } } if(me.tableFields.length > 0) { for(var i=0; i < me.tableFields.length; i++) { let fieldObj_ = me.tableFields[i]; me.tableFieldsObj[fieldObj_.field] = fieldObj_; } } }, initData() { if (initlized) { return; } initlized = true; this.onQuery(); this.onQuery_c(); }, closeDialog() { if (this.popupParames.totab){ Root.tab.removeItem(Root.tab.selected); Root.tab.open(me.popupParames.parentOption, false); } else { Root.hidePopup(); } }, saveAfter() { var me = this; if(this.popupParames.callback) { let obj = { //row: this.formData } this.popupParames.callback(obj, function() { if (me.popupParames.totab){ Root.tab.removeItem(Root.tab.selected); Root.tab.open(me.popupParames.parentOption, false); } else { Root.hidePopup(); } }); } else { alert("该按键事件缺失ï¼") } }, rowClick(obj) { let me = this; me.pageId = obj.row.employeeid; me.pageCode = obj.row.employee_code; me.menuId = obj.row.employeeid; me.selectMenu[me.menuId] = { role: [] }; me.selectData_c = []; var params = { isClientMode: false, dataname: "sysRole", //buttonByTab/buttonByPanel filter: "1=1", } Server.call("root/data/getEntitySet", params, function(result) { console.log(result); if (result && result.data) { let data_ = result.data.entityset; me.tableData_role = clone(data_); me.getDefaultSelect(data_,"Role") } }) }, } }); </script> <style> </style> </body> </html>