|  |  |  | 
|---|
|  |  |  | <div class="app-container"> | 
|---|
|  |  |  | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="120px"> | 
|---|
|  |  |  | <el-row align="left"> | 
|---|
|  |  |  | <el-col :span="8"> | 
|---|
|  |  |  | <el-form-item label="申请日期" prop="createTime"> | 
|---|
|  |  |  | <el-date-picker format="yyyy-MM-dd" @change="selectapplication" value-format="yyyy-MM-dd" v-model="createTime" | 
|---|
|  |  |  | type="daterange" range-separator="至" start-placeholder="申请开始日期" end-placeholder="申请结束日期" | 
|---|
|  |  |  | @keyup.enter.native="flowconclusion"> | 
|---|
|  |  |  | </el-date-picker> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="5"> | 
|---|
|  |  |  | <el-form-item label="金额" prop="money" style="float: left"> | 
|---|
|  |  |  | <el-input v-model="queryParams.money" placeholder="请输入申请人金额" clearable size="small" | 
|---|
|  |  |  | <el-form-item label="捐献案例" prop="donorname" style="float: left"> | 
|---|
|  |  |  | <el-input v-model="queryParams.donorname" placeholder="请输入申请人捐献者" clearable size="small" | 
|---|
|  |  |  | @keyup.enter.native="flowconclusion" /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="5"> | 
|---|
|  |  |  | <el-form-item label="经办人" prop="APPLICANT" style="float: left"> | 
|---|
|  |  |  | <el-input v-model="queryParams.APPLICANT" placeholder="请输入经办人" clearable size="small" | 
|---|
|  |  |  | @keyup.enter.native="flowconclusion" /> | 
|---|
|  |  |  | <el-form-item label-width="120px" label="预审状态" prop="checkstatus" style="float: left"> | 
|---|
|  |  |  | <el-select v-model="queryParams.checkstatus" placeholder="请选择" style="width: 100%"> | 
|---|
|  |  |  | <el-option v-for="item in checkmaterials" :key="item.value" :label="item.label" :value="item.value"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-col :span="5"> | 
|---|
|  |  |  | <el-form-item label="审批状态" prop="CHECKFLAG" style="float: left"> | 
|---|
|  |  |  | <el-select v-model="queryParams.CHECKFLAG" placeholder="请选择" style="width: 100%"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <!-- <el-col :span="6"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | type="primary" | 
|---|
|  |  |  | icon="el-icon-search" | 
|---|
|  |  |  | size="mini" | 
|---|
|  |  |  | @click="flowconclusion" | 
|---|
|  |  |  | >搜索</el-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" | 
|---|
|  |  |  | >重置</el-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </el-col> --> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="5"> | 
|---|
|  |  |  | <el-form-item label-width="120px" label="申请材料状态" prop="checkstatus" style="float: left"> | 
|---|
|  |  |  | <el-select v-model="queryParams.checkstatus" placeholder="请选择" style="width: 100%"> | 
|---|
|  |  |  | <el-option v-for="item in checkmaterials" :key="item.value" :label="item.label" :value="item.value"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="5"> | 
|---|
|  |  |  | <el-form-item label="捐献者" prop="donorname" style="float: left"> | 
|---|
|  |  |  | <el-input v-model="queryParams.donorname" placeholder="请输入申请人捐献者" clearable size="small" | 
|---|
|  |  |  | <el-form-item label="经办人" prop="APPLICANT" style="float: left"> | 
|---|
|  |  |  | <el-input v-model="queryParams.APPLICANT" placeholder="请输入经办人" clearable size="small" | 
|---|
|  |  |  | @keyup.enter.native="flowconclusion" /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="4"> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="5"> | 
|---|
|  |  |  | <el-form-item label="报销金额" prop="money" style="float: left"> | 
|---|
|  |  |  | <el-input v-model="queryParams.money" placeholder="请输入申请人金额" clearable size="small" | 
|---|
|  |  |  | @keyup.enter.native="flowconclusion" /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="8"> | 
|---|
|  |  |  | <el-form-item label="申请日期" prop="createTime"> | 
|---|
|  |  |  | <el-date-picker format="yyyy-MM-dd" @change="selectapplication" value-format="yyyy-MM-dd" v-model="createTime" | 
|---|
|  |  |  | type="daterange" range-separator="至" start-placeholder="申请开始日期" end-placeholder="申请结束日期" | 
|---|
|  |  |  | @keyup.enter.native="flowconclusion"> | 
|---|
|  |  |  | </el-date-picker> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="6"> | 
|---|
|  |  |  | <div style="margin-bottom: 15px;"> | 
|---|
|  |  |  | <el-button type="primary" icon="el-icon-search" size="mini" @click="flowconclusion">搜索</el-button> | 
|---|
|  |  |  | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | --> | 
|---|
|  |  |  | <el-table-column label="报销单号" align="center" prop="bh" width="150px" /> | 
|---|
|  |  |  | <el-table-column label="申请日期" width="180" align="center" prop="createTime"> | 
|---|
|  |  |  | <el-table-column label="申请日期" width="180" align="center" prop="applyTime"> | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span> | 
|---|
|  |  |  | <span>{{ parseTime(scope.row.applyTime, "{y}-{m}-{d}") }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="申请金额" align="center" prop="pretaxcost" width="200px" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | totaldayin(e) { | 
|---|
|  |  |  | // const id =this.row.id | 
|---|
|  |  |  | getdownloadYX(e).then(res => { | 
|---|
|  |  |  | if (res.downloadUrl) { | 
|---|
|  |  |  | var fileUrl = res; | 
|---|
|  |  |  | //获取当前网址 | 
|---|
|  |  |  | var urlBase = process.env.VUE_APP_BASE_API; | 
|---|
|  |  |  | var curWWWPath = window.document.location.href; | 
|---|
|  |  |  | var pos = curWWWPath.indexOf(window.document.location.pathname); | 
|---|
|  |  |  | // 创建a标签 | 
|---|
|  |  |  | var aEle = document.createElement("a"); | 
|---|
|  |  |  | aEle.href = | 
|---|
|  |  |  | curWWWPath.substring(0, pos) + urlBase + fileUrl["downloadUrl"]; | 
|---|
|  |  |  | aEle.click(); | 
|---|
|  |  |  | this.$alert("下载成功", "提示", { | 
|---|
|  |  |  | confirmButtonText: "确定", | 
|---|
|  |  |  | type: "success" | 
|---|
|  |  |  | var fileUrl = res; | 
|---|
|  |  |  | //获取当前网址 | 
|---|
|  |  |  | var urlBase = process.env.VUE_APP_BASE_API; | 
|---|
|  |  |  | var curWWWPath = window.document.location.href; | 
|---|
|  |  |  | var pos = curWWWPath.indexOf(window.document.location.pathname); | 
|---|
|  |  |  | // 创建a标签 | 
|---|
|  |  |  | var aEle = document.createElement("a"); | 
|---|
|  |  |  | aEle.href = | 
|---|
|  |  |  | curWWWPath.substring(0, pos) + urlBase + fileUrl["downloadUrl"]; | 
|---|
|  |  |  | console.log(aEle.href); | 
|---|
|  |  |  | // 添加Authorization头部 | 
|---|
|  |  |  | fetch(aEle.href, { | 
|---|
|  |  |  | headers: this.headers | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .then(response => { | 
|---|
|  |  |  | // 将文件下载链接作为blob对象进行下载 | 
|---|
|  |  |  | return response.blob(); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .then(blob => { | 
|---|
|  |  |  | const url = window.URL.createObjectURL(new Blob([blob])); | 
|---|
|  |  |  | console.log(url); | 
|---|
|  |  |  | const link = document.createElement("a"); | 
|---|
|  |  |  | link.href = url; | 
|---|
|  |  |  | const name=fileUrl["downloadName"] | 
|---|
|  |  |  | link.setAttribute("download", name); // 替换file.pdf为实际的文件名 | 
|---|
|  |  |  | document.body.appendChild(link); | 
|---|
|  |  |  | link.click(); | 
|---|
|  |  |  | link.parentNode.removeChild(link); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|