| | |
| | | ref="queryForm" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | label-width="80px" |
| | | > |
| | | <el-row> |
| | | <!-- <el-col :span="6"> |
| | | <el-form-item label="出差人" prop="travelers"> |
| | | <el-input v-model="queryParams.travelers" placeholder="请输入出差人" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | </el-col>--> |
| | | <el-col :span="8"> |
| | | <el-form-item label="申请日期" prop="createTime"> |
| | | <el-date-picker |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | v-model="value1" |
| | | type="daterange" |
| | | @blur="onpick" |
| | | range-separator="至" |
| | | start-placeholder="报销申请开始日期" |
| | | end-placeholder="报销申请结束日期" |
| | | <el-col :span="5"> |
| | | <el-form-item label="捐献案例" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.donorname" |
| | | placeholder="请输入捐献者姓名" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="预审状态" prop="checkstatus" style="float: left"> |
| | | <el-select |
| | | v-model="queryParams.checkstatus" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | </el-date-picker> |
| | | <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="username"> |
| | | <el-input |
| | | v-model="queryParams.username" |
| | | placeholder="请输入报销人" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </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" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="审批状态" prop="CHECKFLAG" style="float: left"> |
| | | <el-form-item label="审批状态" prop="CHECKFLAG" style="float: left"> |
| | | <el-select |
| | | v-model="queryParams.CHECKFLAG" |
| | | placeholder="请选择" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item |
| | | label-width="120px" |
| | | label="申请材料状态" |
| | | prop="checkstatus" |
| | | style="float: left" |
| | | > |
| | | <el-form-item align="left" label="业务组" prop="deptnos"> |
| | | <el-select |
| | | v-model="queryParams.checkstatus" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | v-model="queryParams.deptnos" |
| | | placeholder="请选择案例状态" |
| | | > |
| | | <el-option |
| | | v-for="item in checkmaterials" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | v-for="item in deptList" |
| | | :label="item.deptName" |
| | | :value="item.deptId" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item label="经办人" prop="username"> |
| | | <el-input |
| | | v-model="queryParams.username" |
| | | placeholder="请输入报销人" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </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" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="申请日期" prop="applyTime"> |
| | | <el-date-picker |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | v-model="value1" |
| | | type="daterange" |
| | | @blur="onpick" |
| | | range-separator="至" |
| | | start-placeholder="报销申请开始日期" |
| | | end-placeholder="报销申请结束日期" |
| | | @keyup.enter.native="handleQuery" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | |
| | | <dict-tag :options="dict.type.sys_travelexpensebelong" :value="scope.row.costtype" /> |
| | | </template> |
| | | </el-table-column>--> |
| | | <el-table-column label="报销单号" width="120" align="center" prop="bh" /> |
| | | <el-table-column |
| | | label="申请日期" |
| | | width="120" |
| | | align="center" |
| | | prop="createTime" |
| | | 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="报销金额" |
| | | width="120" |
| | | align="center" |
| | | prop="amountrequested" |
| | | /> |
| | | <el-table-column |
| | | label="经办人" |
| | | width="120" |
| | |
| | | prop="username" |
| | | /> |
| | | <el-table-column |
| | | label="所属组别" |
| | | width="120" |
| | | label="申请材料状态" |
| | | width="140" |
| | | align="center" |
| | | prop="deptmentname" |
| | | /> |
| | | <el-table-column |
| | | label="组长" |
| | | width="120" |
| | | align="center" |
| | | prop="managername" |
| | | /> |
| | | <el-table-column |
| | | label="报销金额" |
| | | width="120" |
| | | align="center" |
| | | prop="amountrequested" |
| | | prop="checkstatus" |
| | | > |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="捐献者" |
| | | width="120" |
| | | align="center" |
| | | prop="donorname" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_stage_type" |
| | | :value="scope.row.checkstatus" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="审批状态" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="出差事由" align="center" prop="reason" /> |
| | | <el-table-column |
| | | label="申请材料状态" |
| | | width="140" |
| | | label="所属组别" |
| | | width="120" |
| | | align="center" |
| | | prop="checkstatus" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_stage_type" |
| | | :value="scope.row.checkstatus" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="出差事由" align="center" prop="reason"> |
| | | </el-table-column> |
| | | <!-- |
| | | prop="deptmentname" |
| | | /> |
| | | <el-table-column |
| | | label="组长" |
| | | width="120" |
| | | align="center" |
| | | prop="managername" |
| | | /> |
| | | <el-table-column |
| | | label="捐献者" |
| | | width="120" |
| | | align="center" |
| | | prop="donorname" |
| | | /> |
| | | <!-- |
| | | <el-table-column label="出差人" width="180" align="center" prop="travelers"> |
| | | </el-table-column> |
| | | <el-table-column label="联系电话" width="120" align="center" prop="phone"> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="银行卡号" width="180" align="center" prop="bankcardno"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="组长审批" align="center" prop="managername"/> |
| | | <el-table-column label="业务核对" align="center" prop="opochecher"/> |
| | | <el-table-column label="业务审批" align="center" prop="officedirector"/> |
| | | |
| | | <el-table-column label="组长审批" align="center" prop="managername"/> |
| | | <el-table-column label="业务核对" align="center" prop="opochecher"/> |
| | | <el-table-column label="业务审批" align="center" prop="officedirector"/> |
| | | <el-table-column label="财务核对" align="center" prop="financechecher"/> |
| | | <el-table-column label="财务审核" width="120" align="center" prop="financedirector"/> |
| | | --> |
| | |
| | | width="270" |
| | | > |
| | | <template slot-scope="scope"> |
| | | |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | |
| | | <el-form ref="form" :model="form" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item label="申请日期" prop="createTime"> |
| | | <el-form-item label="申请日期" prop="applyTime"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="form.createTime" |
| | | v-model="form.applyTime" |
| | | :disabled="true" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="form.phone" placeholder="联系电话" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> |
| | | </el-row> |
| | | --> |
| | | <el-row> |
| | |
| | | :disabled="true" |
| | | /> |
| | | </el-form-item> </el-col |
| | | ><!-- |
| | | ><!-- |
| | | <el-col :span="6"> |
| | | <el-form-item label="领款金额" prop="amountrequested"> |
| | | <el-input v-model="form.amountrequested" placeholder="领款金额" /> |
| | |
| | | listbypowerone, |
| | | addShareData |
| | | } from "@/api/project/reimbursement"; |
| | | import { listDept } from "@/api/system/dept"; |
| | | import { |
| | | provinceAndCityData, |
| | | regionData, |
| | |
| | | APPLICANT: null, |
| | | APPLICATIONBEGTIME: null, |
| | | APPLICATIONENDTIME: null, |
| | | CHECKFLAG: 1 |
| | | }, |
| | | CHECKFLAG: 1, |
| | | money: null, |
| | | deptnos: null |
| | | }, |
| | | deptList: [], |
| | | //查询付款 |
| | | queryParamsPayee: { |
| | | rbid: null |
| | |
| | | }, |
| | | |
| | | standardlevel: 0, |
| | | createTime: [], |
| | | applyTime: [], |
| | | //弹窗详情--show;edit |
| | | dialogType: "show" |
| | | }; |
| | | }, |
| | | created() {}, |
| | | created() { |
| | | this.listDept(); |
| | | }, |
| | | mounted() { |
| | | if (grtItem("travelexpensecheck")) { |
| | | this.queryParams = grtItem("travelexpensecheck"); |
| | |
| | | }, |
| | | methods: { |
| | | selectapplication() { |
| | | this.queryParams.APPLICATIONBEGTIME = this.createTime[0]; |
| | | this.queryParams.APPLICATIONENDTIME = this.createTime[1]; |
| | | this.queryParams.APPLICATIONBEGTIME = this.applyTime[0]; |
| | | this.queryParams.APPLICATIONENDTIME = this.applyTime[1]; |
| | | }, |
| | | listDept() { |
| | | listDept({}).then(response => { |
| | | this.deptList = response.data; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | getList() { |
| | | this.loading = true; |
| | |
| | | } |
| | | |
| | | checkfund(checkfundobj).then(res => { |
| | | this.reset(); |
| | | this.open = false; |
| | | this.getList(); |
| | | this.$modal.msgSuccess("审核完成!"); |
| | | if (res.code == 200) { |
| | | this.reset(); |
| | | this.open = false; |
| | | this.getList(); |
| | | this.$modal.msgSuccess("审核完成!"); |
| | | } else { |
| | | this.open = false; |
| | | if (res.msg) { |
| | | this.$modal.msgError("操作失误"); |
| | | } else { |
| | | this.$modal.msgError(res.msg); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | |
| | |
| | | var aEle = document.createElement("a"); |
| | | aEle.href = |
| | | curWWWPath.substring(0, pos) + urlBase + fileUrl["downloadUrl"]; |
| | | aEle.click(); |
| | | 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); |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | (this.queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | APPLICANT: null, |
| | | APPLICATIONBEGTIME: null, |
| | | APPLICATIONENDTIME: null, |
| | | CHECKFLAG: 1, |
| | | deptnos: null |
| | | }), |
| | | this.handleQuery(); |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |