From 1fc6fb99de36cc345e23f8ca5a6cbb9bc1828c07 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 04 九月 2023 13:50:23 +0800
Subject: [PATCH] 11

---
 src/views/project/fund/applyDetail/index.vue | 1513 +++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 1,240 insertions(+), 273 deletions(-)

diff --git a/src/views/project/fund/applyDetail/index.vue b/src/views/project/fund/applyDetail/index.vue
index 98fa41d..e6ef7ec 100644
--- a/src/views/project/fund/applyDetail/index.vue
+++ b/src/views/project/fund/applyDetail/index.vue
@@ -7,27 +7,53 @@
         <el-row>
           <el-col :span="5">
             <el-form-item label="鐢宠鏃ユ湡" prop="createTime">
-              <el-date-picker clearable style="width: 100%" v-model="form.createTime" type="date"
-                value-format="yyyy-MM-dd HH:mm:ss" placeholder="鐢宠鏃ユ湡">
+              <el-date-picker
+                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="5">
             <el-form-item label="缁忓姙浜�" prop="username">
-              <el-select v-model="form.username" placeholder="鐢宠浜�" clearable filterable allow-create style="width: 100%">
-                <el-option v-for="dict in userlist" :key="dict.index" :label="dict.nickname"
-                  :value="dict.nickname"></el-option>
+              <el-select
+                v-model="form.username"
+                placeholder="鐢宠浜�"
+                clearable
+                filterable
+                allow-create
+                style="width: 100%"
+                @change="getUserAccount"
+              >
+                <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="5">
             <el-form-item label="鎵�灞炵粍鍒�" prop="deptmentname">
-              <el-input v-model="form.deptmentname" placeholder="璇疯緭鍏ユ墍灞炵粍鍒�" clearable />
+              <el-input
+                v-model="form.deptmentname"
+                placeholder="璇疯緭鍏ユ墍灞炵粍鍒�"
+                clearable
+              />
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="缁勯暱" prop="managername">
-              <el-input v-model="form.managername" placeholder="璇疯緭鍏ョ粍闀�" clearable />
+              <el-input
+                v-model="form.managername"
+                placeholder="璇疯緭鍏ョ粍闀�"
+                clearable
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -46,9 +72,16 @@
               }}</el-radio>
             </el-form-item>
           </el-col>
-          <el-col :span="10">
-            <el-form-item label="鐢宠璇存槑" prop="remark">
-              <el-input v-model="form.remark" placeholder="鐢宠璇存槑" />
+          <el-col :span="5">
+            <el-form-item label="閾惰鍚嶇О" prop="bankname">
+              <el-input v-model="form.bankname" placeholder="璇疯緭鍏ラ摱琛屽悕绉�" />
+            </el-form-item> </el-col
+          ><el-col :span="5">
+            <el-form-item label="閾惰璐﹀彿" prop="bankcardno">
+              <el-input
+                v-model="form.bankcardno"
+                placeholder="璇疯緭鍏ラ摱琛岃处鍙�"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="5">
@@ -67,23 +100,36 @@
           -->
           <el-col :span="5">
             <el-form-item label="鐢宠閲戦" prop="pretaxcost">
-              <el-input v-model="form.pretaxcost" placeholder="绋庡墠閲戦鍚堣" :disabled="true" />
+              <el-input
+                v-model="form.pretaxcost"
+                placeholder="绋庡墠閲戦鍚堣"
+                :disabled="true"
+              />
             </el-form-item>
           </el-col>
+          <!--
           <el-col :span="5">
             <el-form-item label="搴旂即绋�" prop="taxcost" v-if="businessType == '1' || businessType == '2'">
               <el-input v-model="form.taxcost" placeholder="搴旂即绋庨噾棰濆悎璁�" :disabled="true" />
             </el-form-item>
           </el-col>
-          <!--
           <el-col :span="5">
             <el-form-item label="绋庡悗閲戦" prop="pretaxcost">
               <el-input v-model="form.taxedcost" placeholder="绋庡悗閲戦鍚堣" :disabled="true" />
             </el-form-item>
           </el-col>-->
+          <el-col :span="10">
+            <el-form-item label="鐢宠璇存槑" prop="remark">
+              <el-input v-model="form.remark" placeholder="鐢宠璇存槑" />
+            </el-form-item>
+          </el-col>
           <el-col :span="5">
             <el-form-item label="鎹愮尞鑰�" prop="name">
-              <el-input :disabled="true" v-model="form.name" placeholder="璇疯緭鍏ユ崘鐚�呭鍚�" />
+              <el-input
+                :disabled="true"
+                v-model="form.donorname"
+                placeholder="璇疯緭鍏ユ崘鐚�呭鍚�"
+              />
             </el-form-item>
           </el-col>
           <!-- 
@@ -99,14 +145,29 @@
         <el-row style="margin-top: 5px; margin-bottom: 5px" />
         <el-row style="margin-bottom: 10px" v-if="businessType == '1'">
           <el-col :span="4">
-            <el-button @click.native.prevent="importFeeItems" type="primary" size="small">
+            <el-button
+              @click.native.prevent="importFeeItems"
+              type="primary"
+              size="small"
+            >
               瀵煎叆鏈嶅姟椤圭洰
             </el-button>
           </el-col>
         </el-row>
         <el-row>
-          <el-table :data="rbDetails" v-loading="loading" border highlight-current-row>
-            <el-table-column prop="orderno" align="center" label="搴忓彿" width="65">
+          <el-table
+            :data="rbDetails"
+            v-loading="loading"
+            max-height="400"
+            border
+            highlight-current-row
+          >
+            <el-table-column
+              prop="orderno"
+              align="center"
+              label="搴忓彿"
+              width="65"
+            >
               <template slot-scope="scope">
                 <el-input v-model="scope.row.orderno" placeholder="搴忓彿" />
               </template>
@@ -115,50 +176,124 @@
             <el-table-column prop="itemcode" align="center" label="椤圭洰缂栧彿" show-overflow-tooltip=""
               v-if="form.applytype == '1'">
             </el-table-column>-->
-            <el-table-column prop="applytype" align="center" label="鏈嶅姟绫诲瀷" width="200">
+            <el-table-column
+              prop="applytype"
+              align="center"
+              label="鏈嶅姟绫诲瀷"
+              width="200"
+            >
               <template slot-scope="scope">
-                <el-select v-model="scope.row.applytype" placeholder="鏈嶅姟绫诲瀷" @change="loadFeeItems(scope.row)">
-                  <el-option v-for="dict in rowfeeItemTypes" :key="dict.index" :label="dict.label"
-                    :value="dict.value"></el-option>
+                <el-select
+                  v-model="scope.row.applytypename"
+                  placeholder="鏈嶅姟绫诲瀷"
+                  @change="verifyFeeItemType(scope.row)"
+                >
+                  <el-option
+                    v-for="dict in rowfeeItemTypes"
+                    :key="dict.index"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="itemid" align="center" label="鏈嶅姟椤圭洰" width="260">
+            <el-table-column
+              prop="itemid"
+              align="center"
+              label="鏈嶅姟椤圭洰"
+              width="260"
+            >
               <template slot-scope="scope">
-                <el-select v-model="scope.row.itemid" placeholder="鏈嶅姟椤圭洰" filterable @change="verifyFeeItem(scope.row)"
-                  :filter-method="val => searchItemType(val, scope)">
-                  <el-option v-for="dict in scope.row.itemlist" :key="dict.index" :label="dict.itemName"
-                    :value="dict.id"></el-option>
+                <el-select
+                  v-model="scope.row.itemname"
+                  placeholder="鏈嶅姟椤圭洰"
+                  filterable
+                  @change="verifyFeeItem(scope.row)"
+                  :filter-method="val => searchItemType(val, scope)"
+                >
+                  <el-option
+                    v-for="dict in scope.row.itemlist"
+                    :key="dict.index"
+                    :label="dict.itemName"
+                    :value="dict.id"
+                  ></el-option>
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="servicesscope" align="center" label="鏈嶅姟璇存槑" v-if="form.applytype == '1'" width="180">
+            <el-table-column
+              prop="servicesscope"
+              align="center"
+              label="鏈嶅姟璇存槑"
+              v-if="form.applytype == '1'"
+              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.rowfeeblocks" :key="dict.servicesscope" :label="dict.remark"
-                    :value="dict.servicesscope"></el-option>
+                <el-select
+                  v-model="scope.row.servicesscope"
+                  placeholder="鏈嶅姟璇存槑"
+                  clearable
+                  allow-create
+                  @change="verifyFeeRemark(scope.row)"
+                >
+                  <el-option
+                    v-for="dict in scope.row.rowfeeblocks"
+                    :key="dict.servicesscope"
+                    :label="dict.remark"
+                    :value="dict.servicesscope"
+                  ></el-option>
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="price" align="center" label="鍗曚环" width="120" v-if="0">
+            <el-table-column
+              prop="price"
+              align="center"
+              label="鍗曚环"
+              width="120"
+              v-if="businessType == 4"
+            >
               <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="quantity" align="center" label="鏁伴噺" width="120" v-if="0">
+            <el-table-column
+              prop="quantity"
+              align="center"
+              label="鏁伴噺"
+              width="120"
+              v-if="businessType == 4"
+            >
               <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 v-if="businessType == 3 || businessType == 4 || ismanager == true" prop="amount"
-              align="center" label="绋庡墠閲戦" width="120">
+            <el-table-column
+              v-if="
+                businessType == 2 ||
+                  businessType == 3 ||
+                  businessType == 4 ||
+                  ismanager == true
+              "
+              prop="amount"
+              align="center"
+              :label="amountLabel"
+              width="120"
+            >
               <template slot-scope="scope">
                 <!--
                   <el-select v-model="scope.row.amount" placeholder="绋庡墠閲戦" clearable filterable allow-create
@@ -167,21 +302,40 @@
                     :value="dict.expense"></el-option>
                 </el-select>
               -->
-                <el-input v-model="scope.row.amount" placeholder="绋庡墠閲戦" />
+                <el-input v-model="scope.row.amount" placeholder="閲戦" />
               </template>
             </el-table-column>
-            <el-table-column prop="taxedamount" align="center" label="绋庡悗閲戦" width="120" v-if="(this.ismanager == true) &
-              (form.applytype == '1' || form.applytype == '2')
-              ">
+            <el-table-column
+              prop="taxedamount"
+              align="center"
+              label="绋庡悗閲戦"
+              width="120"
+              v-if="
+                (this.ismanager == true) &
+                  (form.applytype == '1' || form.applytype == '2')
+              "
+            >
               <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="beneficiaryname" align="center" label="濮撳悕" width="120"
-              v-if="form.applytype == '1' || form.applytype == '2'">
+            <el-table-column
+              prop="beneficiaryname"
+              align="center"
+              label="濮撳悕"
+              width="120"
+              v-if="form.applytype == '1' || form.applytype == '2'"
+            >
               <template slot-scope="scope">
-                <el-button type="primary" plain @click="ShowDetailDialog(scope, 'expert')">{{ scope.row.beneficiaryname
-                }}</el-button>
+                <el-button
+                  type="primary"
+                  plain
+                  @click="ShowDetailDialog(scope, 'expert')"
+                  >{{ scope.row.beneficiaryname }}</el-button
+                >
                 <!-- <el-select
                   filterable
                   allow-create
@@ -201,10 +355,19 @@
                                       </el-select> -->
               </template>
             </el-table-column>
-            <el-table-column prop="unitno" align="center" label="鍗曚綅鍚嶇О" width="250">
+            <el-table-column
+              prop="unitno"
+              align="center"
+              label="鍗曚綅鍚嶇О"
+              width="250"
+            >
               <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
+                >
                 <!-- <el-select
                   v-model="scope.row.unitno"
                   placeholder="鍗曚綅"
@@ -221,45 +384,102 @@
                                       </el-select> -->
               </template>
             </el-table-column>
-            <el-table-column prop="title" align="center" label="鑱岀О" width="120"
-              v-if="form.applytype == '1' || form.applytype == '2'">
+            <el-table-column
+              prop="title"
+              align="center"
+              label="鑱岀О"
+              width="120"
+              v-if="form.applytype == '1' || form.applytype == '2'"
+            >
               <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 == '1' || form.applytype == '2'">
+            <el-table-column
+              prop="idcardno"
+              align="center"
+              label="韬唤璇佸彿"
+              width="200"
+              v-if="form.applytype == '1' || form.applytype == '2'"
+            >
               <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 != '4'">
+            <el-table-column
+              prop="depositbank"
+              align="center"
+              label="寮�鎴烽摱琛�"
+              width="200"
+              v-if="form.applytype != '4'"
+            >
               <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 != '4'">
+            <el-table-column
+              prop="bankcardno"
+              align="center"
+              label="閾惰甯愬彿"
+              width="210"
+              v-if="form.applytype != '4'"
+            >
               <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 prop="remark" align="center" label="澶囨敞" v-if="form.applytype == '4'">
+            <el-table-column prop="remark" align="center" label="澶囨敞">
               <template slot-scope="scope">
                 <el-input v-model="scope.row.remark" placeholder="澶囨敞" />
               </template>
             </el-table-column>
-            <el-table-column fixed="right" align="center" label="鎿嶄綔" width="180">
+            <el-table-column
+              fixed="right"
+              align="center"
+              label="鎿嶄綔"
+              width="180"
+            >
               <template slot-scope="scope">
-                <el-button type="text" size="mini" @click="addRow(scope.$index)"
-                  v-if="operationType == 'add' || operationType == 'update'">鏂板</el-button>
-                <el-button @click.native.prevent="
-                  deleteRows(scope.row, scope.$index, rbDetails)
-                  " type="text" size="small" v-if="operationType == 'add' || operationType == 'update'">
+                <el-button
+                  type="text"
+                  size="mini"
+                  @click="addRow(scope.$index)"
+                  v-if="
+                    operationType == 'add' ||
+                      operationType == 'update' ||
+                      operationType == 'check'
+                  "
+                  >鏂板</el-button
+                >
+                <el-button
+                  @click.native.prevent="
+                    deleteRows(scope.row, scope.$index, rbDetails)
+                  "
+                  type="text"
+                  size="small"
+                  v-if="
+                    operationType == 'add' ||
+                      operationType == 'update' ||
+                      operationType == 'check'
+                  "
+                >
                   鍒犻櫎
                 </el-button>
-                <el-button @click.native.prevent="
-                  Filepopup(scope.$index, rbDetails, scope.row)
-                  " type="text" size="small">绁ㄦ嵁</el-button>
+                <el-button
+                  @click.native.prevent="
+                    Filepopup(scope.$index, rbDetails, scope.row)
+                  "
+                  type="text"
+                  size="small"
+                  v-if="businessType == 3 || businessType == 4"
+                  >绁ㄦ嵁</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
@@ -307,29 +527,77 @@
               -->
         <el-row>
           <el-col :span="12">
-            <el-form-item label="璐圭敤鐢宠闄勪欢" align="left" prop="annexbankcard" v-if="businessType == 0">
-              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple
-                :limit="20" :headers="headers" :on-success="(response, file, fileList) =>
-                  uploadSccess(response, file, fileList)
-                  " :on-preview="downFile" :disabled="operationType == 'detail'" :on-error="handleUploadError"
-                :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf">
-                <el-button :disabled="operationType == 'detail'" size="small" type="primary">涓婁紶</el-button>
+            <el-form-item
+              label="璐圭敤鐢宠闄勪欢"
+              align="left"
+              prop="annexbankcard"
+              v-if="businessType == 0"
+            >
+              <el-upload
+                size="mini"
+                class="upload-demo"
+                :action="uploadFileUrl"
+                :file-list="fileList"
+                multiple
+                :limit="20"
+                :headers="headers"
+                :on-success="
+                  (response, file, fileList) =>
+                    uploadSccess(response, file, fileList)
+                "
+                :on-preview="downFile"
+                :disabled="operationType == 'detail'"
+                :on-error="handleUploadError"
+                :on-exceed="handleExceed"
+                :on-remove="remove"
+                accept="image/*,.pdf"
+              >
+                <el-button
+                  :disabled="operationType == 'detail'"
+                  size="small"
+                  type="primary"
+                  >涓婁紶绁ㄦ嵁</el-button
+                >
               </el-upload>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row v-if="operationType == 'detail' || operationType == 'check'">
           <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="160"
+              prop="createTime"
+            />
+            <el-table-column
+              label="瀹℃牳浜�"
+              align="center"
+              width="120"
+              prop="checkusername"
+            />
+            <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-row style="margin-top: 25px; margin-bottom: 5px" v-if="operationType == 'check'">
+        <el-row
+          style="margin-top: 25px; margin-bottom: 5px"
+          v-if="operationType == 'check'"
+        >
           <el-col :span="7">
             <el-form-item label="瀹℃牳缁撴灉" align="left">
               <el-radio-group v-model="checkObj.flowlevelone" align="left">
@@ -348,15 +616,34 @@
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm"
-          v-if="operationType == 'add' || operationType == 'update'">鎻愪氦淇濆瓨</el-button>
-        <el-button type="primary" @click="checksubmit" v-if="operationType == 'check'">鎻愪氦瀹℃牳</el-button>
+        <el-button
+          type="primary"
+          @click="submitForm"
+          v-if="
+            operationType == 'add' ||
+              operationType == 'update' ||
+              ismanager == true
+          "
+          >鎻愪氦淇濆瓨</el-button
+        >
+        <el-button
+          type="primary"
+          @click="checksubmit"
+          v-if="operationType == 'check'"
+          >鎻愪氦瀹℃牳</el-button
+        >
         <el-button @click="cancel">鍏� 闂�</el-button>
       </div>
     </div>
 
-    <el-dialog :visible.sync="showSelectionDialog" :close-on-click-modal="false" :title="'鍗曚綅/涓撳淇℃伅閫夋嫨'" width="500px"
-      style="text-align: center" v-loading="loading">
+    <el-dialog
+      :visible.sync="showSelectionDialog"
+      :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="selectionType == 'expert'">
@@ -367,29 +654,77 @@
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="24" v-if="selectionType == 'expert' && expertfrom == '1'">
-            <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 expertlist" :key="item.expertNo" :label="item.exportName"
-                  :value="item.exportName">
+          <el-col
+            :span="24"
+            v-if="selectionType == 'expert' && expertfrom == '1'"
+          >
+            <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 expertlist"
+                  :key="item.expertNo"
+                  :label="item.exportName"
+                  :value="item.exportName"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="24" v-if="selectionType == 'unit'">
-            <el-form-item label="鍗曚綅鍚嶇О" prop="unitno" label-width="120px" v-if="businessType == 1 || businessType == 2">
-              <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
+              label="鍗曚綅鍚嶇О"
+              prop="unitno"
+              label-width="120px"
+              v-if="businessType == 1 || businessType == 2"
+            >
+              <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-form-item label="鍙戠エ鍗曚綅鍚嶇О" prop="unitno" label-width="120px" v-if="businessType == 3 || businessType == 4">
-              <el-select v-model="funddetailForm.unitno" placeholder="鍗曚綅鍚嶇О" clearable filterable allow-create
-                style="width: 100%">
-                <el-option v-for="(item, index) in feeUnitList" :key="index" :label="item.reportName"
-                  :value="item.reportNo"></el-option>
+            <el-form-item
+              label="鍙戠エ鍗曚綅鍚嶇О"
+              prop="unitno"
+              label-width="120px"
+              v-if="businessType == 3 || businessType == 4"
+            >
+              <el-select
+                v-model="funddetailForm.unitno"
+                placeholder="鍗曚綅鍚嶇О"
+                clearable
+                filterable
+                allow-create
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="(item, index) in feeUnitList"
+                  :key="index"
+                  :label="item.reportName"
+                  :value="item.reportNo"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -397,22 +732,43 @@
         <el-row>
           <el-col :span="12" v-if="expertfrom == '2'">
             <el-form-item label="涓撳濮撳悕" prop="expertname" label-width="80px">
-              <el-input v-model="funddetailForm.expertname" placeholder="蹇呭~椤�" />
+              <el-input
+                v-model="funddetailForm.expertname"
+                placeholder="蹇呭~椤�"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12" v-if="expertfrom == '2'">
-            <el-form-item label="鑱�    绉�" prop="experttitle" label-width="80px">
-              <el-select v-model="funddetailForm.experttitle" placeholder="蹇呭~椤�">
-                <el-option v-for="dict in dict.type.sys_professionaltitle" :key="dict.value" :label="dict.label"
-                  :value="dict.label"></el-option>
+            <el-form-item
+              label="鑱�    绉�"
+              prop="experttitle"
+              label-width="80px"
+            >
+              <el-select
+                v-model="funddetailForm.experttitle"
+                placeholder="蹇呭~椤�"
+              >
+                <el-option
+                  v-for="dict in dict.type.sys_professionaltitle"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.label"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24" v-if="expertfrom == '2'">
-            <el-form-item label="韬唤璇佸彿" prop="expertidcardno" label-width="80px">
-              <el-input v-model="funddetailForm.expertidcardno" placeholder="蹇呭~椤�" />
+            <el-form-item
+              label="韬唤璇佸彿"
+              prop="expertidcardno"
+              label-width="80px"
+            >
+              <el-input
+                v-model="funddetailForm.expertidcardno"
+                placeholder="蹇呭~椤�"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -430,42 +786,149 @@
       -->
         <el-row>
           <el-col :span="24" v-if="expertfrom == '2'">
-            <el-form-item label="鍗曚綅鍚嶇О" prop="expertunitno" label-width="80px">
-              <el-select v-model="funddetailForm.expertunitno" 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>
+            <el-form-item
+              label="鍗曚綅鍚嶇О"
+              prop="expertunitno"
+              label-width="80px"
+            >
+              <el-select
+                v-model="funddetailForm.expertunitno"
+                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>
         </el-row>
         <el-row>
           <el-col :span="24" v-if="expertfrom == '2'">
-            <el-form-item label="寮�鎴烽摱琛�" prop="expertdepositbank" label-width="80px">
-              <el-input v-model="funddetailForm.expertdepositbank" placeholder="蹇呭~椤�" />
+            <el-form-item
+              label="寮�鎴烽摱琛�"
+              prop="expertdepositbank"
+              label-width="80px"
+            >
+              <el-input
+                v-model="funddetailForm.expertdepositbank"
+                placeholder="蹇呭~椤�"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="24" v-if="expertfrom == '2'">
-            <el-form-item label="閾惰鍗″彿" prop="expertbankcardno" label-width="80px">
-              <el-input v-model="funddetailForm.expertbankcardno" placeholder="蹇呭~椤�" />
+            <el-form-item
+              label="閾惰鍗″彿"
+              prop="expertbankcardno"
+              label-width="80px"
+            >
+              <el-input
+                v-model="funddetailForm.expertbankcardno"
+                placeholder="蹇呭~椤�"
+              />
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="showSelectionDialog = false">鍙� 娑�</el-button>
-        <el-button type="primary" @click="ConfirmDetailDialog()">纭� 瀹�</el-button>
+        <el-button type="primary" @click="ConfirmDetailDialog()"
+          >纭� 瀹�</el-button
+        >
       </span>
     </el-dialog>
-    <el-dialog :title="pdftitle" :visible.sync="pdfVisible" width="50%">
+    <el-dialog
+      v-dialogDrags
+      :modal="false"
+      :close-on-click-modal="false"
+      :title="pdftitle"
+      :visible.sync="pdfVisible"
+      width="60%"
+    >
       <div class="pdfimg">
         <div class="box-pdf">
           <div>
-            <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto" multiple
-              :limit="20" :headers="headers" :on-success="(response, file, fileList) =>
-                uploadSccess(response, file, fileList)
-                " :on-preview="downFile" :disabled="operationType == 'detail'" :on-error="handleUploadError"
-              :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf">
-              <el-button :disabled="operationType == 'detail'" size="small" type="primary">涓婁紶</el-button>
+            <el-upload
+              size="mini"
+              class="upload-demo"
+              :action="uploadFileUrl"
+              :file-list="fileListto"
+              :show-file-list="false"
+              multiple
+              drag
+              :limit="20"
+              :headers="headers"
+              :on-success="
+                (response, file, fileList) =>
+                  uploadSccess(response, file, fileList)
+              "
+              :on-preview="downFile"
+              :disabled="operationType == 'detail'"
+              :on-error="handleUploadError"
+              :on-exceed="handleExceed"
+              :on-remove="remove"
+              accept="image/*,.pdf"
+            >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">
+                灏嗙エ鎹嫋鍒版澶勶紝鎴�
+                <em
+                  ><el-button
+                    :disabled="operationType == 'detail'"
+                    size="small"
+                    type="primary"
+                    >鐐瑰嚮涓婁紶</el-button
+                  ></em
+                >
+              </div>
+              <!-- <div class="el-upload__tip" slot="tip">
+                鍙兘涓婁紶jpg/png鏂囦欢锛屼笖涓嶈秴杩�500kb
+              </div> -->
             </el-upload>
+            <el-table
+              :data="fileListto"
+              @row-click="downFile"
+              style="width: 100%"
+            >
+              <el-table-column
+                prop="name"
+                :show-overflow-tooltip="true"
+                label="鍚嶇О"
+              >
+                <template slot-scope="scope">
+                  <i style="color:#409EFF" class=" el-icon-s-order" />{{
+                    scope.row.name
+                  }}
+                </template>
+              </el-table-column>
+
+              <el-table-column
+                prop="name"
+                width="180"
+                :show-overflow-tooltip="true"
+                label="鍔熻兘"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    type="primary"
+                    size="mini"
+                    @click.native.prevent="deletedowfile(scope.row)"
+                    >鍒犻櫎</el-button
+                  >
+                  <el-button
+                    type="primary"
+                    size="mini"
+                    @click.native.prevent="moveupdowfile(scope.row)"
+                    >涓婄Щ</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
           </div>
           <!-- <div
             class="pdftit"
@@ -478,10 +941,31 @@
         </div>
 
         <div v-if="this.previewpdf" class="pdfimgmin">
-          <img :src="pdfimg" />
+          <!-- <img :src="pdfimg" /> -->
+          <el-image
+            style="width: 95%; height: 90%"
+            :src="pdfimg"
+            :preview-src-list="pdfimgsrcList"
+          >
+          </el-image>
         </div>
         <div v-else class="pdfimgmins">{{ hintitle }}</div>
       </div>
+    </el-dialog>
+    <el-dialog title="鎻愮ず" :visible.sync="Savereminder" width="30%">
+      <el-alert
+        :title="
+          '鎮ㄥ凡娣诲姞' +
+            totalquantity +
+            '鏉℃暟鎹紝涓洪槻姝㈡暟鎹涪澶辨槸鍚︽彁浜や繚瀛樺啀缁х画娣诲姞銆�'
+        "
+        type="warning"
+      >
+      </el-alert>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="unsave">鍙� 娑�</el-button>
+        <el-button type="primary" @click="Savenow">纭� 瀹�</el-button>
+      </span>
     </el-dialog>
   </div>
 </template>
@@ -493,7 +977,7 @@
   listDonatebaseinfo,
   getDonatebaseinfo
 } from "@/api/project/donatebaseinfo";
-
+import debounce from "lodash/debounce";
 import {
   onelistFund,
   listFund,
@@ -620,6 +1104,8 @@
       unitList: [],
       //璐圭敤鎶ラ攢鏈烘瀯鍒楄〃
       feeUnitList: [],
+      // 缃戠粶璇锋眰澶�
+      Networkheader: null,
 
       itemlist: [],
 
@@ -639,7 +1125,6 @@
       totalAfterTaxAmount: 0.0,
       totalAmount: 0.0,
 
-
       //璐圭敤绫诲瀷鏁扮粍
       feeItemTypes: [],
 
@@ -650,10 +1135,14 @@
       rowfeeblocks: [],
 
       fundflowList: [],
+      // 闅忔満鏁�
+      randomnumber: "",
 
       //涓撳/鍗曚綅閫夋嫨锛歟xpert/unit
       selectionType: "",
       showSelectionDialog: false,
+      //绋庡墠閲戦鏍囬锛氫笓瀹惰垂-绋庡墠閲戦锛涘尰瀛︽垚鏈�佸姙鍏垂鐢�-閲戦
+      amountLabel: "绋庡墠閲戦",
 
       // 琛ㄥ崟鏍¢獙
       rules: {
@@ -714,7 +1203,7 @@
       checkObj: {
         flowlevelone: null,
         flowconclusion: null,
-        fundid: null,
+        fundid: null
       },
 
       // 鏌ヨ鍙傛暟
@@ -770,11 +1259,46 @@
       //绁ㄦ嵁鏂囦欢
       pdftitle: "",
       pdfimg: "",
+      pdfimgsrcList: [],
       pdfVisible: false,
       previewpdf: false,
       hintitle: "閫変腑宸︿晶宸蹭笂浼犳枃浠堕瑙堟煡鐪�",
-      atpresent: ""
+      atpresent: "",
+      Savereminder: false, //鎻愰啋淇濆瓨寮规
+      Reminderquantity: 0, //鎻愰啋鏁伴噺
+      totalquantity: 0, //鎬绘暟閲�
+      Modifyornot: 0 //鏄惁淇敼
     };
+  },
+  // vue璺敱鎺у埗椤甸潰鍏抽棴鎻愮ず
+  beforeRouteLeave(to, from, next) {
+    if (
+      JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
+      JSON.stringify(this.rbDetails) == sessionStorage.getItem("apifunddetail")
+    ) {
+      console.log("cg1");
+      sessionStorage.removeItem("apiform");
+      sessionStorage.removeItem("apifunddetail");
+
+      //灏辨槸涓婇潰鐨勭姸鎬� 濡傛灉鏄痶rue , 鍒欎笉璇㈤棶鏄惁淇濆瓨, 褰撶劧杩欎釜鏂规硶姣旇緝绗�, 澶у鍙互浣跨敤鏇翠紭闆呯殑鏂瑰紡
+      next();
+    } else {
+      console.log("cg2");
+      this.$confirm("绂诲紑椤甸潰 , 鏇存柊鏁版嵁灏嗕笉鍋氫繚瀛�, 璇风‘璁ゅ凡缁忎繚瀛�", "鎻愮ず", {
+        confirmButtonText: "纭畾",
+        cancelButtonText: "鍙栨秷",
+        type: "warning"
+      })
+        .then(() => {
+          sessionStorage.removeItem("apiform");
+          sessionStorage.removeItem("apifunddetail");
+          this.$router.go(-1);
+          next();
+        })
+        .catch(() => {
+          // alert("router")
+        });
+    }
   },
   //鐩戝惉灞炴�� 绫讳技浜巇ata姒傚康
   computed: {},
@@ -782,6 +1306,25 @@
   watch: {},
   //鏂规硶闆嗗悎
   methods: {
+    // 娴忚鍣ㄩ〉闈㈠叧闂垨鍒锋柊鎻愮ず
+    beforeunloadHandler(e) {
+      if (
+        (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
+          JSON.stringify(this.rbDetails) ==
+            sessionStorage.getItem("apifunddetail")) ||
+        !sessionStorage.getItem("apifunddetail")
+      ) {
+        console.log(cg);
+      } else {
+        this._beforeUnload_time = new Date().getTime();
+        e = e || window.event;
+        if (e) {
+          e.returnValue = "鍏抽棴鎻愮ず";
+        }
+        return "鍏抽棴鎻愮ず";
+      }
+    },
+
     // 琛ㄥ崟閲嶇疆
     reset() {
       this.form = {
@@ -831,6 +1374,18 @@
       //娓呯┖闄勪欢
       this.fileList = [];
     },
+    // 鑾峰彇璇锋眰澶�
+    Getnetworkheader() {
+      let string = window.location.href;
+      if (string.includes("9091")) {
+        const index = string.indexOf("9091");
+        this.Networkheader = string.slice(0, index + 4); // 鎴彇9091鍙婂叾鍓嶉儴瀛楃
+        // console.log(this.Networkheader);
+      } else {
+        const index = string.indexOf("8032");
+        this.Networkheader = string.slice(0, index + 4); // 鎴彇8032鍙婂叾鍓嶉儴瀛楃
+      }
+    },
     /** 閫氳繃鍙傛暟鑾峰彇涓氬姟绫诲瀷 */
     getroute() {
       //閫夋嫨涓氬姟绫诲瀷:1銆佹柊澧烇紱2銆佷慨鏀癸紱3銆佹煡鐪�
@@ -843,40 +1398,37 @@
 
       // if (!this.businessType && !this.operationType) {
       if (this.businessType == "1") {
-        this.curCase = this.$route.query.curCase;
-        this.businessName = "涓撳鍔冲姟璐圭敵璇峰崟"
+        this.businessName = "涓撳鍔冲姟璐圭敵璇峰崟";
+        this.amountLabel = "绋庡墠閲戦";
         this.getUnitList();
-      }
-      else if (this.businessType == "2") {
-        this.curCase = this.$route.query.curCase;
+      } else if (this.businessType == "2") {
         this.businessName = "浼︾悊涓撳鍔冲姟璐圭敵璇峰崟";
+        this.amountLabel = "绋庡墠閲戦";
         this.getUnitList();
-      }
-      else if (this.businessType == "3") {
-        if (this.operationType != "check") {
-          this.curCase = this.$route.query.curCase;
-        }
+      } else if (this.businessType == "3") {
         this.businessName = "鍖诲鎴愭湰鎶ラ攢鍗�";
-      }
-      else if (this.businessType == "4") {
+        this.amountLabel = "閲戦";
+      } else if (this.businessType == "4") {
         this.businessName = "鍔炲叕璐圭敤鎶ラ攢鍗�";
+        this.amountLabel = "閲戦";
 
         // this.getBaseInfoList();
       }
 
       if (this.operationType == "add") {
         this.title = this.businessName + "鏂板缓";
+        if (this.operationType != "4") {
+          this.curCase = this.$route.query.curCase;
+          console.log("this.curCase", this.curCase);
+        }
         this.handleAdd();
-      }
-      else if (this.operationType == "update") {
+      } else if (this.operationType == "update") {
         this.title = this.businessName + "淇敼";
         this.handleUpdate();
-      }
-      else if (this.operationType == "detail") {
+      } else if (this.operationType == "detail") {
         this.title = this.businessName + "鏌ョ湅";
         this.handleDetail();
-      }
-      else if (this.operationType == "check") {
+      } else if (this.operationType == "check") {
         this.title = this.businessName + "瀹℃牳";
         this.handleCheck();
       }
@@ -899,7 +1451,6 @@
         this.businessType == "2" ||
         this.businessType == "3"
       ) {
-        console.log("", this.curCase);
         this.form.infoid = this.curCase.id;
         this.form.donorname = this.curCase.name;
         this.form.donorno = this.curCase.donorno;
@@ -917,6 +1468,10 @@
 
       getFund(this.curId).then(response => {
         this.form = response.data;
+        sessionStorage.removeItem("apiform");
+
+        sessionStorage.setItem("apiform", JSON.stringify(this.form));
+
         // this.form.recordstate =-1;
         // this.form.recordstatus = response.data.recordstatus + "";
         //闄勪欢澶勭悊
@@ -925,9 +1480,7 @@
         //鏄庣粏澶勭悊
         getownFundDetail(this.curId).then(res => {
           this.rbDetails = res.data;
-          console.log(res);
 
-          console.log(this.curId, res.data);
           if (this.rbDetails.length > 0) {
             for (let m = 0; m < this.rbDetails.length; m++) {
               this.rbDetails[m].itemlist = [];
@@ -953,48 +1506,17 @@
               //   });
               // });
             }
+            console.log("yeil");
+            sessionStorage.removeItem("apifunddetail");
+            sessionStorage.setItem(
+              "apifunddetail",
+              JSON.stringify(this.rbDetails)
+            );
           } else {
             this.addRow(0);
           }
         });
       });
-    },
-    /** 淇敼鎸夐挳鎿嶄綔 */
-    handleCheck() {
-      this.isopen = 0;
-      this.reset();
-
-      getFund(this.curId).then(response => {
-        this.form = response.data;
-        //闄勪欢澶勭悊
-        // this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []
-
-        //涓氬姟鏄庣粏
-        getownFundDetail(this.curId).then(res => {
-          this.rbDetails = res.data;
-          for (let m = 0; m < this.rbDetails.length; m++) {
-            this.rbDetails[m].itemlist = [];
-            this.getFeeItems(m, this.rbDetails[m]);
-            this.rbDetails[m].rowfeeblocks = [];
-            this.rbDetails[m].rowfeeblocks.push({
-              expense: this.rbDetails[m].expense,
-              expensedescribe: this.rbDetails[m].servicesscopename,
-              remark: this.rbDetails[m].servicesscope,
-              servicesscope: this.rbDetails[m].servicesscope
-            });
-          }
-        });
-
-        //涓氬姟娴佺▼        
-        let listFundflowparams = {
-          fundid: this.curId,
-          fundtype: 2
-        };
-        listFundflow(listFundflowparams).then(res => {
-          this.fundflowList = res.rows;
-        });
-      });
-
     },
 
     /** 鏌ョ湅鎸夐挳鎿嶄綔 */
@@ -1004,22 +1526,27 @@
 
       getFund(this.curId).then(response => {
         this.form = response.data;
+        sessionStorage.removeItem("apiform");
+
+        sessionStorage.setItem("apiform", JSON.stringify(this.form));
+
+        console.log("response.data", response.data);
         //闄勪欢澶勭悊
         // this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []
 
         //涓氬姟鏄庣粏
         getownFundDetail(this.curId).then(res => {
-          console.log(res);
           this.rbDetails = res.data;
           for (let m = 0; m < this.rbDetails.length; m++) {
             this.rbDetails[m].itemlist = [];
             this.getFeeItems(m, this.rbDetails[m]);
+
             this.rbDetails[m].rowfeeblocks = [];
             this.rbDetails[m].rowfeeblocks.push({
-              expense: this.rbDetails[m].expense,
+              servicesscope: this.rbDetails[m].servicesscope,
               expensedescribe: this.rbDetails[m].servicesscopename,
-              remark: this.rbDetails[m].servicesscope,
-              servicesscope: this.rbDetails[m].servicesscope
+              expense: this.rbDetails[m].expense,
+              remark: this.rbDetails[m].servicesscopename
             });
           }
 
@@ -1028,7 +1555,7 @@
           }
         });
 
-        //涓氬姟娴佺▼        
+        //涓氬姟娴佺▼
         let listFundflowparams = {
           fundid: this.curId,
           fundtype: 2
@@ -1039,10 +1566,57 @@
       });
     },
 
+    /** 淇敼鎸夐挳鎿嶄綔 */
+    handleCheck() {
+      this.isopen = 0;
+      this.reset();
+
+      getFund(this.curId).then(response => {
+        this.form = response.data;
+        sessionStorage.removeItem("apiform");
+
+        sessionStorage.setItem("apiform", JSON.stringify(this.form));
+
+        //闄勪欢澶勭悊
+        // this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []
+
+        //涓氬姟鏄庣粏
+        getownFundDetail(this.curId).then(res => {
+          this.rbDetails = res.data;
+          for (let m = 0; m < this.rbDetails.length; m++) {
+            this.rbDetails[m].itemlist = [];
+            this.getFeeItems(m, this.rbDetails[m]);
+
+            this.rbDetails[m].rowfeeblocks = [];
+            this.rbDetails[m].rowfeeblocks.push({
+              servicesscope: this.rbDetails[m].servicesscope,
+              expensedescribe: this.rbDetails[m].servicesscopename,
+              expense: this.rbDetails[m].expense,
+              remark: this.rbDetails[m].servicesscopename
+            });
+          }
+
+          if (this.rbDetails.length == 0) {
+            this.addRow(0);
+          }
+        });
+
+        //涓氬姟娴佺▼
+        let listFundflowparams = {
+          fundid: this.curId,
+          fundtype: 2
+        };
+        listFundflow(listFundflowparams).then(res => {
+          this.fundflowList = res.rows;
+        });
+      });
+    },
+
+    /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete() {
       this.$modal
         .confirm("鏄惁纭鍒犻櫎璇ヨ褰曪紵")
-        .then(function () {
+        .then(function() {
           return delFund(this.curId);
         })
         .then(() => {
@@ -1057,7 +1631,7 @@
           this.getfundList();
           this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
 
     /** 涓婃姤鎸夐挳鎿嶄綔 */
@@ -1094,9 +1668,24 @@
           });
         });
     },
-
+    generateRandomString(length) {
+      const characters =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+      let randomString = "";
+      for (let i = 0; i < length; i++) {
+        randomString += characters.charAt(
+          Math.floor(Math.random() * characters.length)
+        );
+      }
+      return randomString;
+    },
     /** 鎻愪氦鎸夐挳 */
-    submitForm() {
+    submitForm: debounce(function() {
+      if (!this.randomnumber) {
+        this.randomnumber = this.generateRandomString(9);
+        this.form.randomnumber = this.randomnumber;
+      }
+      console.log(this.randomnumber);
       this.$refs["form"].validate(valid => {
         if (valid) {
           this.formData = this.form;
@@ -1110,8 +1699,8 @@
             if (tempDetail.itemid == null) {
               this.$modal.msgWarning(
                 "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
-                (k + 1).toString() +
-                "琛岀殑鏈嶅姟椤圭洰鏈�夋嫨锛岃鍏堥�夋嫨鏈嶅姟椤圭洰鍚庡啀鎻愪氦淇濆瓨锛�"
+                  (k + 1).toString() +
+                  "琛岀殑鏈嶅姟椤圭洰鏈�夋嫨锛岃鍏堥�夋嫨鏈嶅姟椤圭洰鍚庡啀鎻愪氦淇濆瓨锛�"
               );
               return;
             }
@@ -1120,17 +1709,20 @@
               if (tempDetail.servicesscope == null) {
                 this.$modal.msgWarning(
                   "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
-                  (k + 1).toString() +
-                  "琛岀殑璐圭敤璇存槑鏈�夋嫨,璇烽�夋嫨璐圭敤璇存槑鍚庡啀鎻愪氦淇濆瓨锛�"
+                    (k + 1).toString() +
+                    "琛岀殑璐圭敤璇存槑鏈�夋嫨,璇烽�夋嫨璐圭敤璇存槑鍚庡啀鎻愪氦淇濆瓨锛�"
                 );
                 return;
               }
 
-              if (tempDetail.beneficiaryno == null || tempDetail.beneficiaryno == "鐐瑰嚮閫夋嫨") {
+              if (
+                tempDetail.beneficiaryno == null ||
+                tempDetail.beneficiaryno == "鐐瑰嚮閫夋嫨"
+              ) {
                 this.$modal.msgWarning(
                   "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
-                  (k + 1).toString() +
-                  "琛岀殑鏈嶅姟浜哄憳濮撳悕涓洪�夋嫨,璇烽�夋嫨浜哄憳鍚庡啀鎻愪氦淇濆瓨锛�"
+                    (k + 1).toString() +
+                    "琛岀殑鏈嶅姟浜哄憳濮撳悕涓洪�夋嫨,璇烽�夋嫨浜哄憳鍚庡啀鎻愪氦淇濆瓨锛�"
                 );
                 return;
               }
@@ -1187,7 +1779,7 @@
             }
             this.rbDetails[i] = tempDetail;
             /*
-            //璁$畻涓◣            
+            //璁$畻涓◣
             //if (isNaN(parseFloat(tempDetail.taxedamount)))
             //鑾峰彇鍙傛暟
             this.taxParam.beneficiaryNo = tempDetail.beneficiaryno;
@@ -1201,14 +1793,14 @@
                   tempDetail.taxamount = res.data;
                   tempDetail.taxedamount = tempDetail.amount - tempDetail.taxamount;
                   this.rbDetails[k] = tempDetail;
-           
+
                   this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                   this.totalAmount += parseFloat(tempDetail.amount);
                 }
               });
             }
-           
-            // 璁$畻绋庡墠閲戦
+
+            // 璁$畻绋庡墠銆佺◣璐广�佺◣鍚庨噾棰�
             if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
               //鑾峰彇鍙傛暟
               this.taxParam.money = tempDetail.taxedamount.toString();
@@ -1217,7 +1809,7 @@
                   tempDetail.taxamount = res.data.nowTax;
                   tempDetail.amount = parseFloat(res.data.nowTaxBeforeMoney);
                   this.rbDetails[k] = tempDetail;
-           
+
                   this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                   this.totalAmount += parseFloat(tempDetail.amount);
                 }
@@ -1225,6 +1817,48 @@
             }
             */
           }
+          //璁$畻褰撳墠琛屾姤閿�鍐呭璐圭敤鍚堣锛岀◣鍓嶉噾棰濓紙amount锛夈�佹墸绋庨噾棰濓紙taxamount锛夈�佺◣鍚庨噾棰濓紙taxedamount锛�
+          if (this.businessType == "2") {
+            for (let j = 0; j < this.rbDetails.length; j++) {
+              let tempDetail = this.rbDetails[j];
+              if (
+                isNaN(parseFloat(tempDetail.amount)) ||
+                parseFloat(tempDetail.amount) == 0
+              ) {
+                this.$modal.msgWarning(
+                  "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
+                    (j + 1).toString() +
+                    "琛岀殑閲戦鏈緭鍏ワ紝璇峰厛杈撳叆閲戦鍚庡啀鎻愪氦淇濆瓨锛�"
+                );
+                return;
+              }
+            }
+          } else if (this.businessType == "3" || this.businessType == "4") {
+            for (let j = 0; j < this.rbDetails.length; j++) {
+              let tempDetail = this.rbDetails[j];
+              if (
+                isNaN(parseFloat(tempDetail.amount)) ||
+                parseFloat(tempDetail.amount) == 0
+              ) {
+                this.$modal.msgWarning(
+                  "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
+                    (j + 1).toString() +
+                    "琛岀殑閲戦鏈緭鍏ワ紝璇峰厛杈撳叆閲戦鍚庡啀鎻愪氦淇濆瓨锛�"
+                );
+                return;
+              }
+              if (
+                isNaN(parseFloat(tempDetail.taxamount)) ||
+                parseFloat(tempDetail.taxamount) == 0
+              ) {
+                tempDetail.taxedamount = tempDetail.amount;
+              } else {
+                tempDetail.taxedamount =
+                  tempDetail.amount + tempDetail.taxamount;
+              }
+            }
+          }
+
           //璐圭敤鍚堣
           // this.form.pretaxcost = parseFloat(this.totalPreTaxAmount).toFixed(2);
           // this.form.taxedcost = parseFloat(this.totalAfterTaxAmount).toFixed(2);
@@ -1274,14 +1908,20 @@
               this.$modal.msgError("鐢宠鍗曚繚瀛樺け璐ワ細" + response.msg);
             }
           });
+          sessionStorage.setItem(
+            "apifunddetail",
+            JSON.stringify(this.rbDetails)
+          );
+          sessionStorage.setItem("apiform", JSON.stringify(this.form));
 
           //鍏抽棴绐楀彛
-          // this.loading = false;
+          this.loading = false;
           // this.getfundList();
+          this.$store.dispatch("tagsView/delView", this.$route);
           this.$router.go(-1);
         }
       });
-    },
+    }, 500),
 
     //瀹℃壒鎻愪氦
     checksubmit() {
@@ -1289,17 +1929,21 @@
         // fundid: this.checkObj.fundid,
         fundid: this.curId,
         flowconclusion: this.checkObj.flowlevelone,
-        flowcontent: this.checkObj.flowconclusion,
+        flowcontent: this.checkObj.flowconclusion
       };
-      checkfund(checkFundObj).then((res) => {
+      checkfund(checkFundObj).then(res => {
+        //鍏抽棴绐楀彛
         this.reset();
         this.$modal.msgSuccess("瀹℃牳瀹屾垚!");
+        this.$store.dispatch("tagsView/delView", this.$route);
+        this.$router.go(-1);
       });
     },
 
     // 鍙栨秷鎸夐挳
     cancel() {
       // this.reset();
+      this.$store.dispatch("tagsView/delView", this.$route);
       this.$router.go(-1);
     },
 
@@ -1309,22 +1953,29 @@
         this.userprofile = res.data;
         this.standardlevel = res.data.standardlevel;
         if (
-          this.userprofile.createBy == "admin" ||
-          this.userprofile.createBy == "001" ||
-          this.userprofile.createBy == "002"
+          this.userprofile.userName == "admin" ||
+          this.userprofile.userName == "001" ||
+          this.userprofile.userName == "047"
         ) {
           this.ismanager = true;
         } else {
           this.ismanager = false;
         }
-        this.form.username = this.userprofile.nickName;
-        this.form.userno = this.userprofile.userName;
-        this.form.phone = this.userprofile.phonenumber;
-        this.form.deptmentname = this.userprofile.dept.deptName;
-        this.form.deptmentno = this.userprofile.dept.deptId;
-        this.form.managername = this.userprofile.dept.leader;
-        // this.form.applytype = this.businessType;
-        // this.form.createTime = new Date();
+        console.log(this.userprofile, this.ismanager);
+        if (this.operationType == "add") {
+          this.form.username = this.userprofile.nickName;
+          this.form.userno = this.userprofile.userName;
+          this.form.deptmentname = this.userprofile.dept.deptName;
+          this.form.deptmentno = this.userprofile.dept.deptId;
+          this.form.managername = this.userprofile.dept.leader;
+          this.form.phone = this.userprofile.phonenumber;
+          // this.form.applytype = this.businessType;
+          // this.form.createTime = new Date();
+
+          if (this.businessType == "4") {
+            this.getUserAccount();
+          }
+        }
       });
     },
 
@@ -1358,6 +2009,17 @@
               exportName: this.personlist[j].username
             });
           }
+        }
+      });
+    },
+
+    //鑾峰彇缁忓姙浜鸿处鍙蜂俊鎭�
+    getUserAccount() {
+      this.personlist.map(res => {
+        if (res.username == this.form.username) {
+          this.form.bankname = res.depositbank; //res.branchbankname銆乺es.depositbank;
+          this.form.bankcardno = res.bankcardno;
+          this.form.phone = res.telephone;
         }
       });
     },
@@ -1440,7 +2102,7 @@
     },
 
     //鍔犺浇鏈嶅姟椤圭洰
-    loadFeeItems(row) {
+    verifyFeeItemType(row) {
       let list = this.feeItemTypes.filter(r => r.itemType == row.applytype);
       row.itemlist = list[0].itemDetails;
       row.itemid = null;
@@ -1455,7 +2117,7 @@
     },
 
     //鑾峰彇璐圭敤椤圭洰鐨勫娉ㄤ俊鎭�
-    selectedRemark(row) {
+    verifyFeeRemark(row) {
       row.rowfeeblocks.forEach((item, i) => {
         if (item.servicesscope === row.servicesscope) {
           row.servicesscopename = item.expensedescribe;
@@ -1477,7 +2139,7 @@
       });
     },
 
-    //鏍¢獙鏀惰垂椤圭洰鏄惁閲嶅
+    //鏍¢獙鏀惰垂椤圭洰
     verifyFeeItem(row) {
       row.itemlist.map(res => {
         if (row.itemid === res.id) {
@@ -1485,14 +2147,18 @@
           row.itemcode = res.itemCode;
         }
       });
-      var repeatNum = 0;
-      this.rbDetails.map(res => {
-        if (res.applytype === row.applytype && res.itemid == row.itemid) {
-          repeatNum++;
+
+      //鍒ゆ柇鏀惰垂椤圭洰鏄惁閲嶅
+      if (this.businessType == "1") {
+        var repeatNum = 0;
+        this.rbDetails.map(res => {
+          if (res.applytype === row.applytype && res.itemid == row.itemid) {
+            repeatNum++;
+          }
+        });
+        if (repeatNum > 1) {
+          this.$modal.msgWarning("鎮ㄥ凡缁忔彁浜よ繃璇ユ湇鍔¢」鐩簡");
         }
-      });
-      if (repeatNum > 1) {
-        this.$modal.msgWarning("鎮ㄥ凡缁忔彁浜よ繃璇ユ湇鍔¢」鐩簡");
       }
 
       //鑾峰彇璐圭敤椤圭洰鐨勮缁嗕俊鎭�
@@ -1632,6 +2298,254 @@
       // });
     },
 
+    unsave() {
+      this.Savereminder = false;
+      this.Reminderquantity = 0;
+    },
+    // 鎺ュ彈鎻愰啋绔嬪埢淇濆瓨
+    Savenow() {
+      if (!this.randomnumber) {
+        this.randomnumber = this.generateRandomString(9);
+        this.form.randomnumber = this.randomnumber;
+      }
+      this.Savereminder = false;
+      this.Reminderquantity = 0;
+      this.totalquantity = 0;
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.formData = this.form;
+          // let totalPreTaxAmount = 0.0;
+          // let totalAfterTaxAmount = 0.0;
+          // let totalAmount = 0.0;
+
+          //淇濆瓨鍓嶆牎楠屾暟鎹�
+          for (let k = 0; k < this.rbDetails.length; k++) {
+            let tempDetail = this.rbDetails[k];
+            if (tempDetail.itemid == null) {
+              this.$modal.msgWarning(
+                "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
+                  (k + 1).toString() +
+                  "琛岀殑鏈嶅姟椤圭洰鏈�夋嫨锛岃鍏堥�夋嫨鏈嶅姟椤圭洰鍚庡啀鎻愪氦淇濆瓨锛�"
+              );
+              return;
+            }
+
+            if (this.businessType == "1") {
+              if (tempDetail.servicesscope == null) {
+                this.$modal.msgWarning(
+                  "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
+                    (k + 1).toString() +
+                    "琛岀殑璐圭敤璇存槑鏈�夋嫨,璇烽�夋嫨璐圭敤璇存槑鍚庡啀鎻愪氦淇濆瓨锛�"
+                );
+                return;
+              }
+
+              if (
+                tempDetail.beneficiaryno == null ||
+                tempDetail.beneficiaryno == "鐐瑰嚮閫夋嫨"
+              ) {
+                this.$modal.msgWarning(
+                  "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
+                    (k + 1).toString() +
+                    "琛岀殑鏈嶅姟浜哄憳濮撳悕涓洪�夋嫨,璇烽�夋嫨浜哄憳鍚庡啀鎻愪氦淇濆瓨锛�"
+                );
+                return;
+              }
+            }
+
+            // //鍒ゆ柇鍗曚綅 unitSel
+            // try {
+            //   let unitIndex = this.unitList.findIndex(
+            //     (item) => tempDetail.unitno == item.organizationid
+            //   );
+            //   if (unitIndex > -1) {
+            //     tempDetail.unitname = this.unitList[unitIndex].organizationname;
+            //   } else {
+            //     tempDetail.unitname = tempDetail.unitno;
+            //   }
+            // } catch {
+            //   tempDetail.unitname = tempDetail.unitno;
+            // }
+          }
+
+          //闄勪欢澶勭悊
+          let list = this.fileList;
+          // if (list.length > 0) {
+          //   this.form.annexfiles = list.map(item => item.url).join(",");
+          // }
+
+          //澶勭悊鏄庣粏
+          for (let i = 0; i < this.rbDetails.length; i++) {
+            let tempDetail = this.rbDetails[i];
+            //鑾峰彇鏈嶅姟椤圭洰鏄庣粏
+            let tempitemlist = tempDetail.itemlist;
+            let itemIndex = tempitemlist.findIndex(
+              item => tempDetail.itemid == item.id
+            );
+            if (itemIndex > -1) {
+              tempDetail.itemname = tempitemlist[itemIndex].itemName;
+              tempDetail.itemid = tempitemlist[itemIndex].id;
+            }
+
+            //鑾峰彇applytypename銆佹湇鍔¤垂鐢ㄥぇ绫�
+            let applytypeIndex = this.rowfeeItemTypes.findIndex(
+              item => tempDetail.applytype == item.value
+            );
+            if (applytypeIndex > -1) {
+              tempDetail.applytypename = this.rowfeeItemTypes[
+                applytypeIndex
+              ].label;
+              tempDetail.subjecttype = this.rowfeeItemTypes[
+                applytypeIndex
+              ].subjecttype;
+              tempDetail.subjecttypename = this.rowfeeItemTypes[
+                applytypeIndex
+              ].subjecttypename;
+            }
+            this.rbDetails[i] = tempDetail;
+            /*
+            //璁$畻涓◣
+            //if (isNaN(parseFloat(tempDetail.taxedamount)))
+            //鑾峰彇鍙傛暟
+            this.taxParam.beneficiaryNo = tempDetail.beneficiaryno;
+            this.taxParam.startTime = this.form.createTime.substring(0, 10);
+            // 璁$畻绋庡悗閲戦
+            if (tempDetail.taxedamount == undefined || tempDetail.taxedamount == null || tempDetail.taxedamount == 0 || tempDetail.taxedamount == '') {
+              //鑾峰彇鍙傛暟
+              this.taxParam.money = tempDetail.amount.toString();
+              getTaxByBeneFiciaryNo(this.taxParam).then((res) => {
+                if (res.code == 200) {
+                  tempDetail.taxamount = res.data;
+                  tempDetail.taxedamount = tempDetail.amount - tempDetail.taxamount;
+                  this.rbDetails[k] = tempDetail;
+
+                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
+                  this.totalAmount += parseFloat(tempDetail.amount);
+                }
+              });
+            }
+
+            // 璁$畻绋庡墠銆佺◣璐广�佺◣鍚庨噾棰�
+            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
+              //鑾峰彇鍙傛暟
+              this.taxParam.money = tempDetail.taxedamount.toString();
+              getTaxBeforeByAfterMoney(this.taxParam).then((res) => {
+                if (res.code == 200) {
+                  tempDetail.taxamount = res.data.nowTax;
+                  tempDetail.amount = parseFloat(res.data.nowTaxBeforeMoney);
+                  this.rbDetails[k] = tempDetail;
+
+                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
+                  this.totalAmount += parseFloat(tempDetail.amount);
+                }
+              });
+            }
+            */
+          }
+          //璁$畻褰撳墠琛屾姤閿�鍐呭璐圭敤鍚堣锛岀◣鍓嶉噾棰濓紙amount锛夈�佹墸绋庨噾棰濓紙taxamount锛夈�佺◣鍚庨噾棰濓紙taxedamount锛�
+          if (this.businessType == "2") {
+            for (let j = 0; j < this.rbDetails.length; j++) {
+              let tempDetail = this.rbDetails[j];
+              if (
+                isNaN(parseFloat(tempDetail.amount)) ||
+                parseFloat(tempDetail.amount) == 0
+              ) {
+                this.$modal.msgWarning(
+                  "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
+                    (j + 1).toString() +
+                    "琛岀殑閲戦鏈緭鍏ワ紝璇峰厛杈撳叆閲戦鍚庡啀鎻愪氦淇濆瓨锛�"
+                );
+                return;
+              }
+            }
+          } else if (this.businessType == "3" || this.businessType == "4") {
+            for (let j = 0; j < this.rbDetails.length; j++) {
+              let tempDetail = this.rbDetails[j];
+              if (
+                isNaN(parseFloat(tempDetail.amount)) ||
+                parseFloat(tempDetail.amount) == 0
+              ) {
+                this.$modal.msgWarning(
+                  "鏈嶅姟椤圭洰琛ㄤ腑锛岀" +
+                    (j + 1).toString() +
+                    "琛岀殑閲戦鏈緭鍏ワ紝璇峰厛杈撳叆閲戦鍚庡啀鎻愪氦淇濆瓨锛�"
+                );
+                return;
+              }
+              if (
+                isNaN(parseFloat(tempDetail.taxamount)) ||
+                parseFloat(tempDetail.taxamount) == 0
+              ) {
+                tempDetail.taxedamount = tempDetail.amount;
+              } else {
+                tempDetail.taxedamount =
+                  tempDetail.amount + tempDetail.taxamount;
+              }
+            }
+          }
+
+          //璐圭敤鍚堣
+          // this.form.pretaxcost = parseFloat(this.totalPreTaxAmount).toFixed(2);
+          // this.form.taxedcost = parseFloat(this.totalAfterTaxAmount).toFixed(2);
+          // this.form.amountrequested = this.totalAmount.toFixed(2);
+
+          //淇濆瓨鏁版嵁
+          this.loading = true;
+          this.form.serviceFunddetails = 0;
+          this.rbDetails.map(item => {
+            this.form.serviceFunddetails += item.amount;
+          });
+          console.log(this.rbDetails);
+          this.form.serviceFunddetails = this.rbDetails;
+
+          if (this.form.id != null) {
+            // updateFund(this.form).then((response) => {
+            //   if (response.code === 200) {
+            //     this.loading = false;
+            //     for (let m = 0; m < this.rbDetails.length; m++) {
+            //       if (this.rbDetails[m].id > 0) {
+            //         updateFunddetail(this.rbDetails[m]).then((response2) => { if (response.code != 200) { this.$modal.msgError("涓撳鍔冲姟璐逛繚瀛樺け璐�1锛�" + response.msg); } });
+            //       } else {
+            //         addFunddetail(this.rbDetails[m]).then((response2) => { if (response.code != 200) { this.$modal.msgError("涓撳鍔冲姟璐逛繚瀛樺け璐�2锛�" + response.msg); } });
+            //       }
+            //     }
+            //     this.$modal.msgSuccess("涓撳鍔冲姟璐逛繚瀛樻垚鍔燂紒");
+            //   } else {
+            //     this.$modal.msgError("涓撳鍔冲姟璐逛繚瀛樺け璐ワ細" + response.msg);
+            //   }
+            // });
+          } else {
+            this.form.recordstatus = -1;
+
+            // addorupdateFund(this.form).then((response) => {
+            //   if (response.code === 200) {
+            //     this.selectDonotor(this.curCase);
+            //   } else {
+            //     this.$modal.msgError("涓撳鍔冲姟璐逛繚瀛樺け璐ワ細" + response.msg);
+            //   }
+            // });
+          }
+
+          addorupdateFund(this.form).then(response => {
+            if (response.code === 200) {
+              this.$modal.msgSuccess("鐢宠鍗曚繚瀛樻垚鍔燂紒");
+              this.Getnetworkheader();
+              this.getroute();
+              this.getExternalList();
+              this.getUserList();
+              this.getUserProfile();
+            } else {
+              this.$modal.msgError("鐢宠鍗曚繚瀛樺け璐ワ細" + response.msg);
+            }
+          });
+
+          //鍏抽棴绐楀彛
+          this.loading = false;
+          // this.getfundList();
+        }
+      });
+    },
+
     //鏂板涓�琛�
     addRow(rowIndex) {
       let rowData = {
@@ -1678,11 +2592,17 @@
         rowfeeblocks: [],
         annexfiles: null
       };
+      // if (this.Reminderquantity >= 5) {
+      //   this.Savereminder = true;
+      //   return;
+      // }
       if (rowIndex == undefined || rowIndex == null || rowIndex < 0) {
         this.rbDetails.push(rowData);
       } else {
         this.rbDetails.splice(rowIndex + 1, 0, rowData);
       }
+      this.Reminderquantity++;
+      this.totalquantity++;
       for (let i = 0; i < this.rbDetails.length; i++) {
         this.rbDetails[i].orderno = i + 1;
       }
@@ -1734,7 +2654,7 @@
     },
 
     //璁$畻涓◣
-    calculateTax() { },
+    calculateTax() {},
 
     //璁$畻鎬婚噾棰�
     sumTotalFee(row) {
@@ -1829,17 +2749,17 @@
     },
 
     //鏂囦欢涓婁紶
-    handleUploadError() { },
+    handleUploadError() {},
 
     /** 涓嬭浇鏂囦欢鎸夐挳鎿嶄綔 */
-    downFile(item) {
-      const url = process.env.VUE_APP_BASE_API + item.url;
-      var a = document.createElement("a");
-      var event = new MouseEvent("click");
-      a.download = item.name;
-      a.href = url;
-      a.dispatchEvent(event);
-    },
+    // downFile(item) {
+    //   const url = process.env.VUE_APP_BASE_API + item.url;
+    //   var a = document.createElement("a");
+    //   var event = new MouseEvent("click");
+    //   a.download = item.name;
+    //   a.href = url;
+    //   a.dispatchEvent(event);
+    // },
 
     // remove(file) {
     //   this.fileList.splice(this.fileList.indexOf(file), 1)
@@ -1873,39 +2793,60 @@
         this.form.filename = file.raw.name;
 
         this.$modal.msgSuccess(response.msg);
-        this.fileListto.push({ name: file.name, url: response.url });
+        this.fileListto.push({ name: file.name, url: response.fileName });
+        // this.fileListto.push({ name: file.name, url: response.url });
+        // this.pdfimgsrcList.push(response.url);
+
         this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
       } else {
         console.log(response.msg);
       }
     },
 
-    // 鐐瑰嚮鏂囦欢
+    // 鐐瑰嚮绁ㄦ嵁
     Filepopup(index, rows, row) {
       this.atpresent = index;
       this.pdfVisible = true;
       if (this.rbDetails[index].annexfilesList) {
         this.fileListto = this.rbDetails[index].annexfilesList;
+        this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
+        // this.pdfimg = this.fileListto[0].url;
+        this.pdfimgsrcList = [];
+        this.fileListto.forEach(item => {
+          this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url);
+        });
+        console.log(this.pdfimgsrcList);
+
+        console.log(this.pdfimg);
       } else {
         this.fileListto = [];
         this.pdfimg = "";
         this.pdftitle = "";
       }
     },
+    fnrowclick(row) {
+      console.log(row);
+    },
     // 鐐瑰嚮宸蹭笂浼犳枃浠�
-    downFile(item) {
-      this.pdftitle = item.name;
-      let name = item.name.split(".");
+    downFile(row) {
+      console.log(row);
+
+      this.pdftitle = row.name;
+      let name = row.name.split(".");
       if (name[1] == "pdf") {
         this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
         this.previewpdf = false;
         this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
       } else if (name[1] == "jpg" || "png") {
         this.previewpdf = true;
-        if (item.url) {
-          this.pdfimg = item.url;
+        if (row.url) {
+          this.pdfimg = this.Networkheader + "/prod-api" + row.url;
+          // this.pdfimg = row.url;
+          // this.pdfimgsrcList = [];
+          // this.pdfimgsrcList.push(this.pdfimg);
+          console.log(this.pdfimg);
         } else {
-          this.pdfimg = item.response.url;
+          this.pdfimg = this.Networkheader + "/prod-api" + row.url;
         }
       } else {
         this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
@@ -1913,7 +2854,23 @@
         this.previewpdf = false;
       }
     },
-
+    getIndexInArray(arr, obj) {
+      return arr.indexOf(obj);
+    },
+    // 鐐瑰嚮鍒犻櫎
+    deletedowfile(row) {
+      console.log(this.fileListto);
+      console.log(row);
+      const index = this.getIndexInArray(this.fileListto, row);
+      this.fileList = this.fileListto.splice(index, 1);
+      console.log(index);
+    },
+    // 鐐瑰嚮涓婄Щ
+    moveupdowfile(row) {
+      const index = this.getIndexInArray(this.fileListto, row);
+      const item = this.fileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+      this.fileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+    },
     //涓撳/鍖荤枟鏈烘瀯/璐圭敤鎶ラ攢鏈烘瀯閫夋嫨
     ShowDetailDialog(spoce, showType) {
       this.selectionType = showType;
@@ -1962,7 +2919,8 @@
         } else {
           //淇濆瓨鏂板涓撳
           this.expertform.id = null;
-          this.expertform.userno = this.personlist[this.personlist.length - 1].id + 1;
+          this.expertform.userno =
+            this.personlist[this.personlist.length - 1].id + 1;
           this.expertform.usertype = "expert";
           this.expertform.username = this.funddetailForm.expertname;
           this.expertform.idcardno = this.funddetailForm.expertidcardno;
@@ -2059,30 +3017,39 @@
 
       this.rbDetails[tempIndex] = singleDetail;
       this.showSelectionDialog = false;
-    },
+    }
   },
 
   //鐢熷懡鍛ㄦ湡 - 鍒涘缓瀹屾垚锛堝彲浠ヨ闂綋鍓峵his瀹炰緥锛�
   created() {
     //鑾峰彇璺敱鍙傛暟
+    this.Getnetworkheader();
     this.getroute();
-    this.getUserProfile();
-    this.getUserList();
+    this.getExternalList();
   },
 
   //鐢熷懡鍛ㄦ湡 - 鎸傝浇瀹屾垚锛堝彲浠ヨ闂瓺OM鍏冪礌锛�
   mounted() {
-    this.getExternalList();
+    window.addEventListener("beforeunload", e => this.beforeunloadHandler(e));
+    this.getUserList();
+    this.getUserProfile();
+    let apifunddetailForm = this.funddetailForm;
+    let apiform = this.form;
+    console.log(apiform);
+    console.log(apifunddetailForm);
+
     // this.getFeeUnitList();
   },
 
-  beforeCreate() { }, //鐢熷懡鍛ㄦ湡 - 鍒涘缓涔嬪墠
-  beforeMount() { }, //鐢熷懡鍛ㄦ湡 - 鎸傝浇涔嬪墠
-  beforeUpdate() { }, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪墠
-  updated() { }, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪悗
-  beforeDestroy() { }, //鐢熷懡鍛ㄦ湡 - 閿�姣佷箣鍓�
-  destroyed() { }, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴�
-  activated() { }, //濡傛灉椤甸潰鏈塳eep-alive缂撳瓨鍔熻兘锛岃繖涓嚱鏁颁細瑙﹀彂
+  beforeCreate() {}, //鐢熷懡鍛ㄦ湡 - 鍒涘缓涔嬪墠
+  beforeMount() {}, //鐢熷懡鍛ㄦ湡 - 鎸傝浇涔嬪墠
+  beforeUpdate() {
+    console.log("beforeUpdate");
+  }, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪墠
+  updated() {}, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪悗
+  beforeDestroy() {}, //鐢熷懡鍛ㄦ湡 - 閿�姣佷箣鍓�
+  destroyed() {}, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴�
+  activated() {} //濡傛灉椤甸潰鏈塳eep-alive缂撳瓨鍔熻兘锛岃繖涓嚱鏁颁細瑙﹀彂
 };
 </script>
 
@@ -2121,7 +3088,7 @@
   height: 600px;
 
   .box-pdf {
-    width: 200px;
+    width: 400px;
     padding-top: 20px;
     margin-right: 30px;
     border: 1px solid #dcdfe6;

--
Gitblit v1.9.3