From fb337ab978fd14d2f561a7443525e7dca7bc40c7 Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期日, 26 三月 2023 14:21:48 +0800 Subject: [PATCH] yxh --- src/views/project/fund/expertFeeFundApply/index.vue | 815 +++++++++++++++------------------------------------------ 1 files changed, 222 insertions(+), 593 deletions(-) diff --git a/src/views/project/fund/expertFeeFundApply/index.vue b/src/views/project/fund/expertFeeFundApply/index.vue index ec20d14..70104a6 100644 --- a/src/views/project/fund/expertFeeFundApply/index.vue +++ b/src/views/project/fund/expertFeeFundApply/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,34 +37,19 @@ </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" - :key="dict.value" - /> + <dict-tag :options="dict.type.sys_DonationStatus" :value="scope.row.recordstate" :key="dict.value" /> <!-- :label="dict.label" --> </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> @@ -100,15 +58,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:expretfund:add']" - >涓撳璐圭敤鐢宠</el-button - > + <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" + v-hasPermi="['project:expretfund:add']">涓撳璐圭敤鐢宠</el-button> </el-col> <el-col :span="9"> <el-form-item label="鎹愮尞缂栧彿"> @@ -125,119 +76,55 @@ </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 v-loading="loading" border :data="donateconsolationfundList"> + <el-table-column label="鐢宠鏃ユ湡" align="center" prop="createTime" width="180px"> <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="120px" - /> - <el-table-column - label="瀹℃牳鐘舵��" - width="150" - align="center" - prop="recordstatus" - > + <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 + <!-- <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="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)" - >淇敼</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-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)">淇敼</el-button> + <el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)">鏌ョ湅</el-button> <!-- v-hasPermi="['project:expretfund: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:expretfund:delete']" --> - <!-- <el-button + <!-- <el-button size="mini" type="text" icon="el-icon-download" @click="mixExport(scope)" >涓嬭浇</el-button - > --> + > --> <!-- v-hasPermi="['project:expretfund:download']" --> </template> </el-table-column> @@ -249,62 +136,31 @@ </el-row> <!-- 娣诲姞鎴栦慨鏀硅垂鐢ㄧ敵璇峰崟 --> - <el-dialog - :visible.sync="dialogOpen" - :close-on-click-modal="false" - width="1600px" - :title="title" - style="text-align: center" - v-loading="loading" - > - <el-form - style="height: 550px; overflow-y: auto; overflow-x: hidden" - ref="form" - :model="form" - label-width="120px" - :rules="rules" - > + <el-dialog :visible.sync="dialogOpen" :close-on-click-modal="false" width="1600px" :title="title" + style="text-align: center" v-loading="loading"> + <el-form style="height: 550px; overflow-y: auto; overflow-x: hidden" 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 - :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> @@ -312,41 +168,22 @@ <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> @@ -358,121 +195,50 @@ <el-row style="margin-top: 5px; margin-bottom: 5px"> <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-table - :data="fundDetailArr" - v-loading="loading" - border - highlight-current-row - > - <el-table-column - prop="orderno" - align="center" - label="搴忓彿" - width="80" - > + <el-table :data="fundDetailArr" v-loading="loading" 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="applytype" - align="center" - label="璐圭敤绫诲瀷" - width="220" - > + <el-table-column prop="applytype" 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.index" - :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.index" :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="鏈嶅姟椤圭洰" - filterable - @change="select(scope.row)" - :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="鏈嶅姟椤圭洰" filterable @change="select(scope.row)" + :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="itemcode" - align="center" - label="璐圭敤缂栧彿" - show-overflow-tooltip="" - > + <el-table-column prop="itemcode" align="center" label="璐圭敤缂栧彿" show-overflow-tooltip=""> </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.servicesscope" - placeholder="璐圭敤璇存槑" - clearable - allow-create - filterable - @change="selectedRemark(scope.row)" - > - <el-option - v-for="dict in scope.row.fundblock" - :key="dict.servicesscope" - :label="dict.expensedescribe" - :value="dict.servicesscope" - ></el-option> + <el-select v-model="scope.row.servicesscope" placeholder="璐圭敤璇存槑" clearable allow-create filterable + @change="selectedRemark(scope.row)"> + <el-option v-for="dict in scope.row.fundblock" :key="dict.servicesscope" :label="dict.expensedescribe" + :value="dict.servicesscope"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="beneficiaryname" - align="center" - label="濮撳悕" - width="120" - v-if="form.applytype != 3" - > + <el-table-column prop="beneficiaryname" 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-select + <el-button type="primary" plain @click="ShowDetailDialog(scope, 'name')">{{ scope.row.beneficiaryname + }}</el-button> + <!-- <el-select filterable allow-create ref="getReportname" @@ -488,64 +254,30 @@ :value="item.reportName" > </el-option> - </el-select> --> + </el-select> --> </template> </el-table-column> - <el-table-column - v-if="this.ismanager == true" - prop="amount" - align="center" - label="绋庡墠閲戦" - width="120" - > + <el-table-column v-if="this.ismanager == true" prop="amount" align="center" label="绋庡墠閲戦" width="120"> <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 scope.row.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 scope.row.fundblock" :key="dict.expensedescribe" :label="dict.expense" + :value="dict.expense"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="taxedamount" - align="center" - label="绋庡悗閲戦" - width="120" - v-if="this.ismanager == true" - > + <el-table-column prop="taxedamount" align="center" label="绋庡悗閲戦" width="120" v-if="this.ismanager == true"> <!-- 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="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-select + <el-button type="primary" plain @click="ShowDetailDialog(scope, 'unit')">{{ scope.row.unitname + }}</el-button> + <!-- <el-select v-model="scope.row.unitno" placeholder="鍗曚綅" clearable @@ -558,143 +290,70 @@ :label="spec.organizationname" :value="spec.organizationid" ></el-option> - </el-select> --> + </el-select> --> </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(scope.row); - } - " - /> + <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="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); - } - " - /> + <el-input v-model="scope.row.price" placeholder="浠锋牸" @blur=" + (val) => { + sumTotalFee(scope.row); + } + " /> </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="180" - v-if="dialogType == 'edit'" - > + <el-table-column fixed="right" align="center" label="鎿嶄綔" width="180" v-if="dialogType == 'edit'"> <template slot-scope="scope"> - <el-button type="text" size="mini" @click="addRow(scope.$index)" - >鏂板</el-button - > + <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 @click.native.prevent=" + deleteRows(scope.row, scope.$index, fundDetailArr) + " type="text" size="small"> 鍒犻櫎 </el-button> </template> </el-table-column> </el-table> - </el-row> - <!-- <el-row> - <el-col :span="4"> - - </el-col> - </el-row> --> + </el-row> <el-row> <el-col :span="22"> <el-form-item label="澶囨敞" prop="remark"> @@ -705,27 +364,11 @@ <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 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="鐢宠閲戦"> - <el-input disabled placeholder="鐢宠閲戦" /> - </el-form-item> - </el-col> - <el-col :span="7"> - <el-form-item label="棰勬敮閲戦"> - <el-input disabled placeholder="棰勬敮閲戦" /> - </el-form-item> - </el-col> --> <el-col :span="7"> <el-form-item label="OPO涓績绛惧瓧" prop="opochecker"> <el-input v-model="form.opochecker" placeholder="opo涓績绛惧瓧" /> @@ -733,123 +376,72 @@ </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="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="'淇℃伅淇敼'" - width="500px" - style="text-align: center" - v-loading="loading" - > + <el-dialog :visible.sync="detailInfoDialogShow" :close-on-click-modal="false" :title="'淇℃伅淇敼'" width="500px" + style="text-align: center" v-loading="loading"> <el-form ref="funddetailForm" :model="funddetailForm"> <el-row> <el-col :span="24" v-if="detailInfoDialogShowType == 'name'"> - <el-form-item - 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 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> @@ -857,20 +449,10 @@ <el-col :span="24" v-if="detailInfoDialogShowType == 'unit'"> <el-form-item 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 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> @@ -878,9 +460,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> @@ -889,6 +469,10 @@ <script> //杩欓噷鍙互瀵煎叆鍏朵粬鏂囦欢锛堟瘮濡傦細缁勪欢锛屽伐鍏穓s锛岀涓夋柟鎻掍欢js锛宩son鏂囦欢锛屽浘鐗囨枃浠剁瓑绛夛級 //渚嬪锛歩mport 銆婄粍浠跺悕绉般�� from '銆婄粍浠惰矾寰勩��'; +import { + listDonatebaseinfo, + getDonatebaseinfo, +} from "@/api/project/donatebaseinfo"; import { onelistFund, listFund, @@ -937,13 +521,11 @@ exportExternalperson, } from "@/api/project/externalperson"; import { getUserProfile } from "@/api/system/user"; -import { - listDonatebaseinfo, - getDonatebaseinfo, -} from "@/api/project/donatebaseinfo"; import Li_area_select from "@/components/Address"; import OrgSelecter from "@/views/project/components/orgselect"; import elementIcons from "../../../components/icons/element-icons"; +import { getToken } from "@/utils/auth"; + export default { //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� components: { @@ -1057,6 +639,16 @@ unitname: null, index: null, }, + + //闄勪欢鍒楄〃 + fileList: [], + //涓婁紶闄勪欢璺緞 + uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", + + headers: { + Authorization: "Bearer " + getToken(), + }, + }; }, //鐩戝惉灞炴�� 绫讳技浜巇ata姒傚康 @@ -1376,6 +968,8 @@ servicesscopename: null, }; this.resetForm("form"); + //娓呯┖闄勪欢 + this.fileList = [] }, addAlls() { @@ -1556,9 +1150,15 @@ } this.fundDetailArr[k] = tempDetail; } - this.loading = true; - this.form.donorname = this.curCase.name; + 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(totalPreTaxAmount).toFixed(2); this.form.taxedcost = parseFloat(totalAfterTaxAmount).toFixed(2); this.form.amountrequested = totalAmount.toFixed(2); @@ -1584,9 +1184,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) => { }); } } }); @@ -1692,13 +1292,16 @@ this.dialogOpen = true; this.title = "淇敼璐圭敤鐢宠"; this.dialogType = "edit"; - const id = row.id || this.ids; + const id = row.id || this.ids; getFund(id).then((response) => { this.form = response.data; // this.form.recordstate =-1; // this.form.recordstatus = response.data.recordstatus + ""; this.form.name = this.curCase.name; + //闄勪欢澶勭悊 + this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] + getownFundDetail(id).then((res) => { console.log("鏌ヨ鏄庣粏璁板綍锛�", res); this.fundDetailArr = res.data; @@ -1737,6 +1340,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; }); @@ -1776,7 +1382,7 @@ this.getfundList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, deleteRows(row, index, rows) { @@ -1960,7 +1566,30 @@ }); } }, + + //鏂囦欢涓婁紶 + 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() { this.getUnitList(); @@ -1975,13 +1604,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