From 57451296729e00be76124e4a6be7c14bdf67c0e6 Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期三, 02 八月 2023 10:41:17 +0800 Subject: [PATCH] yxh增加了杂费申请 --- src/views/project/fund/medicalCostFundApply/index.vue | 1198 +++++++++++++++++++++-------------------------------------- 1 files changed, 429 insertions(+), 769 deletions(-) diff --git a/src/views/project/fund/medicalCostFundApply/index.vue b/src/views/project/fund/medicalCostFundApply/index.vue index 5854d2f..4f1dd9c 100644 --- a/src/views/project/fund/medicalCostFundApply/index.vue +++ b/src/views/project/fund/medicalCostFundApply/index.vue @@ -1,58 +1,28 @@ <!-- --> <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - :inline="true" - label-width="70px" - > + <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="70px"> <el-row align="left"> <el-col :span="6"> <el-form-item label="濮撳悕" prop="name"> - <el-input - v-model="queryParams.name" - placeholder="璇疯緭鍏ュ鍚�" - clearable - size="small" - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" clearable size="small" + @keyup.enter.native="handleQuery" /> </el-form-item> </el-col> - <el-col :span="6"> <el-form-item label="鎹愮尞杩涘害" prop="recordstate"> - <el-select - v-model="queryParams.recordstate" - placeholder="璇烽�夋嫨璁板綍鐘舵��" - clearable - size="small" - > - <el-option - v-for="dict in dict.type.sys_DonationStatus" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> + <el-select v-model="queryParams.recordstate" placeholder="璇烽�夋嫨璁板綍鐘舵��" clearable size="small"> + <el-option v-for="dict in dict.type.sys_DonationStatus" :key="dict.value" :label="dict.label" + :value="dict.value" /> </el-select> </el-form-item> </el-col> - <el-col :span="6"> - <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-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-col> </el-row> </el-form> - <el-row> <el-col :span="8"> <el-card shadow="never"> @@ -63,177 +33,80 @@ </el-row> </el-col> </el-row> - - <el-table - v-loading="loading" - border - highlight-current-row - :data="donatebaseinfoList" - @row-click="selectDonotor" - > + <el-table v-loading="loading" border highlight-current-row :data="donatebaseinfoList" + @row-click="selectDonotor"> <!-- <el-table-column label="鎹愮尞缂栧彿" align="center" prop="donorno" /> --> <el-table-column label="鎹愮尞杩涘害" align="center" prop="recordstate"> <template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_DonationStatus" - :value="scope.row.recordstate" - /> + <dict-tag :options="dict.type.sys_DonationStatus" :value="scope.row.recordstate" /> </template> </el-table-column> <el-table-column label="濮撳悕" align="center" prop="name" /> </el-table> - <pagination - v-show="total > 0" - :total="total" - small - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getBaseInfoList" - /> + <pagination v-show="total > 0" :total="total" small :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" @pagination="getBaseInfoList" /> </el-card> </el-col> - <el-col :span="16"> <el-card shadow="naver"> <el-form ref="infoform" label-width="100px"> <el-row :gutter="4" align="right" class="mb8"> <el-col :span="1.5"> - <el-button - type="primary" - plain - icon="el-icon-plus" - size="mini" - @click="handleAdd" - v-hasPermi="['project:medicalfund:add']" - >鍖诲鎴愭湰鐢宠</el-button - > + <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" + v-hasPermi="['project:medicalfund:add']">鍖诲鎴愭湰鐢宠</el-button> </el-col> + <el-col :span="9"> <el-form-item label="鎹愮尞缂栧彿"> - <el-input v-model="curCase.donorno" disabled></el-input> + <el-input v-model="curCase.donorno" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="9"> <el-form-item label="濮撳悕"> - <el-input v-model="curCase.name" disabled></el-input> + <el-input v-model="curCase.name" :disabled="true"></el-input> </el-form-item> </el-col> <el-col> </el-col> </el-row> <el-row> - <el-table - v-loading="loading" - border - :data="donateconsolationfundList" - > - <el-table-column - label="鐢宠鏃ユ湡" - align="center" - prop="createTime" - width="150px" - > + <el-table v-loading="loading" border :data="donateconsolationfundList"> + <el-table-column label="鐢宠鏃ユ湡" align="center" prop="createTime" width="150px"> <template slot-scope="scope"> <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span> </template> </el-table-column> - <el-table-column - label="鐢宠浜�" - align="center" - prop="username" - width="150px" - /> - <el-table-column - label="瀹℃牳鐘舵��" - width="150" - align="center" - prop="recordstatus" - > + <el-table-column label="鐢宠浜�" align="center" prop="username" width="150px" /> + <el-table-column label="瀹℃牳鐘舵��" width="150" align="center" prop="recordstatus"> <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="鐢宠閲戦" - align="center" - prop="amountrequested" - width="150px" - /> - <el-table-column - label="鑱旂郴鐢佃瘽" - align="center" - prop="phone" - width="150px" - /> - <el-table-column - label="宸ヤ綔鍗曚綅" - align="center" - prop="unitname" - width="150px" - /> - - <el-table-column - label="鎿嶄綔" - fixed="right" - align="center" - class-name="small-padding fixed-width" - width="280px" - > + <el-table-column label="鐢宠閲戦" align="center" prop="amountrequested" width="150px" /> + <el-table-column label="鎵�灞炵粍鍒�" align="center" prop="deptmentname" width="150px" /> + <el-table-column label="缁勯暱" align="center" prop="managername" width="220px" /> + <!-- + <el-table-column label="鑱旂郴鐢佃瘽" align="center" prop="phone" width="150px" /> + <el-table-column label="宸ヤ綔鍗曚綅" align="center" prop="unitname" width="150px" /> + --> + <el-table-column label="鎿嶄綔" fixed="right" align="center" class-name="small-padding fixed-width" + width="280px"> <template slot-scope="scope"> - <el-button - v-if=" - scope.row.recordstatus == -1 || - scope.row.recordstatus == 1 - " - size="mini" - type="text" - icon="el-icon-edit" - @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)" - v-hasPermi="['project:medicalfund:edit']" - >淇敼</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-delete" - @click="handleDelete(scope.row)" - v-hasPermi="['project:medicalfund:delete']" - >鍒犻櫎</el-button - > - <el-button - size="mini" - type="text" - icon="el-icon-download" - @click="mixExport(scope.row.id)" - v-hasPermi="['project:medicalfund:download']" - >涓嬭浇</el-button - > + <el-button v-if="scope.row.recordstatus == -1 || + scope.row.recordstatus == 1 + " size="mini" type="text" icon="el-icon-edit" @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)" + v-hasPermi="['project:medicalfund:edit']">淇敼</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-delete" @click="handleDelete(scope.row)" + v-hasPermi="['project:medicalfund:delete']">鍒犻櫎</el-button> + <el-button size="mini" type="text" icon="el-icon-download" @click="mixExport(scope.row.id)" + v-hasPermi="['project:medicalfund:download']">涓嬭浇</el-button> </template> </el-table-column> </el-table> @@ -242,193 +115,126 @@ </el-card> </el-col> </el-row> - <!-- 娣诲姞鎴栦慨鏀硅垂鐢ㄧ敵璇峰崟 --> - <el-dialog - :visible.sync="dialogOpen" - :close-on-click-modal="false" - width="1200px" - :title="title" - style="text-align: center" - v-loading="loading" - > + <el-dialog :visible.sync="dialogOpen" :close-on-click-modal="false" width="1400px" :title="title" + style="text-align: center" v-loading="loading"> <el-form ref="form" :model="form" label-width="120px" :rules="rules"> - <el-row> - <el-col :span="7"> - <el-form-item label="鎹愮尞缂栧彿" prop="donorno"> - <el-input - disabled - v-model="form.donorno" - placeholder="璇疯緭鍏ユ崘鐚紪鍙�" - clearable - /> + <el-row style="text-align: left"> + <el-col :span="5"> + <el-form-item label="鐢宠鏃ユ湡" prop="createTime"> + <el-date-picker clearable 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> - - <el-col :span="8"> - <el-form-item label="鎹愮尞鑰�" prop="name"> - <el-input - disabled - v-model="form.name" - placeholder="璇疯緭鍏ユ崘鐚�呭鍚�" - clearable - /> - </el-form-item> - </el-col> - <el-col :span="7"> - <el-form-item label="瀹℃牳鐘舵��" prop="recordstatus"> - <el-input - v-if="0" - v-model="form.recordstatus" - placeholder="瀹℃牳鎰忚" - /> - <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-col :span="5"> + <el-form-item label="缁忓姙浜�" prop="username"> + <el-select v-model="form.username" placeholder="鐢宠浜�" clearable filterable allow-create style="width: 100%"> + <el-option v-for="dict in userlist" :key="dict.index" :label="dict.nickname" + :value="dict.nickname"></el-option> </el-select> </el-form-item> </el-col> - </el-row> - <el-row> - <el-col :span="7"> - <el-form-item label="鐢宠浜�" prop="username"> - <el-select - v-model="form.username" - placeholder="鐢宠浜�" - clearable - filterable - allow-create - style="width: 100%" - > - <el-option - v-for="dict in userlist" - :key="dict.index" - :label="dict.nickname" - :value="dict.nickname" - ></el-option> - </el-select> + <el-col :span="5"> + <el-form-item label="鎵�灞炵粍鍒�" prop="deptmentname"> + <el-input v-model="form.deptmentname" placeholder="璇疯緭鍏ユ墍灞炵粍鍒�" clearable /> </el-form-item> </el-col> - - <el-col :span="8"> - <el-form-item label="鑱旂郴鐢佃瘽" prop="phone"> - <el-input - v-model="form.phone" - placeholder="璇疯緭鍏ョ敵璇疯�呯殑鑱旂郴鏂瑰紡" - clearable - /> - </el-form-item> - </el-col> - - <el-col :span="7"> - <el-form-item label="宸ヤ綔鍗曚綅" prop="unitno"> - <org-selecter - ref="orgSelecter" - :org-type="'3'" - v-model="form.unitno" - /> + <el-col :span="5"> + <el-form-item label="缁勯暱" prop="managername"> + <el-input v-model="form.managername" placeholder="璇疯緭鍏ョ粍闀�" clearable /> </el-form-item> </el-col> </el-row> <el-row style="text-align: left"> - <el-form-item label="璐圭敤鐢宠"> - <el-radio v-model="form.applytype" label="3">鍖诲鎴愭湰</el-radio> - </el-form-item> + <el-col :span="5"> + <el-form-item label="鐢宠绫诲瀷"> + <el-radio v-model="form.applytype" label="3">鍖诲鎴愭湰鐢宠</el-radio> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item label="鐢宠璇存槑" prop="remark"> + <el-input v-model="form.remark" placeholder="澶囨敞" /> + </el-form-item> + </el-col> + <el-col :span="5"> + <el-form-item label="鎹愮尞鑰�" prop="name"> + <el-input :disabled="true" v-model="form.name" placeholder="璇疯緭鍏ユ崘鐚�呭鍚�" clearable /> + </el-form-item> + </el-col> + </el-row> + <el-row style="text-align: left"> + <el-col :span="5"> + <el-form-item label="鐢宠閲戦" prop="amountrequested"> + <el-input v-model="form.amountrequested" placeholder="鐢宠閲戦" :disabled="true" /> + </el-form-item> + </el-col> <!--<el-col :span="5"> + <el-form-item label="绋庡墠閲戦" prop="pretaxcost"> + <el-input v-model="form.pretaxcost" placeholder="绋庡墠閲戦鍚堣" :disabled="true" /> + </el-form-item> + </el-col> + <el-col :span="5"> + <el-form-item label="绋庡悗閲戦" prop="pretaxcost"> + <el-input v-model="form.taxedcost" placeholder="绋庡悗閲戦鍚堣" :disabled="true" /> + </el-form-item> + </el-col> + <el-col :span="5"> + <el-form-item label="瀹℃牳鐘舵��" prop="recordstatus"> + <el-input v-if="0" v-model="form.recordstatus" placeholder="瀹℃牳鎰忚"/> + <el-select v-model="form.recordstatus" placeholder="璇烽�夋嫨瀹℃牳鐘舵��" clearable size="small" :disabled="true"> + <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-col :span="5"> + <el-form-item label="鑱旂郴鐢佃瘽" prop="phone"> + <el-input v-model="form.phone" placeholder="璇疯緭鍏ョ敵璇疯�呯殑鑱旂郴鏂瑰紡" clearable /> + </el-form-item> + </el-col> + <el-col :span="5"> + <el-form-item label="宸ヤ綔鍗曚綅" prop="unitno"> + <org-selecter ref="orgSelecter" :org-type="'3'" v-model="form.unitno" /> + </el-form-item> + </el-col>--> </el-row> <el-row style="margin-bottom: 10px"> <el-col :span="4"> - <el-button - @click.native.prevent="addAlls" - type="primary" - size="small" - > - 鏈嶅姟椤圭洰瀵煎叆 + <el-button @click.native.prevent="addAlls" type="primary" size="small"> + 瀵煎叆鏈嶅姟椤圭洰 </el-button> </el-col> </el-row> <el-row style="margin-top: 5px; margin-bottom: 5px"> - <el-table :data="fundDetailArr" border highlight-current-row> - <el-table-column - prop="orderno" - align="center" - label="鎺掑簭" - width="80" - > + <el-table :data="fundDetails" border highlight-current-row> + <el-table-column prop="orderno" align="center" label="鎺掑簭" width="80"> <template slot-scope="scope"> <el-input v-model="scope.row.orderno" placeholder="鎺掑簭" /> </template> </el-table-column> - <el-table-column - prop="itemtype" - align="center" - label="璐圭敤绫诲瀷" - width="220" - > + <el-table-column prop="itemtype" align="center" label="璐圭敤绫诲瀷" width="220"> <template slot-scope="scope"> - <el-select - v-model="scope.row.applytype" - placeholder="璐圭敤绫诲瀷" - @change="LoadItemTypeArr(scope.row)" - > - <el-option - v-for="dict in fundtypeArr" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> + <el-select v-model="scope.row.applytype" placeholder="璐圭敤绫诲瀷" @change="LoadItemTypeArr(scope.row)"> + <el-option v-for="dict in fundtypeArr" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="itemtype" - align="center" - label="鏈嶅姟椤圭洰" - width="260" - > + <el-table-column prop="itemtype" align="center" label="鏈嶅姟椤圭洰" width="260"> <template slot-scope="scope"> - <el-select - v-model="scope.row.itemid" - placeholder="鏈嶅姟椤圭洰" - clearable - filterable - allow-create - @change="select(scope.row)" - :filter-method="(val) => SearchItem(val, scope)" - > - <el-option - v-for="dict in scope.row.itemArr" - :key="dict.id" - :label="dict.itemName" - :value="dict.id" - ></el-option> + <el-select v-model="scope.row.itemid" placeholder="鏈嶅姟椤圭洰" clearable filterable allow-create + @change="select(scope.row)" :filter-method="(val) => SearchItem(val, scope)"> + <el-option v-for="dict in scope.row.itemArr" :key="dict.id" :label="dict.itemName" + :value="dict.id"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="beneficiaryno" - align="center" - label="濮撳悕" - width="120" - v-if="form.applytype != 3" - > + <el-table-column prop="beneficiaryno" align="center" label="濮撳悕" width="120" v-if="form.applytype != 3"> <template slot-scope="scope"> - <el-button - type="primary" - plain - @click="ShowDetailDialog(scope, 'name')" - >{{ scope.row.beneficiaryname }}</el-button - > + <el-button type="primary" plain @click="ShowDetailDialog(scope, 'name')">{{ scope.row.beneficiaryname + }}</el-button> </template> </el-table-column> <!-- <el-table-column @@ -454,31 +260,16 @@ ></el-option> </el-select> </template> - </el-table-column> --> - <el-table-column - prop="amount" - align="center" - label="绋庡墠閲戦" - width="120" - v-if="form.applytype != 3" - > + </el-table-column> --> + <el-table-column prop="amount" align="center" label="绋庡墠閲戦" width="120" v-if="form.applytype != 3"> <template slot-scope="scope"> - <el-select - v-model="scope.row.amount" - placeholder="绋庡墠閲戦" - clearable - filterable - allow-create - @change="selectamount(scope.row)" - > - <el-option - v-for="dict in fundblock" - :key="dict.expensedescribe" - :label="dict.expense" - :value="dict.expense" - ></el-option> + <el-select v-model="scope.row.amount" placeholder="绋庡墠閲戦" clearable filterable allow-create + @change="selectamount(scope.row)"> + <el-option v-for="dict in fundblock" :key="dict.expensedescribe" :label="dict.expense" + :value="dict.expense"></el-option> </el-select> - <!-- <el-input + <!-- + <el-input v-model="scope.row.amount" placeholder="绋庡墠閲戦" @change="selectamount(scope.row)" @@ -486,226 +277,101 @@ (val) => { sumTotalFee(scope.row); } - " - /> --> + " /> + --> </template> </el-table-column> - <el-table-column - prop="taxamount" - align="center" - label="鎵g◣" - width="120" - v-if="form.applytype != '3'" - > + <el-table-column prop="taxamount" align="center" label="鎵g◣" width="120" v-if="form.applytype != '3'"> <template slot-scope="scope"> - <el-input - v-model="scope.row.taxamount" - placeholder="鎵g◣" - @blur=" - (val) => { - sumTotalFee(scope.row); - } - " - /> + <el-input v-model="scope.row.taxamount" placeholder="鎵g◣" @blur="(val) => { + sumTotalFee(scope.row); + } + " /> </template> </el-table-column> - <el-table-column - prop="taxedamount" - align="center" - label="绋庡悗閲戦" - width="120" - v-if="form.applytype != '3'" - > + <el-table-column prop="taxedamount" align="center" label="绋庡悗閲戦" width="120" v-if="form.applytype != '3'"> <template slot-scope="scope"> - <el-input - v-model="scope.row.taxedamount" - placeholder="绋庡悗閲戦" - /> + <el-input v-model="scope.row.taxedamount" placeholder="绋庡悗閲戦" /> + </template> + </el-table-column> + <el-table-column prop="price" align="center" label="浠锋牸" width="120" v-if="form.applytype == '3'"> + <template slot-scope="scope"> + <el-input v-model="scope.row.price" placeholder="浠锋牸" @blur="(val) => { + sumTotalFee(scope.row); + } + " /> + </template> + </el-table-column> + <el-table-column prop="quantity" align="center" label="鏁伴噺" width="80" v-if="form.applytype == '3'"> + <template slot-scope="scope"> + <el-input v-model="scope.row.quantity" placeholder="鏁伴噺" @blur="(val) => { + sumTotalFee(scope.row); + } + " /> </template> </el-table-column> - <el-table-column - prop="price" - align="center" - label="浠锋牸" - width="120" - v-if="form.applytype == '3'" - > + <el-table-column prop="amount" align="center" label="閲戦" width="120" v-if="form.applytype == '3'"> <template slot-scope="scope"> - <el-input - v-model="scope.row.price" - placeholder="浠锋牸" - @blur=" - (val) => { - sumTotalFee(scope.row); - } - " - /> + <el-input v-model="scope.row.amount" placeholder="浠锋牸" @blur="(val) => { + sumTotalFee(scope.row); + } + " /> </template> </el-table-column> - <el-table-column - prop="quantity" - align="center" - label="鏁伴噺" - width="80" - v-if="form.applytype == '3'" - > + <el-table-column prop="unitno" align="center" label="璐圭敤鍗曚綅鍚嶇О" width="220"> <template slot-scope="scope"> - <el-input - v-model="scope.row.quantity" - placeholder="鏁伴噺" - @blur=" - (val) => { - sumTotalFee(scope.row); - } - " - /> + <el-button type="primary" plain @click="ShowDetailDialog(scope, 'unit')">{{ scope.row.unitname + }}</el-button> </template> </el-table-column> - - <el-table-column - prop="amount" - align="center" - label="閲戦" - width="120" - v-if="form.applytype == '3'" - > + <el-table-column prop="depositbank" align="center" label="寮�鎴烽摱琛�" width="200"> <template slot-scope="scope"> - <el-input - v-model="scope.row.amount" - placeholder="浠锋牸" - @blur=" - (val) => { - sumTotalFee(scope.row); - } - " - /> + <el-input v-model="scope.row.depositbank" placeholder="寮�鎴烽摱琛�" /> </template> </el-table-column> - <el-table-column - prop="unitno" - align="center" - label="鍗曚綅" - width="220" - > + <el-table-column prop="bankcardno" align="center" label="閾惰鍗″彿" width="210"> <template slot-scope="scope"> - <el-button - type="primary" - plain - @click="ShowDetailDialog(scope, 'unit')" - >{{ scope.row.unitname }}</el-button - > + <el-input v-model="scope.row.bankcardno" placeholder="閾惰鍗″彿" /> </template> </el-table-column> - <el-table-column - prop="depositbank" - align="center" - label="寮�鎴烽摱琛�" - width="200" - > - <template slot-scope="scope"> - <el-input - v-model="scope.row.depositbank" - placeholder="寮�鎴烽摱琛�" - /> - </template> - </el-table-column> - - <el-table-column - prop="bankcardno" - align="center" - label="閾惰鍗″彿" - width="210" - > - <template slot-scope="scope"> - <el-input - v-model="scope.row.bankcardno" - placeholder="閾惰鍗″彿" - /> - </template> - </el-table-column> - <el-table-column - prop="remark" - align="center" - label="澶囨敞" - width="210" - v-if="form.applytype == '3'" - > + <el-table-column prop="remark" align="center" label="澶囨敞" width="210" v-if="form.applytype == '3'"> <template slot-scope="scope"> <el-input v-model="scope.row.remark" placeholder="澶囨敞" /> </template> </el-table-column> - - <el-table-column - prop="title" - align="center" - label="鑱岀О" - width="120" - v-if="form.applytype != '3'" - > + <el-table-column prop="title" align="center" label="鑱岀О" width="120" v-if="form.applytype != '3'"> <template slot-scope="scope"> <el-input v-model="scope.row.title" placeholder="鑱岀О" /> </template> </el-table-column> - <el-table-column - prop="idcardno" - align="center" - label="韬唤璇佸彿" - width="200" - v-if="form.applytype != '3'" - > + <el-table-column prop="idcardno" align="center" label="韬唤璇佸彿" width="200" v-if="form.applytype != '3'"> <template slot-scope="scope"> <el-input v-model="scope.row.idcardno" placeholder="韬唤璇佸彿" /> </template> </el-table-column> - <el-table-column - prop="depositbank" - align="center" - label="寮�鎴烽摱琛�" - width="200" - v-if="form.applytype != '3'" - > + <el-table-column prop="depositbank" align="center" label="寮�鎴烽摱琛�" width="200" v-if="form.applytype != '3'"> <template slot-scope="scope"> - <el-input - v-model="scope.row.depositbank" - placeholder="寮�鎴烽摱琛�" - /> + <el-input v-model="scope.row.depositbank" placeholder="寮�鎴烽摱琛�" /> </template> </el-table-column> - - <el-table-column - prop="bankcardno" - align="center" - label="閾惰鍗″彿" - width="210" - v-if="form.applytype != '3'" - > + <el-table-column prop="bankcardno" align="center" label="閾惰鍗″彿" width="210" v-if="form.applytype != '3'"> <template slot-scope="scope"> - <el-input - v-model="scope.row.bankcardno" - placeholder="閾惰鍗″彿" - /> + <el-input v-model="scope.row.bankcardno" placeholder="閾惰鍗″彿" /> </template> </el-table-column> - <el-table-column - fixed="right" - align="center" - label="鎿嶄綔" - width="120" - v-if="dialogType == 'edit'" - > + <el-table-column fixed="right" align="center" label="鎿嶄綔" 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=" - deleteRows(scope.row, scope.$index, fundDetailArr) - " - type="text" - size="small" - > + <el-button type="text" size="mini" @click="addRow(scope.$index)">鏂板</el-button> + <el-button @click.native.prevent=" + deleteRows(scope.row, scope.$index, fundDetails) + " type="text" size="small"> 鍒犻櫎 + </el-button> + <el-button @click.native.prevent=" + Filepopup(scope.$index, fundDetails, scope.row) + " type="text" size="small"> + 绁ㄦ嵁 </el-button> </template> </el-table-column> @@ -722,33 +388,8 @@ >鏂板鎴愭湰璐圭敤</el-button > </el-col> - </el-row> --> - <el-row> - <el-col :span="22"> - <el-form-item label="澶囨敞" prop="remark"> - <el-input v-model="form.remark" placeholder="澶囨敞" /> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :span="7"> - <el-form-item label="鐢宠鏃ユ湡" prop="createTime"> - <el-date-picker - clearable - 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> - <el-col :span="8"> - <el-form-item label="鐢宠閲戦" prop="amountrequested"> - <el-input v-model="form.amountrequested" placeholder="鐢宠閲戦" /> - </el-form-item> - </el-col> + </el-row> + <el-row> <el-col :span="7"> <el-form-item label="棰勬敮閲戦" prop="prepaidamount"> <el-input v-model="form.prepaidamount" placeholder="鐢宠閲戦" /> @@ -761,150 +402,81 @@ </el-col> <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-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="璐㈠姟閮ㄨ礋璐d汉" 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="financechecher"> - <el-input - v-model="form.financechecher" - placeholder="璇疯緭鍏ヨ储鍔″鏍�" - /> + <el-input v-model="form.financechecher" placeholder="璇疯緭鍏ヨ储鍔″鏍�" /> + </el-form-item> + </el-col> + </el-row> --> + <el-row> + <el-col :span="24"> + <el-form-item label="璐圭敤鐢宠闄勪欢锛�" align="left" prop="annexbankcard"> + <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-exceed="handleExceed" :on-remove="handleremove" 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 type="success" @click="print">鎵� 鍗�</el-button> --> <el-button @click="cancel">鍙� 娑�</el-button> </div> </el-dialog> - <el-dialog - :visible.sync="detailInfoDialogShow" - :close-on-click-modal="false" - :title="'淇℃伅淇敼'" - style="text-align: center" - v-loading="loading" - width="500px" - > + <el-dialog :visible.sync="detailInfoDialogShow" :close-on-click-modal="false" :title="'璐圭敤鍗曚綅閫夋嫨'" + style="text-align: center" v-loading="loading" width="500px"> <el-form ref="funddetailForm" :model="funddetailForm" label-width="120px"> <el-row> <el-col :span="24" v-if="detailInfoDialogShowType == 'name'"> - <el-form-item - align="left" - label="濮撳悕" - prop="beneficiaryname" - label-width="80px" - > - <el-select - filterable - allow-create - ref="beneficiaryname" - default-first-option - v-model="funddetailForm.beneficiaryname" - placeholder="璇烽�夋嫨" - style="width: 100%" - > - <el-option - v-for="item in arrr3" - :key="item.reportNo" - :label="item.reportName" - :value="item.reportName" - > + <el-form-item align="left" label="濮撳悕" prop="beneficiaryname" label-width="80px"> + <el-select filterable allow-create ref="beneficiaryname" default-first-option + v-model="funddetailForm.beneficiaryname" placeholder="璇烽�夋嫨" style="width: 100%"> + <el-option v-for="item in arrr3" :key="item.reportNo" :label="item.reportName" :value="item.reportName"> </el-option> </el-select> </el-form-item> </el-col> - <el-col :span="24" v-if="detailInfoDialogShowType == 'unit'"> - <el-form-item - align="left" - label="鍗曚綅" - prop="unitno" - label-width="80px" - > - <el-select - v-model="funddetailForm.unitno" - placeholder="鍗曚綅" - clearable - filterable - allow-create - style="width: 100%" - > - <el-option - v-for="(spec, index) in unitList" - :key="index" - :label="spec.organizationname" - :value="spec.organizationid" - ></el-option> + <el-form-item align="left" label="鍗曚綅鍚嶇О" prop="unitno" label-width="80px"> + <el-select v-model="funddetailForm.unitno" placeholder="璇烽�夋嫨鍗曚綅" clearable filterable allow-create + style="width: 100%"> + <el-option v-for="(item, index) in bankaccountlist" :key="index" :label="item.reportName" + :value="item.reportNo"></el-option> </el-select> </el-form-item> </el-col> @@ -912,9 +484,7 @@ </el-form> <span slot="footer" class="dialog-footer"> <el-button @click="detailInfoDialogShow = false">鍙� 娑�</el-button> - <el-button type="primary" @click="ConfirmDetailDialog()" - >纭� 瀹�</el-button - > + <el-button type="primary" @click="ConfirmDetailDialog()">纭� 瀹�</el-button> </span> </el-dialog> </div> @@ -936,7 +506,7 @@ getdownloadSS, getdownloadYX, getdownloadBX, - batchUploadFund, + addorupdateFund, getdetailsByItemId, } from "@/api/project/fund"; import { @@ -977,6 +547,7 @@ import OrgSelecter from "@/views/project/components/orgselect"; import { getUserProfile } from "@/api/system/user"; import { listFundflow } from "@/api/project/fundflow"; +import { getToken } from "@/utils/auth"; export default { //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� @@ -986,7 +557,6 @@ }, name: "fundApply", dicts: [ - "sys_recordstatus", "sys_recordstatus", "sys_OrganizationType", "sys_DonationStatus", @@ -1024,6 +594,7 @@ reportername: null, reporttime: null, }, + fundQueryParam: { pageNum: 1, pageSize: 100, @@ -1041,8 +612,8 @@ createTime: [ { required: true, message: "璇疯緭鍏ョ敵璇锋棩鏈�", trigger: "blur" }, ], - amountrequested: [ - { required: true, message: "璇疯緭鍏ョ敵璇烽噾棰�", trigger: "blur" }, + deptmentname: [ + { required: true, message: "璇疯緭鍏ユ墍灞炰笟鍔$粍", trigger: "blur" }, ], }, @@ -1060,19 +631,23 @@ // 鎹愮尞浜洪亾鎱伴棶閲戣〃鏍兼暟鎹� donateconsolationfundList: [], - fundDetailArr: [], + //鏄庣粏璁板綍 + fundDetails: [], // 寮瑰嚭灞傛爣棰� title: "", - userlist: [], itemArr: [], - reporters: [], + //鐢ㄦ埛 + userlist: [], + //閾惰璐﹀彿 + bankaccountlist: [], + //鏈烘瀯鍗曚綅 + unitList: [], //璐圭敤绫诲瀷鏁扮粍 fundtypeArr: [], defaultperson: {}, fundblock: [], fundtypeArrAll: [], - unitList: [], dialogType: "edit", detailInfoDialogShow: false, @@ -1084,6 +659,15 @@ unitname: null, index: null, }, + + //闄勪欢鍒楄〃 + fileList: [], + //涓婁紶闄勪欢璺緞 + uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", + headers: { + Authorization: "Bearer " + getToken(), + }, + }; }, //鐩戝惉灞炴�� 绫讳技浜巇ata姒傚康 @@ -1101,11 +685,12 @@ this.detailInfoDialogShow = true; this.detailInfoDialogShowType = showType; }, + ConfirmDetailDialog() { let tempIndex = this.funddetailForm.index; let tempName = this.funddetailForm.beneficiaryname; let tempUnitname = this.funddetailForm.unitname; - let singleDetail = this.fundDetailArr[tempIndex]; + let singleDetail = this.fundDetails[tempIndex]; if (this.detailInfoDialogShowType == "name") { this.personlist.map((res) => { if (tempName == res.username) { @@ -1118,7 +703,7 @@ singleDetail.phone = res.telephone; singleDetail.title = res.title; singleDetail.unitname = res.unitname; - singleDetail.unitno = parseInt(res.unitno); + singleDetail.unitno = res.unitno; } else { singleDetail.beneficiaryname = tempName; singleDetail.beneficiaryno = tempName; @@ -1126,14 +711,17 @@ }); } else if (this.detailInfoDialogShowType == "unit") { singleDetail.unitno = this.funddetailForm.unitno; - debugger; + console.log("this.funddetailForm", this.funddetailForm); try { - let unitIndex = this.unitList.findIndex( - (item) => singleDetail.unitno == item.organizationid + let unitIndex = this.bankaccountlist.findIndex( + (item) => singleDetail.unitno == item.reportNo ); + + console.log("this.bankaccountlist[unitIndex]", this.bankaccountlist[unitIndex]); if (unitIndex > -1) { - singleDetail.unitno = this.unitList[unitIndex].organizationid; - singleDetail.unitname = this.unitList[unitIndex].organizationname; + singleDetail.unitname = this.bankaccountlist[unitIndex].reportName; + singleDetail.depositbank = this.bankaccountlist[unitIndex].depositbank; + singleDetail.bankcardno = this.bankaccountlist[unitIndex].bankcardno; } else { singleDetail.unitname = singleDetail.unitno; } @@ -1141,17 +729,17 @@ singleDetail.unitname = singleDetail.unitno; } } - this.fundDetailArr[tempIndex] = singleDetail; + console.log("singleDetail", singleDetail); + this.fundDetails[tempIndex] = singleDetail; this.detailInfoDialogShow = false; }, selectremark(row) { - console.log("row", row.amount, this.fundblock); this.fundblock.forEach((item, i) => { if (item.expensedescribe === row.servicesscopename) { row.servivesscope = item.servivesscope; row.amount = item.expense; this.form.serviceFunddetails = 0; - this.fundDetailArr.map((item) => { + this.fundDetails.map((item) => { this.form.serviceFunddetails += item.amount; }); // row.remark @@ -1159,8 +747,6 @@ }); }, handleup(row) { - console.log("rowrowrowrow", row); - this.$confirm("鏄惁纭灏嗙櫥璁拌褰曚笂鎶ワ紵", "鎻愮ず", { confirmButtonText: "纭畾", cancelButtonText: "鍙栨秷", @@ -1201,7 +787,7 @@ } }); var repeatNum = 0; - this.fundDetailArr.map((res) => { + this.fundDetails.map((res) => { if (res.applytype === row.applytype && res.itemid == row.itemid) { repeatNum++; } @@ -1211,7 +797,6 @@ } getdetailsByItemId(row.itemid).then((res) => { - console.log("璐圭敤鏁版嵁", res.data); let fundmsg = res.data; let fundblock = []; fundmsg.forEach((item) => { @@ -1222,14 +807,12 @@ servicesscope: item.id, }); }); - console.log("缁勮鍚庣殑鏁版嵁", fundblock); row.fundblock = fundblock; row.servicesscope = null; row.servicesscopename = ""; }); }, selectamount(row) { - console.log("row", row.amount); this.fundblock.forEach((item, i) => { if (item.expense === row.amount) { row.remark = item.expensedescribe; @@ -1238,7 +821,6 @@ }, getUsermsg() { getUserProfile().then((response) => { - console.log("鐧诲綍鐢ㄦ埛淇℃伅", response.data); this.defaultperson = response.data; this.standardlevel = response.data.standardlevel; }); @@ -1292,10 +874,14 @@ this.form.infoid = this.curCase.id; this.form.username = this.defaultperson.nickName; this.form.userno = this.defaultperson.userName; + this.form.deptmentname = this.defaultperson.dept.deptName; + this.form.deptmentno = this.defaultperson.dept.deptId; + this.form.managername = this.defaultperson.dept.leader; + // this.form.createTime = nowdate; //this.open = true; //this.initFundApplyForm(); - this.fundDetailArr = []; + this.fundDetails = []; this.addRow(); this.dialogOpen = true; this.title = "娣诲姞璐圭敤鐢宠"; @@ -1372,6 +958,9 @@ fundflowList: [], }; this.resetForm("form"); + + //娓呯┖闄勪欢 + this.fileList = [] }, //鏂板涓�琛� @@ -1419,12 +1008,12 @@ servivesscope: null, }; if (rowIndex == undefined || rowIndex == null || rowIndex < 0) { - this.fundDetailArr.push(rowData); + this.fundDetails.push(rowData); } else { - this.fundDetailArr.splice(rowIndex + 1, 0, rowData); + this.fundDetails.splice(rowIndex + 1, 0, rowData); } - for (let i = 0; i < this.fundDetailArr.length; i++) { - this.fundDetailArr[i].orderno = i + 1; + for (let i = 0; i < this.fundDetails.length; i++) { + this.fundDetails[i].orderno = i + 1; } }, @@ -1448,8 +1037,8 @@ this.$refs["form"].validate((valid) => { if (valid) { let formData = this.form; - for (let k = 0; k < this.fundDetailArr.length; k++) { - let tempDetail = this.fundDetailArr[k]; + for (let k = 0; k < this.fundDetails.length; k++) { + let tempDetail = this.fundDetails[k]; if (tempDetail.itemid == null) { this.$modal.msgWarning("璇烽�夋嫨鏈嶅姟椤圭洰"); return; @@ -1457,12 +1046,11 @@ //鍒ゆ柇鍗曚綅 unitSel // try { // //鑾峰彇鏈嶅姟椤圭洰鏄庣粏 - // debugger; - // let unitIndex = this.unitList.findIndex( - // (item) => tempDetail.unitno == item.organizationid + // let unitIndex = this.bankaccountlist.findIndex( + // (item) => tempDetail.unitno == item.reportNo // ); // if (unitIndex > -1) { - // tempDetail.unitname = this.unitList[unitIndex].organizationname; + // tempDetail.unitname = this.bankaccountlist[unitIndex].reportName; // } else { // tempDetail.unitname = tempDetail.unitno; // } @@ -1478,20 +1066,28 @@ this.form.treatmenthospitalname = this.form.treatmenthospitalno; } this.loading = true; + //闄勪欢澶勭悊 + let list = this.fileList; + if (list.length > 0) { + this.form.annexbankcard = list.map(item => item.url).join(","); + } + this.form.donorname = this.curCase.name; this.form.pretaxcost = parseFloat(this.form.amountrequested).toFixed( 2 ); + if (this.form.id != null) { updateFund(this.form).then((response) => { this.getfundList(); + this.dialogOpen = false; this.getList(); this.selectDonotor(this.curCase); this.$modal.msgSuccess("淇敼鎴愬姛"); this.loading = false; - for (let m = 0; m < this.fundDetailArr.length; m++) { - let tempData = this.fundDetailArr[m]; + for (let m = 0; m < this.fundDetails.length; m++) { + let tempData = this.fundDetails[m]; let tempItemArr = tempData.itemArr; tempData.fundid = formData.id; //鑾峰彇鏈嶅姟椤圭洰鏄庣粏 @@ -1503,16 +1099,16 @@ tempData.itemid = tempItemArr[itemIndex].id; } if (tempData.id > 0) { - updateFunddetail(tempData).then((response2) => {}); + updateFunddetail(tempData).then((response2) => { }); } else { - addFunddetail(tempData).then((response2) => {}); + addFunddetail(tempData).then((response2) => { }); } } }); } else { //淇濆瓨璐圭敤鐢宠 - for (let m = 0; m < this.fundDetailArr.length; m++) { - let tempData = this.fundDetailArr[m]; + for (let m = 0; m < this.fundDetails.length; m++) { + let tempData = this.fundDetails[m]; let tempUtemArr = tempData.itemArr; //鑾峰彇鏈嶅姟椤圭洰鏄庣粏 @@ -1530,11 +1126,11 @@ if (applytypeIndex > -1) { tempData.applytypename = this.fundtypeArr[applytypeIndex].label; } - this.fundDetailArr[m] = tempData; + this.fundDetails[m] = tempData; } - this.form.serviceFunddetails = this.fundDetailArr; - batchUploadFund(this.form).then((response) => { + this.form.serviceFunddetails = this.fundDetails; + addorupdateFund(this.form).then((response) => { if (response.code === 200) { this.$modal.msgSuccess("鏂板鎴愬姛"); this.loading = false; @@ -1543,16 +1139,25 @@ this.loading = false; } }); + + //鍏抽棴绐楀彛 + this.loading = false; this.dialogOpen = false; + // this.getfundList(); + this.getList(); + this.selectDonotor(this.curCase); } + + } }); }, - selectReporters() { - //涓撳浜哄憳鍒楄〃 - listReportname("gdc").then((res) => { - this.reporters = res.data; + getBankAccount() { + //鑾峰彇閾惰璐﹀彿鍒楄〃锛岀被鍨嬫槸鏈烘瀯 + listReportname("org").then((res) => { + this.bankaccountlist = res.data; + console.log("this.bankaccountlist", this.bankaccountlist); }); }, @@ -1573,18 +1178,20 @@ this.dialogOpen = true; this.title = "淇敼璐圭敤鐢宠"; + const id = row.id || this.ids; getFund(id).then((response) => { this.form = response.data; this.form.name = this.curCase.name; + //闄勪欢澶勭悊 + this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] + getownFundDetail(id).then(async (res) => { - console.log("鏌ヨ鏄庣粏璁板綍锛�", res); - this.fundDetailArr = res.data; - for (let m = 0; m < this.fundDetailArr.length; m++) { - this.fundDetailArr[m].itemArr = []; - this.getItemArr(m, this.fundDetailArr[m]); + this.fundDetails = res.data; + for (let m = 0; m < this.fundDetails.length; m++) { + this.fundDetails[m].itemArr = []; + this.getItemArr(m, this.fundDetails[m]); } - console.log("fundDetailArr:" + JSON.stringify(this.fundDetailArr)); }); }); }, @@ -1608,23 +1215,25 @@ fundid: row.id, fundtype: 2, }; + //闄勪欢澶勭悊 + this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] + listFundflow(listFundflowparams).then((res) => { this.fundflowList = res.rows; }); getownFundDetail(id).then((res) => { - this.fundDetailArr = res.data; - for (let m = 0; m < this.fundDetailArr.length; m++) { - this.fundDetailArr[m].itemArr = []; - this.getItemArr(m, this.fundDetailArr[m]); - this.fundDetailArr[m].fundblock = []; - this.fundDetailArr[m].fundblock.push({ - expense: this.fundDetailArr[m].expense, - expensedescribe: this.fundDetailArr[m].servicesscopename, - remark: this.fundDetailArr[m].servicesscope, - servicesscope: this.fundDetailArr[m].servicesscope, + this.fundDetails = res.data; + for (let m = 0; m < this.fundDetails.length; m++) { + this.fundDetails[m].itemArr = []; + this.getItemArr(m, this.fundDetails[m]); + this.fundDetails[m].fundblock = []; + this.fundDetails[m].fundblock.push({ + expense: this.fundDetails[m].expense, + expensedescribe: this.fundDetails[m].servicesscopename, + remark: this.fundDetails[m].servicesscope, + servicesscope: this.fundDetails[m].servicesscope, }); } - // console.log("fundDetailArr:" + JSON.stringify(this.fundDetailArr)); }); }); }, @@ -1647,7 +1256,7 @@ this.getfundList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, deleteRows(row, index, rows) { @@ -1667,10 +1276,9 @@ }).then(() => { this.$set(rows, rows.splice(index, 1)); getownFundDetail(this.form.id).then((res) => { - this.$set(this.fundDetailArr, res.data); + this.$set(this.fundDetails, res.data); this.sumTotalFee(row); - // this.fundDetailArr = res.data - // console.log('鍒犻櫎鍚�',this.fundDetailArr) + // this.fundDetails = res.data }); }); } @@ -1689,31 +1297,31 @@ sumTotalFee(row) { let allSum = 0; if (this.form.applytype != null) { - for (let i = 0; i < this.fundDetailArr.length; i++) { + for (let i = 0; i < this.fundDetails.length; i++) { let totalFee = 0; let taxFee = 0; if (this.form.applytype == 1 || this.form.applytype == 2) { //璁$畻褰撳墠鎶ラ攢鍐呭璐圭敤鍚堣 - if (!isNaN(parseFloat(this.fundDetailArr[i].amount))) { - totalFee += parseFloat(this.fundDetailArr[i].amount); - taxFee += parseFloat(this.fundDetailArr[i].amount); + if (!isNaN(parseFloat(this.fundDetails[i].amount))) { + totalFee += parseFloat(this.fundDetails[i].amount); + taxFee += parseFloat(this.fundDetails[i].amount); } - if (!isNaN(parseFloat(this.fundDetailArr[i].taxamount))) { - totalFee -= parseFloat(this.fundDetailArr[i].taxamount); - taxFee -= parseFloat(this.fundDetailArr[i].taxamount); + if (!isNaN(parseFloat(this.fundDetails[i].taxamount))) { + totalFee -= parseFloat(this.fundDetails[i].taxamount); + taxFee -= parseFloat(this.fundDetails[i].taxamount); } } else if (this.form.applytype == 3) { if ( - !isNaN(parseFloat(this.fundDetailArr[i].price)) && - !isNaN(parseFloat(this.fundDetailArr[i].quantity)) + !isNaN(parseFloat(this.fundDetails[i].price)) && + !isNaN(parseFloat(this.fundDetails[i].quantity)) ) { totalFee += - parseFloat(this.fundDetailArr[i].price) * - parseFloat(this.fundDetailArr[i].quantity); + parseFloat(this.fundDetails[i].price) * + parseFloat(this.fundDetails[i].quantity); } } if (!isNaN(parseFloat(taxFee))) { - this.fundDetailArr[i].taxedamount = taxFee.toFixed(2); + this.fundDetails[i].taxedamount = taxFee.toFixed(2); } allSum += totalFee; } @@ -1726,7 +1334,6 @@ //鑾峰彇璐圭敤绫诲瀷 getCurFundType() { getFundTypeAll(this.currentApplyType).then((res) => { - console.log("鍖诲鎴愭湰鐩綍", res.data); let dataList = res.data; this.fundtypeArrAll = dataList; this.fundtypeArr = []; @@ -1742,25 +1349,25 @@ getItemArr(rowindex, row) { let list = this.fundtypeArrAll.filter((r) => r.itemType == row.applytype); row.itemArr = list[0].itemDetails; - this.$set(this.fundDetailArr, rowindex, row); + this.$set(this.fundDetails, rowindex, row); //this.loading = true; // getItemNames(row.applytype).then((res) => { // this.loading = false; // row.itemArr = res.data; - // this.$set(this.fundDetailArr, rowindex, row); + // this.$set(this.fundDetails, rowindex, row); // }); }, addAlls() { this.loading = true; - this.fundDetailArr = this.fundDetailArr.filter( + this.fundDetails = this.fundDetails.filter( (r) => r.applytype != "" && r.applytype != null ); let listAdd = []; - //let listAdd = this.fundDetailArr; + //let listAdd = this.fundDetails; for (let i = 0; i < this.fundtypeArrAll.length; i++) { for (let j = 0; j < this.fundtypeArrAll[i].itemDetails.length; j++) { - let list = this.fundDetailArr.filter( + let list = this.fundDetails.filter( (r) => r.applytype == this.fundtypeArrAll[i].itemType && r.itemid == this.fundtypeArrAll[i].itemDetails[j].id @@ -1781,9 +1388,9 @@ } } } - this.fundDetailArr = listAdd; + this.fundDetails = listAdd; this.loading = false; - // let Outerarr = this.fundDetailArr; + // let Outerarr = this.fundDetails; // Outerarr.map((res) => { // let onelist = this.fundtypeArr; // onelist.map((item) => { @@ -1796,11 +1403,14 @@ }, getUnitList() { - listOrganization(3).then((response) => { - for (let i = 0; i < response.rows.length; i++) { + listOrganization(3).then((res) => { + console.log("listOrganization", res); + for (let i = 0; i < res.rows.length; i++) { this.unitList.push({ - organizationid: response.rows[i].organizationid, - organizationname: response.rows[i].organizationname, + organizationid: res.rows[i].organizationid, + organizationname: res.rows[i].organizationname, + bankname: res.rows[i].bankname, + bankaccount: res.rows[i].bankaccount, }); } }); @@ -1863,7 +1473,6 @@ for (let i = 0; i < tempItemArr.length; i++) { let pym = tempItemArr[i].itempinyin; if (pym != null && pym != undefined && pym != "") { - console.log(pym); if (pym.indexOf(val) != -1) { result.push(tempItemArr[i]); } @@ -1873,31 +1482,82 @@ } else { getItemNames(scope.row.applytype).then((res) => { scope.row.itemArr = res.data; - //this.$set(this.fundDetailArr, rowindex, row); + //this.$set(this.fundDetails, rowindex, row); }); } }, + + //鏂囦欢涓婁紶 + handleUploadError() { }, + handleremove(file) { + this.fileList.splice(this.fileList.indexOf(file), 1) + }, + handleExceed() { + this.$message.error(`涓婁紶鏂囦欢鏁伴噺涓嶈兘瓒呰繃 ${5} 涓�!`); + }, + //鏂囦欢涓婁紶鎴愬姛鍥炶皟 + uploadSccess(response, file, fileList) { + console.log("response", response); + console.log("file", file); + console.log("fileList", fileList); + //鑾峰彇闄勪欢淇℃伅浣嶇疆 + if (response.code == 200) { + this.form.filename = file.raw.name; + this.$modal.msgSuccess(response.msg); + this.fileList.push({ name: response.fileName, url: response.fileName }); + } else { + 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'); + a.download = item.name; + a.href = url; + a.dispatchEvent(event); + }, }, + + // 鐐瑰嚮鏂囦欢 + Filepopup(index, rows, row) { + console.log(index, rows, row); + this.atpresent = index; + console.log(this.atpresent); + this.pdfVisible = true; + if (this.fundDetails[index].annexfilesList) { + this.fileListto = this.rbDetails[index].annexfilesList; + } else { + this.fileListto = []; + this.pdfimg = ""; + this.pdftitle = ""; + } + }, + //鐢熷懡鍛ㄦ湡 - 鍒涘缓瀹屾垚锛堝彲浠ヨ闂綋鍓峵his瀹炰緥锛� created() { - this.getUnitList(); this.getList(); this.getBaseInfoList(); - this.getlistUser(); + this.getCurFundType(); + this.getlistUser(); + // this.getUnitList(); }, + //鐢熷懡鍛ㄦ湡 - 鎸傝浇瀹屾垚锛堝彲浠ヨ闂瓺OM鍏冪礌锛� mounted() { - this.selectReporters(); + this.getBankAccount(); this.getUsermsg(); }, - beforeCreate() {}, //鐢熷懡鍛ㄦ湡 - 鍒涘缓涔嬪墠 - beforeMount() {}, //鐢熷懡鍛ㄦ湡 - 鎸傝浇涔嬪墠 - beforeUpdate() {}, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪墠 - updated() {}, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪悗 - beforeDestroy() {}, //鐢熷懡鍛ㄦ湡 - 閿�姣佷箣鍓� - destroyed() {}, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴� - activated() {}, //濡傛灉椤甸潰鏈塳eep-alive缂撳瓨鍔熻兘锛岃繖涓嚱鏁颁細瑙﹀彂 + + beforeCreate() { }, //鐢熷懡鍛ㄦ湡 - 鍒涘缓涔嬪墠 + beforeMount() { }, //鐢熷懡鍛ㄦ湡 - 鎸傝浇涔嬪墠 + beforeUpdate() { }, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪墠 + updated() { }, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪悗 + beforeDestroy() { }, //鐢熷懡鍛ㄦ湡 - 閿�姣佷箣鍓� + destroyed() { }, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴� + activated() { }, //濡傛灉椤甸潰鏈塳eep-alive缂撳瓨鍔熻兘锛岃繖涓嚱鏁颁細瑙﹀彂 }; </script> <style scoped> -- Gitblit v1.9.3