<!doctype html> <html> <head> <meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache"> <title>客户信æ¯</title> <script src="../../../jsnew/elementDefault.js?v=20220425"></script> <script src="../../../jsnew/vue/vue.js"></script> <script src="../../../jsnew/vue/element-ui/element-ui_15/index.js"></script> <script src="../../../jsnew/myelement.js?v=20220425"></script> <script src="../../../jsnew/page.js?v=20220425"></script> <!-- <script src="../../../setting.js"></script> --> <link href="../../../jsnew/vue/element-ui/element-ui_15/theme-chalk/index.css" rel="stylesheet"> <link href="../../../jsnew/myelement.css?v=20220426" rel="stylesheet"> <link href="../../../jsnew/theme.css?v=20220426" rel="stylesheet"> <link href="../../../css/iconfont.css" rel="stylesheet"> <link href="../../../jsnew/page.css?v=20220425" rel="stylesheet"> <link href="//at.alicdn.com/t/font_2374495_13ltsxm2eor.css" rel="stylesheet"> </head> <body style="margin: 0px;"> <div v-cloak id="vbody"> <div id="page_root"> <div ref="popup_body" style="padding: 0 20px; "> <!-- æ ‡é¢˜ --> <div class="el-dialog__header"> <div class="dialog-title"> <i class="iconfont icon-customermanagement"></i> <span>{{title}}</span> </div> </div> <!-- 主体 --> <div class="topbar-line"> <div class="query-bar"> <h-form-filter ref="form1" :form-attr="filterAttr" :table-fields="filterFields" :form-data="filterObj" :table-field-click="filterfieldClick" v-on:on-query="onQuery" v-on:on-init-query="onInitFilter" > </h-form-filter> </div> </div> <div class="h_dialog__body"> <h-table v-if="isRefresh" ref="table1" :table-fields="tableFields" :table-data="tableData" :pagesize="pagesize" :pagenum="pagenum" :total="total" :table-height="tableHeight" :table-field-click="tablefieldClick" :is-highlight-row="isedit" :is-within-edit-table-data="isedit" v-on:get-data="getData" v-on:row-click="rowClick" v-on:row-dblclick="rowDblclick" > </h-table> </div> <!-- 底部工具æ --> <div class="el-dialog__footer"> <el-button size="small" type="default" @click="closeDialog">å– æ¶ˆ</el-button> <el-button size="small" v-if="isedit" type="primary" :disabled = "!(selectedrow && selectedrow.id)" @click="saveAfter">ç¡® 定</el-button> </div> </div> </div> </div> <div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;"> <div class="spinner"> <div class="cube1"></div> <div class="cube2"></div> </div> </div> </body> <script type="text/javascript"> function initVue() { new ListVue({ el: "#vbody", data: { dataname: "md_org_data", title: "客户信æ¯", pageAttr: { heightType: "popuppage" }, default_filterFields: [ // {isshow: "T", field: "province", name: "çœä»½", filteroperator: "like", }, {isshow: "T", field: "product_code", name: "产å“ç¼–ç ", filteroperator: "like",}, {isshow: "T", field: "product_name", name: "产å“åç§°", filteroperator: "like",}, ], default_tableFields: [ {isshow: "T", field: "delivery_name", name: "å‘货主体", width: "200", type:"span",}, {isshow: "T", field: "customer_code", name: "商业编ç ", width: "150", }, {isshow: "T", field: "customer_name", name: "商业åç§°", width: "200", type:"span",}, {isshow: "T", field: "product_code", name: "产å“ç¼–ç ", width: "150", }, {isshow: "T", field: "product_name", name: "产å“åç§°", width: "150", }, {isshow: "T", field: "spec", name: "è§„æ ¼", width: "100", type: "span",}, {isshow: "T", field: "qty", name: "èµ è¯æ•°é‡", width: "100", type: "span",}, {isshow: "T", field: "price", name: "供货价", width: "100", formatter: "formatter_money", align: "right"}, {isshow: "T", field: "discount", name: "折扣金é¢", width: "100", formatter: "formatter_money", align: "right"}, {isshow: "T", field: "unit", name: "èµ è¯å•ä½", width: "100", type: "span",}, {isshow: "T", field: "second_price", name: "二级商业供货价", width: "150", formatter: "formatter_money", align: "right"}, {isshow: "T", field: "store", name: "èµ è¯è¯åº—", width: "100", type: "span",}, {isshow: "T", field: "store_price", name: "è¯åº—供货价", width: "100", formatter: "formatter_money", align: "right"}, {isshow: "T", field: "hospital_code", name: "医院编ç ", width: "150", }, {isshow: "T", field: "hospital_name", name: "医院åç§°", width: "200", type:"span",}, {isshow: "T", field: "pay_type", name: "支付方å¼", width: "100", type: "span"}, {isshow: "T", field: "policy", name: "èµ è¯æ”¿ç–", width: "100", type: "span"}, {isshow: "T", field: "remark", name: "明细备注", width: "150"}, ], tableData: [ { id: "01", code: "10010064", province: "云å—çœ", name: "云å—åšæ³°è¯ä¸šæœ‰é™å…¬å¸", product_code: "100640026", product_name: "补血调ç»ç‰‡", // renturn_amount_need: "100", // renturn_amount_real: "", }, { id: "02", code: "10010058", province: "安徽çœ", name: "åˆè‚¥äº¿å¸†åŒ»è¯æœ‰é™å…¬å¸", product_code: "081319005", product_name: "虫è‰å·è´è†", // renturn_amount_need: "200", // renturn_amount_real: "", }, ], filterfieldClick: {}, tablefieldClick: {}, formfieldClick: {}, }, created() { this.popupParames = clone(Root.popupParames); // Root.setPopupTitle(this.title); this.title = this.popupParames.title || this.popupParames.text; if (this.popupParames.filter) { this.filterTxt = this.popupParames.filter; } if (this.popupParames.sceneCode) { if (this.popupParames.sceneCode == "add") {//新增 this.isedit = true; } } }, mounted() { //èŽ·å–æ•°æ® this.initData(); // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é— this.$nextTick(() => { hideLoading(); //釿–°è®¾ç½®å¼¹çª—宽高 this.$nextTick(function(){ //let w_ = this.$refs.popup_body.offsetWidth "px"; let w_ = "900px"; // let h_ = "650px"; let h_ = this.$refs.popup_body.offsetHeight + "px"; Root.setPopupWH(w_, h_); }) }); }, methods:{ //å…³é—弹窗 closeDialog() { this.docloseDialog(true); }, //å…³é—å‰è°ƒå›žè°ƒ saveAfter() { var me = this; if(this.popupParames.callback) { let obj = { row: clone(this.selectedrow) } this.popupParames.callback(obj, function() { me.docloseDialog(); }); } else { me.docloseDialog(); } }, initData() { var me = this; if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) { me.filterFields = clone(me.default_filterFields); me.tableFields = clone(me.default_tableFields); //å—æ®µæ•°ç»„è½¬å—æ®µobj me.fieldsToFieldsObj(); //è®¾ç½®å—æ®µäº‹ä»¶ me.tableFieldClick(); me.filterObj.province = "云å—çœ"; me.filterObj.code = "10010064"; } // this.onQuery(function(result, callback) {//查询åŽçš„回调,用于获å–å—æ®µçš„ // if (result.meta && result.meta[me.dataname] && result.meta[me.dataname].fields) { // var metas = clone(result.meta[me.dataname].fields); // var filterFields_ = []; // var tableFields_ = []; // metas.map(f=>{ // f.isshow = "T"; // if (f.isfilter) { // filterFields_.push(clone(f)); // } // else { // var filter_f = clone(f); // filter_f.isshow = "F"; // filterFields_.push(filter_f); // } // tableFields_.push(clone(f)); // }) // if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) { // me.filterFields = clone(filterFields_); // me.tableFields = clone(tableFields_); // //å—æ®µæ•°ç»„è½¬å—æ®µobj // me.fieldsToFieldsObj(); // //è®¾ç½®å—æ®µäº‹ä»¶ // me.tableFieldClick(); // } // } // if (callback) { // callback(); // } // }); }, // returnData() { // var me = this; // var error_mark = false; // error_mark = me.tableData.some( td=> { // if (!td.renturn_amount_real) { // Root.message({ // type: "warning", // message: "å˜åœ¨æœªå¡«å†™çš„实际返还金é¢" // }) // return true; // } // }) // if (!error_mark) { // Root.message({ // type: "success", // message: "å·²æˆåŠŸè¿”è¿˜ï¼" // }) // me.saveAfter(); // } // }, tableFieldClick() { var me = this; //ç›é€‰å—段事件设置 this.filterfieldClick = { province: {//å—æ®µäº‹ä»¶è®¾ç½® visible: { onchange: function(obj) {//下拉展开事件 var formFields_ = clone(me.filterFields); let param_ = { isClientMode: false, dataname: "md_province", } Server.call("root/data/getEntitySet", param_, function(result) { if (result && result.data) { var options_ = result.data.entityset; for(var i=0; i<options_.length;i++) { options_[i].code = options_[i].name; options_[i].value = options_[i].name; } formFields_.map(e=>{ if(e.field == "province") { e.options = options_; } }) } me.filterFields = formFields_; }); }, }, } }; //è¡¨æ ¼å—æ®µäº‹ä»¶è®¾ç½® this.tablefieldClick = { }; //表å•å—æ®µäº‹ä»¶è®¾ç½® this.formfieldClick = { }; }, onRowDblClick() { if (this.isedit) { this.saveAfter(); } }, } }); }; initVue(); </script> <style> /* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ è½½æ—¶å‡ºçŽ° vuejs çš„å˜é‡å而设计的 */ [v-cloak] { display: none !important; } </style> </html>