<!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"> function loadJsCss(callback) { var jscss_urls = []; window.top.initJsCss(document, jscss_urls, callback); }; function initVue() { new ListVue({ el: "#vbody", data: { dataname: "sys_data_property", title: "折扣余é¢è´¦", default_filterFields: [ {isshow: "T", field: "field1", name: "年份", filterfield: "",filteroperator: "=",type: ""}, {isshow: "T", field: "field2", name: "å£åº¦",filterfield: "",filteroperator: "="}, {isshow: "T", field: "field5", name: "ç»é”€å•†åç§°",filterfield: "",filteroperator: "like"}, ], default_tableFields: [ {isshow: "T", field: "field1", name: "功能", align: "center",width: "100"}, // {isshow: "T", field: "field2", name: "部门", align: "center"}, // {isshow: "T", field: "field3", name: "å²—ä½", align: "center"}, {isshow: "T", field: "field4", name: "ç»é”€å•†ç¼–ç ", align: "center",width: "150"}, {isshow: "T", field: "field5", name: "ç»é”€å•†åç§°", align: "left",width: "280", isminwidth: true}, {isshow: "T", field: "field6", name: "记账金é¢", align: "right"}, {isshow: "T", field: "field7", name: "冻结金é¢", align: "right"}, {isshow: "T", field: "field8", name: "已付金é¢", align: "right"}, {isshow: "T", field: "field9", name: "未付金é¢", align: "right", width: "100"}, ], default_tableData: [ { "field1":"查看总账", "field2":"医è¯é”€å”®éƒ¨", "field3":"销售代表", "field4":"D00000030", "field5":"江西å®ä½³é¡ºåŒ»ç–—器械有é™å…¬å¸", "field6":"ï¿¥84,800.00", "field7":"ï¿¥0", "field8":"ï¿¥0", "field9":"ï¿¥84,800.00", }, { "field1":"查看总账", "field2":"医è¯é”€å”®éƒ¨", "field3":"销售代表", "field4":"D00001038", "field5":"长沙誉美医疗器械贸易有é™å…¬å¸", "field6":"ï¿¥122,800.00", "field7":"ï¿¥0", "field8":"ï¿¥0", "field9":"ï¿¥122,800.00", }, { "field1":"查看总账", "field2":"医è¯é”€å”®éƒ¨", "field3":"销售ç»ç†", "field4":"D00000036", "field5":"广州德汇åŒåˆ›åŒ»ç–—器械有é™å…¬å¸", "field6":"ï¿¥155,800.00", "field7":"ï¿¥0", "field8":"ï¿¥0", "field9":"ï¿¥155,800.00", }, { "field1":"查看总账", "field2":"医è¯é”€å”®éƒ¨", "field3":"销售代表", "field4":"D00001158", "field5":"上海通泰慷医疗科技有é™å…¬å¸", "field6":"ï¿¥46,800.00", "field7":"ï¿¥0", "field8":"ï¿¥0", "field9":"ï¿¥46,800.00", }, { "field1":"查看总账", "field2":"医è¯é”€å”®éƒ¨", "field3":"销售代表", "field4":"D00000098", "field5":"å¹¿å·žç¦æºåŒ»ç–—科技有é™å…¬å¸", "field6":"ï¿¥82,800.00", "field7":"ï¿¥0", "field8":"ï¿¥0", "field9":"ï¿¥82,800.00", }, { "field1":"查看总账", "field2":"医è¯é”€å”®éƒ¨", "field3":"销售ç»ç†", "field4":"D00000119", "field5":"å‰å®‰å¸‚å‰å·žåŒºåŒé©¬å•†è´¸æœ‰é™å…¬å¸", "field6":"ï¿¥198,800.00", "field7":"ï¿¥0", "field8":"ï¿¥0", "field9":"ï¿¥198,800.00", }, ], filterfieldClick: {}, tablefieldClick: {}, formfieldClick: {}, filterTxt: "1<>1", }, created() { }, 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(me.default_filterFields); me.tableFields = clone(me.default_tableFields); // me.filterFields = clone(filterFields_); // me.tableFields = clone(tableFields_); //å—æ®µæ•°ç»„è½¬å—æ®µobj me.fieldsToFieldsObj(); //è®¾ç½®å—æ®µäº‹ä»¶ me.tableFieldClick(); } } if (callback) { callback(); } }); }, tableFieldClick() { var me = this; //ç›é€‰å—段事件设置 this.filterfieldClick = { product_code: {//å—æ®µäº‹ä»¶è®¾ç½® popup: { onclick: function(obj) {//弹窗点击事件 Root.message({ type: 'success', message: '弹窗点击事件' }); } }, visible: { onchange: function(obj) {//下拉展开事件 Root.message({ type: 'success', message: '下拉展开事件' }); } }, select: { onchange: function(obj) {//下拉展开事件 Root.message({ type: 'success', message: '下拉更改事件' }); } }, input: { onchange: function(obj) {//下拉展开事件 Root.message({ type: 'success', message: '下拉更改事件' }); } }, }, }; //è¡¨æ ¼å—æ®µäº‹ä»¶è®¾ç½® this.tablefieldClick = { field1: {//å—æ®µäº‹ä»¶è®¾ç½® val: {//有值时的点击事件 notclick_val: "",//ä¸å¯ç‚¹å‡»çš„值,1ã€æ˜¯æ•°ç»„["11","22"]ï¼›2ã€ä»¥â€œ;â€åˆ†éš”çš„å—符串"111;222" notclick_bindfield: [],//å½“è¯¥å—æ®µå€¼ç‰äºŽæŒ‡å®šå—段值时ä¸å¯ç‚¹å‡»["filterfield": "111"] onclick: function(obj) {//æ•°æ®å€¼ç‚¹å‡»äº‹ä»¶ me.opentest(); }, }, }, }; //表å•å—æ®µäº‹ä»¶è®¾ç½® this.formfieldClick = { product_code: {//å—æ®µäº‹ä»¶è®¾ç½® val: {//有值时的点击事件 onclick: function(obj) {//æ•°æ®å€¼ç‚¹å‡»äº‹ä»¶ Root.message({ type: 'success', message: obj.val + '点击事件' }); }, onchange: function(obj) {//æ•°æ®ä¿®æ”¹äº‹ä»¶ Root.message({ type: 'success', message: 'æ•°æ®ä¿®æ”¹äº‹ä»¶' }); } }, popup: { onclick: function(obj) {//弹窗点击事件 Root.message({ type: 'success', message: '弹窗点击事件' }); } }, visible: { onchange: function(fieldObj, row, callback) {//下拉展开事件 Root.message({ type: 'success', message: '下拉展开事件' }); //釿–°è®¾ç½®é€‰æ‹©é¡¹ if (callback) { var obj_ = { options: [] }; callback(obj_); } } }, select: { onchange: function(obj) {//下拉更改事件 Root.message({ type: 'success', message: '下拉更改事件' }); } }, input: { onchange: function(obj) {//输入更改事件 Root.message({ type: 'success', message: '输入更改事件' }); } }, button: { onclick: function(obj) {//按键点击事件 Root.message({ type: 'success', message: '按键点击事件' }); } }, buttonarray: { onclick: function(obj) {//æŒ‰é”®ç»„ç‚¹å‡»äº‹ä»¶ï¼Œéœ€è¦æ ¹æ®æŒ‰é”®çš„codeæ¥åˆ¤æ–具体事件 Root.message({ type: 'success', message: '按键组点击事件' }); } }, }, }; }, opentest() { var me = this; var config = { totab: true, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "900px", height: "900px", icon: "icon-product", text: "折扣总账", id: "test_pagezxc",//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ //url: "module/system/page/coming.html", url: "module/performance/page/bookSummary.html", data: {}, delta: {}, sceneCode: "edit", //"add"//"browse", callback: function(obj, callback) { me.onQuery(); if (callback) { callback(); } } }; me.doPopupByPublic(config); }, addData() { let me = this; var config = { totab: false, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "500px", height: "300px", icon: "icon-product", text: "产å“ä¿¡æ¯", id: "product_edit",//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ url: "module/md/page/product/page/product_edit.html", data: {}, delta: {}, sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse", callback: function(obj, callback) { me.onQuery(); if (callback) { callback(); } } }; me.doPopupByPublic(config); }, onEditData(config, scope) { var me = this; var row = scope.row; //1. empty row if (!row || !row.id) { Root.message({ type: 'warning', message: '请选择è¦ç¼–辑的数æ®' }); return false; } //3. popup var config = { totab: false, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "500px", height: "300px", icon: "icon-product", text: "产å“线信æ¯", id: "product_edit" + row.id,//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ url: "module/md/page/product/page/product_edit.html", data: row, delta: null, sceneCode: "edit",//"refuseedit",//"approval", //"add"//"browse", callback: function(obj, callback) { me.onQuery(); if (callback) { callback(); } } }; me.doPopupByPublic(config); }, } }); }; 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> <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" :isdraggableorder="false" v-on:on-query="onQuery" v-on:on-init-query="onInitFilter" v-on:order-fields="orderFilterFields" > </h-form-filter> </div> </div> <div class="h_dialog__body"> <h-table v-if="isRefresh" ref="table1" :table-fields="tableFields" :table-data="default_tableData" :is-edit-table-data="isEditTableData" :pagesize="pagesize" :pagenum="pagenum" :total="total" :table-height="tableHeight" :table-field-click="tablefieldClick" :is-show-index="false" :tableloading="tableloading" :isdraggableorder="false" v-on:get-data="getData" v-on:edit-data="editData" v-on:del-data="delData" v-on:order-fields="orderTableFields" > </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>