<!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" :select-table-data="selectedrows" :is-selection="isedit" :isshow-shoppingcart="false" v-on:selection-change="selectionChange" v-on:save-shoppingcart="saveShoppingcart" 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 = "!(selectedrows && selectedrows.length >= 1)" @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: "customer_code", name: "客户编ç ", width: "150", filteroperator: "like",}, {isshow: "T", field: "customer_name", name: "客户åç§°", width: "200", filteroperator: "like",}, ], default_tableFields: [ {isshow: "T", field: "province", name: "çœä»½", width: "100", type:"span",}, {isshow: "T", field: "department", name: "业务部门", width: "100", type:"span",}, {isshow: "T", field: "customer_code", name: "客户编ç ", width: "150", type: "span",}, {isshow: "T", field: "customer_name", name: "客户åç§°", width: "200", type:"span",}, {isshow: "T", field: "product_code", name: "产å“ç¼–ç ", width: "150", type:"select", required: true}, {isshow: "T", field: "product_name", name: "产å“åç§°", width: "200", type: "span", align: "left", required: true}, {isshow: "T", field: "sales_amount", name: "销售金é¢", width: "100", type: "span", formatter: "formatter_money", align: "right"}, {isshow: "T", field: "policy_code", name: "æ”¿ç–æ˜Žç»†ç¼–ç ", width: "150", type:"span",}, {isshow: "T", field: "year_discount_rate", name: "年度折让系数", width: "100", type: "span", aligh: "right",}, {isshow: "T", field: "year_discount_amount", name: "年度折让é¢åº¦", width: "100", type: "span", aligh: "right", formatter: "formatter_money",}, {isshow: "T", field: "year_target", name: "年度任务", width: "100", type:"span", aligh: "right", formatter: "formatter_money",}, {isshow: "T", field: "year_target_rate", name: "年度任务完æˆçއ", width: "150", type:"span", aligh: "right", formatter: "formatter_money",}, // {isshow: "T", field: "year_target_adjust", name: "年度折让调整", width: "100", type:"input", aligh: "right", formatter: "formatter_money",}, {isshow: "T", field: "year_target_minus", name: "年度任务扣å‡", width: "100", type:"span", aligh: "right", formatter: "formatter_money",}, {isshow: "T", field: "promise_minus", name: "承兑扣å‡", width: "100", type:"span", aligh: "right", formatter: "formatter_money",}, {isshow: "T", field: "compliance_minus", name: "åˆè§„扣å‡", width: "100", type:"input", aligh: "right", formatter: "formatter_money",}, // {isshow: "T", field: "redemption_date", name: "兑付日期", width: "150", type:"span", formatter: "formatter_date"}, {isshow: "T", field: "sum_minus", name: "扣å‡å°è®¡", width: "100", type:"span", aligh: "right", formatter: "formatter_money",}, {isshow: "T", field: "year_discount_real", name: "年度实际折让", width: "100", type: "span", aligh: "right", formatter: "formatter_money",}, {isshow: "T", field: "remark", name: "备注", type: "input", width: "150"}, ], tableData: [ { id: "01", customer_code: "10002285", customer_name: "æˆéƒ½è“‰é£Žè¯æ¢°æœ‰é™å…¬å¸", product_code: "", product_name: "间苯三酚注射液", }, { id: "02", customer_code: "10010064", customer_name: "云å—åšæ³°è¯ä¸šæœ‰é™å…¬å¸", product_code: "30601008", product_name: "金水å®", }, ], filterfieldClick: {}, tablefieldClick: {}, formfieldClick: {}, selectedrows: [], }, 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 = { }; }, selectionChange(obj){ var me = this; me.selectedrows = obj; }, saveShoppingcart(list) { var me = this; me.selectedrows = list; }, onRowDblClick() { if (this.isedit) { this.saveAfter(); } }, } }); }; initVue(); </script> <style> /* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ è½½æ—¶å‡ºçŽ° vuejs çš„å˜é‡å而设计的 */ [v-cloak] { display: none !important; } </style> </html>