From 4299b8c6348b756a678a92035d7a231efb9da8aa Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期日, 26 三月 2023 14:22:32 +0800 Subject: [PATCH] yxh --- src/views/project/travelexpenseslist/index.vue | 829 +++++++++++++--------------------------------------------- 1 files changed, 189 insertions(+), 640 deletions(-) diff --git a/src/views/project/travelexpenseslist/index.vue b/src/views/project/travelexpenseslist/index.vue index 235d96c..b80afba 100644 --- a/src/views/project/travelexpenseslist/index.vue +++ b/src/views/project/travelexpenseslist/index.vue @@ -1,60 +1,29 @@ <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - :inline="true" - v-show="showSearch" - label-width="68px" - > + <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" - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.travelers" placeholder="璇疯緭鍏ュ嚭宸汉" clearable size="small" + @keyup.enter.native="handleQuery" /> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="鎶ラ攢浜�" prop="username"> - <el-input - v-model="queryParams.username" - placeholder="璇疯緭鍏ユ姤閿�浜�" - clearable - size="small" - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.username" placeholder="璇疯緭鍏ユ姤閿�浜�" clearable size="small" + @keyup.enter.native="handleQuery" /> </el-form-item> </el-col> - <el-col :span="6"> + <el-col :span="6"> <el-form-item label="瀹℃牳鐘舵��" prop="recordstatus"> - <el-input - v-model="queryParams.recordstatus" - placeholder="璇烽�夋嫨瀹℃牳鐘舵��" - clearable - size="small" - v-if="0" - @keyup.enter.native="handleQuery" - /> - <el-select - v-model="queryParams.recordstatus" - placeholder="璇烽�夋嫨瀹℃牳鐘舵��" - clearable - size="small" - > - <el-option - v-for="dict in dict.type.sys_recordstatus" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> + <el-input v-model="queryParams.recordstatus" placeholder="璇烽�夋嫨瀹℃牳鐘舵��" clearable size="small" v-if="0" + @keyup.enter.native="handleQuery" /> + <el-select v-model="queryParams.recordstatus" placeholder="璇烽�夋嫨瀹℃牳鐘舵��" clearable size="small"> + <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label" + :value="dict.value" /> </el-select> </el-form-item> </el-col> @@ -63,267 +32,114 @@ <el-row> <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 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"> <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="mini" - @click="handleQuery" - >鎼滅储</el-button - > - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" - >閲嶇疆</el-button - > - </el-form-item> + <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + </el-form-item> </el-col> </el-row> - + </el-form> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> - <el-button - type="primary" - plain - icon="el-icon-plus" - size="mini" - @click="handleAdd" - >鏂板</el-button - > + <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">鏂板</el-button> <!-- v-hasPermi="['project:funddetail:add']" --> </el-col> <el-col :span="1.5"> - <el-button - type="warning" - plain - icon="el-icon-download" - size="mini" - :loading="exportLoading" - @click="handleExport" - >瀵煎嚭</el-button - > + <el-button type="warning" plain icon="el-icon-download" size="mini" :loading="exportLoading" + @click="handleExport">瀵煎嚭</el-button> </el-col> <!-- v-hasPermi="['project:funddetail:export']" --> - <right-toolbar - :showSearch.sync="showSearch" - @queryTable="getList" - ></right-toolbar> + <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> - <el-table - border - v-loading="loading" - :data="reimbursementList" - @selection-change="handleSelectionChange" - > + <el-table border v-loading="loading" :data="reimbursementList" @selection-change="handleSelectionChange"> <!-- <el-table-column type="selection" width="55" align="center" /> --> - <el-table-column - label="璁板綍鐘舵��" - align="center" - prop="recordstatus" - width="180" - > + <el-table-column label="璁板綍鐘舵��" align="center" prop="recordstatus" width="180"> <template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_recordstatus" - :value="scope.row.recordstatus" - /> + <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" /> </template> </el-table-column> - <el-table-column - label="鎶ラ攢浜虹被鍒�" - width="120" - align="center" - prop="costtype" - > + <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" - /> + <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="createTime"> <template slot-scope="scope"> <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span> </template> </el-table-column> - <el-table-column - label="鎶ラ攢浜�" - width="120" - align="center" - prop="username" - > + <el-table-column label="鎶ラ攢浜�" width="120" align="center" prop="username"> </el-table-column> - <el-table-column - label="鍑哄樊浜�" - width="180" - align="center" - prop="travelers" - > + <el-table-column label="鍑哄樊浜�" width="180" align="center" prop="travelers"> </el-table-column> - <el-table-column - label="鎶ラ攢閲戦" - width="120" - align="center" - prop="amountrequested" - > + <el-table-column label="鎶ラ攢閲戦" width="120" align="center" prop="amountrequested"> </el-table-column> - <el-table-column - label="鍑哄樊浜嬬敱" - align="center" - width="280" - prop="reason" - > + <el-table-column label="鍑哄樊浜嬬敱" align="center" width="280" prop="reason"> </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="depositbank" - > + <el-table-column label="寮�鎴烽摱琛�" width="180" align="center" prop="depositbank"> </el-table-column> - <el-table-column - label="閾惰鍗″彿" - width="180" - align="center" - prop="bankcardno" - > + <el-table-column label="閾惰鍗″彿" width="180" align="center" prop="bankcardno"> </el-table-column> - <!-- <el-table-column label="鎶ラ攢鍚堣" align="center" prop="financechecher"> - </el-table-column> --> - <!-- <el-table-column + <!-- <el-table-column label="鎶ラ攢鍚堣" align="center" prop="financechecher"> + </el-table-column> --> + <!-- <el-table-column label="璐㈠姟瀹℃牳" width="120" align="center" prop="financechecher" > - </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> - <el-table-column - label="鎿嶄綔" - align="center" - fixed="right" - class-name="small-padding fixed-width" - width="270" - > + <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="270"> <template slot-scope="scope"> - <el-button - v-if="scope.row.recordstatus == -1 || scope.row.recordstatus == 1" - size="mini" - type="text" - icon="el-icon-upload2" - @click="handleup(scope.row)" - >涓婃姤</el-button - > - <el-button - v-if="scope.row.recordstatus == -1 || scope.row.recordstatus == 1" - size="mini" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - >淇敼</el-button - > - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleDetail(scope.row)" - >鏌ョ湅</el-button - > + <el-button v-if="scope.row.recordstatus == -1 || scope.row.recordstatus == 1" size="mini" type="text" + icon="el-icon-upload2" @click="handleup(scope.row)">涓婃姤</el-button> + <el-button v-if="scope.row.recordstatus == -1 || scope.row.recordstatus == 1" size="mini" type="text" + icon="el-icon-edit" @click="handleUpdate(scope.row)">淇敼</el-button> + <el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)">鏌ョ湅</el-button> <!-- v-hasPermi="['project:funddetail:edit']" --> - <el-button - size="mini" - type="text" - icon="el-icon-download" - @click="gettable(scope.row)" - > + <el-button size="mini" type="text" icon="el-icon-download" @click="gettable(scope.row)"> 涓嬭浇 </el-button> <!-- v-hasPermi="['project:funddetail:edit']" --> - <el-button - v-if="scope.row.recordstatus == -1 || scope.row.recordstatus == 1" - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - >鍒犻櫎</el-button - > + <el-button v-if="scope.row.recordstatus == -1 || scope.row.recordstatus == 1" size="mini" type="text" + icon="el-icon-delete" @click="handleDelete(scope.row)">鍒犻櫎</el-button> <!-- v-hasPermi="['project:funddetail:remove']" --> </template> </el-table-column> </el-table> <!-- v-hasPermi="['project:donateconsolationfund:edit']" --> - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> + <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" + @pagination="getList" /> <!-- 娣诲姞鎴栦慨鏀硅垂鐢ㄧ敵璇锋槑缁嗗璇濇 --> - <el-dialog - :title="title" - :visible.sync="open" - :close-on-click-modal="false" - width="1600px" - append-to-body - @close="reset" - - > + <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="1600px" append-to-body + @close="reset"> <el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-row> <el-col :span="7"> - <!-- <el-form-item label="澶囨敞" prop="reason"> + <!-- <el-form-item label="澶囨敞" prop="reason"> <el-input v-model="form.reason" placeholder="涓撹亴浜哄憳 鍗忚皟鍛�" /> - </el-form-item> --><el-form-item label="鎶ラ攢浜�" prop="username"> - <el-select - v-model="form.username" - clearable - filterable - allow-create - ref="getReportname" - default-first-option - placeholder="璇烽�夋嫨" - > - <el-option - v-for="item in reporters" - :key="item.reportNo" - :label="item.reportName" - :value="item.reportName" - > + </el-form-item> --><el-form-item label="鎶ラ攢浜�" prop="username"> + <el-select v-model="form.username" clearable filterable allow-create ref="getReportname" + default-first-option placeholder="璇烽�夋嫨"> + <el-option v-for="item in reporters" :key="item.reportNo" :label="item.reportName" + :value="item.reportName"> </el-option> </el-select> </el-form-item> @@ -331,27 +147,13 @@ <el-col :span="8"> <el-form-item label="鎹愮尞缂栧彿" prop="donorno"> - <el-input - disabled - v-model="form.donorno" - placeholder="鎹愮尞缂栧彿" - /> + <el-input disabled v-model="form.donorno" placeholder="鎹愮尞缂栧彿" /> </el-form-item> </el-col> <el-col :span="7"> <el-form-item label="鎹愮尞鑰�" prop="infoid"> - <el-select - v-model="form.infoid" - @change="selectbaseinfo" - filterable - placeholder="璇烽�夋嫨鎹愮尞鑰�" - > - <el-option - v-for="item in baselist" - :key="item.index" - :label="item.name" - :value="item.infoid" - > + <el-select v-model="form.infoid" @change="selectbaseinfo" filterable placeholder="璇烽�夋嫨鎹愮尞鑰�"> + <el-option v-for="item in baselist" :key="item.index" :label="item.name" :value="item.infoid"> </el-option> </el-select> </el-form-item> @@ -360,39 +162,18 @@ <el-row> <el-col :span="7"> <el-form-item label="鍑哄樊浜哄垎绫�" prop="costtype"> - <el-select - v-model="form.costtype" - value-key="value" - placeholder="璇烽�夋嫨鍑哄樊浜哄垎绫�" - @change="getTravelers" - > - <el-option - v-for="dict in dict.type.sys_travelexpensebelong" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> + <el-select v-model="form.costtype" value-key="value" placeholder="璇烽�夋嫨鍑哄樊浜哄垎绫�" @change="getTravelers"> + <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> </el-select> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="鍑哄樊浜�" prop="travelers"> - <el-select - v-model="form.travelers" - clearable - filterable - allow-create - ref="getReportname" - default-first-option - placeholder="璇烽�夋嫨" - @change="selectedTraveler" - > - <el-option - v-for="item in travelers" - :key="item.reportNo" - :label="item.reportName" - :value="item.reportName" - > + <el-select v-model="form.travelers" clearable filterable allow-create ref="getReportname" + default-first-option placeholder="璇烽�夋嫨" @change="selectedTraveler"> + <el-option v-for="item in travelers" :key="item.reportNo" :label="item.reportName" + :value="item.reportName"> </el-option> </el-select> </el-form-item> @@ -400,8 +181,7 @@ <el-col :span="7"> <el-form-item label="鍖哄煙缁勯暱" prop="managername"> <el-input v-model="form.managername" placeholder="鍖哄煙缁勯暱" /> - </el-form-item> </el-col></el-row - ><el-row> + </el-form-item> </el-col></el-row><el-row> <el-col :span="15"> <el-form-item label="鍑哄樊浜嬬敱" prop="reason"> <el-input v-model="form.reason" placeholder="鍑哄樊浜嬬敱" /> @@ -409,13 +189,8 @@ </el-col> <el-col :span="7"> <el-form-item label="鐢宠鏃ユ湡" prop="createTime"> - <el-date-picker - style="width: 100%" - v-model="form.createTime" - type="date" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="鐢宠鏃ユ湡" - > + <el-date-picker style="width: 100%" v-model="form.createTime" type="date" value-format="yyyy-MM-dd HH:mm:ss" + placeholder="鐢宠鏃ユ湡"> </el-date-picker> </el-form-item> </el-col> @@ -430,7 +205,7 @@ <el-row> <el-col :span="8"> </el-col> </el-row> - <!-- <el-row type="flex" :gutter="10" align="right" class="mb8"> + <!-- <el-row type="flex" :gutter="10" align="right" class="mb8"> <el-col :span="6"> <el-button type="primary" @@ -441,284 +216,129 @@ >鏂板涓�琛�</el-button > </el-col> - </el-row> --> + </el-row> --> <el-row> - <el-table :data="applicationDetailArr" border highlight-current-row > - <el-table-column - prop="orderno" - slot="" - label="搴忓彿" - align="center" - fixed - width="80" - > + <el-table :data="applicationDetailArr" border highlight-current-row> + <el-table-column prop="orderno" slot="" label="搴忓彿" align="center" fixed width="80"> <template slot-scope="scope"> <el-input v-model="scope.row.orderno" placeholder="搴忓彿" /> </template> </el-table-column> - <el-table-column - prop="starttime" - slot="" - label="鍑哄彂鏃ユ湡" - fixed - align="center" - width="150" - > + <el-table-column prop="starttime" slot="" label="鍑哄彂鏃ユ湡" fixed align="center" width="150"> <template slot-scope="scope"> - <el-date-picker - clearable - size="small" - style="width: 100%" - v-model="scope.row.starttime" - type="date" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="鍑哄彂鏃ユ湡" - @change="getStandard(scope.row)" - > + <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.starttime" type="date" + value-format="yyyy-MM-dd HH:mm:ss" placeholder="鍑哄彂鏃ユ湡" @change="getStandard(scope.row)"> </el-date-picker> </template> </el-table-column> - <el-table-column - prop="departure" - slot="" - label="鍑哄彂鍦扮偣" - align="center" - width="200" - fixed - > + <el-table-column prop="departure" slot="" label="鍑哄彂鍦扮偣" align="center" width="200" fixed> <template slot-scope="scope"> - <el-input - v-model="scope.row.departure" - placeholder="鍑哄彂鍦扮偣" - /> + <el-input v-model="scope.row.departure" placeholder="鍑哄彂鍦扮偣" /> </template> </el-table-column> - <el-table-column - prop="endtime" - slot="" - label="鍒拌揪鏃ユ湡" - align="center" - width="150" - fixed - > + <el-table-column prop="endtime" slot="" label="鍒拌揪鏃ユ湡" align="center" width="150" fixed> <template slot-scope="scope"> - <el-date-picker - clearable - size="small" - style="width: 100%" - v-model="scope.row.endtime" - type="date" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="鍒拌揪鏃ユ湡" - > + <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.endtime" type="date" + value-format="yyyy-MM-dd HH:mm:ss" placeholder="鍒拌揪鏃ユ湡"> </el-date-picker> </template> </el-table-column> - <el-table-column - label="鍒拌揪鍦扮偣" - prop="destination" - align="center" - width="200" - > + <el-table-column label="鍒拌揪鍦扮偣" prop="destination" align="center" width="200"> <template slot-scope="scope"> - <el-input - v-model="scope.row.destination" - placeholder="鍒拌揪鍦扮偣" - /> + <el-input v-model="scope.row.destination" placeholder="鍒拌揪鍦扮偣" /> </template> </el-table-column> <el-table-column prop="days" label="澶╂暟" width="70" align="center"> <template slot-scope="scope"> - <el-input - v-model="scope.row.days" - @blur="getStandard(scope.row)" - placeholder="澶╂暟" - /> + <el-input v-model="scope.row.days" @blur="getStandard(scope.row)" placeholder="澶╂暟" /> </template> </el-table-column> - <el-table-column - prop="traffictype" - label="浜ら�氬伐鍏�" - align="center" - width="120" - > + <el-table-column prop="traffictype" label="浜ら�氬伐鍏�" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.traffictype" - placeholder="浜ら�氬伐鍏�" - /> + <el-input v-model="scope.row.traffictype" placeholder="浜ら�氬伐鍏�" /> </template> </el-table-column> - <el-table-column - prop="trafficexpense" - label="浜ら�氳垂" - align="center" - width="80" - > + <el-table-column prop="trafficexpense" label="浜ら�氳垂" align="center" width="80"> <template slot-scope="scope"> - <el-input - v-model="scope.row.trafficexpense" - placeholder="浜ら�氳垂" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.trafficexpense" placeholder="浜ら�氳垂" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="cityfee" - label="甯傚唴浜ら�氳垂" - align="center" - width="100" - > + <el-table-column prop="cityfee" label="甯傚唴浜ら�氳垂" align="center" width="100"> <template slot-scope="scope"> - <el-input - v-model="scope.row.cityfee" - placeholder="甯傚唴浜ら�氳垂" - @blur=" - (val) => { - sumTotalFee(); - } - " - >{{ Number(scope.row.cityfee).toFixed(2) }} + <el-input v-model="scope.row.cityfee" placeholder="甯傚唴浜ら�氳垂" @blur=" + (val) => { + sumTotalFee(); + } + ">{{ Number(scope.row.cityfee).toFixed(2) }} </el-input> </template> </el-table-column> - <el-table-column - prop="hotelexpense" - label="浣忓璐�" - align="center" - width="80" - > + <el-table-column prop="hotelexpense" label="浣忓璐�" align="center" width="80"> <template slot-scope="scope"> - <el-input - v-model="scope.row.hotelexpense" - placeholder="浣忓璐�" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.hotelexpense" placeholder="浣忓璐�" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="otherexpense" - label="鏉傝垂" - align="center" - width="80" - > + <el-table-column prop="otherexpense" label="鏉傝垂" align="center" width="80"> <template slot-scope="scope"> - <el-input - v-model="scope.row.otherexpense" - placeholder="鏉傝垂" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.otherexpense" placeholder="鏉傝垂" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="foodexpenses" - label="浼欓璐规姤閿�" - align="center" - width="100" - > + <el-table-column prop="foodexpenses" label="浼欓璐规姤閿�" align="center" width="100"> <template slot-scope="scope"> - <el-input - v-model="scope.row.foodexpenses" - placeholder="浼欓璐规姤閿�" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.foodexpenses" placeholder="浼欓璐规姤閿�" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="foodallowance" - label="浼欓璐硅ˉ鍔�" - align="center" - width="100" - > + <el-table-column prop="foodallowance" label="浼欓璐硅ˉ鍔�" align="center" width="100"> <template slot-scope="scope"> - <el-input - v-model="scope.row.foodallowance" - placeholder="浼欓璐硅ˉ鍔�" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.foodallowance" placeholder="浼欓璐硅ˉ鍔�" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="otherfeeamount" - label="鍏朵粬璐圭敤" - align="center" - width="90" - > + <el-table-column prop="otherfeeamount" label="鍏朵粬璐圭敤" align="center" width="90"> <template slot-scope="scope"> - <el-input - v-model="scope.row.otherfeeamount" - placeholder="鍏朵粬璐圭敤" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.otherfeeamount" placeholder="鍏朵粬璐圭敤" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="departure" - slot="" - label="鍏朵粬璐圭敤璇存槑" - align="center" - width="120" - > + <el-table-column prop="departure" slot="" label="鍏朵粬璐圭敤璇存槑" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.otherfeedesc" - placeholder="鍏朵粬璐圭敤璇存槑" - /> + <el-input v-model="scope.row.otherfeedesc" placeholder="鍏朵粬璐圭敤璇存槑" /> </template> </el-table-column> - <el-table-column - prop="total" - label="鍚堣" - align="center" - width="110" - > + <el-table-column prop="total" label="鍚堣" align="center" width="110"> <template slot-scope="scope"> <el-input v-model="scope.row.total" placeholder="鍚堣" /> </template> </el-table-column> - <el-table-column - fixed="right" - label="鎿嶄綔" - align="center" - width="120" - v-if="dialogType == 'edit'" - > + <el-table-column fixed="right" label="鎿嶄綔" align="center" width="120" v-if="dialogType == 'edit'"> <template slot-scope="scope"> - <el-button type="text" size="mini" @click="addRow(scope.$index)" - >鏂板</el-button - > - <el-button - @click.native.prevent=" - deleteRow(scope.$index, applicationDetailArr, scope.row) - " - type="text" - size="small" - > + <el-button type="text" size="mini" @click="addRow(scope.$index)">鏂板</el-button> + <el-button @click.native.prevent=" + deleteRow(scope.$index, applicationDetailArr, scope.row) + " type="text" size="small"> 鍒犻櫎 </el-button> </template> @@ -767,130 +387,66 @@ <el-col :span="8"> <el-form-item label="璐㈠姟鍓櫌闀�" prop="finvicepresident"> - <el-input - v-model="form.finvicepresident" - placeholder="璐㈠姟鍓櫌闀�" - /> + <el-input v-model="form.finvicepresident" placeholder="璐㈠姟鍓櫌闀�" /> </el-form-item> </el-col> <el-col :span="7"> <el-form-item label="涓氬姟鍓櫌闀�" prop="busvicepresident"> - <el-input - v-model="form.busvicepresident" - placeholder="涓氬姟鍓櫌闀�" - /> + <el-input v-model="form.busvicepresident" placeholder="涓氬姟鍓櫌闀�" /> </el-form-item> </el-col> <el-row> <el-col :span="7"> <el-form-item label="鍔炲叕瀹や富浠�" prop="officedirector"> - <el-input - v-model="form.officedirector" - placeholder="鍔炲叕瀹や富浠�" - /> + <el-input v-model="form.officedirector" placeholder="鍔炲叕瀹や富浠�" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="璐㈠姟閮ㄤ富浠�" prop="financedirector"> - <el-input - v-model="form.financedirector" - placeholder="璐㈠姟閮ㄤ富浠�" - /> + <el-input v-model="form.financedirector" placeholder="璐㈠姟閮ㄤ富浠�" /> </el-form-item> </el-col> <el-col :span="7"> <el-form-item label="瀹℃牳鐘舵��" prop="flowlevel"> - <el-select - v-model="form.recordstatus" - placeholder="璇烽�夋嫨瀹℃牳鐘舵��" - clearable - :disabled="true" - size="small" - > - <el-option - v-for="dict in dict.type.sys_recordstatus" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> + <el-select v-model="form.recordstatus" placeholder="璇烽�夋嫨瀹℃牳鐘舵��" clearable :disabled="true" size="small"> + <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label" + :value="dict.value" /> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="24"> - <!-- <el-form-item label="鏂囦欢鍦板潃" prop="fileurl"> + <!-- <el-form-item label="鏂囦欢鍦板潃" prop="fileurl"> <el-input v-model="form.fileurl" placeholder="璇疯緭鍏ユ枃浠跺湴鍧�" /> - </el-form-item> --> + </el-form-item> --> <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="5" - :headers="headers" - :on-success=" + <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple :limit="5" + :headers="headers" :on-success=" (response, file, fileList) => uploadSccess(response, file, fileList) - " - :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> + " :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-upload> </el-form-item> </el-col> </el-row> - <el-row v-if="dialogType == 'detail'"> <el-table :data="fundflowList" border> - <el-table-column - label="瀹℃牳浜�" - align="center" - width="120" - prop="checkusername" - /> - <el-table-column - label="瀹℃牳鏃ユ湡" - align="center" - width="160" - prop="createTime" - /> - <el-table-column - label="瀹℃牳缁撴灉" - align="center" - width="200" - prop="flowconclusion" - ><template slot-scope="scope" - ><span v-if="scope.row.flowconclusion == 1">閫氳繃</span - ><span v-if="scope.row.flowconclusion == 2" - >涓嶉�氳繃</span - ></template - > + <el-table-column label="瀹℃牳浜�" align="center" width="120" prop="checkusername" /> + <el-table-column label="瀹℃牳鏃ユ湡" align="center" width="160" prop="createTime" /> + <el-table-column label="瀹℃牳缁撴灉" align="center" width="200" prop="flowconclusion"><template + slot-scope="scope"><span v-if="scope.row.flowconclusion == 1">閫氳繃</span><span + v-if="scope.row.flowconclusion == 2">涓嶉�氳繃</span></template> </el-table-column> - <el-table-column - label="瀹℃牳澶囨敞" - align="center" - prop="flowcontent" - /> + <el-table-column label="瀹℃牳澶囨敞" align="center" prop="flowcontent" /> </el-table> </el-row> </el-form> <div slot="footer" class="dialog-footer"> - <el-button - type="primary" - @click="submitForm" - v-if="dialogType == 'edit'" - >淇� 瀛�</el-button - > + <el-button type="primary" @click="submitForm" v-if="dialogType == 'edit'">淇� 瀛�</el-button> <el-button @click="cancel">鍙� 娑�</el-button> </div> </el-dialog> @@ -911,7 +467,6 @@ getstandardRMB, fundSubmit, } from "@/api/project/reimbursement"; -import { regionDataPlus, CodeToText } from "element-china-area-data"; import { addReimbursementdetail, updateReimbursementdetail, @@ -921,9 +476,9 @@ delReimbursementdetailrbid, getTravelStandard, } from "@/api/project/reimbursementdetail"; - +import { listFundflow } from "@/api/project/fundflow"; import { getInfoBytheUserNo } from "@/api/project/externalperson"; - +import { regionDataPlus, CodeToText } from "element-china-area-data"; import Li_area_select from "@/components/Address"; import { getUserProfile } from "@/api/system/user"; import { @@ -932,7 +487,6 @@ listReportname, listUser, } from "@/api/project/organization"; -import { listFundflow } from "@/api/project/fundflow"; import { getToken } from "@/utils/auth"; export default { components: { @@ -1028,10 +582,13 @@ fundflowList: [], showApproveRecordDialog: false, dialogType: "edit", - uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", - //鏂囦欢鍒楄〃 + + //涓婁紶鍙戠エ鏂囦欢璺緞 + uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", + //鏂囦欢鍒楄〃 fileList: [], - headers: { + + headers: { Authorization: "Bearer " + getToken(), }, }; @@ -1056,22 +613,21 @@ // console.log("缁勫悎鐨勬柊鏁扮粍", baseinfolist); if (baseinfolist != 0) { this.baselist = baseinfolist; - // console.log("11111111", this.baselist); } }); this.getUsermsg(); }, methods: { - handleUploadError() {}, + handleUploadError() { }, remove(file) { - - this.fileList.splice(this.fileList.indexOf(file),1) - + + this.fileList.splice(this.fileList.indexOf(file), 1) + }, - handleExceed() { + handleExceed() { this.$message.error(`涓婁紶鏂囦欢鏁伴噺涓嶈兘瓒呰繃 ${5} 涓�!`); }, - //鏂囦欢涓婁紶鎴愬姛鍥炶皟 + //鏂囦欢涓婁紶鎴愬姛鍥炶皟 uploadSccess(response, file, fileList) { //鑾峰彇闄勪欢淇℃伅浣嶇疆 if (response.code == 200) { @@ -1082,7 +638,6 @@ } else { this.$modal.msgError(response.msg); } - //console.log("涓婁紶鏂囦欢鍚庯細" + JSON.stringify(this.fileList)); }, selectReporters() { //涓撳浜哄憳鍒楄〃 @@ -1287,11 +842,11 @@ // 鍙栨秷鎸夐挳 cancel() { this.open = false; - + }, // 琛ㄥ崟閲嶇疆 reset() { - + this.fileList = [] this.form = { ceshi: {}, @@ -1346,15 +901,12 @@ }, // 涓嬭浇鏂囦欢 downFile(item) { - 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); - - + var a = document.createElement('a'); + var event = new MouseEvent('click'); + a.download = item.name; + a.href = url; + a.dispatchEvent(event); }, /** 鎼滅储鎸夐挳鎿嶄綔 */ handleQuery() { @@ -1394,12 +946,12 @@ }, /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - this.dialogType = "edit"; + this.dialogType = "edit"; this.reset(); const id = row.id || this.ids; getReimbursement(id).then((response) => { this.form = response.data; - 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 })) : [] this.form.recordstatus = response.data.recordstatus + ""; this.open = true; this.title = "淇敼鎶ラ攢鐢宠"; @@ -1426,8 +978,8 @@ const id = row.id || this.ids; getReimbursement(id).then((response) => { this.form = response.data; - 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 })) : [] + this.form.recordstatus = response.data.recordstatus + ""; this.open = true; this.title = "鏌ョ湅鎶ラ攢鐢宠"; @@ -1515,7 +1067,7 @@ let costtypeindex = belongArr.findIndex( (item) => this.form.costtype == item.value ); - let list = this.fileList; + let list = this.fileList; if (list.length > 0) { this.form.annexfiles = list.map(item => item.url).join(","); } @@ -1553,14 +1105,11 @@ let id = res.data; for (let i = 0; i < applicationDetailArr.length; i++) { applicationDetailArr[i].rbid = id; - + addReimbursementdetail(applicationDetailArr[i]); } - console.log("idaaaaaa:", res,id,this.applicationDetailArr); + console.log("idaaaaaa:", res, id, this.applicationDetailArr); }); - //details鏂板 - - // applicationDetailArr }); } } @@ -1580,7 +1129,7 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { @@ -1595,7 +1144,7 @@ this.$download.name(response.msg); this.exportLoading = false; }) - .catch(() => {}); + .catch(() => { }); }, //鏂板涓�琛� @@ -1754,7 +1303,7 @@ } this.form.amountrequested = allSum.toFixed(2); this.form.bigstrmoney = this.convertCurrency(this.form.amountrequested); - } catch {} + } catch { } }, getDetailArr(rbid) { -- Gitblit v1.9.3