<!doctype html> <html> <head> <meta charset="utf-8"> <title>资质逾期预è¦</title> <script src="../../../js/vue/vue.js"></script> <script src="../../../js/vue/element-ui/lib/index.js"></script> <script src="../../../js/myelement.js"></script> <script src="../../../js/vue/page.js"></script> <link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet"> <link href="../../../css/myelement.css" rel="stylesheet"> <link href="../../../css/iconfont.css" rel="stylesheet"> <link href="../../../css/page.css" 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 :disabled="buttons.download.disabled" icon="el-icon-download" @click="onDownload" >导出</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"> <h-form-filter ref="form1" :form-attr="filterAttr" :table-fields="filterFields" :form-data="filterObj" :isbuttonquery="true" v-on:on-formchange="onQuery" v-on:show-popup="showFilterPopup" 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" :pagesize="pagesize" :pagenum="pagenum" :total="total" :table-height="tableHeight" :is-highlight-row="true" v-on:get-data="getData" v-on:cell-click="cellClick" v-on:row-click="rowClick" > </h-table> </div> </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: { pageAttr: { heightType: "table" }, /* paramObjBydefault: { a.diff_date: localStorage.getItem("emp_id") }, */ filterTxt: "a.diff_date is not null ", orderby: "a.diff_date", dataname: "getLicenceOverdue", tabaleFieldsName: "licence_warning", filterFieldsName: "licence_warning", dataRequest: [], title: "资质逾期预è¦", provinces: [], }, created() { }, mounted() { this.initData(); this.$nextTick(() => { // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é— hideLoading(); }); }, methods:{ initData() { //1. run only if (initlized) { return; } initlized = true; //2. query data this.onQuery(); }, onServerInitData(data) { var me = this.data; me.tableFields = data.tableFields; me.filterFields = data.filterFields; 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_; } } }, onCellClick(config, obj) { var clickContext = this.selectCellField.clickContext; var row_ = obj.row; if(this.selectCellField.field == "file_name") { if (!obj.row.file_id) { Root.message({ type: 'warning', message: '没有附件文件' }); return } //////////// let fileid = clone(obj.row.file_id); let fileName = clone(obj.row.file_name); let index1 = fileName.lastIndexOf("."); let index2 = fileName.length; let suffix = fileName.substring(index1, index2).toLowerCase(); //åŽç¼€å if (suffix == ".png" || suffix == ".jpg") { var fileids_ = []; fileids_.push(fileid) row_ = { filetype: "img", fileids: fileids_ }; clickContext.url = "../tool/popup_file.html"; } else if (suffix == ".pdf") { var row = { fileid: fileid, filename: fileName } var config = { totab: true, icon: "icon-product", text: "附件预览", id: "pdf_" + fileid, url: "../tool/popup_file_pdf.html", data: row, delta: {}, callback: function(obj, callback) { if (callback) { callback(); } } }; this.doPopupByPublic(config); return false; } else {//åªå¯ä¸‹è½½ï¼Œä¸å¯é¢„览 handleDownload(fileid); } ///////// } if (clickContext && clickContext.type == "popup") { config.combine({ url: clickContext.url, sceneCode: clickContext.sceneCode, data: row_, delta: clickContext.delta ? clickContext.delta : {}, }) } else { return false; } return true; }, } }); </script> <style> </style> </body> </html>