<!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=20220425" 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> <body style="margin: 0px;"> <div v-cloak id="vbody"> <div id="page_root"> <div class="topbar"> <span>{{title}}</span> <div style="margin-right: 18px;float: right;"> <el-button-group style="margin-left: 3px"> <el-button @click="exportList">导 出</el-button> </el-button-group> </div> </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="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="true" v-on:get-data="getData" v-on:edit-data="editData" v-on:del-data="delData" v-on:order-fields="orderTableFields" > </h-table> </div> </div> <el-dialog title="ç¾æ”¶åè®®" :visible.sync="reasonvisible" height="50%"> <el-form label-width="100px"> <el-form-item label="ç¾æ”¶åè®®å·"> <el-input v-model="textarea2_no" placeholder="输入åè®®å·" style="width: 100%;"></el-input> </el-form-item> <el-form-item label="备注"> <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10}" placeholder="备注" v-model="textarea2" style="width: 100%;"> </el-input> </el-form-item> </el-form> <div class="dialog-footer" style="float: right;margin-top: 30px;"> <el-button type="default" @click="reasonvisible = false">å– æ¶ˆ</el-button> <el-button type="primary" @click="signingAgreement">ç¡® 定</el-button> </div> </el-dialog> </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 ListVue({ el: "#vbody", data: { dataname: "fee_working_p010_report", dataurl: "rootjemin/data/getEntitySet", title: "å‰å°è´¹ç”¨å£åº¦è®¡æå°è´¦", filterTxt: "", orderby: "update_time desc", default_filterFields: [ {isshow: "T", field: "detail_no", name: "明细编ç ", filterfield:"", filteroperator: "like", type: ""}, ], default_tableFields: [ {isshow: "T", field: "apply_date", name: "申请日期", type:"span", required: true}, {isshow: "T", field: "employee_code", name: "申请人工å·", type:"span", width: "150", required: true }, {isshow: "T", field: "apply_name", name: "申请人", type:"span", required: true}, {isshow: "T", field: "department", name: "所属部门", type:"span", required: true}, {isshow: "T",field: "begin_date", name: "有效期开始", width: "100", type:"date", formatter: "formatter_date", required: true}, {isshow: "T",field: "end_date", name: "有效期结æŸ", width: "100", type:"date", formatter: "formatter_date", required: true}, {isshow: "T", field: "customer_code", name: "商业编ç ", width: "150", type: "span", required: true}, {isshow: "T", field: "eas_code", name: "EASç¼–ç ", width: "150", type:"span", required: true}, {isshow: "T", field: "customer_name", name: "商业åç§°", width: "200", type:"popup", required: true}, {isshow: "T", field: "province", name: "çœä»½", width: "100", type: "span", required: true}, {isshow: "T", field: "delivery_code", name: "å‘货主体编å·", width: "150", type:"span",}, {isshow: "T", field: "delivery_name", name: "å‘货主体åç§°", width: "200", type:"span",}, {isshow: "T", field: "customer_org_name", name: "客户主体åç§°", width: "200", type: "span", align: "left", required: true}, {isshow: "T", field: "com_attr", name: "商业属性", width: "100", type: "span", align: "left", required: true}, {isshow: "T", field: "cus_type", name: "客户身份", width: "100", type: "span", align: "left", required: true}, {isshow: "T", field: "customer_person_code", name: "商业æ“作人编ç ", width: "150", type:"span", required: true}, {isshow: "T", field: "customer_person_name", name: "商业æ“作人åç§°", width: "150", type:"span", required: true}, {isshow: "T", field: "adjust_person_code", name: "实际划拨人编ç ", width: "150", type:"span", required: true}, {isshow: "T", field: "adjust_person_name", name: "实际划拨人åç§°", width: "150", type:"popup", required: true}, {isshow: "T", field: "product_code", name: "è¯å“ç¼–å·", width: "150", type:"span", required: true}, {isshow: "T", field: "product_name", name: "è¯å“åç§°", width: "200", type: "popup", align: "left", required: true}, {isshow: "T", field: "spec", name: "è¯å“è§„æ ¼", width: "100", type: "span", required: true}, {isshow: "T", field: "unit", name: "è¯å“å•ä½", width: "100", type: "span", required: true}, {isshow: "T", field: "org_name_code", name: "管ç†ä¸»ä½“ç¼–ç ", width: "150", type: "span", align: "left", required: true}, {isshow: "T", field: "org_name", name: "管ç†ä¸»ä½“åç§°", width: "200", type: "select", align: "left", required: true}, {isshow: "T", field: "department_code", name: "业务部门编ç ", width: "150", type: "span", align: "left", required: true}, {isshow: "T", field: "department_name", name: "业务部门åç§°", width: "200", type: "popup", align: "left", required: true}, {isshow: "T", field: "pay_type", name: "业务结算类型", width: "150", type: "select", align: "left", required: true}, {isshow: "T", field: "con_type", name: "控制类型", width: "100", type: "select", align: "left", required: false}, {isshow: "T", field: "pay_days", name: "付款天数", width: "100", type: "span", align: "left", required: false}, {isshow: "T", field: "delivery_days", name: "在途天数", width: "100", type: "span", align: "left", required: false}, {isshow: "T", field: "pay_time", name: "账期天数", width: "100", align: "right", type: "span", required: false}, {isshow: "T", field: "target_type", name: "䏿 ‡ä»·ç±»åž‹", width: "100", type: "select", formatter: "formatter_money", align: "right", required: false}, {isshow: "T", field: "price_target", name: "䏿 ‡ä»·", width: "100", type: "span", formatter: "formatter_money", align: "right", required: false}, {isshow: "T", field: "price2", name: "开票é™ä»·", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "price3", name: "供货价", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "price4", name: "分销价", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "price5", name: "零售价", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "price6", name: "结算价", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "delivery_fee", name: "é…é€è´¹", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "delivery_rate", name: "é…é€è´¹çއ", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "com_rate", name: "商业扣率", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "cash_time", name: "兑付时间", width: "100", type: "select", formatter: "formatter_money", align: "right", required: false}, {isshow: "T", field: "return_type", name: "商返类型", width: "100", type: "select", formatter: "formatter_money", align: "right", required: false}, {isshow: "T", field: "current_customer_person11", name: "当期票折系数", width: "100", type:"span", required: true}, {isshow: "T", field: "current_discount_amount", name: "当期票折金é¢", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "withdraw_customer_person11", name: "回笼履约系数", width: "100", type:"span", required: true}, {isshow: "T", field: "withdraw_discount_amount", name: "回笼履约金é¢", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "withdraw_customer_person12", name: "回笼履约扣留系数", width: "150", type:"span", required: true}, {isshow: "T", field: "customer_person11", name: "基础折让系数", width: "100", type:"span", required: true}, {isshow: "T", field: "discount_amount", name: "基础折让金é¢", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "product_code11", name: "商业规范æ“作折让系数", width: "150", type:"span", required: true}, {isshow: "T", field: "spec11", name: "商业规范æ“作折让金é¢", width: "150", type: "span", required: true}, {isshow: "T", field: "product_code22", name: "调拨折让系数", width: "100", type:"span", required: true}, {isshow: "T", field: "spec22", name: "调拨折让金é¢", width: "100", type: "span", required: true}, {isshow: "T", field: "product_code33", name: "æµæ°´æŠ˜è®©ç³»æ•°", width: "100", type:"span", required: true}, {isshow: "T", field: "spec33", name: "æµæ°´æŠ˜è®©é‡‘é¢", width: "100", type: "span", required: true}, {isshow: "T", field: "net_code11", name: "年度任务数é‡", width: "100", type: "span",}, {isshow: "T", field: "net_name11", name: "年度折让系数", width: "100", type: "span", align: "left", required: true}, {isshow: "T", field: "target_price11", name: "年度折让金é¢", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "origin_price11", name: "库å˜ç®¡ç†ç³»æ•°", width: "100", type: "span", align: "right", required: true}, {isshow: "T", field: "gap_price11", name: "库å˜ç®¡ç†é‡‘é¢", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "pay_type11", name: "项目折让系数", width: "100", type: "span", required: true}, {isshow: "T", field: "gap_rate11", name: "项目折让金é¢", width: "100", type: "span", required: true}, {isshow: "T", field: "gap_rate", name: "补税比率", width: "100", type: "span", required: true}, {isshow: "T", field: "gap_tax", name: "补税金é¢", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "tax_qty", name: "补税票数", width: "100", type: "span", formatter: "formatter_money", align: "right", required: true}, {isshow: "T", field: "terminal_code", name: "终端区分", width: "100", type: "select",}, {isshow: "T", field: "is_agency11", name: "折让å°è®¡", width: "100", type: "span", align: "right", required: true}, {isshow: "T", field: "agree_no11", name: "折让å°è®¡æ¯”率", width: "100", type: "span", align: "right", type: "span", required: true}, {isshow: "T", field: "remark11", name: "备注", type: "input", width: "150"}, ], filterfieldClick: {}, tablefieldClick: {}, formfieldClick: {}, reasonvisible: false, textarea2: '', textarea2_no: '', dataRequest: [ { name: "md_province", url: "rootjemin/data/getEntitySet", paramsobj: {dataname: "md_division", filter: "level = '1'"}, isnotoption: false, //true:䏿˜¯é€‰é¡¹ } ], }, created() { }, mounted() { var me = this; let re = false // if (window.top.vue.userinfo.user.roleList && window.top.vue.userinfo.user.roleList.length > 0) { // window.top.vue.userinfo.user.roleList.map(s => { // if (s.id && (s.id == "sp093" || s.id == "sp094" || s.id == "sp096" || s.id == "0")) { // re = true // } // }) // } // if (!re) { // this.filterTxt += " and creator_code = '" + window.top.vue.userinfo.employee.code + "' " // } //èŽ·å–æ•°æ® 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(); } this.$nextTick(() => { // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é— hideLoading(); }); }, methods:{ signingAgreementOuter() { this.reasonvisible = true; }, signingAgreement() { let me = this; var date_ = dateFormat(new Date(),"yyyy-MM-dd"); let param_ = { dataname:"agm_record", data: { id: this.selectedrow.id, has_sign: 1, sign_remark: this.textarea2, sign_no: this.textarea2_no, sign_time: date_, sign_operate_code: window.top.userinfo.employee.code, sign_operate_name: window.top.userinfo.employee.name } } Server.call("rootjemin/data/saveEntity", param_, function(result) { if(result && result.success) { Root.message({ type:"success", message:"ç¾æ”¶æˆåŠŸ" }) } me.doQuery() }) this.reasonvisible = false; }, exportList() { exportList(this.dataname, this.getFilterData()) }, getFilterData: function(filter, isnotencode) { var filter_ = filter ? filter : "1=1"; for(var k in this.filterObj) { if (k == 'status') { continue } let k_val = this.filterObj[k]; if (k_val && typeof(k_val) == "string") { //åŽ»é™¤ä¸¤ç«¯çš„ç©ºæ ¼ this.filterObj[k] = k_val = k_val.replace(/(^\s*)|(\s*$)/g, ""); //去除两端的Tab this.filterObj[k] = k_val = k_val.replace(/(^\t*)|(\t*$)/g, ""); } let fieldObj_ = this.filterFieldsObj[k]; if (!fieldObj_) { continue } let type_ = fieldObj_.type; let valfield_ = fieldObj_.valfield; if (type_ == "popup" && valfield_) { k_val = this.filterObj[valfield_]; if (!this.filterObj[valfield_] && this.filterObj[k]) { k_val = this.filterObj[k]; } } let field_ = fieldObj_.field; let filteroperator_ = "equal"; let isnull = false; let ornullval_ = fieldObj_.ornullval; if (ornullval_) { var nullvals_ = ornullval_.split(";"); nullvals_.map(v=>{ if (v == k_val) { isnull = true; } }); } if (fieldObj_.filterfield) { field_ = fieldObj_.filterfield } if (fieldObj_.filteroperator) { filteroperator_ = fieldObj_.filteroperator } if (k_val && k_val != "" && k_val.length) { filter_ = getFilterByFilterType(filter_, type_, field_, k_val, filteroperator_, isnull); } } if (Object.keys(this.filterObjBydefault).length) { for(var k in this.filterObjBydefault) { let k_val = this.filterObjBydefault[k]; filter_ += " and " + k + " = '" + k_val +"'"; } } if (this.filterTxt) { filter_ += " and " + this.filterTxt; } if (isnotencode) { return filter_; } else { return encodeURI(filter_); } }, onInitFilter() { //清空 this.filterObj = {}; this.selectedrow = {}; this.initData(); }, // onQuery() { // this.initData(); // }, initData() { var me = this; // if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) { // me.filterFields = clone(me.default_filterFields); // me.tableFields = clone(me.default_tableFields); // //å—æ®µæ•°ç»„è½¬å—æ®µobj // me.fieldsToFieldsObj(); // //è®¾ç½®å—æ®µäº‹ä»¶ // me.tableFieldClick(); // } // this.tableDataAfter(); 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 == '_province_name' || f.field == '_seller_province_name') { f.isfilterable = true me.dataRequestObj.md_province.data.entityset.map(e => { e.value = e.name e.code = e.name }) f.options = me.dataRequestObj.md_province.data.entityset } 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 (callback) { callback(); } }); }, doQuery: function(callback) { let me = this; this.oldFilterTxt = clone(this.filterTxt) if(this.filterObj && this.filterObj.status == 'close') { this.filterTxt += " and ara.status = 'close' " } else if(this.filterObj && this.filterObj.status == 'freeze') { this.filterTxt += " and ar.freeze = 'T' and ara.status = 'open' " } else if(this.filterObj && this.filterObj.status == 'end') { this.filterTxt += " and ar.freeze <> 'T' and ar.end_date < now() and ara.status = 'open' and ar.termination_date is null" } else if(this.filterObj && this.filterObj.status == 'termination') { this.filterTxt += " and ar.freeze <> 'T' and ar.termination_date < now() and ara.status = 'open' " } else if(this.filterObj && this.filterObj.status == 'active') { this.filterTxt += " and ara.status = 'open' and ar.freeze <> 'T' and ar.start_date < now() and ar.end_date > now() and ar.termination_date is null " } else if(this.filterObj && this.filterObj.status == 'notactive') { this.filterTxt += " and ara.status = 'open' and ar.start_date > now() and ar.freeze <> 'T' and ar.termination_date is null " } let filter_ = "1=1"; this.filterList = []; this.selectedrow = {}; for(var k in this.filterObj) { if (k == 'status') { continue } let k_val = this.filterObj[k]; /* let fieldObj_ = this.filterFieldsObj[k]; let type_ = fieldObj_.type; let field_ = fieldObj_.field; */ if (k_val && typeof(k_val) == "string") { //åŽ»é™¤ä¸¤ç«¯çš„ç©ºæ ¼ this.filterObj[k] = k_val = k_val.replace(/(^\s*)|(\s*$)/g, ""); //去除两端的Tab this.filterObj[k] = k_val = k_val.replace(/(^\t*)|(\t*$)/g, ""); } let fieldObj_ = this.filterFieldsObj[k]; if (!fieldObj_) { continue } if (!fieldObj_) { fieldObj_ = { field: k } } let type_ = fieldObj_.type; let valfield_ = fieldObj_.valfield; if (type_ == "popup" && valfield_) { k_val = this.filterObj[valfield_]; } let field_ = fieldObj_.field; let filteroperator_ = "equal"; let isnull = false; let ornullval_ = fieldObj_.ornullval; if (ornullval_) { var nullvals_ = ornullval_.split(";"); nullvals_.map(v=>{ if (v == k_val) { isnull = true; } }); } if (fieldObj_.filterfield) { field_ = fieldObj_.filterfield } if (fieldObj_.filteroperator) { filteroperator_ = fieldObj_.filteroperator } //ä¼ æ¡ä»¶æ•°ç»„ç”±åŽç«¯æ‹¼æŽ¥ç›é€‰æ•°æ® /* let filterListObj_ = { field: field_, val: k_val, type: filteroperator_ } this.filterList.push(filterListObj_); */ //ä¼ æ¡ä»¶æ•°æ®æœ‰å‰ç«¯æ‹¼æŽ¥ if (k_val && k_val != "" && k_val.length) { filter_ = getFilterByFilterType(filter_, type_, field_, k_val, filteroperator_, isnull); } } if (Object.keys(this.filterObjBydefault).length) { for(var k in this.filterObjBydefault) { let k_val = this.filterObjBydefault[k]; if (k_val.indexOf(',') != -1) {//包å«è‹±æ–‡","用in filter_ += " and " + k + " in ('" + k_val +"')"; } else { filter_ += " and " + k + " ='" + k_val +"'"; } } } if (this.filterTxt) { filter_ += " and " + this.filterTxt; } var attachmeta_ = false; if (!this.tableFields || (this.tableFields && this.tableFields.length == 0)) { attachmeta_ = true; } let param_ = { dataname: this.dataname, filterList: this.filterList, filter: filter_, orderby: this.orderby, page: { pageno: this.pagenum, pagesize: this.pagesize }, attachMeta: attachmeta_ } if (Object.keys(this.paramObjBydefault).length) { for(var k in this.paramObjBydefault) { let k_val = this.paramObjBydefault[k]; param_[k] = k_val; } } me.tableData = []; //me.total = 0; me.tableloading = true; Server.call(me.dataurl, param_, function(result) { me.tableloading = false; if (result && result.meta) { me.data_tablename_map = result.meta } if (result && result.data && result.data.entityset) { if (result.data.page && result.data.page.recordcount && me.pagenum > 1 && result.data.page.recordcount < (me.pagenum - 1) * me.pagesize) { me.pagenum = 1; me.doQuery(callback); return; } var data_ = result.data.entityset; me.tableData = data_; me.total = result.data.page ? result.data.page.recordcount : 0; } else { me.total = 0; } me.queryAfter(); if (callback) { callback(result, function() { me.tableDataAfter(); }); } }, function(){ me.tableloading = false; }); }, queryAfter() { let me = this if (me.tableData.length > 0) { let tableData = clone(me.tableData) tableData.map(s => { if (s.freeze && s.freeze == 'T') s.freeze = '是' else s.freeze = 'å¦' }) me.tableData = tableData } this.filterTxt = clone(this.oldFilterTxt) }, tableFieldClick() { var me = this; //ç›é€‰å—段事件设置 this.filterfieldClick = { }; //è¡¨æ ¼å—æ®µäº‹ä»¶è®¾ç½® this.tablefieldClick = { status: {//å—æ®µäº‹ä»¶è®¾ç½® val: {//有值时的点击事件 onclick: function(obj) {//æ•°æ®å€¼ç‚¹å‡»äº‹ä»¶ var config = { totab: false, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "900px", height: "500px", icon: "icon-product", text: "", id: obj.row.id,//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ url: "../approval_new/ApprovalList_page_new.html?flow_id=" + obj.row.flow_id, data: obj.row, delta: {}, sceneCode: "change",//"refuseedit",//"approval", //"add"//"browse", callback: function(obj, callback) { if (callback) { callback(); } } }; me.doPopupByPublic(config); }, }, }, }; //表å•å—æ®µäº‹ä»¶è®¾ç½® this.formfieldClick = { }; }, showInfo(obj) { var me = this; var config = { totab: true, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "900px", height: "900px", icon: "icon-product", text: "èµ è¯æ”¿ç–ä¿¡æ¯æŸ¥çœ‹", id: "medicine_policy_info" + "browse" + obj.row.id,//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ url: "../agreement/policy/medicine_policy_info.html", data: obj.row, delta: {}, sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse", callback: function(obj, callback) { if (callback) { callback(); } } }; me.doPopupByPublic(config); }, opentest() { var me = this; Root.message({ type: 'success', message: 'åŽç¼€ç‚¹å‡»äº‹ä»¶' }); var config = { totab: false, //true: 以Tabå¯¼èˆªçš„æ–¹å¼æ‰“å¼€ width: "900px", height: "900px", icon: "icon-product", text: "è¡¨å•æ ·ä¾‹é¡µé¢", id: "test_page",//totab: trueæ—¶éœ€è®¾ç½®ï¼Œç”¨äºŽåˆ¤æ–æ˜¯å¦å·²æ‰“å¼€æ¤é¡µé¢ //url: "module/system/page/coming.html", url: "module/system/page/sample/sample_form.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); }, } }); }; initVue(); </script> <style> /* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ è½½æ—¶å‡ºçŽ° vuejs çš„å˜é‡å而设计的 */ [v-cloak] { display: none !important; } </style> </body> </html>