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