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/fund/fundApply/index.vue | 798 +++++++++++++++----------------------------------------- 1 files changed, 215 insertions(+), 583 deletions(-) diff --git a/src/views/project/fund/fundApply/index.vue b/src/views/project/fund/fundApply/index.vue index 0db244d..449b165 100644 --- a/src/views/project/fund/fundApply/index.vue +++ b/src/views/project/fund/fundApply/index.vue @@ -1,54 +1,27 @@ <!-- --> <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> @@ -64,32 +37,18 @@ </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> @@ -98,15 +57,8 @@ <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:ethicalfund:add']" - >浼︾悊瀹℃煡涓撳璐圭敵璇�</el-button - > + <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" + v-hasPermi="['project:ethicalfund:add']">浼︾悊瀹℃煡涓撳璐圭敵璇�</el-button> </el-col> <el-col :span="9"> <el-form-item label="鎹愮尞缂栧彿"> @@ -121,126 +73,41 @@ <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="180px" - /> - <el-table-column - label="鐢宠浜�" - align="center" - prop="username" - width="120px" - /> - <el-table-column - label="瀹℃牳鐘舵��" - width="150" - align="center" - prop="recordstatus" - > + <el-table v-loading="loading" border :data="donateconsolationfundList"> + <el-table-column label="鐢宠鏃ユ湡" align="center" prop="createTime" width="180px" /> + <el-table-column label="鐢宠浜�" align="center" prop="username" width="120px" /> + <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="pretaxcost" - width="120px" - /> - <el-table-column - label="绋庡悗閲戦鍚堣" - align="center" - prop="taxedcost" - width="120px" - /> - <el-table-column - label="鐢宠閲戦" - align="center" - prop="amountrequested" - width="120px" - /> - <el-table-column - label="鑱旂郴鐢佃瘽" - align="center" - prop="phone" - width="150px" - /> + <el-table-column label="绋庡墠閲戦鍚堣" align="center" prop="pretaxcost" width="120px" /> + <el-table-column label="绋庡悗閲戦鍚堣" align="center" prop="taxedcost" width="120px" /> + <el-table-column label="鐢宠閲戦" align="center" prop="amountrequested" width="120px" /> + <el-table-column label="鑱旂郴鐢佃瘽" align="center" prop="phone" width="150px" /> - <el-table-column - label="宸ヤ綔鍗曚綅" - align="center" - prop="unitname" - width="220px" - /> + <el-table-column label="宸ヤ綔鍗曚綅" align="center" prop="unitname" width="220px" /> - <el-table-column - label="鎿嶄綔" - fixed="right" - align="center" - class-name="small-padding fixed-width" - width="280px" - > + <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:ethicalfund: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:ethicalfund:delete']" - >鍒犻櫎</el-button - > - <el-button - size="mini" - type="text" - icon="el-icon-download" - @click="mixExport(scope.row.id)" - v-hasPermi="['project:ethicalfund: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:ethicalfund: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:ethicalfund:delete']">鍒犻櫎</el-button> + <el-button size="mini" type="text" icon="el-icon-download" @click="mixExport(scope.row.id)" + v-hasPermi="['project:ethicalfund:download']">涓嬭浇</el-button> </template> </el-table-column> </el-table> @@ -251,55 +118,30 @@ </el-row> <!-- 娣诲姞鎴栦慨鏀硅垂鐢ㄧ敵璇峰崟 --> - <el-dialog - :visible.sync="dialogOpen" - :close-on-click-modal="false" - width="1600px" - :title="title" - style="text-align: center" - v-loading="loading" - > + <el-dialog :visible.sync="dialogOpen" :close-on-click-modal="false" width="1600px" :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-input disabled v-model="form.donorno" placeholder="璇疯緭鍏ユ崘鐚紪鍙�" clearable /> </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-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 + <!-- <el-input v-model="form.recordstatus" placeholder="瀹℃牳鎰忚" - /> --> - <el-select - v-model="form.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 v-model="form.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> @@ -307,341 +149,160 @@ <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 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-col :span="8"> <el-form-item label="鑱旂郴鐢佃瘽" prop="phone"> - <el-input - v-model="form.phone" - placeholder="璇疯緭鍏ョ敵璇疯�呯殑鑱旂郴鏂瑰紡" - clearable - /> + <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" - /> + <org-selecter ref="orgSelecter" :org-type="'3'" v-model="form.unitno" /> </el-form-item> </el-col> </el-row> <el-row style="text-align: left"> <el-form-item label="璐圭敤鐢宠"> - <el-radio v-model="form.applytype" label="2" - >浼︾悊瀹℃煡涓撳璐圭敵璇�</el-radio - > + <el-radio v-model="form.applytype" label="2">浼︾悊瀹℃煡涓撳璐圭敵璇�</el-radio> </el-form-item> </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-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="鏈嶅姟椤圭洰" - @change="select(scope.row)" - clearable - filterable - allow-create - :filter-method="(val) => SearchItem(val, scope)" - > - <el-option - v-for="dict in scope.row.itemArr" - :key="dict.index" - :label="dict.itemName" - :value="dict.id" - ></el-option> + <el-select v-model="scope.row.itemid" placeholder="鏈嶅姟椤圭洰" @change="select(scope.row)" clearable filterable + allow-create :filter-method="(val) => SearchItem(val, scope)"> + <el-option v-for="dict in scope.row.itemArr" :key="dict.index" :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-input + <el-button type="primary" plain @click="ShowDetailDialog(scope, 'name')">{{ scope.row.beneficiaryname + }}</el-button> + <!-- <el-input v-model="scope.row.beneficiaryname" placeholder="濮撳悕" - /> --> + /> --> </template> </el-table-column> - <el-table-column - prop="servicesscopename" - align="center" - label="璐圭敤璇存槑" - width="180" - > + <el-table-column prop="servicesscopename" align="center" label="璐圭敤璇存槑" width="180"> <template slot-scope="scope"> - <el-select - v-model="scope.row.servicesscopename" - placeholder="璐圭敤璇存槑" - clearable - allow-create - filterable - @change="selectremark(scope.row)" - > - <el-option - v-for="dict in fundblock" - :key="dict.expensedescribe" - :label="dict.expensedescribe" - :value="dict.expensedescribe" - ></el-option> + <el-select v-model="scope.row.servicesscopename" placeholder="璐圭敤璇存槑" clearable allow-create filterable + @change="selectremark(scope.row)"> + <el-option v-for="dict in fundblock" :key="dict.expensedescribe" :label="dict.expensedescribe" + :value="dict.expensedescribe"></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 prop="amount" align="center" label="绋庡墠閲戦" width="120" v-if="form.applytype != 3"> <template slot-scope="scope"> - <el-input - v-model="scope.row.amount" - placeholder="绋庡墠閲戦" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.amount" placeholder="绋庡墠閲戦" @blur=" + (val) => { + sumTotalFee(); + } + " /> </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="绋庡悗閲戦" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.taxedamount" placeholder="绋庡悗閲戦" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="unitno" - align="center" - label="鍗曚綅" - width="220" - > + <el-table-column prop="unitno" align="center" label="鍗曚綅" width="220"> <template slot-scope="scope"> - <el-button - type="primary" - plain - @click="ShowDetailDialog(scope, 'unit')" - >{{ scope.row.unitname }}</el-button - > + <el-button type="primary" plain @click="ShowDetailDialog(scope, 'unit')">{{ scope.row.unitname + }}</el-button> </template> </el-table-column> - <el-table-column - prop="quantity" - align="center" - label="鏁伴噺" - width="120" - v-if="form.applytype == '3'" - > + <el-table-column prop="quantity" align="center" label="鏁伴噺" width="120" v-if="form.applytype == '3'"> <template slot-scope="scope"> - <el-input - v-model="scope.row.quantity" - placeholder="鏁伴噺" - @blur=" - (val) => { - sumTotalFee(); - } - " - /> + <el-input v-model="scope.row.quantity" placeholder="鏁伴噺" @blur=" + (val) => { + sumTotalFee(); + } + " /> </template> </el-table-column> - <el-table-column - prop="price" - align="center" - label="浠锋牸" - width="120" - v-if="form.applytype == '3'" - > + <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(); - } - " - /> + <el-input v-model="scope.row.price" placeholder="浠锋牸" @blur=" + (val) => { + sumTotalFee(); + } + " /> </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, fundDetailArr) + " type="text" size="small"> 鍒犻櫎 </el-button> </template> @@ -651,14 +312,8 @@ <el-row> <el-col :span="8"> <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 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> @@ -684,152 +339,85 @@ </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="8"> <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="8"> <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="8"> <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="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> + </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="(spec, index) in unitList" :key="index" :label="spec.organizationname" + :value="spec.organizationid"></el-option> </el-select> </el-form-item> </el-col> @@ -837,9 +425,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> @@ -903,6 +489,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寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� @@ -1010,6 +597,14 @@ unitno: null, unitname: null, index: null, + }, + //闄勪欢鍒楄〃 + fileList: [], + //涓婁紶闄勪欢璺緞 + uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", + + headers: { + Authorization: "Bearer " + getToken(), }, }; }, @@ -1278,6 +873,8 @@ taxedcost: null, }; this.resetForm("form"); + //娓呯┖闄勪欢 + this.fileList = [] }, //鏂板涓�琛� @@ -1396,7 +993,14 @@ this.form.pretaxcost = parseFloat(totalPreTaxAmount).toFixed(2); this.form.taxedcost = parseFloat(totalAfterTaxAmount).toFixed(2); this.form.amountrequested = totalAmount.toFixed(2); + 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; if (this.form.id != null) { updateFund(this.form).then((response) => { @@ -1419,9 +1023,9 @@ 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) => { }); } } }); @@ -1512,10 +1116,14 @@ this.dialogOpen = true; this.title = "淇敼璐圭敤鐢宠"; this.dialogType = "edit"; + 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) => { this.fundDetailArr = res.data; for (let m = 0; m < this.fundDetailArr.length; m++) { @@ -1545,6 +1153,9 @@ 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; }); @@ -1584,7 +1195,7 @@ this.getfundList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, deleteRows(row, index, rows) { @@ -1854,6 +1465,27 @@ this.fundDetailArr = listAdd; this.loading = false; }, + + //鏂囦欢涓婁紶 + handleUploadError() { }, + remove(file) { + this.fileList.splice(this.fileList.indexOf(file), 1) + }, + handleExceed() { + this.$message.error(`涓婁紶鏂囦欢鏁伴噺涓嶈兘瓒呰繃 ${5} 涓�!`); + }, + //鏂囦欢涓婁紶鎴愬姛鍥炶皟 + uploadSccess(response, file, 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 { + this.$modal.msgError(response.msg); + } + //console.log("涓婁紶鏂囦欢鍚庯細" + JSON.stringify(this.fileList)); + }, }, //鐢熷懡鍛ㄦ湡 - 鍒涘缓瀹屾垚锛堝彲浠ヨ闂綋鍓峵his瀹炰緥锛� created() { @@ -1869,13 +1501,13 @@ this.getUsermsg(); this.getlistExternalperson(); }, - 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