From 6301694e7740760917474044a729ffb6d4e39192 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期三, 24 一月 2024 11:59:23 +0800
Subject: [PATCH] 11

---
 src/views/project/travelexpensecheck/index.vue |  985 ++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 794 insertions(+), 191 deletions(-)

diff --git a/src/views/project/travelexpensecheck/index.vue b/src/views/project/travelexpensecheck/index.vue
index d390510..20d572b 100644
--- a/src/views/project/travelexpensecheck/index.vue
+++ b/src/views/project/travelexpensecheck/index.vue
@@ -1,55 +1,110 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
       <el-row>
         <el-col :span="5">
           <el-form-item label="鎹愮尞妗堜緥" prop="name">
-            <el-input v-model="queryParams.donorname" placeholder="璇疯緭鍏ユ崘鐚�呭鍚�" clearable size="small"
-              @keyup.enter.native="handleQuery" />
+            <el-input
+              v-model="queryParams.donorname"
+              placeholder="璇疯緭鍏ユ崘鐚�呭鍚�"
+              clearable
+              size="small"
+              @keyup.enter.native="handleQuery"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="5">
           <el-form-item label="棰勫鐘舵��" prop="checkstatus" style="float: left">
-            <el-select v-model="queryParams.checkstatus" placeholder="璇烽�夋嫨" style="width: 100%">
-              <el-option v-for="item in checkmaterials" :key="item.value" :label="item.label" :value="item.value">
+            <el-select
+              v-model="queryParams.checkstatus"
+              placeholder="璇烽�夋嫨"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in checkmaterials"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
               </el-option>
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="5">
           <el-form-item label="瀹℃壒鐘舵��" prop="CHECKFLAG" style="float: left">
-            <el-select v-model="queryParams.CHECKFLAG" placeholder="璇烽�夋嫨" style="width: 100%">
-              <el-option v-for="item in checkFlagOptions" :key="item.value" :label="item.label" :value="item.value">
+            <el-select
+              v-model="queryParams.CHECKFLAG"
+              placeholder="璇烽�夋嫨"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in checkFlagOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
               </el-option>
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="5">
           <el-form-item label="缁忓姙浜�" prop="username">
-            <el-input v-model="queryParams.username" placeholder="璇疯緭鍏ユ姤閿�浜�" clearable size="small"
-              @keyup.enter.native="handleQuery" />
+            <el-input
+              v-model="queryParams.username"
+              placeholder="璇疯緭鍏ユ姤閿�浜�"
+              clearable
+              size="small"
+              @keyup.enter.native="handleQuery"
+            />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="5">
           <el-form-item label="鎶ラ攢閲戦" prop="money" style="float: left">
-            <el-input v-model="queryParams.money" placeholder="璇疯緭鍏ョ敵璇蜂汉閲戦" clearable size="small"
-              @keyup.enter.native="handleQuery" />
+            <el-input
+              v-model="queryParams.money"
+              placeholder="璇疯緭鍏ョ敵璇蜂汉閲戦"
+              clearable
+              size="small"
+              @keyup.enter.native="handleQuery"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="鐢宠鏃ユ湡" prop="applyTime">
-            <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="value1" type="daterange" @blur="onpick"
-              range-separator="鑷�" start-placeholder="鎶ラ攢鐢宠寮�濮嬫棩鏈�" end-placeholder="鎶ラ攢鐢宠缁撴潫鏃ユ湡"
-              @keyup.enter.native="handleQuery">
+            <el-date-picker
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              v-model="value1"
+              type="daterange"
+              @blur="onpick"
+              range-separator="鑷�"
+              start-placeholder="鎶ラ攢鐢宠寮�濮嬫棩鏈�"
+              end-placeholder="鎶ラ攢鐢宠缁撴潫鏃ユ湡"
+              @keyup.enter.native="handleQuery"
+            >
             </el-date-picker>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item>
-            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="mini"
+              @click="handleQuery"
+              >鎼滅储</el-button
+            >
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+              >閲嶇疆</el-button
+            >
           </el-form-item>
         </el-col>
       </el-row>
@@ -57,13 +112,28 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-download" size="mini" :loading="exportLoading"
-          @click="handleExport">瀵煎嚭</el-button>
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          >瀵煎嚭</el-button
+        >
       </el-col>
       <!-- v-hasPermi="['project:funddetail:export']" -->
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
-    <el-table border v-loading="loading" :data="reimbursementList" @selection-change="handleSelectionChange">
+    <el-table
+      border
+      v-loading="loading"
+      :data="reimbursementList"
+      @selection-change="handleSelectionChange"
+    >
       <!-- <el-table-column type="selection" width="55" align="center" /> -->
 
       <!--
@@ -73,27 +143,73 @@
         </template>
       </el-table-column>-->
       <el-table-column label="鎶ラ攢鍗曞彿" width="120" align="center" prop="bh" />
-      <el-table-column label="鐢宠鏃ユ湡" width="120" align="center" prop="applyTime">
+      <el-table-column
+        label="鐢宠鏃ユ湡"
+        width="120"
+        align="center"
+        prop="applyTime"
+      >
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.applyTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="鎶ラ攢閲戦" width="120" align="center" prop="amountrequested" />
-      <el-table-column label="缁忓姙浜�" width="120" align="center" prop="username" />
-      <el-table-column label="鐢宠鏉愭枡鐘舵��" width="140" align="center" prop="checkstatus">
+      <el-table-column
+        label="鎶ラ攢閲戦"
+        width="120"
+        align="center"
+        prop="amountrequested"
+      />
+      <el-table-column
+        label="缁忓姙浜�"
+        width="120"
+        align="center"
+        prop="username"
+      />
+      <el-table-column
+        label="鐢宠鏉愭枡鐘舵��"
+        width="140"
+        align="center"
+        prop="checkstatus"
+      >
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.sys_stage_type" :value="scope.row.checkstatus" />
+          <dict-tag
+            :options="dict.type.sys_stage_type"
+            :value="scope.row.checkstatus"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="瀹℃壒鐘舵��" width="140" align="center" prop="checkFlag">
+      <el-table-column
+        label="瀹℃壒鐘舵��"
+        width="140"
+        align="center"
+        prop="checkFlag"
+      >
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" />
+          <dict-tag
+            :options="dict.type.sys_recordstatus"
+            :value="scope.row.recordstatus"
+          />
         </template>
       </el-table-column>
       <el-table-column label="鍑哄樊浜嬬敱" align="center" prop="reason" />
-      <el-table-column label="鎵�灞炵粍鍒�" width="120" align="center" prop="deptmentname" />
-      <el-table-column label="缁勯暱" width="120" align="center" prop="managername" />
-      <el-table-column label="鎹愮尞鑰�" width="120" align="center" prop="donorname" />
+      <el-table-column
+        label="鎵�灞炵粍鍒�"
+        width="120"
+        align="center"
+        prop="deptmentname"
+      />
+      <el-table-column
+        label="缁勯暱"
+        width="120"
+        align="center"
+        prop="managername"
+      />
+      <el-table-column
+        label="鎹愮尞鑰�"
+        width="120"
+        align="center"
+        prop="donorname"
+      />
       <!-- 
       <el-table-column label="鍑哄樊浜�" width="180" align="center" prop="travelers">
       </el-table-column>
@@ -110,51 +226,108 @@
       <el-table-column label="璐㈠姟鏍稿" align="center" prop="financechecher"/>
       <el-table-column label="璐㈠姟瀹℃牳" width="120" align="center" prop="financedirector"/>
 -->
-      <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="270">
+      <el-table-column
+        label="鎿嶄綔"
+        align="center"
+        fixed="right"
+        class-name="small-padding fixed-width"
+        width="270"
+      >
         <template slot-scope="scope">
-          <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 1"
-            @click="handleUpdate(scope.row)">瀹℃壒</el-button>
-          <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 0"
-            @click="handleShow(scope.row)">璇︽儏</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            v-if="scope.row.checkFlag == 1"
+            @click="handleUpdate(scope.row)"
+            >瀹℃壒</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            v-if="scope.row.checkFlag == 0"
+            @click="handleShow(scope.row)"
+            >璇︽儏</el-button
+          >
           <!-- v-hasPermi="['project:funddetail:edit']" -->
-          <el-button size="mini" type="text" icon="el-icon-download" @click="gettable(scope.row)">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-download"
+            @click="gettable(scope.row)"
+          >
             涓嬭浇
           </el-button>
           <!-- v-hasPermi="['project:funddetail:edit']" -->
-          <el-button size="mini" type="text" icon="el-icon-delete" :disabled="true"
-            @click="handleDelete(scope.row)">鍒犻櫎</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            :disabled="true"
+            @click="handleDelete(scope.row)"
+            >鍒犻櫎</el-button
+          >
           <!-- v-hasPermi="['project:funddetail:remove']" -->
         </template>
       </el-table-column>
     </el-table>
     <!-- v-hasPermi="['project:donateconsolationfund:edit']" -->
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-      @pagination="getList" />
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
 
     <!-- 娣诲姞鎴栦慨鏀硅垂鐢ㄧ敵璇锋槑缁嗗璇濇 -->
-    <el-dialog :title="title" :visible.sync="open" width="1400px" append-to-body>
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="1400px"
+      append-to-body
+    >
       <el-form ref="form" :model="form" label-width="120px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="鐢宠鏃ユ湡" prop="applyTime">
-              <el-date-picker style="width: 100%" v-model="form.applyTime" :disabled="true" type="date"
-                value-format="yyyy-MM-dd HH:mm:ss" placeholder="鐢宠鏃ユ湡">
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.applyTime"
+                :disabled="true"
+                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-input v-model="form.username" placeholder="鎶ラ攢浜�" :disabled="true" />
+              <el-input
+                v-model="form.username"
+                placeholder="鎶ラ攢浜�"
+                :disabled="true"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="鎵�灞炵粍鍒�" prop="deptmentname">
-              <el-input v-model="form.deptmentname" placeholder="鎵�灞炵粍鍒�" :disabled="true" />
+              <el-input
+                v-model="form.deptmentname"
+                placeholder="鎵�灞炵粍鍒�"
+                :disabled="true"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="缁勯暱" prop="managername">
-              <el-input v-model="form.managername" placeholder="缁勯暱" :disabled="true" />
+              <el-input
+                v-model="form.managername"
+                placeholder="缁勯暱"
+                :disabled="true"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -193,7 +366,8 @@
               <el-input v-model="form.reason" placeholder="鍑哄樊浜嬬敱" />
             </el-form-item>
           </el-col>
-          <el-col :span="5"><el-form-item label="鎹愮尞鑰�" prop="donorname">
+          <el-col :span="5"
+            ><el-form-item label="鎹愮尞鑰�" prop="donorname">
               <el-input v-model="form.donorname" placeholder="鎹愮尞鑰�" />
             </el-form-item>
           </el-col>
@@ -201,14 +375,23 @@
         <el-row style="margin-top: 10px">
           <el-col :span="5">
             <el-form-item label="鎶ラ攢閲戦" prop="amountrequested">
-              <el-input v-model="form.amountrequested" placeholder="鎶ラ攢閲戦" :disabled="true" />
+              <el-input
+                v-model="form.amountrequested"
+                placeholder="鎶ラ攢閲戦"
+                :disabled="true"
+              />
             </el-form-item>
           </el-col>
 
           <el-col :span="10">
             <el-form-item label="澶у啓閲戦" prop="bigstrmoney">
-              <el-input v-model="form.bigstrmoney" placeholder="澶у啓閲戦" :disabled="true" />
-            </el-form-item> </el-col><!-- 
+              <el-input
+                v-model="form.bigstrmoney"
+                placeholder="澶у啓閲戦"
+                :disabled="true"
+              />
+            </el-form-item> </el-col
+          ><!-- 
           <el-col :span="6">
             <el-form-item label="棰嗘閲戦" prop="amountrequested">
               <el-input v-model="form.amountrequested" placeholder="棰嗘閲戦" />
@@ -220,17 +403,34 @@
           </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
+                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 type="flex" :gutter="10" align="right" class="mb8">
           <el-col :span="6">
-            <el-button type="primary" plain icon="el-icon-plus" size="mini" :disabled="true"
-              @click="addRow">鏂板涓�琛�</el-button>
+            <el-button
+              type="primary"
+              plain
+              icon="el-icon-plus"
+              size="mini"
+              :disabled="true"
+              @click="addRow"
+              >鏂板涓�琛�</el-button
+            >
           </el-col>
         </el-row>
         <el-row style="margin-top: 25px; margin-bottom: 5px">
@@ -238,117 +438,264 @@
         </el-row>
         <el-row>
           <el-table :data="rbDetails" border highlight-current-row>
-            <el-table-column prop="orderno" slot="" label="搴忓彿" align="center" fixed width="65">
+            <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="id" slot="" label="涓婚敭" align="center" fixed width="95" v-if="false">
+            <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">
+            <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="persontype" slot="" label="浜哄憳绫诲埆" align="center" fixed width="130">
+            <el-table-column
+              prop="persontype"
+              slot=""
+              label="浜哄憳绫诲埆"
+              align="center"
+              fixed
+              width="130"
+            >
               <template slot-scope="scope">
-                <el-select v-model="scope.row.persontype" value-key="value" placeholder="浜哄憳绫诲埆"
-                  @change="getPersons(scope.row)">
-                  <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label"
-                    :value="dict.label"></el-option>
+                <el-select
+                  v-model="scope.row.persontype"
+                  value-key="value"
+                  placeholder="浜哄憳绫诲埆"
+                  @change="getPersons(scope.row)"
+                >
+                  <el-option
+                    v-for="dict in dict.type.sys_travelexpensebelong"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.label"
+                  ></el-option>
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="personname" slot="" label="璐圭敤浜哄憳" align="center" fixed width="110">
+            <el-table-column
+              prop="personname"
+              slot=""
+              label="璐圭敤浜哄憳"
+              align="center"
+              fixed
+              width="110"
+            >
               <template slot-scope="scope">
-                <el-select v-model="scope.row.personname" clearable filterable allow-create default-first-option
-                  placeholder="璇烽�夋嫨" @focus1="getPersons(scope.row)">
-                  <el-option v-for="item in personsSel" :key="item.reportNo" :label="item.reportName"
-                    :value="item.reportName">
+                <el-select
+                  v-model="scope.row.personname"
+                  clearable
+                  filterable
+                  allow-create
+                  default-first-option
+                  placeholder="璇烽�夋嫨"
+                  @focus1="getPersons(scope.row)"
+                >
+                  <el-option
+                    v-for="item in personsSel"
+                    :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">
+            <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, '/'))
-                      );
+                <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)">
+                  }"
+                  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 prop="endtime" slot="" label="缁撴潫鏃ユ湡" align="center" fixed width="150">
+            <el-table-column
+              prop="endtime"
+              slot=""
+              label="缁撴潫鏃ユ湡"
+              align="center"
+              fixed
+              width="150"
+            >
               <template slot-scope="scope">
-                <el-date-picker :picker-options="{
-                  disabledDate: time => {
-                    if (scope.row.starttime) {
-                      return (
-                        time.getTime() <
-                        new Date(scope.row.starttime.replace(/-/g, '/'))
-                      );
+                <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)">
+                  }"
+                  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="departure" slot="" label="鍑哄彂鍦�" align="center" width="100">
+            <el-table-column
+              prop="departure"
+              slot=""
+              label="鍑哄彂鍦�"
+              align="center"
+              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" width="140">
+            <el-table-column
+              label="鍒拌揪鍦�"
+              prop="destination2"
+              align="center"
+              width="140"
+            >
               <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
+                  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="澶╂暟" />
+                <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="100">
+            <el-table-column
+              prop="traffictype"
+              label="鍑哄彂浜ら�氬伐鍏�"
+              align="center"
+              width="100"
+            >
               <template slot-scope="scope">
-                <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
+                  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">
+            <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
+                  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">
+            <el-table-column
+              prop="trafficexpense"
+              label="浜ら�氳垂"
+              align="center"
+              width="80"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.trafficexpense" placeholder="浜ら�氳垂" @blur="val => {
-                  sumTotalFee();
-                }
-                  " />
+                <el-input
+                  v-model="scope.row.trafficexpense"
+                  placeholder="浜ら�氳垂"
+                  @blur="
+                    val => {
+                      sumTotalFee();
+                    }
+                  "
+                />
               </template>
             </el-table-column>
             <!--
@@ -363,64 +710,138 @@
               </template>
             </el-table-column>
                                                                                                                                       -->
-            <el-table-column prop="hotelexpense" label="浣忓璐�" align="center" width="80">
+            <el-table-column
+              prop="hotelexpense"
+              label="浣忓璐�"
+              align="center"
+              width="80"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.hotelexpense" placeholder="浣忓璐�" @blur="val => {
-                  sumTotalFee();
-                }
-                  " />
+                <el-input
+                  v-model="scope.row.hotelexpense"
+                  placeholder="浣忓璐�"
+                  @blur="
+                    val => {
+                      sumTotalFee();
+                    }
+                  "
+                />
               </template>
             </el-table-column>
 
-            <el-table-column prop="foodexpenses" 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.foodexpenses" placeholder="浼欓璐规姤閿�" @blur="val => {
-                  sumTotalFee();
-                }
-                  " />
+                <el-input
+                  v-model="scope.row.foodexpenses"
+                  placeholder="浼欓璐规姤閿�"
+                  @blur="
+                    val => {
+                      sumTotalFee();
+                    }
+                  "
+                />
               </template>
             </el-table-column>
-            <el-table-column prop="foodallowance" label="浼欓琛ュ姪" align="center" width="80">
+            <el-table-column
+              prop="foodallowance"
+              label="浼欓琛ュ姪"
+              align="center"
+              width="80"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.foodallowance" placeholder="浼欓璐硅ˉ鍔�" @blur="val => {
-                  sumTotalFee();
-                }
-                  " />
+                <el-input
+                  v-model="scope.row.foodallowance"
+                  placeholder="浼欓璐硅ˉ鍔�"
+                  @blur="
+                    val => {
+                      sumTotalFee();
+                    }
+                  "
+                />
               </template>
             </el-table-column>
-            <el-table-column prop="otherexpense" label="鍏潅璐硅ˉ鍔�" align="center" width="80">
+            <el-table-column
+              prop="otherexpense"
+              label="鍏潅璐硅ˉ鍔�"
+              align="center"
+              width="80"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.otherexpense" placeholder="鏉傝垂" @blur="val => {
-                  sumTotalFee();
-                }
-                  " />
+                <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">
+            <el-table-column
+              prop="otherfeeamount"
+              label="鍏朵粬璐圭敤"
+              align="center"
+              width="90"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.otherfeeamount" placeholder="鍏朵粬璐圭敤" @blur="val => {
-                  sumTotalFee();
-                }
-                  " />
+                <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">
+            <el-table-column
+              prop="departure"
+              slot=""
+              label="鍏朵粬璐圭敤璇存槑"
+              align="center"
+              width="120"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.otherfeedesc" placeholder="鍏朵粬璐圭敤璇存槑" />
+                <el-input
+                  v-model="scope.row.otherfeedesc"
+                  placeholder="鍏朵粬璐圭敤璇存槑"
+                />
               </template>
             </el-table-column>
 
-            <el-table-column prop="total" label="鍚堣" align="center" width="110">
+            <el-table-column
+              prop="total"
+              label="鍚堣"
+              align="center"
+              width="110"
+            >
               <template slot-scope="scope">
                 <el-input v-model="scope.row.total" placeholder="鍚堣" />
               </template>
             </el-table-column>
-            <el-table-column fixed="right" label="鎿嶄綔" align="center" width="120">
+            <el-table-column
+              fixed="right"
+              label="鎿嶄綔"
+              align="center"
+              width="120"
+            >
               <template slot-scope="scope">
-                <el-button @click.native.prevent="
-                  deleteRow(scope.$index, rbDetails, scope.row)
-                  " type="text" size="small" :disabled="true">
+                <el-button
+                  @click.native.prevent="
+                    deleteRow(scope.$index, rbDetails, scope.row)
+                  "
+                  type="text"
+                  size="small"
+                  :disabled="true"
+                >
                   鍒犻櫎
                 </el-button>
               </template>
@@ -465,75 +886,193 @@
         </el-row>
         <el-row style="margin-top: 30px">
           <el-table :data="rbPayees" border highlight-current-row>
-            <el-table-column prop="orderno" slot="" label="搴忓彿" align="center" fixed width="65">
+            <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="id" slot="" label="涓婚敭" align="center" fixed width="95" v-if="false">
+            <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">
+            <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="persontype" slot="" label="浜哄憳绫诲埆" align="center" fixed width="130">
+            <el-table-column
+              prop="persontype"
+              slot=""
+              label="浜哄憳绫诲埆"
+              align="center"
+              fixed
+              width="130"
+            >
               <template slot-scope="scope">
-                <el-select v-model="scope.row.persontype" value-key="value" placeholder="浜哄憳绫诲埆"
-                  @change="getPersons(scope.row)">
-                  <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label"
-                    :value="dict.label"></el-option>
+                <el-select
+                  v-model="scope.row.persontype"
+                  value-key="value"
+                  placeholder="浜哄憳绫诲埆"
+                  @change="getPersons(scope.row)"
+                >
+                  <el-option
+                    v-for="dict in dict.type.sys_travelexpensebelong"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.label"
+                  ></el-option>
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="personname" slot="" label="鏀舵浜�" align="center" fixed width="110">
+            <el-table-column
+              prop="personname"
+              slot=""
+              label="鏀舵浜�"
+              align="center"
+              fixed
+              width="110"
+            >
               <template slot-scope="scope">
-                <el-select v-model="scope.row.personname" clearable filterable allow-create ref="getReportname"
-                  default-first-option placeholder="璇烽�夋嫨" @change="getAccountinfo2(scope.row, scope.row.persontype)">
-                  <el-option v-for="item in personsSel" :key="item.reportNo" :label="item.reportName"
-                    :value="item.reportName">
+                <el-select
+                  v-model="scope.row.personname"
+                  clearable
+                  filterable
+                  allow-create
+                  ref="getReportname"
+                  default-first-option
+                  placeholder="璇烽�夋嫨"
+                  @change="getAccountinfo2(scope.row, scope.row.persontype)"
+                >
+                  <el-option
+                    v-for="item in personsSel"
+                    :key="item.reportNo"
+                    :label="item.reportName"
+                    :value="item.reportName"
+                  >
                   </el-option>
                 </el-select>
               </template>
             </el-table-column>
-            <el-table-column prop="bankname" slot="" label="閾惰鍚嶇О" align="center" fixed width="200">
+            <el-table-column
+              prop="bankname"
+              slot=""
+              label="閾惰鍚嶇О"
+              align="center"
+              fixed
+              width="200"
+            >
               <template slot-scope="scope">
                 <el-input v-model="scope.row.bankname" placeholder="閾惰鍚嶇О" />
               </template>
             </el-table-column>
-            <el-table-column prop="bankcardno" slot="" label="閾惰鍗″彿" align="center" fixed width="200">
+            <el-table-column
+              prop="bankcardno"
+              slot=""
+              label="閾惰鍗″彿"
+              align="center"
+              fixed
+              width="200"
+            >
               <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="amount" slot="" label="鎵撴閲戦" align="center" fixed width="130">
+            <el-table-column
+              prop="amount"
+              slot=""
+              label="鎵撴閲戦"
+              align="center"
+              fixed
+              width="130"
+            >
               <template slot-scope="scope">
                 <el-input v-model="scope.row.amount" placeholder="鎵撴閲戦" />
               </template>
             </el-table-column>
-            <el-table-column prop="remark" slot="" label="璇锋璇存槑" align="center" fixed width="280">
+            <el-table-column
+              prop="remark"
+              slot=""
+              label="璇锋璇存槑"
+              align="center"
+              fixed
+              width="280"
+            >
               <template slot-scope="scope">
                 <el-input v-model="scope.row.remark" placeholder="璇存槑" />
-              </template> </el-table-column><el-table-column prop="paiddate" slot="" label="鎵撴鏃ユ湡" fixed align="center"
-              width="150">
+              </template> </el-table-column
+            ><el-table-column
+              prop="paiddate"
+              slot=""
+              label="鎵撴鏃ユ湡"
+              fixed
+              align="center"
+              width="150"
+            >
               <template slot-scope="scope">
-                <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.paiddate" type="date"
-                  value-format="yyyy-MM-dd HH:mm:ss" placeholder="鎵撴鏃ユ湡" :disabled="true" @blur="getallowance(scope.row)">
+                <el-date-picker
+                  clearable
+                  size="small"
+                  style="width: 100%"
+                  v-model="scope.row.paiddate"
+                  type="date"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="鎵撴鏃ユ湡"
+                  :disabled="true"
+                  @blur="getallowance(scope.row)"
+                >
                 </el-date-picker>
               </template>
             </el-table-column>
-            <el-table-column label="鎿嶄綔" align="center" width="100" v-if="dialogType == 'edit'">
+            <el-table-column
+              label="鎿嶄綔"
+              align="center"
+              width="100"
+              v-if="dialogType == 'edit'"
+            >
               <template slot-scope="scope">
-                <el-button type="text" size="mini" @click="addPayeeRow(scope.$index)">鏂板</el-button>
-                <el-button @click.native.prevent="
-                  deletePayeeRow(scope.$index, rbPayees, scope.row)
-                  " type="text" size="small">
+                <el-button
+                  type="text"
+                  size="mini"
+                  @click="addPayeeRow(scope.$index)"
+                  >鏂板</el-button
+                >
+                <el-button
+                  @click.native.prevent="
+                    deletePayeeRow(scope.$index, rbPayees, scope.row)
+                  "
+                  type="text"
+                  size="small"
+                >
                   鍒犻櫎
                 </el-button>
               </template>
@@ -547,12 +1086,31 @@
           <el-col :span="14">
             <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="20" :headers="headers" :on-success="(response, file, fileList) =>
-                  uploadSccess(response, file, fileList)
-                  " :on-preview="downFile" :disabled="dialogType == 'detail'" :on-error="handleUploadError"
-                :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf">
-                <el-button :disabled="dialogType == 'detail'" size="small" type="primary">涓婁紶</el-button>
+              <el-upload
+                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="dialogType == 'detail'"
+                :on-error="handleUploadError"
+                :on-exceed="handleExceed"
+                :on-remove="remove"
+                accept="image/*,.pdf"
+              >
+                <el-button
+                  :disabled="dialogType == 'detail'"
+                  size="small"
+                  type="primary"
+                  >涓婁紶</el-button
+                >
               </el-upload>
             </el-form-item>
           </el-col>
@@ -563,16 +1121,37 @@
           <el-col :span="20">鎶ラ攢瀹℃壒璁板綍锛�</el-col>
         </el-row>
         <el-table :data="fundflowList" border>
-          <el-table-column label="瀹℃牳浜�" align="center" width="120" prop="checkusername" />
-          <el-table-column label="瀹℃牳鏃ユ湡" align="center" width="160" prop="createTime" />
-          <el-table-column label="瀹℃牳缁撴灉" align="center" width="200" prop="flowconclusion"><template
-              slot-scope="scope"><span v-if="scope.row.flowconclusion == 1">閫氳繃</span><span
-                v-if="scope.row.flowconclusion == 2">涓嶉�氳繃</span></template>
+          <el-table-column
+            label="瀹℃牳浜�"
+            align="center"
+            width="120"
+            prop="checkusername"
+          />
+          <el-table-column
+            label="瀹℃牳鏃ユ湡"
+            align="center"
+            width="160"
+            prop="createTime"
+          />
+          <el-table-column
+            label="瀹℃牳缁撴灉"
+            align="center"
+            width="200"
+            prop="flowconclusion"
+            ><template slot-scope="scope"
+              ><span v-if="scope.row.flowconclusion == 1">閫氳繃</span
+              ><span v-if="scope.row.flowconclusion == 2"
+                >涓嶉�氳繃</span
+              ></template
+            >
           </el-table-column>
           <el-table-column label="瀹℃牳澶囨敞" align="center" prop="flowcontent" />
         </el-table>
 
-        <el-row style="margin-top: 25px; margin-bottom: 5px" v-if="dialogType == 'edit'">
+        <el-row
+          style="margin-top: 25px; margin-bottom: 5px"
+          v-if="dialogType == 'edit'"
+        >
           <el-col :span="7">
             <el-form-item label="瀹℃牳缁撴灉" align="left">
               <el-radio-group v-model="checkObj.flowlevelone" align="left">
@@ -591,7 +1170,12 @@
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="checksubmit" v-if="dialogType == 'edit'">淇� 瀛�</el-button>
+        <el-button
+          type="primary"
+          @click="checksubmit"
+          v-if="dialogType == 'edit'"
+          >淇� 瀛�</el-button
+        >
         <el-button @click="cancel">鍙� 娑�</el-button>
       </div>
     </el-dialog>
@@ -775,7 +1359,7 @@
       dialogType: "show"
     };
   },
-  created() { },
+  created() {},
   mounted() {
     if (grtItem("travelexpensecheck")) {
       this.queryParams = grtItem("travelexpensecheck");
@@ -846,7 +1430,26 @@
         var aEle = document.createElement("a");
         aEle.href =
           curWWWPath.substring(0, pos) + urlBase + fileUrl["downloadUrl"];
-        aEle.click();
+        console.log(aEle.href);
+        // 娣诲姞Authorization澶撮儴
+        fetch(aEle.href, {
+          headers: this.headers
+        })
+          .then(response => {
+            // 灏嗘枃浠朵笅杞介摼鎺ヤ綔涓篵lob瀵硅薄杩涜涓嬭浇
+            return response.blob();
+          })
+          .then(blob => {
+            const url = window.URL.createObjectURL(new Blob([blob]));
+            console.log(url);
+            const link = document.createElement("a");
+            link.href = url;
+            const name=fileUrl["downloadName"]
+            link.setAttribute("download", name); // 鏇挎崲file.pdf涓哄疄闄呯殑鏂囦欢鍚�
+            document.body.appendChild(link);
+            link.click();
+            link.parentNode.removeChild(link);
+          });
       });
     },
 
@@ -1030,8 +1633,8 @@
 
         this.fileList = this.form.annexfiles
           ? this.form.annexfiles
-            .split(",")
-            .map(item => ({ url: item, name: item }))
+              .split(",")
+              .map(item => ({ url: item, name: item }))
           : [];
 
         getReimbursementdetaillist(ids).then(res2 => {
@@ -1146,7 +1749,7 @@
       const ids = row.id || this.ids;
       this.$modal
         .confirm('鏄惁纭鍒犻櫎鎶ラ攢鐢宠缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�')
-        .then(function () {
+        .then(function() {
           // 鍒犻櫎details鍐呯殑鏁版嵁
           return delReimbursement(ids);
         })
@@ -1155,7 +1758,7 @@
           this.getList();
           this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
@@ -1170,7 +1773,7 @@
           this.$download.name(response.msg);
           this.exportLoading = false;
         })
-        .catch(() => { });
+        .catch(() => {});
     },
 
     //鏂板涓�琛�
@@ -1263,7 +1866,7 @@
         }
         this.form.amountrequested = allSum.toFixed(2);
         this.form.bigstrmoney = this.convertCurrency(this.form.amountrequested);
-      } catch { }
+      } catch {}
     },
 
     //閲戦澶у啓
@@ -1367,7 +1970,7 @@
     },
 
     //闄勪欢澶勭悊
-    handleUploadError() { },
+    handleUploadError() {},
 
     remove(file) {
       this.fileList.splice(this.fileList.indexOf(file), 1);

--
Gitblit v1.9.3