<!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="../../js/vue/vue.js"></script> <script src="../../js/vue/element-ui/lib/index.js"></script> <script src="../../js/myelement.js?v=20220425"></script> <script src="../../js/vue/page.js?v=20220425"></script> <link href="../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet"> <link href="../../css/myelement.css?v=20220425" rel="stylesheet"> <link href="../../css/iconfont.css" rel="stylesheet"> <link href="../../css/page.css?v=20220425" rel="stylesheet"> <link href="//at.alicdn.com/t/font_2374495_13ltsxm2eor.css" rel="stylesheet"> </head> <body> <div id="vbody"> <div id="page_root"> <div class="topbar"> <span>{{title}}</span> <div style="float: right; margin-right: 24px;"> <el-button-group style="margin-left: 3px;"> <el-button @click="addDate">æ·» åŠ </el-button> <el-button @click="setEditTableData">{{isEditTableData ? 'å–æ¶ˆç¼–辑' : '在线编辑'}}</el-button> </el-button-group> </div> </div> <div class="topbar-line"> <div class="query-icon"> <i class="iconfont icon-query"></i> </div> <div class="query-bar" style="width: 95%;" > <h-form-filter ref="form1" :form-attr="filterAttr" :table-fields="filterFields" :form-data="filterObj" :isbuttonquery="true" v-on:show-popup="showFilterPopup" v-on:on-formchange="onQuery" v-on:on-query="onQuery" v-on:on-init-query="onInitFilter" v-on:on-edit-query="onEditFilter" > </h-form-filter> </div> </div> <div class="versionNo"> <h-table v-if='isRefresh' ref="table1" :table-fields="tableFields" :table-data="tableData" :is-edit-table-data="isEditTableData" :pagesize="pagesize" :edit-table-button="editTableButton" :pagenum="pagenum" :total="total" :table-height="tableHeight" :is-highlight-row="true" v-on:get-data="getData" v-on:edit-data="editData" v-on:del-data="delData" v-on:row-click="rowClick" > </h-table> </div> </div> <div> <el-dialog title="æ·»åŠ " :visible.sync="reasonvisible" height="50%"> <h-form :form-attr="formAttr" :table-fields="formFields" :form-data="formData" :is-end-colspan="false" v-on:show-popup="showPopup" > </h-form> <div slot="footer" > <el-button type="default" @click="reasonvisible = false">å– æ¶ˆ</el-button> <el-button type="primary" @click="saveReason">ç¡® 定</el-button> </div> </el-dialog> </div> <div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;"> <div class="spinner"> <div class="cube1"></div> <div class="cube2"></div> </div> </div> </div> <script type="text/javascript"> var initlized = false; new ListVue({ el: "#vbody", data: { dataname: "customer_contact_status", tabaleFieldsName: "customerSignature_", filterFieldsName: "customerSignature_", pageAttr: { heightType: "page" }, formData:{ }, reasonvisible:false, filterAttr: { columnnumber: 3, labelwidth: "100px", labelposition: "right", size: "medium", border: "3px solid #c6c6c600" }, formAttr: { istitle: false, title: "å•†ä¸šæ·»åŠ ", columnnumber: 2, labelwidth: "140px", labelposition: "right", size: "medium", border: "0px solid #c6c6c600" }, title: "线下åˆåŒé…ç½®", editTableButton:{ edit: { isshow:false, txt:"编辑" }, save: { isshow:false, txt:"ä¿å˜" }, del: { isshow:true, txt:"åˆ é™¤" } }, }, created() { this.pageCode = "A7-11"; this.getResoures(); }, mounted() { this.initData(); this.formFields = clone(dataRootFields.formFields.customerSignature_) this.$nextTick(() => { // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é— hideLoading(); }); }, methods:{ initData() { if (initlized) { return; } initlized = true; this.onQuery(); }, onServerInitData(data) { var me = this.data; me.tableFields = data.tableFields; me.filterFields = data.filterFields; me.invoiceType = data.doInvoiceType; me.invoiceStatus = data.invoiceStatus; if(me.filterFields.length > 0) { for(var i=0; i < me.filterFields.length; i++) { let fieldObj_ = me.filterFields[i]; me.filterFieldsObj[fieldObj_.field] = fieldObj_; } } if(me.tableFields.length > 0) { for(var i=0; i < me.tableFields.length; i++) { let fieldObj_ = me.tableFields[i]; me.tableFieldsObj[fieldObj_.field] = fieldObj_; } } }, setEditTableData() { this.isEditTableData = !this.isEditTableData; }, saveReason() { let me = this; let param = clone(this.formData) param.dataname = this.dataname, Server.call("root/data/insertEntity",param,function(result) { if(result.success) { Root.message({ type:'success', message:"æ·»åŠ æˆåŠŸ" }) me.onQuery(); }else { Root.message({ type:'warning', message:"æ·»åŠ å¤±è´¥" }) } me.reasonvisible = false; }) }, addDate() { var me = this; this.formData = {} this.formData.contact_status = 1; this.reasonvisible = true; }, onshowFilterPopup(filter) { var me = this; var fieldObj_ = filter.obj; var filterValue = clone(me.filterObj); var field_ = fieldObj_.field; if ("customer_name" == field_) { Root.showPopup({ url: "../md/customer/popup/customer_list.html", width: 800, height: 550, dataname:"customer_contact_status", callback: function(result, callback) { filterValue[field_] = result.row.customer_name; me.filterObj = filterValue; me.onQuery(); if (callback) { callback(); } } }); } }, showPopup(obj) { if (obj.obj.field == "customer_name") { let me = this; Root.showPopup({ url: "../md/customer/popup/customer_list.html", width: 800, height: 550, dataname: "getvCustomerInfoNotSignature", callback: function(obj, callback) { let formData_ = clone(me.formData); formData_.customer_name = obj.row.md_description; formData_.customer_code = obj.row.md_code; me.formData = formData_; if (callback) { callback(); } } }); } } } }); </script> </body> </html>