From 339ff20970bc921cd28413d36a72685a771a6098 Mon Sep 17 00:00:00 2001 From: zhangyanpeng <bob.zhang@highdatas.com> Date: 星期日, 04 八月 2024 18:27:37 +0800 Subject: [PATCH] 调整 --- module/flow/page/flow_clean_list.html | 1425 ++++++++++++++++++----------------------------------------- 1 files changed, 434 insertions(+), 991 deletions(-) diff --git a/module/flow/page/flow_clean_list.html b/module/flow/page/flow_clean_list.html index 0ddd89e..9934f96 100644 --- a/module/flow/page/flow_clean_list.html +++ b/module/flow/page/flow_clean_list.html @@ -1,3 +1,4 @@ + <!doctype html> <html> <head> @@ -5,962 +6,344 @@ <title>娴佸悜娓呮礂</title> <script type="text/javascript"> - var pageVue = null; function loadJsCss(callback) { - var jscss_urls = []; + var jscss_urls = [ + {id: "css_m1", type: "css", url: "root/css/tree.css"}, + ]; window.top.initJsCss(document, jscss_urls, callback); }; function initVue() { - pageVue = new TabTableVue({ + new TreeVue({ el: "#vbody", data: { + dataname: "md_product_category", title: "娴佸悜娓呮礂", - //Tab椤硅缃� - tabs_d: [ - {code: "month", name: "鏈堟祦鍚�", dataname: "flow_daily_sell", filterTxt: "", orderby: ""}, - {code: "daily", name: "鏃ユ祦鍚�", dataname: "flow_month_sell", filterTxt: "", orderby: ""}, - ], - d_tabs: { - month: true, - daily: true, - }, - tabs: [], - tabsobj: {}, - dataRequest: [], - authTableFields: [ - {field: "code", name: "鍖婚櫌缂栫爜", isshow: "T", align: "center",width: "150"}, - {field: "name", name: "鍖婚櫌鍚嶇О", isshow: "T", align: "left",width: "200", isminwidth: true}, - {field: "org_code", name: "缁忛攢鍟嗙紪鐮�", isshow: "T", align: "center",width: "150"}, - {field: "org_name", name: "缁忛攢鍟嗗悕绉�", isshow: "T", align: "left",width: "200", isminwidth: true}, - ], - authFilterFields: [ - {isshow: "T", field: "code", name: "鍖婚櫌缂栫爜", filterfield:"", filteroperator: "like", type: ""}, - {isshow: "T", field: "name", name: "鍖婚櫌鍚嶇О", filterfield:"", filteroperator: "like", type: ""}, - {isshow: "T", field: "org_code", name: "缁忛攢鍟嗙紪鐮�", filterfield:"", filteroperator: "like", type: ""}, - {isshow: "T", field: "org_name", name: "缁忛攢鍟嗗悕绉�", filterfield:"", filteroperator: "like", type: ""}, + + tree_title: "娓呮礂杩涘害", + treeTxtFormatter: "{name}锛歿cnt}", + isTreeReadonly: true, + isTreeRefresh: true, + + initTreeData_d: [ + {id: "C0", name: "娴佸悜鎬绘暟", cnt: "1200", + children: [ + {id: "C01", name: "姝g‘澶勭悊", cnt: "1200", dataname: "md_org_data", filtertxt: "1<>1", + children: [ + {id: "C011", name: "鍘婚噸瀹㈡埛", cnt: "1200", dataname: "md_org_data", filtertxt: "1<>1", + children: [ + {id: "C0111", name: "鑷姩鍖归厤", cnt: "1180", dataname: "md_org_data", filtertxt: "1<>1"}, + {id: "C0112", name: "浜哄伐寰呭鐞�", cnt: "12", dataname: "md_org_data", filtertxt: "1<>1"}, + {id: "C0113", name: "浜哄伐宸插鐞�", cnt: "0", dataname: "md_org_data", filtertxt: "1<>1"}, + {id: "C0114", name: "寤鸿鏂板", cnt: "8", dataname: "md_org_data", filtertxt: "1<>1"}, + ]}, + ]}, + {id: "C1", name: "澶勭悊閿欒", cnt: "0", dataname: "md_org_data", filtertxt: "1<>1"}, + ] + }, ], - cbuttons_r: {}, - ctabs_r: {}, - filterTxt: "", - iscustomer: false, - - isSales: false,//閿�鍞汉鍛橈紙閿�鍞唬琛ㄣ�佸ぇ鍖虹粡鐞嗐�佸皬鍖虹粡鐞嗭級 - isRegionR: false,//澶у尯缁忕悊 - saveUser: null,//鐧诲綍鑰卛d + isRefresh_table1: true, + tableFields_table1: [ + {isshow: "T", field: "field1", name: "鍘熷瀹㈡埛鍚嶇О", align: "left",width: "100", isminwidth: true}, + {isshow: "T", field: "field2", name: "鏈�楂樺垎", align: "center", width: "80"}, + {isshow: "T", field: "field3", name: "涓撴湁鍚嶈瘝", align: "left", width: "100", isminwidth: true}, + {isshow: "T", field: "field4", name: "娓犻亾", align: "left", width: "120"}, + {isshow: "T", field: "field5", name: "鐪佷唤", align: "center", width: "100"}, + {isshow: "T", field: "field6", name: "鍩庡競", align: "center", width: "100"}, + {isshow: "T", field: "field7", name: "鍖哄幙", align: "center", width: "100"}, + {isshow: "T", field: "field8", name: "鐘舵��", align: "center", width: "100"}, + ], + pagesize_table1: 10, + pagenum_table1: 1, + total_table1: 0, + tableHeight_table1: 100, + tablefieldClick_table1: {}, + tableData_table1: [ + {id: "001", field1: "瀹忎匠椤哄尰鐤楀櫒姊版湁闄愬叕鍙�", field2: "89", field3: "瀹忎匠椤�,鍖荤枟鍣ㄦ", field4: "鏈夐檺鍏徃", field5: "姹熻タ鐪�", field6: "", field7: "", field8: "寰呮竻娲�" }, + {id: "002", field1: "瑾夌編鍖荤枟鍣ㄦ璐告槗鏈夐檺鍏徃", field2: "89", field3: "瑾夌編,鍖荤枟鍣ㄦ,璐告槗", field4: "鏈夐檺鍏徃", field5: "婀栧崡鐪�", field6: "闀挎矙甯�", field7: "", field8: "寰呮竻娲�" }, + {id: "003", field1: "寰锋眹鍚屽垱鍖荤枟鍣ㄦ鏈夐檺鍏徃", field2: "89", field3: "寰锋眹鍚屽垱", field4: "鏈夐檺鍏徃", field5: "骞垮窞鐪�", field6: "", field7: "", field8: "寰呮竻娲�" }, + {id: "004", field1: "閫氭嘲鎱峰尰鐤楃鎶�鏈夐檺鍏徃", field2: "89", field3: "閫氭嘲鎱�,鍖荤枟绉戞妧", field4: "鏈夐檺鍏徃", field5: "涓婃捣甯�", field6: "", field7: "", field8: "寰呮竻娲�" }, + ], + selectedrow_table1: {}, + + isRefresh_table2: true, + filterAttr: { + columnnumber: 4, + labelwidth: "80px", + labelposition: "right",//"left",//"right", + size: "medium", + border: "0px solid #c6c6c600" + }, + filterFields_table2: [ + {isshow: "T", field: "field1", name: "瀹㈡埛鍚嶇О", filterfield: "", filteroperator: "like"}, + ], + filterObj_table2: {}, + tableFields_table2: [ + {isshow: "T", field: "field1", name: "瀹㈡埛鍚嶇О", align: "center",width: "150", isminwidth: true, isfilter: true}, + {isshow: "T", field: "field2", name: "鐪佷唤", align: "center", width: "100"}, + {isshow: "T", field: "field3", name: "鍩庡競", align: "center", width: "100"}, + {isshow: "T", field: "field4", name: "鍖哄幙", align: "center", width: "100"}, + {isshow: "T", field: "field5", name: "娓犻亾", align: "center", width: "120"}, + {isshow: "T", field: "field6", name: "鍖哄幙", align: "center", width: "100"}, + {isshow: "T", field: "field7",name: "鎿嶄綔", type:"buttons", buttons: [{name:"鎺ㄨ崘",code:"tj"},{name: "涓嶆帹鑽�", code:"nbj"}]}, + ], + pagesize_table2: 10, + pagenum_table2: 1, + total_table2: 0, + tableHeight_table2: 100, + tablefieldClick_table2: {}, + tableData_table2: [], + selectedrow_table2: {}, + + isRefresh_table3: true, + tableAttr_table3: { + isborder: false + }, + tableFields_table3: [ + {isshow: "T", field: "field1", name: "鍒嗗��", align: "center",width: "100", headercolor: "#0000"}, + {isshow: "T", field: "field2", name: "瀹㈡埛鍚嶇О", align: "center", width: "150", headercolor: "#0000"}, + {isshow: "T", field: "field3", name: "涓撴湁鍚嶈瘝", width: "100", isminwidth: true, headercolor: "#0000"}, + {isshow: "T", field: "field5", name: "鐪佷唤", align: "center", width: "100", headercolor: "#0000"}, + {isshow: "T", field: "field6", name: "鍩庡競", align: "center", width: "100", headercolor: "#0000"}, + {isshow: "T", field: "field7", name: "鍖哄幙", align: "center", width: "100", headercolor: "#0000"}, + {isshow: "T", field: "field8", name: "鐘舵��", align: "center", width: "100", headercolor: "#0000"}, + {isshow: "T", field: "field9",name: "鎿嶄綔", align: "center", width: "100", headercolor: "#0000", type:"buttons", buttons: [{name:"鎺ㄨ崘",code:"tj"},{name: "涓嶆帹鑽�", code:"nbj"}]}, + ], + tableHeight_table3: 100, + tableData_table3: [ + {id: "1"}, + {id: "2"}, + {id: "3"}, + {id: "4"}, + ], + tablefieldClick_table3: {}, + selectedrow_table3: {}, + }, created() { - if (window.top.vue.userinfo) { - this.saveUser = window.top.vue.userinfo.id; - if (window.top.vue.userinfo.currentactor.code == "Capacity-Sale" || window.top.vue.userinfo.currentactor.code == "Capacity-Region-R" || window.top.vue.userinfo.currentactor.code == "Capacity-Region-M") { - this.isSales = true; - if(window.top.vue.userinfo.currentactor.code == "Capacity-Region-R") { - this.isRegionR = true; - } - } - } + let clientHeight = document.documentElement.clientHeight; + this.treeHeight = clientHeight - 120; + // var currentcapacity = window.top.vue.userinfo.currentcapacity; + // var dataRequest_ = { + // name: "md_approval", + // paramsobj: { + // filter: "rolecode like '%|" + window.top.vue.userinfo.currentcapacity.code + "|%'" + // // filter: "rolecode like '%|Capacity-QA|%'" + // }, + // url: "root/workflow/getOutline", + // isnotoption: true, + // } + // this.dataRequest.push(dataRequest_); + this.tableHeight_table1 = this.treeHeight / 3 + 10; + this.tableHeight_table2 = this.treeHeight / 3 + 10; + + this.tableHeight_table3 = this.treeHeight - this.tableHeight_table1 - this.tableHeight_table2 - 10; + + this.fieldClick(); }, mounted() { var me = this; - if (window.top.tab.selected.option.page_id) { - // this.page_id = window.top.tab.selected.option.page_id; - getPageByPageId(window.top.tab.selected.option.page_id, function(result){ - me.cbuttons_r = result.buttons_r; - me.ctabs_r = result.tabs_r; - // me.ctabs_r = me.d_tabs + //棰勫姞杞芥暟鎹� + if (this.dataRequest && this.dataRequest.length) { + var result = {}; + this.loadRequestData(this.dataRequest, result, function(data) { + console.log("棰勫姞杞芥暟鎹細", data); + me.dataRequestObj = data; + // let md_approval_ = ArrayToTree(clone(data.md_approval.data), "name", "parent_id"); + // me.initTreeData_d = md_approval_; - var tabsarr = []; - me.tabs_d.map(e=>{ - if(me.ctabs_r[e.code]){ - tabsarr.push(e) + var medataRequest_ = [] + me.initTreeData_d.map(nodes=>{ + if (nodes.children) { + var isBadge_ = false; + nodes.children.map(node=>{ + if (node.cnt) { + isBadge_ = true; + node.badgeval = node.cnt + } + }) + nodes.isBadge = isBadge_; } }) - me.tabs = tabsarr; - - //棰勫姞杞芥暟鎹� - if (me.dataRequest && me.dataRequest.length) { - var result = {}; - me.loadRequestData(me.dataRequest, result, function(data) { - me.dataRequestObj = data; - - if(me.tabs.length>0){ - me.activeTabName = me.tabs[0].code; - } - //鑾峰彇鏁版嵁 - //鍒濆鍖朤abs - me.initTabsPage(function() { - //鑾峰彇鏁版嵁 - me.initData(); - }); - me.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� - hideLoading(); - }); - }); - } - else { - if(me.tabs.length>0){ - me.activeTabName = me.tabs[0].code; - } - //鑾峰彇鏁版嵁 - //鍒濆鍖朤abs - me.initTabsPage(function() { - //鑾峰彇鏁版嵁 - me.initData(); - }); - me.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� - hideLoading(); - }); - } - }) + me.initData(); + // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + me.$nextTick(() => { + hideLoading(); + }); + + }); + } + else { + this.initData(); // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + this.$nextTick(() => { + 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); - var filterFields_ = []; - var tableFields_ = []; - // if(me.selectTabObj.code == 'authorize') { - // tableFields_ = clone(me.authTableFields); - // filterFields_ = clone(me.authFilterFields); - // } - - metas.map(f=>{ - // if(me.selectTabObj.code == 'authorize') { - // if (f.field == "begin_date" || f.field == "end_date" || f.field == "authorization_type" || f.field == "category_name") { - // f.isshow = "T"; - // tableFields_.push(clone(f)); - // } - // } else { - f.isshow = "T"; - // if(f.field == "state_name") { - // if(me.selectTabObj.code == "hospital") { - // f.isshow = "F"; - // } - // } - tableFields_.push(clone(f)); - - - if(f.field == "province") { - f.options = me.dataRequestObj.md_province; - } - if (f.isfilter) { - filterFields_.push(clone(f)); - } - // else if (f.field == "state_name"){ - // f.inputtypefilter = "select"; - // f.filterfield = "state_code"; - - // if(me.selectTabObj.code == "infoAll" || me.selectTabObj.code == "authAll"){ - // f.options = me.dataRequestObj.machine_state; - // filterFields_.push(clone(f)); - // } - // } - else { - var filter_f = clone(f); - filter_f.isshow = "F"; - filterFields_.push(filter_f); - } - }) - if (!me.selectTabObj.filterFields || (me.selectTabObj.filterFields && me.selectTabObj.filterFields.length == 0)) { - me.selectTabObj.filterFields = clone(filterFields_); - me.selectTabObj.tableFields = clone(tableFields_); - - //瀛楁鏁扮粍杞瓧娈祇bj锛岀洰鐨勪负浜嗙瓫閫夋椂鑾峰彇瀛楁灞炴�� - me.fieldsToFieldsObj(); - - //璁剧疆瀛楁浜嬩欢 - me.tableFieldClick(); - - } - } + me.treeData = me.initTreeData_d; + // this.onQuery(function(result, callback) {//鏌ヨ鍚庣殑鍥炶皟锛岀敤浜庤幏鍙栧瓧娈电殑 + // me.treeData = me.initTreeData_d; + // if (callback) { + // callback(); + // } - if (callback) { - callback(); - } - }); + // }); + + // me.treeRefresh() }, - - tableFieldClick() { + onTableDataAfter() {}, + treeRefresh() { var me = this; - //杈栧尯鍖婚櫌鍒楄〃 - var tablefieldClick_hospital = { - code: {//瀛楁浜嬩欢璁剧疆 - val: {//鏈夊�兼椂鐨勭偣鍑讳簨浠� - onclick: function(obj) {//鏁版嵁鍊肩偣鍑讳簨浠� - me.showInfo(obj); - }, - }, - } - }; - //杈栧尯鍙樻洿 - var tablefieldClick_info = { - //waiting - hospital_code: {//瀛楁浜嬩欢璁剧疆 - val: {//鏈夊�兼椂鐨勭偣鍑讳簨浠� - onclick: function(obj) {//鏁版嵁鍊肩偣鍑讳簨浠� - me.showChangeInfo(obj); - }, - }, - }, - state_name: {//鐘舵�� - val: {//鏈夊�兼椂鐨勭偣鍑讳簨浠� - notclick_val: ["鑽夌","鑽夌"], - 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: {}, - sceneCode: "browse", - callback: function(obj, callback) { - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - }, - }, - }; - //鍖婚櫌鎺堟潈鍒楄〃 - var tablefieldClick_org = { - category_name: {//鎺堟潈浜у搧 - val: { - notclick_val: "",//涓嶅彲鐐瑰嚮鐨勫��,1銆佹槸鏁扮粍["11","22"]锛�2銆佷互鈥�;鈥濆垎闅旂殑瀛楃涓�"111;222" - notclick_bindfield: [ - { - field: "id", - val: null, + var param_ = { + filter: "rolecode like '%|" + window.top.vue.userinfo.currentcapacity.code + "|%'" + } + Server.call("root/workflow/getOutline", param_, function(result) { + let md_approval_ = ArrayToTree(clone(result.data), "name", "parent_id"); + var medataRequest_ = []; + md_approval_.map(nodes=>{ + if (nodes.children) { + var isBadge_ = false; + nodes.children.map(node=>{ + if (node.cnt) { + isBadge_ = true; + node.badgeval = node.cnt } - ],//褰撹瀛楁鍊肩瓑浜庢寚瀹氬瓧娈靛�兼椂涓嶅彲鐐瑰嚮["filterfield": "111"] - onclick: function(obj) {//鏁版嵁鍊肩偣鍑讳簨浠� - me.showAuthInfo(obj.row) - }, - }, - defaultval: { - val: "鏌ョ湅",//绌哄�兼椂鐨勬樉绀哄�� - onclick: function(obj) {//榛樿鍊肩偣鍑讳簨浠�,姝や簨浠堕渶瑕佽缃畍al鎵嶆湁鏁� - me.showAuthInfo(obj.row) - } - }, - }, - state_name: {//鐘舵�� - val: {//鏈夊�兼椂鐨勭偣鍑讳簨浠� - notclick_val: ["鑽夌","鑽夌"], - 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: {}, - sceneCode: "browse", - callback: function(obj, callback) { - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - }, - }, - }; - //鎺堟潈鍙樻洿 - var tablefieldClick_auth = { - state_name: {//鐘舵�� - val: {//鏈夊�兼椂鐨勭偣鍑讳簨浠� - notclick_val: ["鑽夌","鑽夌"], - 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: {}, - sceneCode: "browse", - callback: function(obj, callback) { - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - }, - }, - type_name: {//鎺堟潈浜у搧 - val: { - notclick_val: "",//涓嶅彲鐐瑰嚮鐨勫��,1銆佹槸鏁扮粍["11","22"]锛�2銆佷互鈥�;鈥濆垎闅旂殑瀛楃涓�"111;222" - notclick_bindfield: [],//褰撹瀛楁鍊肩瓑浜庢寚瀹氬瓧娈靛�兼椂涓嶅彲鐐瑰嚮["filterfield": "111"] - onclick: function(obj) {//鏁版嵁鍊肩偣鍑讳簨浠� - me.showAuthChange(obj.row) - }, - }, - defaultval: { - val: "鏌ョ湅",//绌哄�兼椂鐨勬樉绀哄�� - onclick: function(obj) {//榛樿鍊肩偣鍑讳簨浠�,姝や簨浠堕渶瑕佽缃畍al鎵嶆湁鏁� - me.showAuthChange(obj.row) - } - }, - }, - }; - - var filterfieldClick = {}; - - //鍖婚櫌绠$悊鍒楄〃-杈栧尯鍖婚櫌tab - if (this.selectTabObj.code == "hospital") { - this.selectTabObj.tablefieldClick = tablefieldClick_hospital; - } - //杈栧尯鏂板/鍙樻洿-杈栧尯瀹℃壒涓�佸叏閮ㄨ緰鍖虹敵璇穞ab - else if (this.selectTabObj.code == "infoUnderApproval" || this.selectTabObj.code == "infoAll") { - this.selectTabObj.tablefieldClick = tablefieldClick_info; - } - //鍖婚櫌鎺堟潈鍒楄〃-鍖婚櫌鎺堟潈tab - else if (this.selectTabObj.code == "authorize") { - this.selectTabObj.tablefieldClick = tablefieldClick_org; - } - //鎺堟潈鍙樻洿-鎺堟潈瀹℃壒涓�佸叏閮ㄦ巿鏉冪敵璇穞ab - else if (this.selectTabObj.code == "authUnderApproval" || this.selectTabObj.code == "authAll") { - this.selectTabObj.tablefieldClick = tablefieldClick_auth; - } - - this.filterfieldClick = filterfieldClick; - }, - - tableButtonClick() { - var me = this; - var tablebuttonClick = {}; - tablebuttonClick.hospital = [ - { - isbuttonshow: me.cbuttons_r.add ? me.cbuttons_r.add : false,type:"primary", - code: "add",isselected: false,classname: "", - onclick: function(obj) { - me.openPolicy('add', {}) + }) + nodes.isBadge = isBadge_; } - }, - { - // name: "鎻愪氦", // type: "primary", // icon: "el-icon-edit", - isbuttonshow: me.cbuttons_r.submit ? me.cbuttons_r.submit : false, type: "success", - code: "submit", isselected: true, classname: "", - disabled: function(selectRowList) { - var bo_ = true; - if (selectRowList[0]) {// && selectRowList[0].state_code == "Input" - bo_ = false; - } - return bo_ - }, - onclick: function(obj) { - // me.commitData(obj.selectedList[0]); - me.openPolicy('edit', obj.selectedList[0]) - } - }, - { - isbuttonshow: me.cbuttons_r.edit ? me.cbuttons_r.edit : false,type:"primary", - code: "edit",isselected: true,classname: "", - disabled: function(selectRowList) { - var bo_ = true; - if (selectRowList[0]) { // && selectRowList[0].state_code == "Input" - bo_ = false; - } - return bo_ - }, - onclick: function(obj) { - me.openPolicy('edit', obj.selectedList[0]) - } - }, - { - isbuttonshow: me.cbuttons_r.delete ? me.cbuttons_r.delete : false, type: "danger", - code: "delete", isselected: true, classname:"", - disabled: function(selectRowList) { - var bo_ = true ; - if (selectRowList[0] ) { // && selectRowList[0].state_code == 'Input' - bo_ = false - } - return bo_; - }, - onclick: function(obj) { - me.delDataPolicy(obj, obj.selectedList[0]) - } - } - ]; - - tablebuttonClick.infoUnderApproval = [ - { - isbuttonshow: me.cbuttons_r.formdetail ? me.cbuttons_r.formdetail : false,type:"primary", - code: "formdetail",isselected: false,classname: "", - onclick: function(obj) { - me.openPolicy("browse", obj.selectedList[0]) - } - }, - - ] - tablebuttonClick.infoAll = [ - { - isbuttonshow: me.cbuttons_r.formdetail ? me.cbuttons_r.formdetail : false,type:"primary", - code: "formdetail",isselected: false,classname: "", - onclick: function(obj) { - me.openPolicy("browse", obj.selectedList[0]) - } - }, - - ] - if (tablebuttonClick[this.activeTabName]) { - this.selectTabObj.tablebuttonClick = tablebuttonClick[this.activeTabName]; - } - else { - this.selectTabObj.tablebuttonClick = [] - } - }, - - delDataPolicy(obj, row) { - let me = this; - let name_ = "璇ユ暟鎹�"; - - if (!row.id) { - Root.message({ - type: 'warning', - message: '璇烽�夋嫨鍒犻櫎鏁版嵁' - }); - return - } - if (row.md_hospital__name) { - name_ = "_" + row.md_hospital__name + "_"; - } - - Root.confirm('纭畾鍒犻櫎' + name_ + '鍚楋紵', '鍒犻櫎鎻愮ず', { - confirmButtonText: '鍒犻櫎', - cancelButtonText: '鍙栨秷', - type: 'warning' - }).then(() => { - let param = { - id: row.id, - dataname: me.selectTabObj.dataname, - } - Server.call("root/data/deleteEntity", param, function(result) { - Root.message({ - type: 'success', - message: '鍒犻櫎鎴愬姛!' - }); - me.onQuery(); + }) + me.isTreeRefresh = false; + me.treeData = md_approval_; + me.$nextTick(() => { // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + me.defaultexpandedkeys = [me.selectednode.id]; + me.currentnodekey = me.selectednode.id; + me.isTreeRefresh = true; }); - }).catch(() => { - Root.message({ - type: 'info', - message: '宸插彇娑堝垹闄�' - }); - }); + + me.getData1ByNode(); + }) }, - commitData(obj) { - var me = this; - Root.confirm('纭畾鎻愪氦杈栧尯鍖婚櫌' + obj.md_hospital__name + '鍚楋紵', '鎻愪氦鎻愮ず', { - confirmButtonText: '鎻愪氦', - cancelButtonText: '鍙栨秷', - type: 'warning' - }).then(() => { - var param = { - dataname: me.selectTabObj.dataname, - id: obj.id, - to_state: "OpeningApproval" - } - console.log(me.selectTabObj) - Server.call("root/data/commit", param, function(result) { - console.log(result); - if (result.success) { - Root.message({ - type: 'success', - message: '鎻愪氦鎴愬姛' - }); - me.onQuery(); + onNodeClick(obj) { + var data = obj.data, node = obj.node, el = obj.el; + var val = data.name; + if (data.children && data.children.length) { + val = ""; + data.children.map(r=>{ + if (val == "") { + val = r.name; } - }); - }).catch(() => { - Root.message({ - type: 'info', - message: '宸插彇娑�' - }); - }); + else { + val += "','" + r.name; + } + }) + } + + // this.filterObjBydefault.category_name = val + this.selectednode = data; + this.pagenum_table1 = 1; + if (this.selectednode.dataname) { + // this.getTable1Meta(); + // this.getData1ByNode(); + } + }, + getTable1Meta() {}, + getData1ByNode() {}, + + getData1(page) { + this.pagesize_table1 = page.pagesize; + this.pagenum_table1 = page.pagenum; + + this.getData1ByNode(); }, - openPolicy(sceneCode, row) { - let me = this; - var text = ""; + table1RowClick(obj) { + this.selectedrow_table1 = obj.row; + this.getData2ByRowTable1(); + }, + + getData2(page) { + this.pagesize_table2 = page.pagesize; + this.pagenum_table2 = page.pagenum; + }, + table2RowClick(obj) { + this.selectedrow_table2 = obj.row; + }, + getData2ByRowTable1() {}, + + onQueryTable2() {}, + onInitFilterTable2() { + //娓呯┖ + this.filterObj = {}; + this.selectedrow = {}; + this.onQueryTable2(); + }, + getData3(page) { - // type_code: "", // Standard鏍囧噯浠风洰琛ㄣ�丆ustomer缁忛攢鍟嗕环鐩〃 - if (sceneCode == "add") { - } - else if (sceneCode == "edit" || sceneCode == "browse") { - if(!row){ - Root.message({ - type: 'warning', - message: '璇烽�夋嫨涓�鏉℃暟鎹�' - }); - return; + }, + table3RowClick(obj) { + this.selectedrow_table3 = obj.row; + }, + + fieldClick() { + this.tablefieldClick_table3 = { + field9: { + buttons: { + onclick: function(row, code) { + Root.message({ + type: 'success', + message: code + }); + } + } } - - // if (row.customer_name) { - // text = row.customer_name; - // } - } - + this.tablefieldClick_table2 = { + field7: { + buttons: { + onclick: function(row, code) { + Root.message({ + type: 'success', + message: code + }); + } + } + } + } + }, + + //娓呮礂 + doWash() { + var me = this; var config = { totab: false, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "900px", - height: "320px", - icon: "icon-product", - text: "杈栧尯鍖婚櫌" + text, - id: "popup_position_hospital" + row.id + sceneCode,//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/popup/popup_position_hospital.html", - data: row, - delta: {dataname: me.selectTabObj.dataname,}, - sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse", - callback: function(obj, callback) { - me.onQuery(); - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - - - //杈栧尯鍖婚櫌鏂板 - onAddData() { - var me = this; - - var config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� width: "900px", height: "900px", icon: "icon-product", - text: "鍖婚櫌绠$悊淇℃伅", - id: "hospital_list_info",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/hospital_list_info.html", + text: "娓呮礂杩涘害", + id: "test_page",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� + //url: "module/system/page/coming.html", + url: "module/flow/page/popup/washProcess.html", data: {}, delta: {}, - sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse", + sceneCode: "edit", //"add"//"browse", callback: function(obj, callback) { - //isSales鎻愪氦鍚庡埛鏂�'杈栧尯瀹℃壒涓�'tab - // if(me.isSales) { - var tab = { - name: 'infoUnderApproval', - }; - me.activeTabName = 'infoUnderApproval'; - me.handleClick(tab); - me.onQuery(); - // } else { - // me.onQuery(); - // } - if (callback) { callback(); } } }; me.doPopupByPublic(config); - }, + } - //杈栧尯鍖婚櫌淇℃伅鏌ョ湅 - showInfo(obj) { - var me = this; - - var config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "1200px", - height: "600px", - icon: "icon-product", - text: obj.row.name + " 鍖婚櫌绠$悊淇℃伅", - id: "hospital_list_info" + "browse" + obj.row.id,//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/hospital_list_info.html", - data: obj.row, - delta: {}, - sceneCode: "browse", //"add"//"browse", - callback: function(obj, callback) { - me.onQuery(); - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - //杈栧尯鍖婚櫌鍙樻洿 - onEditDataChange(config) { - var me = this; - var row = me.selectTabObj.selectedrow; - - config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "900px", - height: "500px", - icon: "icon-product", - text: row.name + " 淇℃伅鍙樻洿", - id: "hospital_list_info" + row.id + "_edit",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/hospital_list_info.html", - data: row, - delta: {}, - sceneCode: "change",//"refuseedit",//"approval", //"add"//"browse", - callback: function(obj, callback) { - //isSales鎻愪氦鍚庡埛鏂�'杈栧尯瀹℃壒涓�'tab - // if(me.isSales) { - var tab = { - name: 'infoUnderApproval', - }; - me.activeTabName = 'infoUnderApproval'; - me.handleClick(tab); - me.onQuery(); - // } else { - // me.onQuery(); - // } - - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - - //杈栧尯鍖婚櫌鍙樻洿鏌ョ湅 - showChangeInfo(obj) { - var me = this; - - var config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "900px", - height: "500px", - icon: "icon-product", - text: obj.row.hospital_name + " 鍙樻洿淇℃伅", - id: "hospitalInfoChange" + obj.row.id + "infoChange_browse",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/hospital_list_info.html", - data: obj.row, - delta: {}, - sceneCode: "infoChange_browse",//"refuseedit",//"approval", //"add"//"browse", - callback: function(obj, callback) { - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - - //杈栧尯鍖婚櫌閫�鍥炵紪杈� - reEditInfo() { - var me = this; - var row = me.selectTabObj.selectedrow; - - var config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "900px", - height: "500px", - icon: "icon-product", - text: row.hospital_name + " 鍙樻洿淇℃伅", - id: "hospitalInfoChange" + row.id + "infoChange_browse",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/hospital_list_info.html", - data: row, - delta: {}, - sceneCode: 'reEdit',//"refuseedit",//"approval", //"add"//"browse", - callback: function(obj, callback) { - var tab = { - name: 'infoUnderApproval', - }; - me.activeTabName = 'infoUnderApproval'; - me.handleClick(tab); - me.onQuery(); - - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - - //鎺堟潈淇℃伅鏌ョ湅 - showAuthInfo(row) { - let me = this; - var delta_ = {}; - if(!row.id) { - Root.message({ - type: 'warning', - message: '璇ュ尰闄㈡殏鏃犳巿鏉冩暟鎹�' - }); - return; - } - - var config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "950px", - height: "500px", - icon: "icon-product", - text: row.name + " 鎺堟潈淇℃伅", - id: "org_hospital_edit" + row.id + "browse",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/popup/org_hospital_edit.html", - data: row, - delta: delta_, - // filter: "state_code!='UnderApproval'", - sceneCode: "browse",//"edit", //"add"//"browse", - callback: function(obj, callback) { - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - - //鍖婚櫌鎺堟潈鍙樻洿 - onAuthorize(auth_type) { - var me = this; - var row = me.selectTabObj.selectedrow; - - //3. popup - config = { - totab: true, - icon: "icon-product", - text: "鎺堟潈淇℃伅", - width: "900px", - height: "460px", - // id: "authorize_customer_list" + "edit" + row.id, - // url: "module/md/page/terminal/page/popup/authorize_customer_list.html", - // filter: "hospital_id='"+ row.id +"'", - // sceneCode: "edit", - id: "org_hospital_edit" + auth_type + row.id, - url: "module/md/page/terminal/page/popup/org_hospital_edit.html", - filter: "hospital_id='"+ row.id +"'", - sceneCode: auth_type, - data: row, - delta: {}, - callback: function(obj, callback) { - //isSales鎻愪氦鍚庡埛鏂�'鎺堟潈瀹℃壒涓�'tab - if(me.isSales) { - var tab = { - name: 'authUnderApproval', - }; - me.activeTabName = 'authUnderApproval'; - me.handleClick(tab); - me.onQuery(); - } else { - var tab = { - name: 'authorize', - }; - me.activeTabName = 'authorize'; - me.handleClick(tab); - me.onQuery(); - } - if (callback) { - callback(); - } - }, - }; - me.doPopupByPublic(config); - }, - - //鎺堟潈鍙樻洿鏌ョ湅 - showAuthChange(row) { - let me = this; - var delta_ = {}; - - var config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "950px", - height: "500px", - icon: "icon-product", - text: row.hospital_name + " 鎺堟潈鍙樻洿淇℃伅", - id: "org_hospital_edit" + row.id + "authChange_browse",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/popup/org_hospital_edit.html", - data: row, - delta: delta_, - // filter: "state_code!='UnderApproval'", - sceneCode: 'authChange_browse',//"edit", //"add"//"browse", - callback: function(obj, callback) { - //鍥為��缂栬緫鏃讹紝isSales鎻愪氦鍚庡埛鏂�'鎺堟潈瀹℃壒涓�'tab - if(sceneCode_ == "reEdit") { - if(me.isSales) { - var tab = { - name: 'authUnderApproval', - }; - me.activeTabName = 'authUnderApproval'; - me.handleClick(tab); - me.onQuery(); - } else { - me.onQuery(); - } - } - - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - - //鎺堟潈閫�鍥炵紪杈� - reEditAuth() { - var me = this; - var row = me.selectTabObj.selectedrow; - - var config = { - totab: true, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "950px", - height: "500px", - icon: "icon-product", - text: row.hospital_name + " 鎺堟潈鍙樻洿淇℃伅", - id: "org_hospital_edit" + row.id + "reEdit",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/popup/org_hospital_edit.html", - data: row, - delta: {}, - // filter: "state_code!='UnderApproval'", - sceneCode: 'reEdit',//"edit", //"add"//"browse", - callback: function(obj, callback) { - var tab = { - name: 'authUnderApproval', - }; - me.activeTabName = 'authUnderApproval'; - me.handleClick(tab); - me.onQuery(); - - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, - - onDownload() { - let me = this; - var ioname = "export_md_position_hospital"; - var sign = "md_position_hospital"; - var filename = '杈栧尯鍖婚櫌瀵煎嚭' + String(new Date().getTime()); - var filter_ = "1 = 1"; - filter_ = this.getFilterData(filter_); - let param = { - sign: sign, - filename: filename, - filter: filter_, - ioname:ioname, - orderby: "", - token: Root.getToken() - } - window.top.vue.textdownloadForm(param); - }, - - // DownloadTemplate() { - // var pathurl = "template/1.瀵煎叆妯℃澘/鐩爣鍖婚櫌妞嶅叆鎸囨爣.xlsx"; - // handleDownload(pathurl); - // }, - - DownloadTemplate() { - let me = this; - let param = { - // sign: "md_target_hospital", - ioname:"export_md_position_hospital_template", - orderby: "", - token: Root.getToken() - } - window.top.vue.textdownloadForm(param); - }, - - onPopupByUploadFile() { - var me = this; - var ioname_ = "import_md_position_hospital" - var delta_ = { - filetypelist: [], - isToDB: true, - dataname: this.selectTabObj.dataname, - tableFields: this.selectTabObj.tableFields, - otherSave: "salesBizLogic/saveDealerTargetByImport", - } - var config = { - totab: false, - width: "500px", - icon: "icon-product", - text: "鏁版嵁鏂囦欢涓婁紶", - id: "popup_uploadFileToDB", - url: "module/tool/page/popup_uploadFileToDB.html", - data: { - uploadType: "dealertarget", - tempTable: "temp_target_dealer", - operate_type: "dealertarget", - userid: me.userid, - ioname:ioname_, - }, - delta: delta_, - callback: function(obj, callback) { - me.$message({ - showClose: true, - message: '涓婁紶鎴愬姛锛�', - type: 'success' - }); - me.onQuery(); - if (callback) { - callback(); - } - } - }; - this.doPopupByPublic(config); - }, - - onShowLinkPharmacy() { - var me = this; - var row = me.selectTabObj.selectedrow; - - var config = { - totab: false, //true: 浠ab瀵艰埅鐨勬柟寮忔墦寮� - width: "950px", - height: "300px", - icon: "icon-product", - text: row.hospital_name + "-鍏宠仈闄㈠搴�", - id: "popup_linkpharmacy_list" + row.id + "browse",//totab: true鏃堕渶璁剧疆锛岀敤浜庡垽鏂槸鍚﹀凡鎵撳紑姝ら〉闈� - url: "module/md/page/terminal/page/popup/popup_linkpharmacy_list.html", - data: row, - delta: {}, - filter: "hospital_id='"+ row.hospital_id +"'", - sceneCode: 'browse',//"edit", //"add"//"browse", - callback: function(obj, callback) { - if (callback) { - callback(); - } - } - }; - me.doPopupByPublic(config); - }, } }); @@ -971,7 +354,7 @@ }); </script> <style> - /* 鍦╲ue.js涓� v-cloak 杩欎釜鎸囦护鏄槻姝㈤〉闈㈠姞杞芥椂鍑虹幇 vuejs 鐨勫彉閲忓悕鑰岃璁$殑 */ + /* 鍦╲ue.js涓� v-cloak 杩欎釜鎸囦护鏄槻姝㈤〉闈㈠姞杞芥椂鍑虹幇 vuejs 鐨勫彉閲忓悕鑰岃璁$殑 */ [v-cloak] { display: none !important; } @@ -979,6 +362,17 @@ overflow: hidden; position: relative; padding-left: 20px; + } + + .nodeLabel { + max-width: 200px !important; + } + .h_table { + margin-top: 0px !important; + position: relative; + } + .el-table--small .el-table__cell { + padding: 5px 0!important; } </style> @@ -989,97 +383,148 @@ <div id="page_root"> <div class="topbar"> <span>{{title}}</span> - - <div style="float: right;"> - <el-button-group style="margin-left: 3px"> - <el-button v-show="cbuttons_r.linkpharmacy" @click="onShowLinkPharmacy">鍏宠仈闄㈠搴�</el-button> - <el-button v-show="cbuttons_r.downloadTemplate" @click="DownloadTemplate">妯℃澘涓嬭浇</el-button> - <el-tooltip class="item" effect="dark" :content="buttonsconfig.clearandappend.tooltip" placement="top-start"> - <el-button v-show="cbuttons_r.import" @click="onPopupByUploadFile":icon="buttonsconfig.clearandappend.icon">{{buttonsconfig.clearandappend.name}}</el-button> - </el-tooltip> - <el-button v-show="cbuttons_r.export" type="primary" @click="onDownload" :icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button> + + <!-- <div style="float: right; margin-right: 18px;"> + <el-button-group style="margin-left: 3px;"> + <el-button type="primary" @click="doWash">娓� 娲�</el-button> </el-button-group> - <!-- <el-button - v-show="cbuttons_r.Add && selectTabObj.code == 'hospital'" @click="addData":icon="buttonsconfig.add.icon">{{buttonsconfig.add.name}} - </el-button> - <el-button - v-show="cbuttons_r.Add && selectTabObj.code == 'hospital'" - :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)" - @click="onEditDataChange" :icon="buttonsconfig.change.icon">鍙樻洿 - </el-button> - - <el-button - v-show="cbuttons_r.Auth && selectTabObj.code == 'hospital'" - :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)" - @click="onAuthorize('add')" :icon="buttonsconfig.authorize.icon">鏂板鎺堟潈 - </el-button> - - <el-button-group v-show="selectTabObj.code == 'authorize'" style="margin-left: 3px;"> - <el-button - v-show="cbuttons_r.Auth" - @click="onAuthorize('add')" :icon="buttonsconfig.authorize.icon">鏂板鎺堟潈 - </el-button> - <el-button - v-show="cbuttons_r.Auth" - :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)" - @click="onAuthorize('change')" :icon="buttonsconfig.authorize.icon">鍙樻洿鎺堟潈 - </el-button> - <el-button - v-show="cbuttons_r.Auth" - :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)" - type="danger" - @click="onAuthorize('delete')" :icon="buttonsconfig.authorize.icon">鍙栨秷鎺堟潈 - </el-button> - </el-button-group> - - <el-button-group v-show="selectTabObj.code == 'infoAll'" style="margin-left: 3px;"> - <el-button - v-show="cbuttons_r.Add" - :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && (selectTabObj.selectedrow.state_code == 'Rejected' || selectTabObj.selectedrow.state_code == 'Input') && selectTabObj.selectedrow.create_id == saveUser)" - @click="reEditInfo" :icon="buttonsconfig.edit.icon">缂栬緫 - </el-button> - </el-button-group> - - <el-button-group v-show="selectTabObj.code == 'authAll'" style="margin-left: 3px;"> - <el-button - v-show="cbuttons_r.Auth" - :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && (selectTabObj.selectedrow.state_code == 'Rejected' || selectTabObj.selectedrow.state_code == 'Input') && selectTabObj.selectedrow.create_id == saveUser)" - @click="reEditAuth" :icon="buttonsconfig.edit.icon">缂栬緫 - </el-button> - </el-button-group> --> - </div> + </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" - 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" - :table-buttons-click="selectTabObj.tablebuttonClick" - :filtersobj="selectTabObj.filterObj" - :is-show-index="selectTabObj.isShowIndex" - :tableloading="tableloading" - :isdraggableorder="false" - :is-highlight-row="true" - - v-on:get-data="getData" - v-on:row-click="rowClick" - > - </h-table> + <div style="position: absolute;left: 10px; top:45px;width: 320px; bottom: 10px;border: 1px solid #ccc;"> + <div style="height: 32px;line-height: 32px;border-bottom: 1px solid #ccc ;"> + <span style="font-size: 14px;margin-left: 20px;">{{tree_title}}</span> + </div> + <div :style="{padding: '10px 0', height: treeHeight + 'px', overflow: 'auto'}"> + <h-tree v-if="isTreeRefresh" + :tree-data="treeData" + :tree-txt-formatter="treeTxtFormatter" + :is-readonly="isTreeReadonly" + :default-expanded-keys="defaultexpandedkeys" + :currentnodekey="currentnodekey" + :default-expand-all="true" + + @node-click="onNodeClick" + > + </h-tree> + + </div> + </div> + <div style="position: absolute;left: 340px; top:45px; right: 10px; bottom: 10px;border: 1px solid #ccc;"> + <div> + <div style="height: 32px;"> + <div class="table_title" style="float: left;"> + <span>浜哄伐寰呮竻娲楁暟鎹�</span> + </div> + + <div style="float: right; margin-right: 18px;"> + <el-button-group style="margin-left: 3px;"> + <el-button @click="">鏉ュ崄鏉�</el-button> + </el-button-group> + </div> + </div> + <h-table + v-if="isRefresh_table1 && tableFields_table1.length" + ref="table_table1" + :table-fields="tableFields_table1" + :table-data="tableData_table1" + :pagesize="pagesize_table1" + :pagenum="pagenum_table1" + :total="total_table1" + :table-height="tableHeight_table1 - 32" + :is-highlight-row="true" + :table-field-click="tablefieldClick_table1" + :is-pagination="false" + :isfilterfield="false" + :isdraggableorder="false" + :isbasicfilterfields="false" + :isshowtool="false" + + v-on:get-data="getData1" + v-on:row-click="table1RowClick" + > + </h-table> + <div :style="{height: (tableHeight_table3) + 'px'}"> + <div style="height: 32px;line-height: 32px;margin-top: 10px;"> + + <span style="font-weight: bold;margin-left: 20px;"><i class="el-icon-tickets"></i> 鍘熷瀹㈡埛鍚嶇О锛�</span> + <span>{{selectedrow_table1.field1}}</span> + + <div style="float: right; margin-right: 18px;"> + <el-button-group style="margin-left: 3px;"> + <el-button @click="">寤鸿鏂板</el-button> + <el-button @click="">寰� 瀹�</el-button> + <el-button @click="">娓呯┖鎺ㄨ崘</el-button> + </el-button-group> + </div> + </div> + <h-table + v-if="isRefresh_table3 && tableFields_table3.length" + ref="table_table3" + :table-attr="tableAttr_table3" + :table-fields="tableFields_table3" + :table-data="tableData_table3" + :table-height="tableHeight_table3 - 42" + :is-highlight-row="true" + :table-field-click="tablefieldClick_table3" + :is-pagination="false" + :is-show-index="true" + :is-within-edit-table-data="true" + :isfilterfield="false" + :isdraggableorder="false" + :isbasicfilterfields="false" + :isshowtool="false" + + v-on:get-data="getData3" + v-on:row-click="table3RowClick" + > + </h-table> + </div> + + <div :style="{height: (tableHeight_table2) + 'px'}"> + <!-- <div style="height: 32px; margin-top: 20px;"> + <div class="table_title" style="float: left;"> + <span> <span v-if="selectedrow && selectedrow.field2">銆恵{selectedrow.field2}}銆�</span>瀵瑰簲瀹℃壒浜�</span> + </div> + </div> --> + <!-- <div class="topbar-line"> + <div class="query-bar"> + <h-form-filter v-if="filterFields_table2" ref="form1" + :form-attr="filterAttr" + :table-fields="filterFields_table2" + :form-data="filterObj_table2" + :isdraggableorder="false" + + v-on:on-query="onQueryTable2" + v-on:on-init-query="onInitFilterTable2" + > + </h-form-filter> + </div> + </div> --> + <h-table + v-if="isRefresh_table1 && tableFields_table2.length" + ref="table_table2" + :table-fields="tableFields_table2" + :table-data="tableData_table2" + :table-height="tableHeight_table2 - 40" + :is-highlight-row="true" + :table-field-click="tablefieldClick_table2" + :is-pagination="true" + :is-within-edit-table-data="true" + + :isfilterfield="true" + :isdraggableorder="false" + :isbasicfilterfields="true" + + v-on:get-data="getData2" + v-on:row-click="table2RowClick" + > + </h-table> + </div> + </div> + </div> + </div> </div> </div> @@ -1090,6 +535,4 @@ <div class="cube2"></div> </div> </div> - - </body> </html> -- Gitblit v1.8.0