From e824586698c810e45ecf334b29a275e558bc0d5f Mon Sep 17 00:00:00 2001
From: liusheng <337615773@qq.com>
Date: 星期一, 08 五月 2023 15:32:05 +0800
Subject: [PATCH] 前端代码提交

---
 src/views/project/travelexpenseslist/index.vue |  781 +++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 583 insertions(+), 198 deletions(-)

diff --git a/src/views/project/travelexpenseslist/index.vue b/src/views/project/travelexpenseslist/index.vue
index b80afba..30584a2 100644
--- a/src/views/project/travelexpenseslist/index.vue
+++ b/src/views/project/travelexpenseslist/index.vue
@@ -45,8 +45,6 @@
           </el-form-item>
         </el-col>
       </el-row>
-
-
     </el-form>
 
     <el-row :gutter="10" class="mb8">
@@ -93,15 +91,8 @@
       </el-table-column>
       <el-table-column label="閾惰鍗″彿" width="180" align="center" prop="bankcardno">
       </el-table-column>
-    <!-- <el-table-column label="鎶ラ攢鍚堣" align="center" prop="financechecher">
-          </el-table-column> -->
-    <!-- <el-table-column
-        label="璐㈠姟瀹℃牳"
-        width="120"
-        align="center"
-        prop="financechecher"
-      >
-          </el-table-column> -->
+      <!-- <el-table-column label="鎶ラ攢鍚堣" align="center" prop="financechecher"/>-->
+      <!-- <el-table-column label="璐㈠姟瀹℃牳" width="120" align="center" prop="financechecher" /> -->
       <el-table-column label="鎹愮尞鑰�" width="120" align="center" prop="donorname">
       </el-table-column>
       <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="270">
@@ -128,29 +119,32 @@
       @pagination="getList" />
 
     <!-- 娣诲姞鎴栦慨鏀硅垂鐢ㄧ敵璇锋槑缁嗗璇濇 -->
-    <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="1600px" append-to-body
+    <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="1400px" append-to-body
       @close="reset">
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-        <el-row>
-          <el-col :span="7">
-          <!-- <el-form-item label="澶囨敞" prop="reason">
-              <el-input v-model="form.reason" placeholder="涓撹亴浜哄憳 鍗忚皟鍛�" />
-                </el-form-item> --><el-form-item label="鎶ラ攢浜�" prop="username">
+        <el-row><el-col :span="5">
+            <el-form-item label="鐢宠鏃ユ湡" prop="createTime">
+              <el-date-picker 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" clearable filterable allow-create ref="getReportname"
                 default-first-option placeholder="璇烽�夋嫨">
-                <el-option v-for="item in reporters" :key="item.reportNo" :label="item.reportName"
+                <el-option v-for="item in personList" :key="item.reportNo" :label="item.reportName"
                   :value="item.reportName">
                 </el-option>
               </el-select>
             </el-form-item>
-          </el-col>
-
-          <el-col :span="8">
-            <el-form-item label="鎹愮尞缂栧彿" prop="donorno">
-              <el-input disabled v-model="form.donorno" placeholder="鎹愮尞缂栧彿" />
+          </el-col><el-col :span="5">
+            <el-form-item label="鍖哄煙缁勯暱" prop="managername">
+              <el-input v-model="form.managername" placeholder="鍖哄煙缁勯暱" />
             </el-form-item>
           </el-col>
-          <el-col :span="7">
+
+          <el-col :span="5">
             <el-form-item label="鎹愮尞鑰�" prop="infoid">
               <el-select v-model="form.infoid" @change="selectbaseinfo" filterable placeholder="璇烽�夋嫨鎹愮尞鑰�">
                 <el-option v-for="item in baselist" :key="item.index" :label="item.name" :value="item.infoid">
@@ -159,17 +153,42 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row style="margin-top: 10px">
+          <el-col :span="5">
+            <el-form-item label="鎶ラ攢閲戦" prop="amountrequested">
+              <el-input :disabled="true" v-model="form.amountrequested" placeholder="鎶ラ攢鍚堣閲戦" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="澶у啓閲戦" prop="bigstrmoney">
+              <el-input :disabled="true" v-model="form.bigstrmoney" placeholder="鎶ラ攢澶у啓閲戦" />
+            </el-form-item>
+          </el-col><el-col :span="5">
+            <el-form-item label="瀹℃牳鐘舵��" prop="flowlevel">
+              <el-select v-model="form.recordstatus" placeholder="璇烽�夋嫨瀹℃牳鐘舵��" clearable :disabled="true" size="small">
+                <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label"
+                  :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--
         <el-row>
-          <el-col :span="7">
-            <el-form-item label="鍑哄樊浜哄垎绫�" prop="costtype">
+          <el-col :span="15">
+            <el-form-item label="鍑哄樊浜嬬敱" prop="reason">
+              <el-input v-model="form.reason" placeholder="鍑哄樊浜嬬敱" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="鎶ラ攢鍒嗙被" prop="costtype">
               <el-select v-model="form.costtype" value-key="value" placeholder="璇烽�夋嫨鍑哄樊浜哄垎绫�" @change="getTravelers">
                 <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label"
                   :value="dict.value"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="鍑哄樊浜�" prop="travelers">
+          <el-col :span="5">
+            <el-form-item label="鎶ラ攢浜�" prop="travelers">
               <el-select v-model="form.travelers" clearable filterable allow-create ref="getReportname"
                 default-first-option placeholder="璇烽�夋嫨" @change="selectedTraveler">
                 <el-option v-for="item in travelers" :key="item.reportNo" :label="item.reportName"
@@ -178,34 +197,66 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="7">
-            <el-form-item label="鍖哄煙缁勯暱" prop="managername">
-              <el-input v-model="form.managername" placeholder="鍖哄煙缁勯暱" />
-            </el-form-item> </el-col></el-row><el-row>
+          <el-col :span="5">
+            <el-form-item label="鏀舵閾惰" prop="depositbank">
+              <el-input v-model="form.depositbank" 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">
+            <el-form-item label="鑱旂郴鐢佃瘽" prop="phone">
+              <el-input v-model="form.phone" placeholder="鑱旂郴鐢佃瘽" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="20"><el-divider></el-divider></el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="瀹跺睘璐圭敤" prop="donoramount">
+              <el-input :disabled="true" v-model="form.donoramount" placeholder="瀹跺睘璐圭敤" @blur="
+                (val) => {
+                  sumTotalFee();
+                }
+              " onchange="if(/[^0-9.]/.test(this.value)){alert('璇锋纭緭鍏ユ暣鏁版暟瀛楁垨灏忔暟锛�');this.value='';}" />
+            </el-form-item>
+          </el-col>
           <el-col :span="15">
-            <el-form-item label="鍑哄樊浜嬬敱" prop="reason">
-              <el-input v-model="form.reason" placeholder="鍑哄樊浜嬬敱" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="鐢宠鏃ユ湡" prop="createTime">
-              <el-date-picker style="width: 100%" v-model="form.createTime" type="date" value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="鐢宠鏃ユ湡">
-              </el-date-picker>
+            <el-form-item label="璐圭敤璇存槑" prop="donorremark">
+              <el-input :disabled="true" v-model="form.donorremark" placeholder="瀹跺睘璐圭敤璇存槑" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="22">
-            <el-form-item label="澶囨敞" prop="remark">
-              <el-input v-model="form.remark" placeholder="澶囨敞" />
+          <el-col :span="5">
+            <el-form-item label="瀹跺睘浜烘暟" prop="donorrelatives">
+              <el-input v-model="form.donorrelatives" placeholder="瀹跺睘浜烘暟" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="鏀舵浜�" prop="donorpayee">
+              <el-input v-model="form.donorpayee" placeholder="浜插睘鏀舵浜�" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="鏀舵閾惰" prop="donorbank">
+              <el-input v-model="form.donorbank" placeholder="瀹跺睘閾惰" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="閾惰鍗″彿" prop="donorbankcard">
+              <el-input v-model="form.donorbankcard" placeholder="閾惰鍗″彿" />
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="8"> </el-col>
-        </el-row>
-      <!-- <el-row type="flex" :gutter="10" align="right" class="mb8">
+                -->
+        <!-- 
+        <el-row type="flex" :gutter="10" align="right" class="mb8">
           <el-col :span="6">
             <el-button
               type="primary"
@@ -216,58 +267,119 @@
               >鏂板涓�琛�</el-button
             >
           </el-col>
-            </el-row> -->
+          </el-row>
+                      -->
         <el-row>
           <el-table :data="applicationDetailArr" border highlight-current-row>
-            <el-table-column prop="orderno" slot="" label="搴忓彿" align="center" fixed width="80">
+            <el-table-column prop="orderno" slot="" label="搴忓彿" align="center" fixed width="65">
               <template slot-scope="scope">
                 <el-input v-model="scope.row.orderno" placeholder="搴忓彿" />
               </template>
             </el-table-column>
-            <el-table-column prop="starttime" slot="" label="鍑哄彂鏃ユ湡" fixed align="center" width="150">
+            <!--涓婚敭銆佸涓嶅睍绀�-->
+            <el-table-column prop="id" slot="" label="涓婚敭" align="center" fixed width="95" v-if="false">
               <template slot-scope="scope">
-                <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.starttime" type="date"
-                  value-format="yyyy-MM-dd HH:mm:ss" placeholder="鍑哄彂鏃ユ湡" @change="getStandard(scope.row)">
-                </el-date-picker>
+                <el-input v-model="scope.row.id" placeholder="id" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="rbid" slot="" label="澶栭敭" align="center" fixed width="95" v-if="false">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.rbid" placeholder="rbid" />
               </template>
             </el-table-column>
 
-            <el-table-column prop="departure" slot="" label="鍑哄彂鍦扮偣" align="center" width="200" fixed>
+            <el-table-column prop="persontype" slot="" label="浜哄憳绫诲埆" align="center" fixed width="120">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.departure" placeholder="鍑哄彂鍦扮偣" />
+                <el-select v-model="scope.row.persontype" value-key="value" placeholder="浜哄憳绫诲埆"
+                  @change="getTravelers(scope.row)">
+                  <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label"
+                    :value="dict.value"></el-option>
+
+                </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="endtime" slot="" label="鍒拌揪鏃ユ湡" align="center" width="150" fixed>
+            <el-table-column prop="personname2" slot="" label="璐圭敤浜哄憳" align="center" fixed width="120">
+              <!-- <template slot-scope="scope">
+                <el-input v-model="scope.row.personname" placeholder="鍑哄樊浜�" />
+              </template> -->
               <template slot-scope="scope">
-                <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.endtime" type="date"
-                  value-format="yyyy-MM-dd HH:mm:ss" placeholder="鍒拌揪鏃ユ湡">
+                <el-select v-model="scope.row.personname" clearable filterable allow-create default-first-option
+                  placeholder="璇烽�夋嫨" @focus="filterPersonList(scope.row)">
+                  <el-option v-for="item in scope.row.personname2" :key="item.reportNo" :label="item.reportName"
+                    :value="item.reportName">
+                  </el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column prop="starttime" slot="" label="寮�濮嬫棩鏈�" fixed align="center" width="150">
+              <template slot-scope="scope">
+                <el-date-picker :picker-options="{
+                    disabledDate: time => {
+                      if (scope.row.endtime) { return time.getTime() > new Date(scope.row.endtime.replace(/-/g, '/')) }
+                    }
+                  }" clearable size="small" style="width: 100%" v-model="scope.row.starttime" type="date"
+                  value-format="yyyy-MM-dd HH:mm:ss" placeholder="寮�濮嬫棩鏈�" @blur="getallowance(scope.row)">
                 </el-date-picker>
               </template>
             </el-table-column>
-            <el-table-column label="鍒拌揪鍦扮偣" prop="destination" align="center" width="200">
+            <el-table-column prop="endtime" slot="" label="缁撴潫鏃ユ湡" align="center" fixed width="150">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.destination" placeholder="鍒拌揪鍦扮偣" />
+                <el-date-picker :picker-options="{
+                    disabledDate: time => {
+                      if (scope.row.starttime) { return time.getTime() < new Date(scope.row.starttime.replace(/-/g, '/')) }
+                    }
+                  }" clearable size="small" style="width: 100%" v-model="scope.row.endtime" type="date"
+                  value-format="yyyy-MM-dd HH:mm:ss" placeholder="缁撴潫鏃ユ湡" @blur="getallowance(scope.row)">
+                </el-date-picker>
               </template>
             </el-table-column>
-            <el-table-column prop="days" label="澶╂暟" width="70" align="center">
+            <el-table-column prop="departure" slot="" label="鍑哄彂鍦�" align="center" fixed width="100">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.departure" placeholder="鍑哄彂鍦�" />
+              </template>
+            </el-table-column>
+            <el-table-column label="鍒拌揪鍦�" prop="destination2" align="center" fixed width="100">
+              <template slot-scope="scope">
+                <!--  <el-input v-model="scope.row.destination" placeholder="鍒拌揪鍦�" @blur="getallowance(scope.row)" /> -->
+
+                <el-select filterable allow-create v-model="scope.row.destination" value-key="value" placeholder="鍒拌揪鍦�"
+                  @change="getallowance2(scope.row, scope.row.destination)">
+                  <el-option v-for="dict in dict.type.sys_area_name" :key="dict.value" :label="dict.label"
+                    :value="dict.value"></el-option>
+
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column prop="days" label="澶╂暟" width="65" align="center">
               <template slot-scope="scope">
                 <el-input v-model="scope.row.days" @blur="getStandard(scope.row)" placeholder="澶╂暟" />
               </template>
             </el-table-column>
-            <el-table-column prop="traffictype" label="浜ら�氬伐鍏�" align="center" width="120">
+            <el-table-column prop="traffictype" label="鍑哄彂浜ら�氬伐鍏�" align="center" width="100">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.traffictype" placeholder="浜ら�氬伐鍏�" />
+                <el-select v-model="scope.row.traffictype" placeholder="鍑哄彂浜ら�氬伐鍏�">
+                  <el-option v-for="dict in dict.type.sys_traffictype" :key="dict.value" :label="dict.label"
+                    :value="dict.label"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column prop="traffictype2" label="杩斿洖浜ら�氬伐鍏�" align="center" width="100">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.traffictype2" placeholder="杩斿洖浜ら�氬伐鍏�">
+                  <el-option v-for="dict in dict.type.sys_traffictype" :key="dict.value" :label="dict.label"
+                    :value="dict.label"></el-option>
+                </el-select>
               </template>
             </el-table-column>
             <el-table-column prop="trafficexpense" label="浜ら�氳垂" align="center" width="80">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.trafficexpense" placeholder="浜ら�氳垂" @blur="
-                  (val) => {
+                <el-input v-model="scope.row.trafficexpense" placeholder="浜ら�氳垂" @blur="(val) => {
                     sumTotalFee();
                   }
-                " />
+                  " />
               </template>
             </el-table-column>
+            <!--
             <el-table-column prop="cityfee" label="甯傚唴浜ら�氳垂" align="center" width="100">
               <template slot-scope="scope">
                 <el-input v-model="scope.row.cityfee" placeholder="甯傚唴浜ら�氳垂" @blur="
@@ -278,49 +390,47 @@
                 </el-input>
               </template>
             </el-table-column>
+                                                                                                                                      -->
             <el-table-column prop="hotelexpense" label="浣忓璐�" align="center" width="80">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.hotelexpense" placeholder="浣忓璐�" @blur="
-                  (val) => {
+                <el-input v-model="scope.row.hotelexpense" placeholder="浣忓璐�" @blur="(val) => {
                     sumTotalFee();
                   }
-                " />
+                  " />
               </template>
             </el-table-column>
-            <el-table-column prop="otherexpense" label="鏉傝垂" align="center" width="80">
+
+            <el-table-column prop="foodexpenses" label="椁愯垂鎶ラ攢" align="center" width="80">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.otherexpense" placeholder="鏉傝垂" @blur="
-                  (val) => {
+                <el-input v-model="scope.row.foodexpenses" placeholder="浼欓璐规姤閿�" @blur="(val) => {
                     sumTotalFee();
                   }
-                " />
+                  " />
               </template>
             </el-table-column>
-            <el-table-column prop="foodexpenses" label="浼欓璐规姤閿�" align="center" width="100">
+            <el-table-column prop="foodallowance" label="浼欓琛ュ姪" align="center" width="80">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.foodexpenses" placeholder="浼欓璐规姤閿�" @blur="
-                  (val) => {
+                <el-input v-model="scope.row.foodallowance" placeholder="浼欓璐硅ˉ鍔�" @blur="(val) => {
                     sumTotalFee();
                   }
-                " />
+                  " />
               </template>
             </el-table-column>
-            <el-table-column prop="foodallowance" label="浼欓璐硅ˉ鍔�" align="center" width="100">
+            <el-table-column prop="otherexpense" label="鍏潅璐硅ˉ鍔�" align="center" width="80">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.foodallowance" placeholder="浼欓璐硅ˉ鍔�" @blur="
-                  (val) => {
+                <el-input v-model="scope.row.otherexpense" placeholder="鏉傝垂" @blur="(val) => {
                     sumTotalFee();
                   }
-                " />
+                  " />
               </template>
             </el-table-column>
+
             <el-table-column prop="otherfeeamount" label="鍏朵粬璐圭敤" align="center" width="90">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.otherfeeamount" placeholder="鍏朵粬璐圭敤" @blur="
-                  (val) => {
+                <el-input v-model="scope.row.otherfeeamount" placeholder="鍏朵粬璐圭敤" @blur="(val) => {
                     sumTotalFee();
                   }
-                " />
+                  " />
               </template>
             </el-table-column>
             <el-table-column prop="departure" slot="" label="鍏朵粬璐圭敤璇存槑" align="center" width="120">
@@ -328,6 +438,7 @@
                 <el-input v-model="scope.row.otherfeedesc" placeholder="鍏朵粬璐圭敤璇存槑" />
               </template>
             </el-table-column>
+
             <el-table-column prop="total" label="鍚堣" align="center" width="110">
               <template slot-scope="scope">
                 <el-input v-model="scope.row.total" placeholder="鍚堣" />
@@ -336,97 +447,131 @@
             <el-table-column fixed="right" label="鎿嶄綔" align="center" 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="
-                  deleteRow(scope.$index, applicationDetailArr, scope.row)
-                " type="text" size="small">
+                <el-button @click.native.prevent="deleteRow(scope.$index, applicationDetailArr, scope.row)
+                  " type="text" size="small">
                   鍒犻櫎
                 </el-button>
               </template>
             </el-table-column>
           </el-table>
         </el-row>
-        <el-row style="margin-top: 10px">
-          <el-col :span="7">
-            <el-form-item label="鎶ラ攢鍚堣" prop="amountrequested">
-              <el-input v-model="form.amountrequested" placeholder="鎶ラ攢鍚堣" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="澶у啓" prop="bigstrmoney">
-              <el-input v-model="form.bigstrmoney" placeholder="棰嗘閲戦" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="棰嗘閲戦" prop="amountrequested">
-              <el-input v-model="form.amountrequested" placeholder="棰嗘閲戦" />
-            </el-form-item>
-          </el-col>
+
+        <el-row style="margin-top: 30px">
+          <el-table :data="applicationDetailArr2" border highlight-current-row>
+            <el-table-column prop="col_orderno" slot="" label="搴忓彿" align="center" fixed width="65">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.col_orderno" placeholder="搴忓彿" />
+              </template>
+            </el-table-column>
+
+            <!--涓婚敭銆佸涓嶅睍绀�-->
+            <el-table-column prop="id" slot="" label="涓婚敭" align="center" fixed width="95" v-if="false">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.id" placeholder="id" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="rbid" slot="" label="澶栭敭" align="center" fixed width="95" v-if="false">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.rbid" placeholder="rbid" />
+              </template>
+            </el-table-column>
+
+            <el-table-column prop="col_personType" slot="" label="浜哄憳绫诲埆" align="center" fixed width="120">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.col_personType" value-key="value" placeholder="浜哄憳绫诲埆"
+                  @change="getColTravelers(scope.row, scope.row.col_personType)">
+                  <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label"
+                    :value="dict.value"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column prop="col_personname2" slot="" label="鏀舵浜�" align="center" fixed width="130">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.col_personname" clearable filterable allow-create ref="getReportname"
+                  default-first-option placeholder="璇烽�夋嫨" @change="selectedColTraveler(scope.row)">
+                  <el-option v-for="item in scope.row.col_personname2" :key="item.reportNo" :label="item.reportName"
+                    :value="item.reportName">
+                  </el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column prop="col_bank" slot="" label="鏀舵閾惰" align="center" fixed width="260">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.col_bank" placeholder="鏀舵閾惰" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="col_accounts" slot="" label="鏀舵甯愬彿" align="center" fixed width="230">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.col_accounts" placeholder="鏀舵甯愬彿" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="col_date" slot="" label="浠樻鏃ユ湡" align="center" fixed width="150">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.col_date" placeholder="浠樻鏃ユ湡" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="col_illustrate" slot="" label="璇存槑" align="center" fixed width="310">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.col_illustrate" placeholder="璇存槑" />
+              </template>
+            </el-table-column>
+            <el-table-column label="鎿嶄綔" align="center" width="100" v-if="dialogType == 'edit'">
+              <template slot-scope="scope">
+                <el-button type="text" size="mini" @click="col_addRow(scope.$index)">鏂板</el-button>
+                <el-button @click.native.prevent="deleteRow2(scope.$index, applicationDetailArr2, scope.row)
+                  " type="text" size="small">
+                  鍒犻櫎
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
         </el-row>
+
+        <!--
         <el-row>
           <el-col :span="7">
-            <el-form-item label="寮�鎴烽摱琛�" prop="depositbank">
-              <el-input v-model="form.depositbank" placeholder="寮�鎴烽摱琛�" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="閾惰璐﹀彿" prop="bankcardno">
-              <el-input v-model="form.bankcardno" placeholder="寮�鎴烽摱琛�" />
+            <el-form-item label="涓績璐熻矗浜�" prop="opochecker">
+              <el-input v-model="form.opochecker" placeholder="涓績璐熻矗浜�" />
             </el-form-item>
           </el-col>
           <el-col :span="7">
-            <el-form-item label="鑱旂郴鐢佃瘽" prop="phone">
-              <el-input v-model="form.phone" placeholder="鑱旂郴鐢佃瘽" />
+            <el-form-item label="璐㈠姟鍓櫌闀�" prop="finvicepresident">
+              <el-input v-model="form.finvicepresident" placeholder="璐㈠姟鍓櫌闀�" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="7">
+            <el-form-item label="涓氬姟鍓櫌闀�" prop="busvicepresident">
+              <el-input v-model="form.busvicepresident" placeholder="涓氬姟鍓櫌闀�" />
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="7">
-          <el-form-item label="涓績璐熻矗浜�" prop="opochecker">
-            <el-input v-model="form.opochecker" placeholder="涓績璐熻矗浜�" />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="8">
-          <el-form-item label="璐㈠姟鍓櫌闀�" prop="finvicepresident">
-            <el-input v-model="form.finvicepresident" placeholder="璐㈠姟鍓櫌闀�" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="7">
-          <el-form-item label="涓氬姟鍓櫌闀�" prop="busvicepresident">
-            <el-input v-model="form.busvicepresident" placeholder="涓氬姟鍓櫌闀�" />
-          </el-form-item>
-        </el-col>
         <el-row>
           <el-col :span="7">
             <el-form-item label="鍔炲叕瀹や富浠�" prop="officedirector">
               <el-input v-model="form.officedirector" placeholder="鍔炲叕瀹や富浠�" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="7">
             <el-form-item label="璐㈠姟閮ㄤ富浠�" prop="financedirector">
               <el-input v-model="form.financedirector" placeholder="璐㈠姟閮ㄤ富浠�" />
             </el-form-item>
           </el-col>
-          <el-col :span="7">
-            <el-form-item label="瀹℃牳鐘舵��" prop="flowlevel">
-              <el-select v-model="form.recordstatus" placeholder="璇烽�夋嫨瀹℃牳鐘舵��" clearable :disabled="true" size="small">
-                <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label"
-                  :value="dict.value" />
-              </el-select>
-            </el-form-item>
-          </el-col>
         </el-row>
+                                                                                                -->
         <el-row>
-          <el-col :span="24">
-          <!-- <el-form-item label="鏂囦欢鍦板潃" prop="fileurl">
+          <el-col :span="14">
+            <!--
+          <el-form-item label="鏂囦欢鍦板潃" prop="fileurl">
               <el-input v-model="form.fileurl" placeholder="璇疯緭鍏ユ枃浠跺湴鍧�" />
-                </el-form-item> -->
+          </el-form-item>
+                                                                                              -->
             <el-form-item label="鏂囦欢涓婁紶" align="left" prop="annexfiles">
               <!-- <file-upload ref="fileUpload" :fileType=fileType :limit="1" :on-success="handleUploadSuccess"></file-upload> -->
               <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple :limit="5"
-                :headers="headers" :on-success="
-                  (response, file, fileList) =>
+                :headers="headers" :on-success="(response, file, fileList) =>
                     uploadSccess(response, file, fileList)
-                " :on-preview="downFile" :disabled='dialogType == "detail"' :on-error="handleUploadError"
+                  " :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>
@@ -455,6 +600,7 @@
 
 <script>
 import { listDonatebaseinfo } from "@/api/project/donatebaseinfo";
+import { addOrUpdateRBpayee, listReimbursementpayee } from "@/api/project/reimbursementpayee";
 import {
   listReimbursement,
   getReimbursement,
@@ -463,8 +609,6 @@
   updateReimbursement,
   exportReimbursement,
   getdownload,
-  //鑾峰彇鍦板競瀵瑰簲鍩哄噯閲戦
-  getstandardRMB,
   fundSubmit,
 } from "@/api/project/reimbursement";
 import {
@@ -473,7 +617,7 @@
   listReimbursementdetailid,
   getReimbursementdetaillist,
   delReimbursementdetail,
-  delReimbursementdetailrbid,
+  updateReimbursementdetaillist,
   getTravelStandard,
 } from "@/api/project/reimbursementdetail";
 import { listFundflow } from "@/api/project/fundflow";
@@ -481,12 +625,8 @@
 import { regionDataPlus, CodeToText } from "element-china-area-data";
 import Li_area_select from "@/components/Address";
 import { getUserProfile } from "@/api/system/user";
-import {
-  listOrganization,
-  getOrganization,
-  listReportname,
-  listUser,
-} from "@/api/project/organization";
+import { getSubsidy } from "@/api/project/travelcity";
+import { listReportname, listUser } from "@/api/project/organization";
 import { getToken } from "@/utils/auth";
 export default {
   components: {
@@ -500,11 +640,14 @@
     "sys_financeitemtype",
     "sys_recordstatus",
     "sys_travelexpensebelong",
+    "sys_traffictype",
+    "sys_area_name",
   ],
   data() {
     return {
-      reporters: [],
+      personList: [],
       travelers: [],
+      coltravelers: [],
       costtypeobj: {
         value: 0,
         label: "",
@@ -548,11 +691,15 @@
         remark: null,
         departure: null,
         endtime: null,
-        destination: null,
+        destination2: null,
         uploadFlag: null,
         uploadTime: null,
-        orderByColumn: "createTime",
+        orderByColumn: "id",
         isAsc: "desc",
+      },
+      queryParams2: {
+        persontype: null,
+        arriveAddr: null,
       },
       // 琛ㄥ崟鍙傛暟
       form: {},
@@ -563,7 +710,13 @@
           { required: true, message: "璇烽�夋嫨鎶ラ攢褰掔被", trigger: "blur" },
         ],
         username: [
-          { required: true, message: "璇疯緭鍏ユ姤閿�浜�", trigger: "blur" },
+          { required: true, message: "璇烽�夋嫨濉姤浜�", trigger: "blur" },
+        ],
+        travelers: [
+          { required: true, message: "璇烽�夋嫨鎶ラ攢浜�", trigger: "blur" },
+        ],
+        reason: [
+          { required: true, message: "璇疯緭鍏ュ嚭宸簨鐢�", trigger: "blur" },
         ],
       },
       //璐圭敤鐢宠鍗昮orm
@@ -574,6 +727,7 @@
         bigstrmoney: null,
       },
       applicationDetailArr: [],
+      applicationDetailArr2: [],
       arrr2: [],
       baselist: [],
       balist: [],
@@ -587,6 +741,10 @@
       uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
       //鏂囦欢鍒楄〃
       fileList: [],
+      //浜哄憳绫诲埆
+      persontype: null,
+      //鍒拌揪鍦�
+      arriveAddr: null,
 
       headers: {
         Authorization: "Bearer " + getToken(),
@@ -595,8 +753,8 @@
   },
   created() {
     this.getList();
-    this.getlistUser();
-    this.selectReporters();
+    this.getUserList();
+    this.getPersonList();
   },
   mounted() {
     listDonatebaseinfo().then((res) => {
@@ -618,11 +776,13 @@
     this.getUsermsg();
   },
   methods: {
+    alertMessage(row) {
+      debugger
+    },
+
     handleUploadError() { },
     remove(file) {
-
       this.fileList.splice(this.fileList.indexOf(file), 1)
-
     },
     handleExceed() {
       this.$message.error(`涓婁紶鏂囦欢鏁伴噺涓嶈兘瓒呰繃 ${5} 涓�!`);
@@ -639,39 +799,66 @@
         this.$modal.msgError(response.msg);
       }
     },
-    selectReporters() {
-      //涓撳浜哄憳鍒楄〃
-      let arr = ["xty1", "zzry", "fzr"];
-      let arrreportlist = [];
-      for (let i = 0; i < arr.length; i++) {
-        this.arrr2 = [];
-        listReportname(arr[i]).then((res) => {
-          this.arrr2 = res.data;
-          this.reporters = this.reporters.concat(this.arrr2);
-          // console.log("adadadadasdsad", this.reporters);
+
+    //鑾峰彇浜哄憳鍒楄〃
+    getPersonList() {
+      //鑾峰彇鍚勭被鍒殑浜哄憳锛氬崗璋冨憳銆佷笓鑱屼汉鍛樸�佽礋璐d汉銆佷笓瀹�
+      let persontypeArr = ["xty1", "zzry", "fzr", "expert"];
+      for (let i = 0; i < persontypeArr.length; i++) {
+        this.tempArrr = [];
+        listReportname(persontypeArr[i]).then((res) => {
+          this.tempArrr = res.data;
+          this.personList = this.personList.concat(this.tempArrr);
         });
       }
     },
+    //鑾峰彇涓�涓被鍒殑浜哄憳鍒楄〃
+    filterPersonList(row) {
+      let travelertype = row.persontype;
+    },
 
     //鑾峰彇鍑哄樊浜哄垪琛�
-    getTravelers() {
+    getTravelers(row, val) {
       //涓撹亴浜哄憳-1,鍗忚皟鍛�-2,涓撳-3,瀹跺睘-4,鍏朵粬浜哄憳-5
       let travelertype = "";
-      if (this.form.costtype == 1) {
+      if (row.persontype == "1") {
         travelertype = "zzry";
-      } else if (this.form.costtype == 2) {
+      } else if (row.persontype == "2") {
         travelertype = "xty1";
-      } else if (this.form.costtype == 3) {
+      } else if (row.persontype == "3") {
         travelertype = "expert";
-      } else if (this.form.costtype == 4) {
+      } else if (row.persontype == "4") {
         travelertype = "jiashu";
-      } else if (this.form.costtype == 5) {
+      } else if (row.persontype == "5") {
         travelertype = "fzr";
       }
-
       listReportname(travelertype).then((res) => {
         this.travelers = res.data;
+        row.personname2 = res.data;
       });
+      this.form.persontype = val;
+    },
+    //鑾峰彇鏀舵浜哄垪琛�
+    getColTravelers(row, val2) {
+      debugger;
+      //涓撹亴浜哄憳-1,鍗忚皟鍛�-2,涓撳-3,瀹跺睘-4,鍏朵粬浜哄憳-5
+      let travelertype = "";
+      if (val2 == 1) {
+        travelertype = "zzry";
+      } else if (val2 == 2) {
+        travelertype = "xty1";
+      } else if (val2 == 3) {
+        travelertype = "expert";
+      } else if (val2e == 4) {
+        travelertype = "jiashu";
+      } else if (val2 == 5) {
+        travelertype = "fzr";
+      }
+      listReportname(travelertype).then((res) => {
+        this.travelers = res.data;
+        row.col_personname2 = res.data;
+      });
+      this.col_personType = val2;
     },
 
     selectcosttype() {
@@ -685,7 +872,8 @@
         this.standardlevel = response.data.standardlevel;
       });
     },
-    getlistUser() {
+
+    getUserList() {
       listUser().then((res) => {
         this.userlist = res.data;
       });
@@ -701,7 +889,102 @@
         }
       });
     },
+    //鑾峰彇鏀舵浜洪摱琛屽崱鍜屽笎鍙�
+    selectedColTraveler(row) {
+      let travelertype = "";
+      if (row.col_personType == 1) {
+        travelertype = "zzry";
+      } else if (row.col_personType == 2) {
+        travelertype = "xty1";
+      } else if (row.col_personType == 3) {
+        travelertype = "expert";
+      } else if (row.col_personType == 4) {
+        travelertype = "jiashu";
+      } else if (row.col_personType == 5) {
+        travelertype = "fzr";
+      }
+      listReportname(travelertype).then((res) => {
+        let dataArr = res.data;
+        for (let m = 0; m < dataArr.length; m++) {
+          if (dataArr[m].reportName == row.col_personname) {
+            row.col_bank = dataArr[m].depositbank;
+            row.col_accounts = dataArr[m].bankcardno;
+          };
+        }
+      });
+      // this.coltravelers.map((res) => {
+      //   console.log("-----------------------------");
+      //   if (res.reportName == this.form.travelers) {
+      //     getInfoBytheUserNo(res.reportNo).then((res) => {
+      //       this.form.depositbank = res.data.depositbank;
+      //       this.form.bankcardno = res.data.bankcardno;
+      //       this.form.phone = res.data.telephone;
+      //     });
+      //   }
+      // });
+    },
+    //璁$畻琛ュ姪
+    getallowance(row) {
+      if (
+        row.starttime != "" &&
+        row.starttime != null &&
+        row.endtime != "" &&
+        row.endtime != null
+      ) {
+        //璁$畻澶╂暟
+        row.days = 1 + Math.floor(Math.abs(Date.parse(row.starttime) - Date.parse(row.endtime)) / (1099 * 3699 * 24))
 
+        /*let aDate, oDate1, oDate2, Date_end,Date_start;
+        Date_end = row.endtime.split(" "); //灏嗘椂闂翠互绌烘牸鍒掑垎涓轰袱涓暟缁�  绗竴涓暟缁勬槸 2019-05-20 绗簩涓暟缁勬槸 00锛�00锛�00
+        aDate = Date_end[0].split("-"); //鑾峰彇绗竴涓暟缁勭殑鍊�
+        oDate1 = new Date(aDate[0], aDate[1], aDate[2]);  //灏嗗墠鍗婁釜鏁扮粍浠�-鎷嗗垎锛屾瘡涓�涓槸涓�涓暟鍊�
+
+        Date_start = row.starttime.split(" ");
+        aDate = Date_start[0].split("-");
+        oDate2 = new Date(aDate[0], aDate[1], aDate[2]);
+        row.days = 1+parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24);    //鎶婄浉宸殑姣鏁拌浆鎹负澶╂暟
+        */
+      } else {
+        row.days = ''
+      };
+
+      //鍏潅璐硅ˉ鍔╋細鏉窞妗愬簮锛屽缓寰凤紝娣冲畨60锛屾澀宸炲叾浠栧湴鍖�0锛岄潪鏉窞鍦板尯80
+      if (row.destination2 != "") {
+        var str = row.destination2;
+        //楠岃瘉鍩庡競
+        ////if (str.indexOf("妗愬簮锛屽缓寰凤紝娣冲畨") !== -1) { };
+        if (str.includes("鏉窞")) { row.otherexpense = parseInt(row.days) * 0 }
+        else if (str.includes("妗愬簮") || str.includes("寤哄痉") || str.includes("娣冲畨")) { row.otherexpense = parseInt(row.days) * 60 }
+        else { row.otherexpense = parseInt(row.days) * 80 };
+      }
+
+      //浼欓璐硅ˉ鍔╋細鍩庡競锛堣タ钘忥紝鏂扮枂锛岄潚娴�.120锛夛紙鍏朵粬100锛�
+      row.foodallowance = parseInt(row.days) * 100
+
+      //璁$畻鍚堣
+      this.sumTotalFee();
+    },
+    getallowance2(row, val2) {
+      debugger;
+      // this.getallowance(row);
+      this.arriveAddr = val2;
+      this.queryParams2.arriveAddr;
+      this.queryParams2.personType = row;
+      console.log(row.persontype);
+      console.log(this.arriveAddr);
+      if (row.persontype != undefined && row.persontype == "2" || row.persontype == "5") {
+        console.log(this.arriveAddr);
+        this.loading = true;
+        debugger;
+        getSubsidy(val2).then((response) => {
+          debugger
+          this.loading = false;
+          row.otherexpense = response.data.others;
+          row.foodallowance = response.data.food;
+        });
+
+      }
+    },
     getStandard(row) {
       if (
         row.searchAddress.sheng != "" &&
@@ -743,7 +1026,7 @@
         row.searchAddress.shi != "" &&
         row.searchAddress.qu != ""
       ) {
-        row.destination =
+        row.destination2 =
           row.searchAddress.sheng +
           row.searchAddress.shi +
           row.searchAddress.qu;
@@ -787,20 +1070,21 @@
       }
       return area;
     },
+
     selectbaseinfo() {
-      console.log("infoid", this.form.infoid);
       let list = this.balist;
       list.forEach((item) => {
         if (item.id == this.form.infoid) {
-          //  console.log('鐩稿悓鐨�',item.id,item)
           this.form.donorno = item.donorno;
           this.form.donorname = item.name;
         }
       });
     },
+
     onpick(e) {
       // console.log(e,this.value1)
     },
+
     gettable(e) {
       const id = e.id;
       getdownload(e.id).then((res) => {
@@ -829,6 +1113,7 @@
       //   aEle.click();
       // });
     },
+
     /** 鏌ヨ鎶ラ攢鐢宠鍒楄〃 */
     getList() {
       this.loading = true;
@@ -893,6 +1178,7 @@
         costtypename: null,
       };
       this.applicationDetailArr = [];
+      this.applicationDetailArr2 = [];
       this.resetForm("form");
     },
     //
@@ -941,6 +1227,7 @@
       this.form.username = this.defaultperson.nickName;
       this.form.userno = this.defaultperson.userName;
       this.addRow();
+      this.col_addRow();
       this.open = true;
       this.title = "娣诲姞鎶ラ攢鐢宠";
     },
@@ -958,8 +1245,17 @@
         let ids = response.data.id;
 
         getReimbursementdetaillist(ids).then((res) => {
+          if (res.data.length == 0) {
+            return;
+          }
           this.applicationDetailArr = res.data;
           for (let i = 0; i < this.applicationDetailArr.length; i++) {
+            debugger;
+            //   this.applicationDetailArr[i].personname2 = res.data[i].personname;
+          }
+
+          for (let i = 0; i < this.applicationDetailArr.length; i++) {
+            debugger;
             this.applicationDetailArr[i].index = i;
             this.applicationDetailArr[i].searchAddress = {
               sheng: this.applicationDetailArr[i].travelprovincename,
@@ -969,7 +1265,19 @@
           }
           this.sumTotalFee();
         });
+        let obj = { rbid: ids };
+        listReimbursementpayee(obj).then((res) => {
+          if (res.rows.length == 0) {
+            return;
+          }
+          this.applicationDetailArr2 = res.rows;
+          // this.sumTotalFee();
+        });
       });
+      //榛樿瀛樺湪涓�琛�
+      this.addRow();
+      this.col_addRow();
+      this.selectedTraveler();
     },
     /** 鏌ョ湅鎸夐挳鎿嶄綔 */
     handleDetail(row) {
@@ -1007,7 +1315,9 @@
     },
     /** 鎻愪氦鎸夐挳 */
     submitForm() {
+      debugger;
       this.$refs["form"].validate((valid) => {
+        debugger;
         if (valid) {
           let indexErrTime = this.applicationDetailArr.findIndex((item) => {
             if (item.endtime && item.starttime) {
@@ -1075,23 +1385,35 @@
             this.form.costtypename = belongArr[costtypeindex].label;
           }
           if (this.form.id != null) {
+            //rbid涓昏〃Id,鏂逛究鍚庨潰鍏宠仈涓昏〃
+            let rbid = this.form.id;
+            for (let i = 0; i < this.applicationDetailArr.length; i++) {
+              this.applicationDetailArr[i].rbid = rbid;
+            }
             updateReimbursement(this.form).then((response) => {
-              // console.log('鏇存柊涓昏〃鐨勪俊鎭�',response);
-              for (let i = 0; i < this.applicationDetailArr.length; i++) {
-                if (this.applicationDetailArr[i].rbid != null) {
-                  updateReimbursementdetail(this.applicationDetailArr[i]);
-                } else {
-                  this.applicationDetailArr[i].rbid = this.form.id;
-                  addReimbursementdetail(this.applicationDetailArr[i]);
+              updateReimbursementdetaillist(this.applicationDetailArr).then((response) => {
+                //鏇存柊鏀粯琛ㄤ俊鎭�
+                for (let i = 0; i < this.applicationDetailArr2.length; i++) {
+                  this.applicationDetailArr2[i].rbid = rbid;
                 }
-              }
-              this.$modal.msgSuccess("淇敼鎴愬姛");
-              this.open = false;
-              this.getList();
+                addOrUpdateRBpayee(this.applicationDetailArr2);
+                for (let i = 0; i < this.applicationDetailArr.length; i++) {
+                  if (this.applicationDetailArr[i].rbid != null) {
+                    updateReimbursementdetail(this.applicationDetailArr[i]);
+                  } else {
+                    this.applicationDetailArr[i].rbid = this.form.id;
+                    addReimbursementdetail(this.applicationDetailArr[i]);
+                  }
+                }
+                this.$modal.msgSuccess("淇敼鎴愬姛");
+                this.open = false;
+                this.getList();
+              });
             });
           } else {
             this.form.recordstatus = -1;
             const applicationDetailArr = [...this.applicationDetailArr]
+            const applicationDetailArr2 = [...this.applicationDetailArr2]
             addReimbursement(this.form).then((response) => {
               this.$modal.msgSuccess("鏂板鎴愬姛");
               this.open = false;
@@ -1105,10 +1427,12 @@
                 let id = res.data;
                 for (let i = 0; i < applicationDetailArr.length; i++) {
                   applicationDetailArr[i].rbid = id;
-
                   addReimbursementdetail(applicationDetailArr[i]);
                 }
-                console.log("idaaaaaa:", res, id, this.applicationDetailArr);
+                for (let i = 0; i < applicationDetailArr2.length; i++) {
+                  applicationDetailArr2[i].rbid = id;
+                }
+                addOrUpdateRBpayee(applicationDetailArr2);
               });
             });
           }
@@ -1161,7 +1485,7 @@
         starttime: null,
         departure: null,
         endtime: null,
-        destination: null,
+        destination2: null,
         days: null,
         trafficexpense: 0,
         traffictype: null,
@@ -1184,6 +1508,9 @@
         uploadTime: null,
         total: 0,
         orderno: null,
+        personname2: null,
+        personname: null,
+        destination: null,
       };
       if (rowIndex == undefined || rowIndex == null || rowIndex < 0) {
         this.applicationDetailArr.push(rowData);
@@ -1192,6 +1519,28 @@
       }
       for (let i = 0; i < this.applicationDetailArr.length; i++) {
         this.applicationDetailArr[i].orderno = i + 1;
+      }
+    },
+
+    col_addRow(rowIndex) {
+      let rowData = {
+        id: null,
+        col_personType: null,
+        col_personname: null,
+        col_bank: null,
+        col_accounts: null,
+        col_date: null,
+        col_illustrate: null,
+        col_orderno: null,
+        col_personname2: null,
+      };
+      if (rowIndex == undefined || rowIndex == null || rowIndex < 0) {
+        this.applicationDetailArr2.push(rowData);
+      } else {
+        this.applicationDetailArr2.splice(rowIndex + 1, 0, rowData);
+      }
+      for (let i = 0; i < this.applicationDetailArr2.length; i++) {
+        this.applicationDetailArr2[i].col_orderno = i + 1;
       }
     },
 
@@ -1222,16 +1571,45 @@
         });
     },
 
+    deleteRow2(index, rows, row) {
+      this.$confirm("鏄惁纭鍒犻櫎?", "鎻愮ず", {
+        confirmButtonText: "纭畾",
+        cancelButtonText: "鍙栨秷",
+        type: "success",
+      })
+        .then(() => {
+          console.log(row);
+          if (row.id !== null) {
+            delReimbursementdetail(row.id).then((res) => {
+              this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+              rows.splice(index, 1);
+              this.recountOrderNo2();
+              // this.sumTotalFee();
+            });
+          } else {
+            rows.splice(index, 1);
+            //this.sumTotalFee();
+            this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+            this.recountOrderNo2();
+          }
+        })
+        .catch(() => {
+          //鍑犵偣鍙栨秷鐨勬彁绀�
+        });
+    },
     recountOrderNo() {
       for (let i = 0; i < this.applicationDetailArr.length; i++) {
         this.applicationDetailArr[i].orderno = i + 1;
       }
     },
+    recountOrderNo2() {
+      for (let i = 0; i < this.applicationDetailArr2.length; i++) {
+        this.applicationDetailArr2[i].orderno = i + 1;
+      }
+    },
 
     //涓婃姤
     handleup(row) {
-      console.log("rowrowrowrow", row);
-
       this.$confirm("鏄惁纭灏嗙櫥璁拌褰曚笂鎶ワ紵", "鎻愮ず", {
         confirmButtonText: "纭畾",
         cancelButtonText: "鍙栨秷",
@@ -1270,6 +1648,12 @@
     sumTotalFee() {
       // debugger;
       let allSum = 0;
+      //鎹愮尞鑰呭灞炶垂鐢�
+      if (!isNaN(parseFloat(this.form.donoramount))) {
+        allSum += parseFloat(this.form.donoramount);
+      }
+
+      //鎶ラ攢鏄庣粏璐圭敤
       try {
         for (let i = 0; i < this.applicationDetailArr.length; i++) {
           let totalFee = 0;
@@ -1301,6 +1685,7 @@
             allSum += parseFloat(this.applicationDetailArr[i].total);
           }
         }
+
         this.form.amountrequested = allSum.toFixed(2);
         this.form.bigstrmoney = this.convertCurrency(this.form.amountrequested);
       } catch { }

--
Gitblit v1.9.3