From c754242fa7e366862dc8b2b147a9c4b922c82980 Mon Sep 17 00:00:00 2001 From: tom <tom.he@highdatas.com> Date: 星期日, 04 八月 2024 16:38:29 +0800 Subject: [PATCH] Merge branch 'master' of http://highdatas.com:9000/r/promotion/promotion_html --- module/md/page/customer/page/deposit_magnagement.html | 370 ++++++++++++++++++++++++++-------------------------- 1 files changed, 187 insertions(+), 183 deletions(-) diff --git a/module/md/page/customer/page/deposit_magnagement.html b/module/md/page/customer/page/deposit_magnagement.html index 9c8ecaa..478b059 100644 --- a/module/md/page/customer/page/deposit_magnagement.html +++ b/module/md/page/customer/page/deposit_magnagement.html @@ -1,9 +1,8 @@ -<!doctype html> + <!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) { @@ -12,149 +11,92 @@ }; function initVue() { - pageVue = new TabTableVue({ + new ListVue({ el: "#vbody", data: { + dataname: "v_guarantee", title: "淇濊瘉閲戠鐞�", + orderby: "", + filterfieldClick: {}, + tablefieldClick: {}, + formfieldClick: {}, - //Tab椤硅缃� - tabs_d: [ - // {code: "Input", name: "鑽夌", dataname: "md_target_dealer", filterTxt: "(state_code='Input' or state_code = 'Rejected')", orderby: "update_time desc"}, - // // {code: "UnderApproval", name: "瀹℃壒涓�", dataname: "so_implant", filterTxt: "state_code='UnderApproval'", orderby: "doc_date desc"}, - // // {code: "Open", name: "瀹℃壒瀹屾垚", dataname: "so_implant", filterTxt: "state_code='Open'", orderby: "doc_date desc"}, - // // {code: "Closed", name: "澶辨晥", dataname:"so_implant", filterTxt: "state_code='Open'",}, - // {code: "All", name: "鍏ㄩ儴", dataname: "md_target_dealer", filterTxt: "1 = 1", orderby: "update_time desc"}, + dataRequest: [], + dataRequestObj:{}, - {code: "List", name: "淇濊瘉閲戞槑缁�", dataname: "md_target_dealer", filterTxt: "", orderby: ""}, - {code: "Flow", name: "淇濊瘉閲戞祦姘�", dataname: "md_target_dealer", filterTxt: "", orderby: ""}, - // {code: "Apply", name: "鎸囨爣鐢宠", dataname: "md_target_apply", filterTxt: "1 = 1", orderby: "update_time desc"}, - ], - tabs: [], - tabsobj: {}, - filterFields: [], tableFields: [], - default_filterFields: [ - {isshow: "T", field: "year", name: "骞翠唤", filterfield:"", filteroperator: "like"}, - {isshow: "T", field: "customer_code", name: "鎺ㄥ箍鍟嗙紪鐮�", filterfield:"", filteroperator: "like"}, - {isshow: "T", field: "customer_name", name: "鎺ㄥ箍鍟嗗悕绉�", filterfield:"", filteroperator: "like"}, - ], - default_tableFields: [ - //{isshow: "T", field: "category_id", name: "鍗忚绫诲瀷-ID", width: "100"}, - {isshow: "F", field: "state_code", name: "鐘舵�佺紪鐮�", width: "70"}, - {isshow: "T", field: "state_name", name: "鐘舵�佸悕绉�", type:"tag", tagtype: '{^鑽夌^:^info^,^鐢熸晥^:^success^,^鍏抽棴^:^danger^}', width: "80"}, - // {isshow: "T", field: "state_code", name: "鐘舵�佺紪鐮�", width: "70",filter_field:'state_code',filter_operator:'=',input_type:'capsuletag',input_type_filter:'select',options_key:'standard',options_pattern:'{^鑽夌^:^info^,^鐢熸晥^:^success^,^瀹℃壒涓璣:^warning^}'}, - //{isshow: "T", field: "template_id", name: "妯℃澘-ID", width: "100"}, - {isshow: "T", field: "month", name: "鐢宠鏃ユ湡", width: "100"}, - {isshow: "T", field: "code", name: "鍙拌处缂栫爜", width: "100"}, - {isshow: "T", field: "name", name: "鐢宠绫诲瀷", width: "100"}, - {isshow: "T", field: "code", name: "鎺ㄥ箍鍟嗙紪鐮�", width: "100"}, - {isshow: "T", field: "name", name: "鎺ㄥ箍鍟嗗悕绉�", width: "220"}, - {isshow: "T", field: "amt", name: "閲戦", width: "100",formatter:'formatter_money',align:'right',prefix:'锟�'}, - {isshow: "T", field: "remark", name: "澶囨敞", width: "100",formatter:'formatter_money',align:'right',isminwidth:'T'}, - ], cbuttons_r: {}, ctabs_r: {}, - dataRequest: [ - // { - // name: "machine_state", - // dataname: "v_state_machine_state", - // // url: "root/data/newEntity", - // // paramsobj: {dataname: "md_org_data", type_code:"Distributor"}, - // isnotoption: false, //true:涓嶆槸閫夐」 - // code:"code",//鏄笅鎷夐�夐」鏃惰缃� - // label:"name",//鏄笅鎷夐�夐」鏃惰缃� - // // orderby: "index_no", - // filter: "parent_id='md_target_dealer'", - // }, - ], - dataRequestObj: {}, + isCustomer: false, }, - created() {}, - + created() { + this.isCustomer = window.top.vue.isCustomer + }, mounted() { var me = this; if (window.top.tab.selected.option.page_id) { this.title = window.top.tab.selected.option.menutitle getPageByPageId(window.top.tab.selected.option.page_id, function(result){ me.cbuttons_r = result.buttons_r; - // me.ctabs_r = result.tabs_r; - - // var tabsarr = []; - // me.tabs_d.map(e=>{ - // if(me.ctabs_r[e.code]){ - // tabsarr.push(e) - // } - // }) - // me.tabs = tabsarr; - - me.tabs = me.tabs_d; //棰勫姞杞芥暟鎹� if (me.dataRequest && me.dataRequest.length) { var result = {}; me.loadRequestData(me.dataRequest, result, function(data) { me.dataRequestObj = data; + //棰勫姞杞芥暟鎹悗缁欏摢浜涘瓧娈佃缃畂ptions鎴杅ormatterjson - if(me.tabs.length>0){ - me.activeTabName = me.tabs[0].code; - } - //鍒濆鍖朤abs - me.initTabsPage(function() { - //鑾峰彇鏁版嵁 - me.initData(); - }); - me.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� - hideLoading(); - }); + me.initData(); }); } else { - if(me.tabs.length>0){ - me.activeTabName = me.tabs[0].code; - } - //鍒濆鍖朤abs - me.initTabsPage(function() { - //鑾峰彇鏁版嵁 - me.initData(); - }); - me.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� - hideLoading(); - }); + me.initData(); } + + me.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + hideLoading(); + }); }) } }, - methods:{ - onhandleClick() { - this.initData(); - }, - initData() { var me = this; - me.tableButtonClick(); - this.doQueryByTab(function(result, callback) {//鏌ヨ鍚庣殑鍥炶皟锛岀敤浜庤幏鍙栧瓧娈电殑 - if (result.meta && result.meta[me.selectTabObj.dataname] && result.meta[me.selectTabObj.dataname].fields) { - var metas = clone(result.meta[me.selectTabObj.dataname].fields); + + 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) { + if (f.field == "state_name") { + f.filterfield = "state_code"; + f.options = me.dataRequestObj.machine_state; + } + filterFields_.push(clone(f)); + } + else { + var filter_f = clone(f); + filter_f.isshow = "F"; + filterFields_.push(filter_f); + } + tableFields_.push(clone(f)); }) - if (!me.selectTabObj.filterFields || (me.selectTabObj.filterFields && me.selectTabObj.filterFields.length == 0)) { - me.selectTabObj.filterFields = clone(me.default_filterFields); - me.selectTabObj.tableFields = clone(me.default_tableFields); + if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) { + me.filterFields = clone(filterFields_); + me.tableFields = clone(tableFields_); + + //瀛楁鏁扮粍杞瓧娈祇bj锛岀洰鐨勪负浜嗙瓫閫夋椂鑾峰彇瀛楁灞炴�� + me.fieldsToFieldsObj(); + + //璁剧疆瀛楁浜嬩欢 + me.tableFieldClick(); + } } - } - - - //瀛楁鏁扮粍杞瓧娈祇bj锛岀洰鐨勪负浜嗙瓫閫夋椂鑾峰彇瀛楁灞炴�� - me.fieldsToFieldsObj(); - - //璁剧疆瀛楁浜嬩欢 - me.tableFieldClick(); if (callback) { callback(); @@ -164,48 +106,82 @@ tableFieldClick() { var me = this; - var tablefieldClick = {}; - this.selectTabObj.tablefieldClick = tablefieldClick[this.activeTabName]; + //琛ㄦ牸瀛楁浜嬩欢璁剧疆 + this.tablefieldClick = { + state_name: {//鐘舵�� + val: {//鏈夊�兼椂鐨勭偣鍑讳簨浠� + notclick_val: ["鑽夌","褰曞叆"],//涓嶅彲鐐瑰嚮鐨勫��,1銆佹槸鏁扮粍["11","22"]锛�2銆佷互鈥�;鈥濆垎闅旂殑瀛楃涓�"111;222" + notclick_bindfield: [], + onclick: function(obj) { + var config = { + totab: false, + width: "1100px", + height: "520px", + icon: "icon-product", + text: "娴佺▼姝ラ", + id: "popup_workflow_step_user" + obj.row.id, + url: "module/tool/page/popup_workflow_step_user.html?v=2023020703", + data: obj.row, + delta: {},//{machine_code: "Org_Account_Open"}, + sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse", + callback: function(obj, callback) { + if (callback) { + callback(); + } + } + }; + me.doPopupByPublic(config); + }, + }, + }, + }; }, - tableButtonClick() { - var me = this; - var tablebuttonClick = {}; - tablebuttonClick.List = [ - { - isbuttonshow: true, - type:"primary", - code: "add", - isselected: false, - classname: "", - onclick: function(obj) { - me.openCustomer('add',obj.selectedList[0]) - } - }, - ] - me.selectTabObj.tablebuttonClick = tablebuttonClick[this.activeTabName] - }, - openCustomer(sceneCode, obj) { + + rowClick(obj){ + var me = this; + me.selectedrow = obj.row; + }, + + addCustomer(){ let me = this; - var row = {} - if (sceneCode == "edit" || sceneCode == "browse") { - row = me.selectTabObj.selectedrow; - if(!row){ - Root.message({ - type: 'warning', - message: '璇烽�夋嫨涓�鏉℃暟鎹�' - }); - return; - } - } - var config = { totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "1100px", - height: "520px", + width: "1000px", + height: "500px", icon: "icon-product", - text: "淇濊瘉閲�" + (row.customer_code ? ("-" + row.customer_code) : ""), - id: "deposit_apply" + (row.id? row.id : "add") + sceneCode, - url: "module/md/page/customer/page/deposit_apply.html", + text: "鍟嗕笟鏂板", + id: "customer_edit",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� + url: "module/md/page/customer/page/customer_edit.html", + data: {}, + delta: {}, + sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse", + callback: function(obj, callback) { + me.onQuery(); + if (callback) { + callback(); + } + } + }; + me.doPopupByPublic(config); + }, + editData(sceneCode){ + var me = this; + var row = me.selectedrow; + if(!row){ + Root.message({ + type: 'warning', + message: '璇烽�夋嫨涓�鏉℃暟鎹�' + }); + return; + } + var config = { + totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� + width: "900px", + height: "500px", + icon: "icon-product", + text: "瀹㈡埛缂栬緫", + id: "customer_edit" + row.id,//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� + url: "module/md/page/customer/page/customer_edit.html", data: row, delta: {}, sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse", @@ -218,76 +194,92 @@ }; me.doPopupByPublic(config); }, + + onDownload() { + let me = this; + var filter_ = "1 = 1"; + filter_ = this.getFilterData(filter_); + console.log("download", filter_); + let param = { + sign: "md_org_data", + filename: '缁忛攢鍟嗘柊澧炲鍑�' + String(new Date().getTime()), + filter: filter_, + orderby: "update_time desc", + token: Root.getToken() + } + me.textdownloadForm(param); + }, + + textdownloadForm(params) {//post鏂囦欢娴佷笅杞� + let form = document.createElement('form'); + form.id = 'form_download'; + form.name = 'form_download'; + document.body.appendChild(form); + //寰幆鍒涘缓input妗� + for (let obj in params) { + if (params.hasOwnProperty(obj)) { + let input = document.createElement('input') + input.type = 'hidden' + input.name = obj; + input.value = params[obj] + form.appendChild(input) + } + }; + form.method = 'post'; //璇锋眰鏂瑰紡 + form.action = window.top.config.url_root + "root/exports/exportSheetsExcel?token=" + Root.getToken(); + form.submit(); // form琛ㄥ崟鎻愪氦 + + document.body.removeChild(form); // 绉婚櫎鍒涘缓鐨勫厓绱� + }, } }); }; - loadJsCss(function () { initVue(); }); </script> - <style> - /* 鍦╲ue.js涓� v-cloak 杩欎釜鎸囦护鏄槻姝㈤〉闈㈠姞杞芥椂鍑虹幇 vuejs 鐨勫彉閲忓悕鑰岃璁$殑 */ - [v-cloak] { - display: none !important; - } - .el-tabs__nav-scroll { - overflow: hidden; - position: relative; - padding-left: 20px; - } - </style> - </head> - <body style="margin: 0px;"> + <body style="margin: 0px;" > <div v-cloak id="vbody"> <div id="page_root"> <div class="topbar"> <span :class="page_title == 'right' ? 'h_page_title_right' : 'h_page_title_left'"><span class="h_page_title_txt">{{title}}</span></span> <div :class="page_title == 'right' ? 'h_page_button_left' : 'h_page_button_right'"> - <el-button-group style="margin-left: 3px"> - <el-button v-show="cbuttons_r.export" @click="onDownload" :icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button> - </el-button-group> + <el-button v-show="cbuttons_r.export ? cbuttons_r.export : false" @click="onDownload" :icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button> </div> </div> - <div> - <el-tabs v-model="activeTabName" @tab-click="handleClick"> - <el-tab-pane v-for="(tab, k) in tabs" :label="tab.name" :name="tab.code" :key="k"></el-tab-pane> - </el-tabs> - </div> + + + <div class="h_dialog__body"> <h-table - v-if="isRefresh && selectTabObj.tableFields" + v-if="isRefresh" ref="table1" - :table-fields="selectTabObj.tableFields" - :table-data="selectTabObj.tableData" - :is-edit-table-data="selectTabObj.isEditTableData" - :pagesize="selectTabObj.pagesize" - :pagenum="selectTabObj.pagenum" - :total="selectTabObj.total" - :table-height="selectTabObj.tableHeight" - :table-field-click="selectTabObj.tablefieldClick" - :is-show-index="selectTabObj.isShowIndex" - :tableloading="tableloading" - :is-highlight-row="selectTabObj.isHighlightRow" + :table-fields="tableFields" + :table-data="tableData" + :is-edit-table-data="isEditTableData" + :table-field-click="tablefieldClick" + :pagesize="pagesize" + :pagenum="pagenum" + :total="total" + :table-height="tableHeight" + :is-highlight-row="true" :isdraggableorder="cbuttons_r.Set" - :filtersobj="selectTabObj.filterObj" - :table-buttons-click="selectTabObj.tablebuttonClick" v-on:get-data="getData" - v-on:edit-data="editData" - v-on:row-click="rowClick" - v-on:del-data="delData" + + v-on:cell-click="cellClick" + v-on:row-click="rowClick" v-on:order-fields="orderTableFields" > </h-table> </div> </div> - </div> - + + </div> <div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;"> <div class="spinner"> <div class="cube1"></div> @@ -295,5 +287,17 @@ </div> </div> + <style> + [v-cloak] { + display: none !important; + } + .prefixclass { + width: 10px; + height: 10px; + border-radius: 5px; + background-color: #e6372b; + display: inline-block; + } + </style> </body> </html> -- Gitblit v1.8.0