<!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> <style> /* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ è½½æ—¶å‡ºçŽ° vuejs çš„å˜é‡å而设计的 */ [v-cloak] { display: none !important; } </style> <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 :style="{height: t_height +'px', 'overflow-y': 'auto'}"> <div class="el-dialog__body"> <h-form ref="form1" :form-attr="formAttr" :table-fields="formFields" :form-data="formData" :table-field-click="formfieldClick" > </h-form> </div> </div> <div class="el-dialog__footer" v-if="isedit"> <el-button size="small" type="default" @click="closeDialog">å– æ¶ˆ</el-button> <el-button size="small" v-if="(isedit || isrefuseedit)" type="primary" @click="saveRowTable">ä¿ å˜</el-button> <!-- <el-button size="small" v-if="isedit" type="success" @click="">æ 交</el-button> <el-button size="small" v-if="isrefuseedit" type="success" @click="">冿¬¡æäº¤</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> <script type="text/javascript"> function initVue() { new FormVue({ el: "#vbody", data: { dataname: "price_manager_nation", title: "全国çœä¸æ ‡ä»·ä»·æ ¼è¡¨", dataurl: "rootjemin/data/getEntitySet", filterTxt: "type='NationTag'", formAttr: { istitle: false, title: "表å•åç§°", columnnumber: 2, labelwidth: "140px", labelposition: "left",//"left",// right//top size: "mini", border: "3px solid #c6c6c600" }, dataRequest: [ { name: "md_province", url: "rootjemin/data/getEntitySet", paramsobj: {dataname: "md_division", filter: "level = '1'"}, isnotoption: false, //true:䏿˜¯é€‰é¡¹ label: "name", code: "code" } ], default_formFields: [ {isshow: "T", field: "state", name: "æ˜¯å¦æœ‰æ•ˆ", width: "100", type:'switch',}, {isshow: "T", field: "area", name: "地区", width: "150", type: 'select',}, {isshow: "T", field: "program", name: "项目", width: "200", align: "left", type: 'input',}, {isshow: "T", field: "code", name: "è¯å“ç¼–ç ", width: "150", type: 'popup',}, {isshow: "T", field: "name", name: "è¯å“åç§°", width: "150", type: 'span',}, {isshow: "T", field: "spec", name: "è¯å“è§„æ ¼", width: "100", type: 'span',}, {isshow: "T", field: "20", name: "20å¹´ä»·æ ¼", width: "100", formatter: "formatter_money", align: "right", type: "input"}, {isshow: "T", field: "21", name: "21å¹´ä»·æ ¼", width: "100", formatter: "formatter_money", align: "right", type: "input"}, {isshow: "T", field: "22", name: "22å¹´ä»·æ ¼", width: "100", formatter: "formatter_money", align: "right", type: "input"}, {isshow: "T", field: "23", name: "23å¹´ä»·æ ¼", width: "100", formatter: "formatter_money", align: "right", type: "input"}, {isshow: "T", field: "unit_dose_price", name: "最å°åˆ¶å‰‚å•ä»·", width: "100", formatter: "formatter_money", align: "right", type: "input"}, {isshow: "T", field: "retail_price", name: "最å°é›¶å”®å•ä»·", width: "100", formatter: "formatter_money", align: "right", type: "input"}, {isshow: "T", field: "unit", name: "ä»·æ ¼å•ä½", width: "100", type: "span"}, {isshow: "T", field: "time", name: "执行时间", width: "100", formatter: "formatter_date", type: "date"}, {isshow: "T", field: "remark", name: "备注", width: "150", align: "left", type: "textarea", colspan: 2}, ], formFields: [], newformData: {}, formData: {}, //å—æ®µè®¾ç½® tablefieldClick: {}, formfieldClick: {}, //按键æƒé™è®¾ç½® isedit: false,//æäº¤å‰ç¼–辑,ä¿å˜/æäº¤ isrefuseedit: false,//æ‹’ç»åŽç¼–辑,ä¿å˜/冿¬¡æäº¤ isapproval: false,//å®¡æ‰¹ï¼ŒåŒæ„/æ‹’ç»/转办/退回 isend: false, iscommit: false,//æäº¤æ ‡è®° //å¼¹çª—å‚æ•° popupParames: {}, t_height:null, isRefresh: true, }, created() { this.popupParames = clone(Root.popupParames); this.title = this.popupParames.title || this.popupParames.text; if (this.popupParames.data) { this.formData = clone(this.popupParames.data); } if (this.popupParames.sceneCode) { if (this.popupParames.sceneCode == "add") {//新增 if (this.newformData) { let formData_ = clone(this.formData); for (var k in this.newformData) { formData_[k] = this.newformData[k]; } this.formData = formData_; } this.isedit = true; } else if (this.popupParames.sceneCode == "browse") {//åªè¯» this.formAttr.disabled = true; this.formAttr2.disabled = true; } else if (this.popupParames.sceneCode == "edit") {//编辑 this.isedit = true; } else if (this.popupParames.sceneCode == "approval") {//审批 this.formAttr.disabled = true; this.formAttr2.disabled = true; this.isapproval = true; } else if (this.popupParames.sceneCode == "refuseedit") {//æ‹’ç»åŽçš„编辑 this.isrefuseedit = true; } } }, mounted() { var me = this; me.t_height = document.documentElement.clientHeight*1 - 91; //é¢„åŠ è½½æ•°æ® if (this.dataRequest && this.dataRequest.length) { var result = {}; this.loadRequestData(this.dataRequest, result, function(data) { me.dataRequestObj = data; //é¢„åŠ è½½æ•°æ®åŽç»™å“ªäº›å—段设置options或formatterjson me.initData(); }); } else { this.initData(); } // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é— this.$nextTick(() => { hideLoading(); //釿–°è®¾ç½®å¼¹çª—宽高 this.$nextTick(function(){ let w_ = this.$refs.popup_body.offsetWidth + "px"; // let w_ = "900px"; let h_ = this.$refs.popup_body.offsetHeight + "px"; Root.setPopupWH(w_, h_); }) }); }, methods:{ //å…³é—弹窗 closeDialog() { var me = this; if (me.popupParames.totab){ Root.tab.removeItem(Root.tab.selected); Root.tab.open(me.popupParames.parentOption, false); } else { Root.hidePopup(); } }, //å…³é—å‰è°ƒå›žè°ƒ saveAfter() { var me = this; if(this.popupParames.callback) { let obj = { //row: this.formData } this.popupParames.callback(obj, function() { me.closeDialog(); }); } else { me.closeDialog(); } }, initData() { let me = this let id_ = "" if (this.formData.id) { id_ = this.formData.id; } this.getRowDataById(id_, function(result) {//查询åŽçš„回调,用于获å–å—æ®µçš„ if (result.meta && result.meta[me.dataname] && result.meta[me.dataname].fields) { var metas = clone(result.meta[me.dataname].fields); var formFields_ = []; metas.map(f=>{ f.isshow = "T"; if (f.field == 'province_name') { me.dataRequestObj.md_province.data.entityset.map(e => { e.value = e.name }) f.options = me.dataRequestObj.md_province.data.entityset } let currentYear = parseInt(createDate().split('-')[0].substring(2, 4)) // let currentYearField = "price_" + currentYear // let leftYear1 = "price_" + (currentYear - 1) // let leftYear2 = "price_" + (currentYear - 2) // let leftYear3 = "price_" + (currentYear - 3) if (f.field.indexOf('price_') != -1) { let fieldYear = parseInt(f.field.split('_')[1]) if (fieldYear == currentYear) { formFields_.push(clone(f)); } } else { formFields_.push(clone(f)); } }) if (!me.formFields || (me.formFields && me.formFields.length == 0)) { me.formFields = clone(formFields_); //å—æ®µæ•°ç»„è½¬å—æ®µobj me.fieldsToFieldsObj(); //è®¾ç½®å—æ®µäº‹ä»¶ me.tableFieldClick(); } } if (me.rowData[me.dataname]) { me.formData = me.rowData[me.dataname]; } }) }, newEndDeatil() { var me = this; var config = { totab: false, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "900px", height: "900px", icon: "icon-product", text: "请选择è¦ç»ˆæ¢çš„全国çœä¸æ ‡ä»·ä»·æ ¼è¡¨æ˜Žç»†æ•°æ®", id: "popup_terminal_policy_info_list",//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ url: "../agreement/policy/popup_terminal_policy_info_list.html", data: {}, delta: {}, sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse", callback: function(obj, callback) { if (callback) { callback(); } } }; me.doPopupByPublic(config); }, tableFieldClick() { var me = this; //表å•å—æ®µäº‹ä»¶è®¾ç½® this.formfieldClick = { product_name: { popup: { onclick: function(obj) {//弹窗点击事件 var config = { totab: false, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "900px", height: "450px", icon: "icon-product", text: "选择è¯å“", id: "popup_product_list",//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ url: "../agreement/popup/popup_product_list.html", data: {}, delta: {}, dataname: "md_product", filter: "1 = 1", sceneCode: "add", //"add"//"browse", callback: function(popObj, callback) { let formData = clone(me.formData) formData['product_code'] = popObj.row.md_code formData['product_name'] = popObj.row.md_description formData['product_spec'] = popObj.row.specification formData['product_unit'] = popObj.row.unit me.formData = formData if (callback) { callback(); } } }; me.doPopupByPublic(config); } }, }, province_name: { select: { onchange: function(obj) {//下拉展开事件 obj.data.province_code = obj.selectoption.code obj.data.province_name = obj.selectoption.name } }, }, files: { buttonarray: { onclick: function(obj) { var filenamefield = obj.obj.field; var fileidfield = "files"; if(obj.buttonobj && obj.buttonobj.code == "showfilebyfile"){ me.showFileImgByFileId(obj.buttonobj.fileobj); }else if (obj.buttonobj && obj.buttonobj.code == "uploadlist"){ me.onPopupByUploadFile(filenamefield, fileidfield, me.dataname); }else if (obj.buttonobj && obj.buttonobj.code == "delfilebyfile"){ me.deleteByFileId(filenamefield, obj.buttonobj.fileobj); } } } }, oa_code: { val: { onclick: function(obj) { } } } }; //è¡¨æ ¼å—æ®µäº‹ä»¶è®¾ç½® this.tablefieldClick = { }; }, onPopupByUploadFile(filenamefield, fileidfield,dataname) { var me = this; var analysistype_ = ""; var formData_ = clone(me.formData); var delta_ = {filetypelist: []}//".png", ".jpg", ".pdf" var config = { totab: false, width: "500px", icon: "icon-product", text: "é™„ä»¶ä¸Šä¼ ", id: "popupByUploadFile", url: "../tool/popup_uploadFile.html", data: { dataName: dataname, fileidfieldName: fileidfield, id: me.formData.id, fileNamefieldName: filenamefield, max_size: "100MB", }, delta: delta_, callback: function(obj, callback) { me.$message({ showClose: true, message: 'ä¸Šä¼ æˆåŠŸï¼', type: 'success' }); var file_ = { id: obj.row[0].id, file_name: decodeURI(obj.row[0].name) } if (!formData_[filenamefield]) { formData_[filenamefield] = [] } formData_[filenamefield].push(file_); me.formData = formData_; if (callback) { callback(); } } }; this.doPopupByPublic(config); }, deleteByFileId(filenamefield, fileobj){ var me = this; var formData_ = clone(me.formData); Root.confirm('ç¡®å®šåˆ é™¤é™„ä»¶ã€' + fileobj.file_name + '】å—?', 'åˆ é™¤æç¤º', { confirmButtonText: 'åˆ é™¤', cancelButtonText: 'å–æ¶ˆ', type: 'warning' }).then(() => { if (fileobj.id) { let param = { dataname: "file_index", id: fileobj.id } Server.call("root/data/deleteEntity", param, function(result) { console.log(result); if (result && result.data) { me.formData[filenamefield].remove(fileobj); // me.formData = formData_; Root.message({ type: 'success', message: 'åˆ é™¤æˆåŠŸ!' }); } }); } }).catch(() => { Root.message({ type: 'info', message: '已喿¶ˆåˆ 除' }); }); }, showFileImgByFileId(fileobj) { let me = this; var file_id = fileobj.id; var file_name = fileobj.file_name; this.zzimg = {}; this.zzimgList = []; this.file_txt = false; if(file_id) { var fileid = file_id; let fileName = clone(file_name); let index1 = fileName.lastIndexOf("."); let index2 = fileName.length; let suffix = fileName.substring(index1, index2).toLowerCase(); //åŽç¼€å if (suffix == ".png" || suffix == ".jpg" || suffix == ".pdf") { var row = { fileid: fileid, filename: fileName } var config = { totab: false, width: "1200px", height: 800, icon: "icon-product", text: "附件预览", id: "pdf_" + fileid, url: "module/tool/page/popup_file_pdf.html", data: row, delta: {}, callback: function(obj, callback) { if (callback) { callback(); } } }; this.doPopupByPublic(config); } else {//åªå¯ä¸‹è½½ï¼Œä¸å¯é¢„览 // handleDownloadUrl(fileid,false); handleDownload(fileid); } } }, addTableData() { var table_row = clone(this.newTableData); this.rowChange(table_row, "add", this.table_dataname); }, delData(scope) { let me = this; let row = scope.row; let index_ = scope.$index; Root.confirm('ç¡®å®šåˆ é™¤æ•°æ®ã€' + JSON.stringify(row) + '】å—?', 'åˆ é™¤æç¤º', { confirmButtonText: 'åˆ é™¤', cancelButtonText: 'å–æ¶ˆ', type: 'warning' }).then(() => { me.rowChange(row, "del", me.table_dataname); }).catch(() => { Root.message({ type: 'info', message: '已喿¶ˆåˆ 除' }); }); }, rowChange(row, type, tablename) { var me = this; if (type == "add") { this.tableData.unshift(row); } else if (type == "del") { if (row.id) { let param = { dataname: tablename, id: row.id } Server.call("root/data/deleteEntity", param, function(result) { console.log(result); if (result && result.data) { me.tableData.remove(row); Root.message({ type: 'success', message: 'åˆ é™¤æˆåŠŸ!' }); } }); } else { this.tableData.remove(row); } } else { } }, //æäº¤ submitRowTable() { this.iscommit = true; this.saveRowTable(); }, //ä¿å˜ saveRowTable() { var me = this; var operator_ = "save";//ä¿å˜ if(me.iscommit) { operator_ = "commit";//æäº¤ } var entity_ = clone(this.formData); var entity = {type: "NationTag", is_active: entity_.is_active? "T" : "F"}; for (var r in entity_) { if (entity_[r] && r !== "is_active") { entity[r] = entity_[r]; } } let param = { dataName: "price_manager_nation", data: { price_manager_nation: entity } } Server.call("rootjemin/data/saveEntity", param, function(result) { console.log(result); if (result.success) { Root.message({ type: 'success', message: 'ä¿å˜æˆåŠŸ' }); me.saveAfter(); } }); }, } }); }; initVue(); </script> <style> .a:hover{ background-color: #FFFFFF; } .el-input__inner{ padding: 0 2px; } .header { height: 21px; } .el-dialog_header { padding: 10px 20px; border-bottom: 1px solid #ccc; right: 10px; left: 10px; top: 0px; position: fixed; } .el-dialog_body{ padding: 20px; overflow-y: auto; right: 10px; left: 10px; top: 42px; bottom: 50px; position: fixed; } .el-dialog_footer { padding: 10px 20px; border-top: 1px solid #ccc; right: 10px; left: 10px; bottom: 0px; position: fixed; background-color: #fff; z-index: 10; text-align: right; } html{ overflow-y: hidden; } /* .el-button--mini { color: #FFF; background-color: #2984e2; border-color: #409EFF; } */ </style> </body> </html>