配置文件修改

报销模板导出功能添加

.env.production

@@ -2,9 +2,9 @@
 ENV = 'production'
 
 #Jeeplus快速开发平台/后台地址
-VUE_APP_SERVER_URL = 'http://8.136.148.180:80/jeeplus-vue'
+VUE_APP_SERVER_URL = 'http://bx.xgccpm.com/jeeplus-vue'
 
 #单点登录设置
 VUE_APP_SSO_LOGIN  = 'false'
 VUE_APP_CAS_SERVER = 'https://www.cainiao.com:8443/cas'
-VUE_APP_CLIENT_HOST = 'http://localhost:80'
+VUE_APP_CLIENT_HOST = 'http://localhost:8080'

package.json

@@ -46,6 +46,7 @@
     "vue-count-to": "^1.0.13",
     "vue-echarts": "^4.1.0",
     "vue-full-calendar": "^2.8.1-0",
+    "vue-lazyload": "^3.0.0-rc.2",
     "vue-print-nb": "^1.5.0",
     "vue-router": "^3.1.3",
     "vue-sketch-ruler": "^1.0.3",
@@ -69,6 +70,7 @@
     "babel-polyfill": "^6.26.0",
     "babel-register": "^6.26.0",
     "classlist-polyfill": "^1.2.0",
+    "compression-webpack-plugin": "^6.1.1",
     "copy-webpack-plugin": "^5.0.5",
     "eslint": "^3.19.0",
     "eslint-config-standard": "^10.2.1",

src/api/reimbursementSys/accountant/reimbursementSysService.js

@@ -115,4 +115,12 @@ export default class reimbursementSys {
       responseType: 'blob'
     })
   }
+
+  exportTemplate () {
+    return request({
+      url: '/reimbursement/import/template',
+      method: 'get',
+      responseType: 'blob'
+    })
+  }
 }

src/api/reimbursementSys/assess/reimbursementSysService.js

@@ -115,4 +115,12 @@ export default class reimbursementSys {
       responseType: 'blob'
     })
   }
+
+  exportTemplate () {
+    return request({
+      url: '/reimbursement/import/template',
+      method: 'get',
+      responseType: 'blob'
+    })
+  }
 }

src/api/reimbursementSys/project/reimbursementSysService.js

@@ -115,4 +115,12 @@ export default class reimbursementSys {
       responseType: 'blob'
     })
   }
+
+  exportTemplate () {
+    return request({
+      url: '/reimbursement/import/template',
+      method: 'get',
+      responseType: 'blob'
+    })
+  }
 }

src/api/reimbursementSys/reimbursementSysService.js

@@ -97,4 +97,12 @@ export default class reimbursementSys {
       responseType: 'blob'
     })
   }
+
+  exportTemplate () {
+    return request({
+      url: '/reimbursement/import/template',
+      method: 'get',
+      responseType: 'blob'
+    })
+  }
 }

src/api/reimbursementSys/wuHanReimbursementSysService.js

@@ -97,4 +97,12 @@ export default class reimbursementSys {
       responseType: 'blob'
     })
   }
+
+  exportTemplate () {
+    return request({
+      url: '/reimbursement/import/template',
+      method: 'get',
+      responseType: 'blob'
+    })
+  }
 }

src/views/modules/reimbursementSys/accountant/reimbursementList.vue

@@ -77,7 +77,7 @@
 
 
             <el-button style="margin-left: 10px" v-if="hasPermission('accountant:reimbursement:del')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="danger" size="small" icon="el-icon-delete" @click="del()" plain>删除</el-button>
-
+            <el-button v-if="hasPermission('accountant:reimbursement:import')"  type="default" @click="downloadTpl()" size="small">下载模板</el-button>
             <el-button style="margin-left: 10px" v-if="hasPermission('accountant:reimbursement:addBatchReimbursement')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="primary" size="small" icon="el-icon-edit" @click="editInvoiceGatheringTime()" plain>批量收款</el-button>
 
             <el-button v-if="hasPermission('sys:role:assign')" type="primary" size="small" icon="el-icon-plus" @click="add()">批量报销</el-button>
@@ -393,6 +393,17 @@ export default {
     viewInvoice (id) {
       this.$refs.reimbursementInvoiceForm.init('viewInvoice', {id: id, parent: {id: '', name: ''}})
     },
+    // 下载模板
+    downloadTpl () {
+      this.reimbursementSys.exportTemplate().then((res) => {
+        // 将二进制流文件写入excel表，以下为重要步骤
+        this.$utils.downloadExcel(res.data, '报销发票导入模板')
+      }).catch(function (err) {
+        if (err.response) {
+          console.log(err.response)
+        }
+      })
+    },
     // 删除
     delBusiness (id) {
       let ids = id || this.$refs.xTree.getCheckboxRecords().map(item => {

src/views/modules/reimbursementSys/assess/reimbursementList.vue

@@ -77,7 +77,7 @@
 
 
             <el-button style="margin-left: 10px" v-if="hasPermission('assess:reimbursement:del')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="danger" size="small" icon="el-icon-delete" @click="del()" plain>删除</el-button>
-
+            <el-button v-if="hasPermission('assess:reimbursement:import')"  type="default" @click="downloadTpl()" size="small">下载模板</el-button>
             <el-button style="margin-left: 10px" v-if="hasPermission('assess:reimbursement:addBatchReimbursement')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="primary" size="small" icon="el-icon-edit" @click="editInvoiceGatheringTime()" plain>批量收款</el-button>
 
             <el-button v-if="hasPermission('sys:role:assign')" type="primary" size="small" icon="el-icon-plus" @click="add()">批量报销</el-button>
@@ -393,6 +393,17 @@ export default {
     viewInvoice (id) {
       this.$refs.reimbursementInvoiceForm.init('viewInvoice', {id: id, parent: {id: '', name: ''}})
     },
+    // 下载模板
+    downloadTpl () {
+      this.reimbursementSys.exportTemplate().then((res) => {
+        // 将二进制流文件写入excel表，以下为重要步骤
+        this.$utils.downloadExcel(res.data, '报销发票导入模板')
+      }).catch(function (err) {
+        if (err.response) {
+          console.log(err.response)
+        }
+      })
+    },
     // 删除
     delBusiness (id) {
       let ids = id || this.$refs.xTree.getCheckboxRecords().map(item => {

src/views/modules/reimbursementSys/project/reimbursementList.vue

@@ -77,7 +77,7 @@
 
 
             <el-button style="margin-left: 10px" v-if="hasPermission('project:reimbursement:del')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="danger" size="small" icon="el-icon-delete" @click="del()" plain>删除</el-button>
-
+            <el-button v-if="hasPermission('project:reimbursement:import')"  type="default" @click="downloadTpl()" size="small">下载模板</el-button>
             <el-button style="margin-left: 10px" v-if="hasPermission('project:reimbursement:addBatchReimbursement')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="primary" size="small" icon="el-icon-edit" @click="editInvoiceGatheringTime()" plain>批量收款</el-button>
 
             <el-button v-if="hasPermission('sys:role:assign')" type="primary" size="small" icon="el-icon-plus" @click="add()">批量报销</el-button>
@@ -393,6 +393,17 @@ export default {
     viewInvoice (id) {
       this.$refs.reimbursementInvoiceForm.init('viewInvoice', {id: id, parent: {id: '', name: ''}})
     },
+    // 下载模板
+    downloadTpl () {
+      this.reimbursementSys.exportTemplate().then((res) => {
+        // 将二进制流文件写入excel表，以下为重要步骤
+        this.$utils.downloadExcel(res.data, '报销发票导入模板')
+      }).catch(function (err) {
+        if (err.response) {
+          console.log(err.response)
+        }
+      })
+    },
     // 删除
     delBusiness (id) {
       let ids = id || this.$refs.xTree.getCheckboxRecords().map(item => {

src/views/modules/reimbursementSys/reimbursementList.vue

@@ -75,7 +75,7 @@
 
 
             <el-button style="margin-left: 10px" v-if="hasPermission('reimbursement:del')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="danger" size="small" icon="el-icon-delete" @click="del()" plain>删除</el-button>
-
+            <el-button v-if="hasPermission('reimbursement:import')"  type="default" @click="downloadTpl()" size="small">下载模板</el-button>
             <el-button style="margin-left: 10px" v-if="hasPermission('reimbursement:edit')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="primary" size="small" icon="el-icon-edit" @click="editInvoiceGatheringTime()" plain>批量收款</el-button>
 
           </el-row>
@@ -377,6 +377,17 @@ export default {
     viewInvoice (id) {
       this.$refs.reimbursementInvoiceForm.init('viewInvoice', {id: id, parent: {id: '', name: ''}})
     },
+    // 下载模板
+    downloadTpl () {
+      this.reimbursementSys.exportTemplate().then((res) => {
+        // 将二进制流文件写入excel表，以下为重要步骤
+        this.$utils.downloadExcel(res.data, '报销发票导入模板')
+      }).catch(function (err) {
+        if (err.response) {
+          console.log(err.response)
+        }
+      })
+    },
     // 删除
     delBusiness (id) {
       let ids = id || this.$refs.xTree.getCheckboxRecords().map(item => {

src/views/modules/reimbursementSys/wuHanReimbursementList.vue

@@ -75,7 +75,7 @@
 
 
             <el-button style="margin-left: 10px" v-if="hasPermission('wuHanReimbursement:del')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="danger" size="small" icon="el-icon-delete" @click="del()" plain>删除</el-button>
-
+            <el-button v-if="hasPermission('wuHanReimbursement:import')"  type="default" @click="downloadTpl()" size="small">下载模板</el-button>
             <el-button style="margin-left: 10px" v-if="hasPermission('wuHanReimbursement:edit')" :disabled="$refs.xTree && $refs.xTree.getCheckboxRecords().length === 0" type="primary" size="small" icon="el-icon-edit" @click="editInvoiceGatheringTime()" plain>批量收款</el-button>
 
           </el-row>
@@ -377,6 +377,17 @@ export default {
     viewInvoice (id) {
       this.$refs.reimbursementInvoiceForm.init('viewInvoice', {id: id, parent: {id: '', name: ''}})
     },
+    // 下载模板
+    downloadTpl () {
+      this.reimbursementSys.exportTemplate().then((res) => {
+        // 将二进制流文件写入excel表，以下为重要步骤
+        this.$utils.downloadExcel(res.data, '报销发票导入模板')
+      }).catch(function (err) {
+        if (err.response) {
+          console.log(err.response)
+        }
+      })
+    },
     // 删除
     delBusiness (id) {
       let ids = id || this.$refs.xTree.getCheckboxRecords().map(item => {