<!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 type="text/javascript"> var pageVue = null; function loadJsCss(callback) { var jscss_urls = []; window.top.initJsCss(document, jscss_urls, callback); }; function initVue() { new ListVue({ el: "#vbody", data: { dataname: "book_summary", title: "折扣总账", default_filterFields: [ {isshow: "T", field: "customer_code", name: "年份", filterfield:"", filteroperator: "like", type: ""}, {isshow: "T", field: "customer_name", name: "å£åº¦", filterfield:"", filteroperator: "like", type: "select", options: [ {label: "1", value: "1"}, {label: "2", value: "2"}, {label: "3", value: "3"}, {label: "4", value: "4"}, ]}, ], default_tableFields: [ {isshow: "T", field: "f1", name: "年份", width: "120"}, {isshow: "T", field: "f2", name: "å£åº¦", width: "120"}, {isshow: "T", field: "f7", name: "记账金é¢"}, {isshow: "T", field: "f8", name: "冻结金é¢"}, {isshow: "T", field: "f9", name: "å¯ä»˜é‡‘é¢"}, {isshow: "T", field: "f11", name: "已付金é¢"}, {isshow: "T", field: "f11", name: "未付金é¢"}, ], filterfieldClick: {}, tablefieldClick: {}, formfieldClick: {}, popupParames: {}, queryAgain: false }, created() { this.popupParames = clone(Root.popupParames); if (this.popupParames.data) { this.queryAgain = true } }, mounted() { //èŽ·å–æ•°æ® this.initData(); this.$nextTick(() => { // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é— hideLoading(); }); }, methods: { initData() { var me = this; 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 (me.queryAgain) { me.queryAgain = false me.filterObj.customer_code = me.popupParames.data.customer_code me.filterObj.customer_name = me.popupParames.data.customer_name me.onQuery(); } } if (callback) { callback(); } }); }, tableFieldClick() { var me = this; //è¡¨æ ¼å—æ®µäº‹ä»¶è®¾ç½® this.tablefieldClick = { to_flow: { //å—æ®µäº‹ä»¶è®¾ç½® defaultval: { val: "æŸ¥çœ‹æµæ°´", onclick: function(obj) { me.toFlow(obj); } }, }, }; }, toFlow(obj) { var me = this; var config = { totab: true, width: "400px", height: "600px", icon: "icon-product", text: "æŠ˜æ‰£æµæ°´è´¦", id: uuid_short(),//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ url: "module/fee/page/book/page/book_detail.html", data: obj.row, delta: {}, sceneCode: "browse", callback: function(obj, callback) { if (callback) { callback(); } } }; me.doPopupByPublic(config); }, onDownload() { }, clearData() { }, } }); }; loadJsCss(function() { initVue(); }); </script> <style> /* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ è½½æ—¶å‡ºçŽ° vuejs çš„å˜é‡å而设计的 */ [v-cloak] { display: none !important; } </style> </head> <body style="margin: 0px;"> <div v-cloak id="vbody"> <div id="page_root"> <div class="topbar"> <span>{{title}}</span> <div style="float: right; margin-right: 18px;"> <el-button-group style="margin-left: 3px;"> <el-button @click="onDownload":icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button> </el-button-group> <!-- <el-button-group style="margin-left: 3px;"> <el-button @click="clearData">æ•°æ®åˆå§‹åŒ–</el-button> </el-button-group> --> </div> </div> </div> <!-- 查询æ¡ä»¶ --> <div class="topbar-line"> <div class="query-bar"> </div> </div> <div class="h_dialog__body"> <h-table v-if="isRefresh" ref="table1" :table-fields="tableFields" :table-data="tableData" :is-edit-table-data="isEditTableData" :pagesize="pagesize" :pagenum="pagenum" :total="total" :table-height="tableHeight" :is-highlight-row="true" :table-field-click="tablefieldClick" :tableloading="tableloading" :isdraggableorder="true" v-on:get-data="getData" v-on:edit-data="editData" v-on:del-data="delData" v-on:row-click="rowClick" v-on:order-fields="orderFilterFields" > </h-table> </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> </html>