From 8324c778ee797ea5a844614c47d93bdacf3ffeab Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期日, 07 一月 2024 13:17:33 +0800 Subject: [PATCH] 11 --- src/views/project/travelexpensecheck/index.vue | 346 ++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 207 insertions(+), 139 deletions(-) diff --git a/src/views/project/travelexpensecheck/index.vue b/src/views/project/travelexpensecheck/index.vue index 9c9c07a..d390510 100644 --- a/src/views/project/travelexpensecheck/index.vue +++ b/src/views/project/travelexpensecheck/index.vue @@ -1,26 +1,19 @@ - <template> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-row> - <!-- <el-col :span="6"> - <el-form-item label="鍑哄樊浜�" prop="travelers"> - <el-input v-model="queryParams.travelers" placeholder="璇疯緭鍏ュ嚭宸汉" clearable size="small" + <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="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="鎶ラ攢鐢宠缁撴潫鏃ユ湡" - @keyup.enter.native="handleQuery"> - </el-date-picker> </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 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"> @@ -29,6 +22,28 @@ <el-option v-for="item in checkFlagOptions" :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-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="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"> @@ -51,32 +66,34 @@ <el-table border v-loading="loading" :data="reimbursementList" @selection-change="handleSelectionChange"> <!-- <el-table-column type="selection" width="55" align="center" /> --> - <!-- <el-table-column label="鎶ラ攢褰掔被" width="120" align="center" prop="costtype"> <template slot-scope="scope"> <dict-tag :options="dict.type.sys_travelexpensebelong" :value="scope.row.costtype" /> </template> </el-table-column>--> - <el-table-column label="鐢宠鏃ユ湡" width="120" align="center" prop="createTime"> + <el-table-column label="鎶ラ攢鍗曞彿" width="120" align="center" prop="bh" /> + <el-table-column label="鐢宠鏃ユ湡" width="120" 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="瀹℃壒鐘舵��" width="120" align="center" prop="checkFlag"> + <el-table-column label="鎶ラ攢閲戦" width="120" align="center" prop="amountrequested" /> + <el-table-column label="缁忓姙浜�" width="120" align="center" prop="username" /> + <el-table-column label="鐢宠鏉愭枡鐘舵��" width="140" 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="瀹℃壒鐘舵��" width="140" align="center" prop="checkFlag"> <template slot-scope="scope"> <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" /> </template> </el-table-column> - <el-table-column label="缁忓姙浜�" width="120" align="center" prop="username" /> + <el-table-column label="鍑哄樊浜嬬敱" align="center" prop="reason" /> <el-table-column label="鎵�灞炵粍鍒�" width="120" align="center" prop="deptmentname" /> <el-table-column label="缁勯暱" width="120" align="center" prop="managername" /> - <el-table-column label="鎶ラ攢閲戦" width="120" align="center" prop="amountrequested"> - </el-table-column> - <el-table-column label="鍑哄樊浜嬬敱" align="center" prop="reason"> - </el-table-column> - <el-table-column label="鎹愮尞鑰�" width="120" align="center" prop="donorname"> - </el-table-column> + <el-table-column label="鎹愮尞鑰�" width="120" align="center" prop="donorname" /> <!-- <el-table-column label="鍑哄樊浜�" width="180" align="center" prop="travelers"> </el-table-column> @@ -95,7 +112,7 @@ --> <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="270"> <template slot-scope="scope"> - <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 1 || scope.row.checkFlag == 0" + <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 1" @click="handleUpdate(scope.row)">瀹℃壒</el-button> <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 0" @click="handleShow(scope.row)">璇︽儏</el-button> @@ -119,8 +136,8 @@ <el-form ref="form" :model="form" label-width="120px"> <el-row> <el-col :span="5"> - <el-form-item label="鐢宠鏃ユ湡" prop="createTime"> - <el-date-picker style="width: 100%" v-model="form.createTime" :disabled="true" type="date" + <el-form-item label="鐢宠鏃ユ湡" prop="applyTime"> + <el-date-picker style="width: 100%" v-model="form.applyTime" :disabled="true" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="鐢宠鏃ユ湡"> </el-date-picker> </el-form-item> @@ -133,10 +150,13 @@ <el-col :span="5"> <el-form-item label="鎵�灞炵粍鍒�" prop="deptmentname"> <el-input v-model="form.deptmentname" placeholder="鎵�灞炵粍鍒�" :disabled="true" /> - </el-form-item> </el-col> <el-col :span="5"> + </el-form-item> + </el-col> + <el-col :span="5"> <el-form-item label="缁勯暱" prop="managername"> <el-input v-model="form.managername" placeholder="缁勯暱" :disabled="true" /> - </el-form-item> </el-col> + </el-form-item> + </el-col> </el-row> <!-- <el-row> @@ -188,8 +208,7 @@ <el-col :span="10"> <el-form-item label="澶у啓閲戦" prop="bigstrmoney"> <el-input v-model="form.bigstrmoney" placeholder="澶у啓閲戦" :disabled="true" /> - </el-form-item> - </el-col><!-- + </el-form-item> </el-col><!-- <el-col :span="6"> <el-form-item label="棰嗘閲戦" prop="amountrequested"> <el-input v-model="form.amountrequested" placeholder="棰嗘閲戦" /> @@ -242,7 +261,6 @@ @change="getPersons(scope.row)"> <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label" :value="dict.label"></el-option> - </el-select> </template> </el-table-column> @@ -260,7 +278,12 @@ <template slot-scope="scope"> <el-date-picker :picker-options="{ disabledDate: time => { - if (scope.row.endtime) { return time.getTime() > new Date(scope.row.endtime.replace(/-/g, '/')) } + if (scope.row.endtime) { + return ( + time.getTime() > + new Date(scope.row.endtime.replace(/-/g, '/')) + ); + } } }" clearable size="small" style="width: 100%" v-model="scope.row.starttime" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="寮�濮嬫棩鏈�" @blur="getallowance(scope.row)"> @@ -271,7 +294,12 @@ <template slot-scope="scope"> <el-date-picker :picker-options="{ disabledDate: time => { - if (scope.row.starttime) { return time.getTime() < new Date(scope.row.starttime.replace(/-/g, '/')) } + if (scope.row.starttime) { + return ( + time.getTime() < + new Date(scope.row.starttime.replace(/-/g, '/')) + ); + } } }" clearable size="small" style="width: 100%" v-model="scope.row.endtime" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="缁撴潫鏃ユ湡" @blur="getallowance(scope.row)"> @@ -291,7 +319,6 @@ @change="getallowance2(scope.row, scope.row.destination)"> <el-option v-for="dict in dict.type.sys_area_name" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> - </el-select> </template> </el-table-column> @@ -318,7 +345,7 @@ </el-table-column> <el-table-column prop="trafficexpense" label="浜ら�氳垂" align="center" width="80"> <template slot-scope="scope"> - <el-input v-model="scope.row.trafficexpense" placeholder="浜ら�氳垂" @blur="(val) => { + <el-input v-model="scope.row.trafficexpense" placeholder="浜ら�氳垂" @blur="val => { sumTotalFee(); } " /> @@ -338,7 +365,7 @@ --> <el-table-column prop="hotelexpense" label="浣忓璐�" align="center" width="80"> <template slot-scope="scope"> - <el-input v-model="scope.row.hotelexpense" placeholder="浣忓璐�" @blur="(val) => { + <el-input v-model="scope.row.hotelexpense" placeholder="浣忓璐�" @blur="val => { sumTotalFee(); } " /> @@ -347,7 +374,7 @@ <el-table-column prop="foodexpenses" label="椁愯垂鎶ラ攢" align="center" width="80"> <template slot-scope="scope"> - <el-input v-model="scope.row.foodexpenses" placeholder="浼欓璐规姤閿�" @blur="(val) => { + <el-input v-model="scope.row.foodexpenses" placeholder="浼欓璐规姤閿�" @blur="val => { sumTotalFee(); } " /> @@ -355,7 +382,7 @@ </el-table-column> <el-table-column prop="foodallowance" label="浼欓琛ュ姪" align="center" width="80"> <template slot-scope="scope"> - <el-input v-model="scope.row.foodallowance" placeholder="浼欓璐硅ˉ鍔�" @blur="(val) => { + <el-input v-model="scope.row.foodallowance" placeholder="浼欓璐硅ˉ鍔�" @blur="val => { sumTotalFee(); } " /> @@ -363,7 +390,7 @@ </el-table-column> <el-table-column prop="otherexpense" label="鍏潅璐硅ˉ鍔�" align="center" width="80"> <template slot-scope="scope"> - <el-input v-model="scope.row.otherexpense" placeholder="鏉傝垂" @blur="(val) => { + <el-input v-model="scope.row.otherexpense" placeholder="鏉傝垂" @blur="val => { sumTotalFee(); } " /> @@ -372,7 +399,7 @@ <el-table-column prop="otherfeeamount" label="鍏朵粬璐圭敤" align="center" width="90"> <template slot-scope="scope"> - <el-input v-model="scope.row.otherfeeamount" placeholder="鍏朵粬璐圭敤" @blur="(val) => { + <el-input v-model="scope.row.otherfeeamount" placeholder="鍏朵粬璐圭敤" @blur="val => { sumTotalFee(); } " /> @@ -493,8 +520,8 @@ <el-table-column prop="remark" slot="" label="璇锋璇存槑" align="center" fixed width="280"> <template slot-scope="scope"> <el-input v-model="scope.row.remark" placeholder="璇存槑" /> - </template> - </el-table-column><el-table-column prop="paiddate" slot="" label="鎵撴鏃ユ湡" fixed align="center" width="150"> + </template> </el-table-column><el-table-column prop="paiddate" slot="" label="鎵撴鏃ユ湡" fixed align="center" + width="150"> <template slot-scope="scope"> <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.paiddate" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="鎵撴鏃ユ湡" :disabled="true" @blur="getallowance(scope.row)"> @@ -504,7 +531,8 @@ <el-table-column label="鎿嶄綔" align="center" width="100" v-if="dialogType == 'edit'"> <template slot-scope="scope"> <el-button type="text" size="mini" @click="addPayeeRow(scope.$index)">鏂板</el-button> - <el-button @click.native.prevent="deletePayeeRow(scope.$index, rbPayees, scope.row) + <el-button @click.native.prevent=" + deletePayeeRow(scope.$index, rbPayees, scope.row) " type="text" size="small"> 鍒犻櫎 </el-button> @@ -519,12 +547,12 @@ <el-col :span="14"> <el-form-item label="闄勪欢" align="left" prop="annexfiles"> <!-- <file-upload ref="fileUpload" :fileType=fileType :limit="1" :on-success="handleUploadSuccess"></file-upload> --> - <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple :limit="20" - :headers="headers" :on-success="(response, file, fileList) => + <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple + :limit="20" :headers="headers" :on-success="(response, file, fileList) => uploadSccess(response, file, fileList) - " :on-preview="downFile" :disabled='dialogType == "detail"' :on-error="handleUploadError" + " :on-preview="downFile" :disabled="dialogType == 'detail'" :on-error="handleUploadError" :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf"> - <el-button :disabled='dialogType == "detail"' size="small" type="primary">涓婁紶</el-button> + <el-button :disabled="dialogType == 'detail'" size="small" type="primary">涓婁紶</el-button> </el-upload> </el-form-item> </el-col> @@ -583,7 +611,8 @@ //鑾峰彇鍦板競瀵瑰簲鍩哄噯閲戦 getstandardRMB, checkfund, - listbypowerone, addShareData + listbypowerone, + addShareData } from "@/api/project/reimbursement"; import { provinceAndCityData, @@ -591,7 +620,7 @@ provinceAndCityDataPlus, regionDataPlus, CodeToText, - TextToCode, + TextToCode } from "element-china-area-data"; import { listFundflow, @@ -599,7 +628,7 @@ delFundflow, addFundflow, updateFundflow, - exportFundflow, + exportFundflow } from "@/api/project/fundflow"; import { listReimbursementdetail, @@ -611,16 +640,21 @@ delReimbursementdetail, delReimbursementdetailrbid, exportReimbursementdetail, - getTravelStandard, + getTravelStandard } from "@/api/project/reimbursementdetail"; -import { listReimbursementpayee, addReimbursementpayee, updateReimbursementpayee } from "@/api/project/reimbursementpayee"; +import { + listReimbursementpayee, + addReimbursementpayee, + updateReimbursementpayee +} from "@/api/project/reimbursementpayee"; import Li_area_select from "@/components/Address"; import { getUserProfile } from "@/api/system/user"; import { getToken } from "@/utils/auth"; +import { setItem, grtItem, removeItem } from "@/utils/storage.js"; export default { components: { - Li_area_select, + Li_area_select }, name: "Funddetail", dicts: [ @@ -629,14 +663,15 @@ "sys_0_1", "sys_fund_type", "sys_financeitemtype", - "sys_travelexpensebelong" + "sys_travelexpensebelong", + "sys_stage_type" ], data() { return { checkObj: { flowlevelone: null, flowconclusion: null, - fundid: null, + fundid: null }, fundflowList: [], checkopen: false, @@ -645,7 +680,7 @@ searchAddress: { sheng: "", shi: "", - qu: "", + qu: "" }, value1: "", // 閬僵灞� @@ -671,16 +706,30 @@ checkFlagOptions: [ { value: 0, - label: "宸插鎵�", + label: "宸插鎵�" }, { value: 1, - label: "寰呭鎵�", + label: "寰呭鎵�" }, { value: 2, - label: "鍏ㄩ儴", + label: "鍏ㄩ儴" + } + ], + checkmaterials: [ + { + value: 1, + label: "寰呭鏍�" }, + { + value: 2, + label: "瀹℃牳閫氳繃绛夊緟鏉愭枡" + }, + { + value: 3, + label: "宸叉敹鍒版潗鏂�" + } ], // 鏌ヨ鍙傛暟 queryParams: { @@ -689,11 +738,11 @@ APPLICANT: null, APPLICATIONBEGTIME: null, APPLICATIONENDTIME: null, - CHECKFLAG: 1, + CHECKFLAG: 1 }, //鏌ヨ浠樻 queryParamsPayee: { - rbid: null, + rbid: null }, // 琛ㄥ崟鍙傛暟 form: {}, @@ -705,7 +754,7 @@ applicationType: null, donorno: null, donorname: null, - bigstrmoney: null, + bigstrmoney: null }, rbDetails: [], rbPayees: [], @@ -717,32 +766,34 @@ //鏂囦欢鍒楄〃 fileList: [], headers: { - Authorization: "Bearer " + getToken(), + Authorization: "Bearer " + getToken() }, standardlevel: 0, - createTime: [], + applyTime: [], //寮圭獥璇︽儏--show锛沞dit - dialogType: "show", + dialogType: "show" }; }, - created() { - this.getList(); - }, + created() { }, mounted() { + if (grtItem("travelexpensecheck")) { + this.queryParams = grtItem("travelexpensecheck"); + } //this.getlistDonatebaseinfo(); this.getList(); }, 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]; }, getList() { this.loading = true; - console.log("this.queryParams", this.queryParams) - listbypowerone(this.queryParams).then((response) => { - + console.log("this.queryParams", this.queryParams); + listbypowerone(this.queryParams).then(response => { + removeItem("travelexpensecheck"); + setItem("travelexpensecheck", this.queryParams); this.reimbursementList = response.rows; this.total = response.total; this.loading = false; @@ -750,7 +801,7 @@ }, getUserProfile() { - getUserProfile().then((response) => { + getUserProfile().then(response => { this.standardlevel = response.data.standardlevel; }); }, @@ -759,7 +810,7 @@ let checkfundobj = { flowconclusion: this.checkObj.flowlevelone, flowcontent: this.checkObj.flowconclusion, - fundid: this.checkObj.fundid, + fundid: this.checkObj.fundid }; if ( @@ -771,7 +822,7 @@ return; } - checkfund(checkfundobj).then((res) => { + checkfund(checkfundobj).then(res => { this.reset(); this.open = false; this.getList(); @@ -785,7 +836,7 @@ gettable(e) { const id = e.id; - getdownload(e.id).then((res) => { + getdownload(e.id).then(res => { var fileUrl = res; //鑾峰彇褰撳墠缃戝潃 var urlBase = process.env.VUE_APP_BASE_API; @@ -846,7 +897,7 @@ remark: null, recordstatus: "0", uploadflag: null, - uploadtime: null, + uploadtime: null }; this.rbDetails = [ @@ -855,7 +906,7 @@ searchAddress: { sheng: "", shi: "", - qu: "", + qu: "" }, id: null, rbid: null, @@ -881,22 +932,23 @@ uploadTime: null, uploadFlag: null, uploadFlag: null, - total: 0, - }, + total: 0 + } ]; - this.rbDetails = [{ - id: null, - personType: null, - personname: null, - bankname: null, - bankcardno: null, - paiddate: null, - remark: null, - orderno: null, - personname: null, - amount: null, - }, + this.rbDetails = [ + { + id: null, + personType: null, + personname: null, + bankname: null, + bankcardno: null, + paiddate: null, + remark: null, + orderno: null, + personname: null, + amount: null + } ]; this.resetForm("form"); }, @@ -912,10 +964,10 @@ let listFundflowparams = { // fundid:row.id, fundid: 75, - fundtype: 1, + fundtype: 1 }; - listFundflow(listFundflowparams).then((res) => { + listFundflow(listFundflowparams).then(res => { this.fundflowList = res.rows; }); }, @@ -927,12 +979,19 @@ }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { - this.resetForm("queryForm"); - this.handleQuery(); + (this.queryParams = { + pageNum: 1, + pageSize: 10, + APPLICANT: null, + APPLICATIONBEGTIME: null, + APPLICATIONENDTIME: null, + CHECKFLAG: 1 + }), + this.handleQuery(); }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { - this.ids = selection.map((item) => item.id); + this.ids = selection.map(item => item.id); this.single = selection.length !== 1; this.multiple = !selection.length; }, @@ -945,6 +1004,7 @@ this.open = true; this.title = "娣诲姞鎶ラ攢鐢宠"; }, + /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { this.$router.push({ @@ -956,57 +1016,68 @@ this.checkObj.fundid = id; let listFundflowparams = { fundid: row.id, - fundtype: 1, + fundtype: 1 }; - listFundflow(listFundflowparams).then((res) => { + listFundflow(listFundflowparams).then(res => { this.fundflowList = res.rows; }); this.reset(); - getReimbursement(id).then((response1) => { + getReimbursement(id).then(response1 => { this.form = response1.data; this.open = true; this.title = "淇敼鎶ラ攢鐢宠"; let ids = response1.data.id; - this.fileList = this.form.annexfiles ? this.form.annexfiles.split(",").map(item => ({ url: item, name: item })) : [] + this.fileList = this.form.annexfiles + ? this.form.annexfiles + .split(",") + .map(item => ({ url: item, name: item })) + : []; - getReimbursementdetaillist(ids).then((res2) => { + getReimbursementdetaillist(ids).then(res2 => { this.rbDetails = res2.data; for (let i = 0; i < this.rbDetails.length; i++) { this.rbDetails[i].index = i; this.rbDetails[i].searchAddress = { sheng: this.rbDetails[i].travelprovincename, shi: this.rbDetails[i].travelcityname, - qu: this.rbDetails[i].traveltownname, + qu: this.rbDetails[i].traveltownname }; } //this.sumTotalFee(); }); //鑾峰彇鎶ラ攢鎵撴淇℃伅 this.queryParamsPayee.rbid = ids; - listReimbursementpayee(this.queryParamsPayee).then((res) => { + listReimbursementpayee(this.queryParamsPayee).then(res => { this.rbPayees = res.rows; - if (this.rbPayees.length == 0) { this.addPayeeRow(0); } + if (this.rbPayees.length == 0) { + this.addPayeeRow(0); + } }); }); }, //鏌ョ湅瀹℃牳璇︽儏 handleShow(row) { + this.$router.push({ + path: "/finance/travelexpenseapply/travelexpensedetail/", + query: { id: row.id, pos: 3 } + }); + this.dialogType = "show"; //鍔犺浇瀹℃牳璁板綍 let listFundflowparams = { fundid: row.id, - fundtype: 1, + fundtype: 1 }; - listFundflow(listFundflowparams).then((res) => { + listFundflow(listFundflowparams).then(res => { this.fundflowList = res.rows; }); - getReimbursement(row.id).then((response) => { + getReimbursement(row.id).then(response => { this.form = response.data; this.open = true; this.title = "鏌ョ湅鎶ラ攢鐢宠"; let ids = response.data.id; - getReimbursementdetaillist(ids).then((res) => { + getReimbursementdetaillist(ids).then(res => { this.rbDetails = res.data; console.log("getReimbursementdetaillist", res); for (let i = 0; i < this.rbDetails.length; i++) { @@ -1014,29 +1085,31 @@ this.rbDetails[i].searchAddress = { sheng: this.rbDetails[i].travelprovincename, shi: this.rbDetails[i].travelcityname, - qu: this.rbDetails[i].traveltownname, + qu: this.rbDetails[i].traveltownname }; } }); //鑾峰彇鎶ラ攢鎵撴淇℃伅 this.queryParamsPayee.rbid = ids; - listReimbursementpayee(this.queryParamsPayee).then((res) => { + listReimbursementpayee(this.queryParamsPayee).then(res => { this.rbPayees = res.rows; - if (this.rbPayees.length == 0) { this.addPayeeRow(0); } + if (this.rbPayees.length == 0) { + this.addPayeeRow(0); + } }); }); }, /** 鎻愪氦鎸夐挳 */ submitForm() { - this.$refs["form"].validate((valid) => { + this.$refs["form"].validate(valid => { if (valid) { // this.rbDetails.forEach(item=>{ // item.destination = this.searchAddress.sheng // }) if (this.form.id != null) { - updateReimbursement(this.form).then((response) => { + updateReimbursement(this.form).then(response => { for (let i = 0; i < this.rbDetails.length; i++) { if (this.rbDetails[i].rbid != null) { updateReimbursementdetail(this.rbDetails[i]); @@ -1050,11 +1123,11 @@ this.getList(); }); } else { - addReimbursement(this.form).then((response) => { + addReimbursement(this.form).then(response => { this.$modal.msgSuccess("鏂板鎴愬姛"); this.open = false; this.getList(); - listReimbursementdetailid().then((res) => { + listReimbursementdetailid().then(res => { let id = res.data; for (let i = 0; i < this.rbDetails.length; i++) { this.rbDetails[i].rbid = id; @@ -1093,7 +1166,7 @@ this.exportLoading = true; return exportReimbursement(queryParams); }) - .then((response) => { + .then(response => { this.$download.name(response.msg); this.exportLoading = false; }) @@ -1107,7 +1180,7 @@ searchAddress: { sheng: "", shi: "", - qu: "", + qu: "" }, id: null, rbid: null, @@ -1134,7 +1207,7 @@ updateTime: null, uploadFlag: null, uploadTime: null, - total: 0, + total: 0 }; this.rbDetails.push(rowData); }, @@ -1143,7 +1216,7 @@ this.$confirm("鏄惁纭鍒犻櫎?", "鎻愮ず", { confirmButtonText: "纭畾", cancelButtonText: "鍙栨秷", - type: "warning", + type: "warning" }) .then(() => { rows.splice(index, 1); @@ -1183,11 +1256,7 @@ totalFee += parseFloat(this.rbDetails[i].otherfeeamount); } this.rbDetails[i].total = parseFloat(totalFee).toFixed(2); - this.$set( - this.rbDetails, - scope.$index, - this.rbDetails[i] - ); + this.$set(this.rbDetails, scope.$index, this.rbDetails[i]); if (!isNaN(parseFloat(this.rbDetails[i].total))) { allSum += parseFloat(this.rbDetails[i].total); } @@ -1301,7 +1370,7 @@ handleUploadError() { }, remove(file) { - this.fileList.splice(this.fileList.indexOf(file), 1) + this.fileList.splice(this.fileList.indexOf(file), 1); }, handleExceed() { @@ -1317,20 +1386,19 @@ this.$modal.msgSuccess(response.msg); this.fileList.push({ name: response.fileName, url: response.fileName }); } else { - console.log(response.msg);; + console.log(response.msg); } }, - + // 涓嬭浇鏂囦欢 downFile(item) { - const url = process.env.VUE_APP_BASE_API + item.url - var a = document.createElement('a'); - var event = new MouseEvent('click'); + const url = process.env.VUE_APP_BASE_API + item.url; + var a = document.createElement("a"); + var event = new MouseEvent("click"); a.download = item.name; a.href = url; a.dispatchEvent(event); - }, - - }, + } + } }; -</script> \ No newline at end of file +</script> -- Gitblit v1.9.3