From 7d9fcbbc2cbd6c71490ce20f3ec5df0b84f6eb60 Mon Sep 17 00:00:00 2001
From: jiangweiguo <1578967617@qq.com>
Date: Mon, 1 Apr 2024 13:27:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=B9=E6=8E=A7=E4=BF=AE=E6=94=B9=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E4=BA=BA=20=E7=94=B3=E8=AF=B7=E9=83=A8=E9=97=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BottomBtn/index.vue      |  122 ++-
 src/components/ConnectInvoice/index.vue |  241 +++--
 src/views/company/claim/index.vue       | 1265 +++++++++++++++++------
 src/views/company/trips/index.vue       |  608 ++++++++---
 4 files changed, 1672 insertions(+), 564 deletions(-)

diff --git a/src/components/BottomBtn/index.vue b/src/components/BottomBtn/index.vue
index 9b646b8..be03d89 100644
--- a/src/components/BottomBtn/index.vue
+++ b/src/components/BottomBtn/index.vue
@@ -1,23 +1,55 @@
 <!-- 底部 -->
 <template>
   <div class="sumbit-box" v-if="btnList.length">
-    <div class="item-box" v-for="(item,index) in btnList" :key="index" @click="handleSubmit(item.key)">
+    <div
+      class="item-box"
+      v-for="(item, index) in btnList"
+      :key="index"
+      @click="handleSubmit(item.key)"
+    >
       <van-icon :name="item.icon" :color="item.color" size="25" />
       <div class="box-tt">
-        <span :style="`color:${item.color}`"> {{item.title}}</span>
+        <span :style="`color:${item.color}`"> {{ item.title }}</span>
       </div>
     </div>
     <!-- 同意驳回弹窗 -->
-    <van-popup v-model="isShow" position="bottom" round safe-area-inset-bottom lock-scroll lazy-render get-container="#app" :close-on-click-overlay="false" @close="hanleCancel">
+    <van-popup
+      v-model="isShow"
+      position="bottom"
+      round
+      safe-area-inset-bottom
+      lock-scroll
+      lazy-render
+      get-container="#app"
+      :close-on-click-overlay="false"
+      @close="hanleCancel"
+    >
       <div class="Re-select-header">
         <div class="Re-select-header-cancel" @click="hanleCancel">取消</div>
-        <div class="Re-select-header-title">{{title}}</div>
+        <div class="Re-select-header-title">{{ title }}</div>
         <div class="Re-select-header-confirm" @click="handleConfirm">确认</div>
       </div>
       <div class="box-1">
         <div class="content-box">
-          <van-form ref="form" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
-            <van-field v-model="form.reason" required name="reason" autosize rows="2" label="理由" :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
+          <van-form
+            ref="form"
+            :show-error-message="false"
+            validate-trigger=""
+            :submit-on-enter="false"
+          >
+            <van-field
+              v-model="form.reason"
+              required
+              name="reason"
+              autosize
+              rows="2"
+              label="理由"
+              :rules="[{ required: true, message: '请输入' }]"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            />
           </van-form>
         </div>
       </div>
@@ -26,8 +58,8 @@
 </template>
 
 <script>
-import { approveTask, rejectTask } from "@/api/bpm/task";
-import { set } from 'vue';
+import { approveTask, rejectTask } from '@/api/bpm/task'
+// import { set } from 'vue';
 export default {
   name: '',
   props: {
@@ -48,7 +80,7 @@ export default {
       isShow: false,
       key: null,
       form: {
-        reason: null
+        reason: null,
       },
     }
   },
@@ -61,16 +93,15 @@ export default {
             this.$refs.form && this.$refs.form.resetValidation()
           })
         }
-      }
+      },
     },
-    deep: true
+    deep: true,
   },
 
   components: {},
 
   computed: {},
 
-
   methods: {
     hanleCancel() {
       this.isShow = false
@@ -80,27 +111,31 @@ export default {
         this.$refs.form.validate().then(() => {
           let obj = {
             id: this.accessId,
-            reason: this.form.reason
+            reason: this.form.reason,
           }
           this.$loading(true, 'loadingSb')
           if (this.key == 2) {
-            approveTask(obj).then(() => {
-              this.$EventBus.$emit('handleResetLive', 'company-myTrips')
-              this.$EventBus.$emit('handleResetLive', 'company-myClaim')
-              history.back()
-              this.$loading(false, 'loadingSb')
-            }).catch(() => {
-              this.$loading(false, 'loadingSb')
-            })
+            approveTask(obj)
+              .then(() => {
+                this.$EventBus.$emit('handleResetLive', 'company-myTrips')
+                this.$EventBus.$emit('handleResetLive', 'company-myClaim')
+                history.back()
+                this.$loading(false, 'loadingSb')
+              })
+              .catch(() => {
+                this.$loading(false, 'loadingSb')
+              })
           } else {
-            rejectTask(obj).then(() => {
-              this.$EventBus.$emit('handleResetLive', 'company-myTrips')
-              this.$EventBus.$emit('handleResetLive', 'company-myClaim')
-              history.back()
-              this.$loading(false, 'loadingSb')
-            }).catch(() => {
-              this.$loading(false, 'loadingSb')
-            })
+            rejectTask(obj)
+              .then(() => {
+                this.$EventBus.$emit('handleResetLive', 'company-myTrips')
+                this.$EventBus.$emit('handleResetLive', 'company-myClaim')
+                history.back()
+                this.$loading(false, 'loadingSb')
+              })
+              .catch(() => {
+                this.$loading(false, 'loadingSb')
+              })
           }
         })
       })
@@ -122,33 +157,38 @@ export default {
       setTimeout(() => {
         if (['edit', 'add'].includes(this.$route.query.type)) {
           this.btnList = [
-            { title: '暂存', icon: 'star-o', color: "#909399", key: 0 },
-            { title: '提交', icon: 'edit', color: "#ff9900", key: 1 },
-            { title: '返回', icon: 'revoke', color: "#909399", key: 6 },
+            { title: '暂存', icon: 'star-o', color: '#909399', key: 0 },
+            { title: '提交', icon: 'edit', color: '#ff9900', key: 1 },
+            { title: '返回', icon: 'revoke', color: '#909399', key: 6 },
           ]
         } else {
           if (this.isAuthorised) {
             this.btnList = [
-              { title: '同意', icon: 'certificate', color: "#19be6b", key: 2 },
-              { title: '驳回', icon: 'exchange', color: "#fa3534", key: 3 },
-              { title: '返回', icon: 'revoke', color: "#909399", key: 6 },
+              { title: '同意', icon: 'certificate', color: '#19be6b', key: 2 },
+              { title: '驳回', icon: 'exchange', color: '#fa3534', key: 3 },
+              { title: '返回', icon: 'revoke', color: '#909399', key: 6 },
             ]
           } else {
-            if (this.listType === 'bidder' && this.isWin != 3 && !this.isAuthorised) {
+            if (
+              this.listType === 'bidder' &&
+              this.isWin != 3 &&
+              !this.isAuthorised
+            ) {
               this.btnList = [
-                { title: '发起', icon: 'edit', color: "#ff9900", key: 1 },
-                { title: '返回', icon: 'revoke', color: "#909399", key: 6 },
+                { title: '发起', icon: 'edit', color: '#ff9900', key: 1 },
+                { title: '返回', icon: 'revoke', color: '#909399', key: 6 },
               ]
             } else {
-              this.btnList = [{ title: '返回', icon: 'revoke', color: "#909399", key: 6 }]
+              this.btnList = [
+                { title: '返回', icon: 'revoke', color: '#909399', key: 6 },
+              ]
             }
           }
         }
       }, 0)
     },
-  }
+  },
 }
-
 </script>
 <style lang='scss' scoped>
 @import '../FollowPeoPle/index.scss';
diff --git a/src/components/ConnectInvoice/index.vue b/src/components/ConnectInvoice/index.vue
index 50efa5b..0d41c6f 100644
--- a/src/components/ConnectInvoice/index.vue
+++ b/src/components/ConnectInvoice/index.vue
@@ -1,11 +1,25 @@
 <template>
-  <van-popup v-model="isShow" position="bottom" round safe-area-inset-bottom lock-scroll lazy-render get-container="#app" :close-on-click-overlay="false" @close="hanleCancel">
+  <van-popup
+    v-model="isShow"
+    position="bottom"
+    round
+    safe-area-inset-bottom
+    lock-scroll
+    lazy-render
+    get-container="#app"
+    :close-on-click-overlay="false"
+    @close="hanleCancel"
+  >
     <div class="Re-select-header">
       <div class="Re-select-header-cancel" @click="hanleCancel">取消</div>
       <div class="Re-select-header-title">发票关联</div>
       <div class="Re-select-header-confirm" @click="handleConfirm">确认</div>
     </div>
-    <van-tabs v-model="invoiceType" :swipe-threshold="4" @change="vanTabsChange">
+    <van-tabs
+      v-model="invoiceType"
+      :swipe-threshold="4"
+      @change="vanTabsChange"
+    >
       <van-tab name="01" title="增值税发票" />
       <van-tab name="02" title="火车票" />
       <van-tab name="03" title="飞机行程票" />
@@ -13,63 +27,127 @@
       <van-tab name="05" title="出租车发票" />
     </van-tabs>
     <div class="box-1">
-      <RMList :moreLoading.sync="moreLoading" :refreshing.sync="refreshing" :finished.sync="finished" @onLoad="handleLoad" @onRefresh="handleRefresh" isMore :tableList="tableList">
-        <div class="new-item-box" v-for="(item,index) in tableList" :key="index">
+      <RMList
+        :moreLoading.sync="moreLoading"
+        :refreshing.sync="refreshing"
+        :finished.sync="finished"
+        @onLoad="handleLoad"
+        @onRefresh="handleRefresh"
+        isMore
+        :tableList="tableList"
+      >
+        <div
+          class="new-item-box"
+          v-for="(item, index) in tableList"
+          :key="index"
+        >
           <div class="new-lf">
             <van-checkbox v-model="item.checked" shape="square"></van-checkbox>
             <!-- <van-image @click="handleShowImg(item)"  width="2.5rem" height="2.5rem" src="https://img01.yzcdn.cn/vant/cat.jpeg" /> -->
           </div>
-          <div class="new-cr" @click="handleSetCheck(index,item)" v-if="invoiceType == '01'">
-            <div class="mt5">发票消费类型： {{item.serviceType || '-'}}</div>
-            <div class="mt5">发票代码： {{item.invoiceCode || '-'}}</div>
-            <div class="mt5">发票号码： {{item.invoiceNum || '-'}}</div>
-            <div style="margin-top: 0.3rem;color:#333 ">开票日期： {{item.invoiceDate && dayjs(item.invoiceDate).format('YY/MM/DD HH:ss')}}</div>
+          <div
+            class="new-cr"
+            @click="handleSetCheck(index, item)"
+            v-if="invoiceType == '01'"
+          >
+            <div class="mt5">发票消费类型： {{ item.serviceType || '-' }}</div>
+            <div class="mt5">发票代码： {{ item.invoiceCode || '-' }}</div>
+            <div class="mt5">发票号码： {{ item.invoiceNum || '-' }}</div>
+            <div style="margin-top: 0.3rem; color: #333">
+              开票日期：
+              {{
+                item.invoiceDate &&
+                dayjs(item.invoiceDate).format('YY/MM/DD HH:ss')
+              }}
+            </div>
           </div>
-          <div class="new-cr" @click="handleSetCheck(index,item)" v-if="invoiceType == '02'">
-            <div class="mt5">车票号： {{item.ticketNum || '-'}}</div>
-            <div class="mt5">始发站： {{item.startingStation || '-'}}</div>
-            <div class="mt5">到达站： {{item.destinationStation || '-'}}</div>
-            <div style="margin-top: 0.3rem;color:#333 ">出发日期： {{item.startingDate && dayjs(item.startingDate).format('YY/MM/DD HH:ss')}}</div>
-            <div class="mt5">车次号： {{item.trainNum || '-'}}</div>
+          <div
+            class="new-cr"
+            @click="handleSetCheck(index, item)"
+            v-if="invoiceType == '02'"
+          >
+            <div class="mt5">车票号： {{ item.ticketNum || '-' }}</div>
+            <div class="mt5">始发站： {{ item.startingStation || '-' }}</div>
+            <div class="mt5">到达站： {{ item.destinationStation || '-' }}</div>
+            <div style="margin-top: 0.3rem; color: #333">
+              出发日期：
+              {{
+                item.startingDate &&
+                dayjs(item.startingDate).format('YY/MM/DD HH:ss')
+              }}
+            </div>
+            <div class="mt5">车次号： {{ item.trainNum || '-' }}</div>
           </div>
-          <div class="new-cr" @click="handleSetCheck(index,item)" v-if="invoiceType == '03'">
-            <div class="mt5">姓名： {{item.name || '-'}}</div>
-            <div class="mt5">始发站： {{item.startingStation || '-'}}</div>
-            <div class="mt5">目的站： {{item.destinationStation || '-'}}</div>
-            <div class="mt5">航班号： {{item.flight || '-'}}</div>
-            <div class="mt5">承运人： {{item.carrier || '-'}}</div>
+          <div
+            class="new-cr"
+            @click="handleSetCheck(index, item)"
+            v-if="invoiceType == '03'"
+          >
+            <div class="mt5">姓名： {{ item.name || '-' }}</div>
+            <div class="mt5">始发站： {{ item.startingStation || '-' }}</div>
+            <div class="mt5">目的站： {{ item.destinationStation || '-' }}</div>
+            <div class="mt5">航班号： {{ item.flight || '-' }}</div>
+            <div class="mt5">承运人： {{ item.carrier || '-' }}</div>
           </div>
-          <div class="new-cr" @click="handleSetCheck(index,item)" v-if="invoiceType == '04'">
-            <div class="mt5">服务商： {{item.serviceProvider || '-'}}</div>
-            <div class="mt5">行程人手机号： {{item.phone || '-'}}</div>
-            <div style="margin-top: 0.3rem;color:#333 " v-if="item.items && item.items.length > 0">上车日期： {{item.items[0].pickupDate && dayjs(item.items[0].pickupDate).format('YY/MM/DD HH:ss')}}</div>
-            <div class="mt5" v-if="item.items && item.items.length > 0">起点： {{item.items[0].startPlace || '-'}}</div>
-            <div class="mt5" v-if="item.items && item.items.length > 0">终点： {{item.items[0].destinationPlace || '-'}}</div>
-            <div class="mt5" v-if="item.items && item.items.length > 0">城市： {{item.items[0].city || '-'}}</div>
+          <div
+            class="new-cr"
+            @click="handleSetCheck(index, item)"
+            v-if="invoiceType == '04'"
+          >
+            <div class="mt5">服务商： {{ item.serviceProvider || '-' }}</div>
+            <div class="mt5">行程人手机号： {{ item.phone || '-' }}</div>
+            <div
+              style="margin-top: 0.3rem; color: #333"
+              v-if="item.items && item.items.length > 0"
+            >
+              上车日期：
+              {{
+                item.items[0].pickupDate &&
+                dayjs(item.items[0].pickupDate).format('YY/MM/DD HH:ss')
+              }}
+            </div>
+            <div class="mt5" v-if="item.items && item.items.length > 0">
+              起点： {{ item.items[0].startPlace || '-' }}
+            </div>
+            <div class="mt5" v-if="item.items && item.items.length > 0">
+              终点： {{ item.items[0].destinationPlace || '-' }}
+            </div>
+            <div class="mt5" v-if="item.items && item.items.length > 0">
+              城市： {{ item.items[0].city || '-' }}
+            </div>
           </div>
-          <div class="new-cr" @click="handleSetCheck(index,item)" v-if="invoiceType == '05'">
-            <div class="mt5">发票代码： {{item.invoiceCode || '-'}}</div>
-            <div class="mt5">发票号码： {{item.invoiceNum || '-'}}</div>
-            <div class="mt5">车牌号： {{item.taxiNum || '-'}}</div>
-            <div style="margin-top: 0.3rem;color:#333 ">日期： {{item.startingDate && dayjs(item.startingDate).format('YY/MM/DD HH:ss')}}</div>
+          <div
+            class="new-cr"
+            @click="handleSetCheck(index, item)"
+            v-if="invoiceType == '05'"
+          >
+            <div class="mt5">发票代码： {{ item.invoiceCode || '-' }}</div>
+            <div class="mt5">发票号码： {{ item.invoiceNum || '-' }}</div>
+            <div class="mt5">车牌号： {{ item.taxiNum || '-' }}</div>
+            <div style="margin-top: 0.3rem; color: #333">
+              日期：
+              {{
+                item.startingDate &&
+                dayjs(item.startingDate).format('YY/MM/DD HH:ss')
+              }}
+            </div>
           </div>
         </div>
       </RMList>
     </div>
-
   </van-popup>
 </template>
 
 <script>
-import dayjs from 'dayjs';
-import { ImagePreview } from 'vant';
+import dayjs from 'dayjs'
+import { ImagePreview } from 'vant'
 import {
   getInvoicePage01,
   getInvoicePage02,
   getInvoicePage03,
   getInvoicePage04,
-  getInvoicePage05
-} from "@/api/bs/invoice";
+  getInvoicePage05,
+} from '@/api/bs/invoice'
 export default {
   props: {
     temClaimNo: [Number, String], // 关联发票 有值代表编辑 无值代表新增
@@ -78,7 +156,7 @@ export default {
     isExist: Boolean, // 是否存在
     tripPartners: Array, // 选中同行人
     list: Array, // 列表
-    type: [Number, String]
+    type: [Number, String],
   },
   components: {
     RePick: () => import('@/components/ReComponents/RePick'),
@@ -117,7 +195,7 @@ export default {
         pageNo: 1,
         pageSize: 10,
         temClaimNo: 0,
-      }
+      },
     }
   },
   created() {
@@ -129,15 +207,14 @@ export default {
   watch: {
     isOpen: {
       handler(val) {
-        console.log('6....1111..', val);
+        console.log('6....1111..', val)
         this.isShow = val
         if (val) {
           this.handleInitList()
         }
-
       },
       deep: true,
-      immediate: true
+      immediate: true,
     },
     // list: {
     //   handler(val) {
@@ -159,10 +236,14 @@ export default {
     handleSetCheck(index) {
       //  this.tableList
       let _this = this
-      this.$set(this.tableList[index], 'checked', !this.tableList[index].checked)
+      this.$set(
+        this.tableList[index],
+        'checked',
+        !this.tableList[index].checked
+      )
       if (this.tableList[index].checked) {
         if (!_this.invoiceIdsCopy.hasOwnProperty(_this.invoiceType)) {
-          _this.invoiceIdsCopy[_this.invoiceType] = [];
+          _this.invoiceIdsCopy[_this.invoiceType] = []
         }
         _this.invoiceIdsCopy[_this.invoiceType].push(this.tableList[index].id)
       } else {
@@ -172,19 +253,18 @@ export default {
       console.log(_this.invoiceIdsCopy)
     },
     handleShowImg() {
-      ImagePreview(['https://img01.yzcdn.cn/vant/apple-1.jpg']);
+      ImagePreview(['https://img01.yzcdn.cn/vant/apple-1.jpg'])
     },
     dayjs,
     handleNewDel(index) {
       this.tableList.splice(index, 1)
     },
-    handleInitList() {
-
-    },
+    handleInitList() {},
 
     handleConfirm() {
       // let arr = (this.tableList.filter(item => item.checked)).map(item => item.id) || []
       this.$emit('onConfirm', this.invoiceIdsCopy)
+      console.log(this.invoiceIdsCopy, 'this.invoiceIdsCopy')
     },
 
     hanleCancel() {
@@ -210,35 +290,54 @@ export default {
       let _this = this
       this.moreLoading = true
       this.$loading(true, 'tableLoading')
-      const getInvoicePage = this.invoiceType == '01' ? getInvoicePage01 : this.invoiceType == '02' ? getInvoicePage02 : this.invoiceType == '03' ? getInvoicePage03 : this.invoiceType == '04' ? getInvoicePage04 : getInvoicePage05;
+      const getInvoicePage =
+        this.invoiceType == '01'
+          ? getInvoicePage01
+          : this.invoiceType == '02'
+          ? getInvoicePage02
+          : this.invoiceType == '03'
+          ? getInvoicePage03
+          : this.invoiceType == '04'
+          ? getInvoicePage04
+          : getInvoicePage05
       if (_this.temClaimNo) {
         _this.listQuery.temClaimNo = _this.temClaimNo
       } else {
         _this.listQuery.temClaimNo = 0
       }
-      getInvoicePage(_this.listQuery).then(res => {
-        let resList = res.data && res.data.list || []
-        if (['init', 'refresh'].includes(val)) {
-          this.tableList = resList
-        } else {
-          this.tableList = this.tableList.concat(resList)
-        }
-        if (resList.length < this.pageSize) {
-          this.finished = true
-        }
-        if (_this.invoiceIdsCopy && _this.invoiceIdsCopy.hasOwnProperty(_this.invoiceType)) {
-          _this.tableList.map(item => {
-            item.checked = (_this.invoiceIdsCopy[_this.invoiceType] || []).includes(item.id)
+      getInvoicePage(_this.listQuery)
+        .then((res) => {
+          let resList = (res.data && res.data.list) || []
+          if (['init', 'refresh'].includes(val)) {
+            this.tableList = resList
+          } else {
+            this.tableList = this.tableList.concat(resList)
+          }
+          if (resList.length < this.pageSize) {
+            this.finished = true
+          }
+          if (
+            _this.invoiceIdsCopy &&
+            Object.prototype.hasOwnProperty.call(
+              _this.invoiceIdsCopy,
+              _this.invoiceType
+            )
+          ) {
+            _this.tableList.map((item) => {
+              item.checked = (
+                _this.invoiceIdsCopy[_this.invoiceType] || []
+              ).includes(item.id)
+            })
+          }
+        })
+        .finally(() => {
+          this.$nextTick(() => {
+            this.moreLoading = false
+            this.refreshing = false
+            this.$loading(false, 'tableLoading')
           })
-        }
-      }).finally(() => {
-        this.$nextTick(() => {
-          this.moreLoading = false
-          this.refreshing = false
-          this.$loading(false, 'tableLoading')
         })
-      })
-    }
+    },
   },
 }
 </script>
diff --git a/src/views/company/claim/index.vue b/src/views/company/claim/index.vue
index 05918bb..2530a47 100644
--- a/src/views/company/claim/index.vue
+++ b/src/views/company/claim/index.vue
@@ -1,104 +1,446 @@
 <template>
   <div class="common-list-contain">
     <div class="common-form">
-      <van-form ref="form" :show-error-message="false" validate-trigger="" :submit-on-enter="false" label-width="8rem">
-        <div class="section"> <span class="line"> </span> 基本信息</div>
+      <van-form
+        ref="form"
+        :show-error-message="false"
+        validate-trigger=""
+        :submit-on-enter="false"
+        label-width="8rem"
+      >
+        <div class="section"><span class="line"> </span> 基本信息</div>
         <div class="trips-box">
           <div class="item-box">
-            <van-field v-model="form.claimNo" disabled label="单号" clear-trigger="always" input-align="right" />
-            <van-field v-model="cn" disabled label="公司名称" clear-trigger="always" input-align="right" />
-            <van-field v-model="userInfo.nickname" disabled label="申请人" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
-            <van-field v-model="userInfo.dept.name" disabled label="申请部门" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
-            <van-field v-model="form.projectName" :disabled="disabled" label="项目名称" clear-trigger="always" input-align="right" placeholder="请输入" />
-            <van-field v-model="form.reason" :disabled="disabled" name="reason" autosize rows="2" label="报销事由" required :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
-            <van-field v-model="form.remark" :disabled="disabled" name="remark" autosize rows="2" label="备注信息" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
-            <RePick v-model="form.costDeptId" :disabled="disabled" label="费用归属部门" :name="`costDeptId`" :list="userDeptTree" isRequrie isCascader isShowSearch title="费用归属部门" titleKey="name" isCell clearable />
+            <van-field
+              v-model="form.claimNo"
+              disabled
+              label="单号"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              v-model="form.companyName"
+              disabled
+              label="公司名称"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <!-- <van-field
+              v-model="cn"
+              disabled
+              label="公司名称"
+              clear-trigger="always"
+              input-align="right"
+            /> -->
+            <van-field
+              v-model="form.nickname"
+              disabled
+              label="申请人"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            />
+            <!-- <van-field
+              v-model="userInfo.nickname"
+              disabled
+              label="申请人"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            /> -->
+            <van-field
+              v-model="form.deptName"
+              disabled
+              label="申请部门"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            />
+            <!-- <van-field
+              v-model="userInfo.dept.name"
+              disabled
+              label="申请部门"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            /> -->
+            <van-field
+              v-model="form.projectName"
+              :disabled="disabled"
+              label="项目名称"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+            />
+            <van-field
+              v-model="form.reason"
+              :disabled="disabled"
+              name="reason"
+              autosize
+              rows="2"
+              label="报销事由"
+              required
+              :rules="[{ required: true, message: '请输入' }]"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            />
+            <van-field
+              v-model="form.remark"
+              :disabled="disabled"
+              name="remark"
+              autosize
+              rows="2"
+              label="备注信息"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            />
+            <RePick
+              v-model="form.costDeptId"
+              :disabled="disabled"
+              label="费用归属部门"
+              :name="`costDeptId`"
+              :list="userDeptTree"
+              isRequrie
+              isCascader
+              isShowSearch
+              title="费用归属部门"
+              titleKey="name"
+              isCell
+              clearable
+            />
           </div>
         </div>
-        <div class="section mt5"> <span class="line"> </span>附件</div>
+        <div class="section mt5"><span class="line"> </span>附件</div>
         <div class="trips-box">
           <div class="item-box">
-            <UploadFile :typeStr="typeStr" @onConfirm="handleUpload" :fileList="fileList" />
+            <UploadFile
+              :typeStr="typeStr"
+              @onConfirm="handleUpload"
+              :fileList="fileList"
+            />
           </div>
         </div>
 
-        <div class="section mt5" v-if="CLBX"> <span class="line"> </span> 行程信息</div>
+        <div class="section mt5" v-if="CLBX">
+          <span class="line"> </span> 行程信息
+        </div>
         <div class="trips-box" v-if="CLBX">
-          <div class="item-box" v-for="(item,index) in form.expenseClaimTrips" :key="index">
+          <div
+            class="item-box"
+            v-for="(item, index) in form.expenseClaimTrips"
+            :key="index"
+          >
             <div class="box-tp">
-              <div class="tp-lf"> 行程 &nbsp;{{index + 1}}</div>
-              <div class="tp-rt" v-if="!(form.expenseClaimTrips.length == 1)" @click="handleDel(index)">
+              <div class="tp-lf">行程 &nbsp;{{ index + 1 }}</div>
+              <div
+                class="tp-rt"
+                v-if="!(form.expenseClaimTrips.length == 1)"
+                @click="handleDel(index)"
+              >
                 <van-icon name="delete-o" size="20" />
               </div>
             </div>
             <div class="box-tt">
-              <RePick v-model="item.departureLocation" :isCascaderAllLevelName="true" :disabled="disabled" label="出发地" :name="`departureLocation_${index}`" :list="areaTree" isLastSelect isRequrie isCascader isShowSearch title="出发地" titleKey="name" isCell clearable />
-              <RePick v-model="item.destinationLocation" :isCascaderAllLevelName="true" :disabled="disabled" label="目的地" :name="`destinationLocation_${index}`" :list="areaTree" isLastSelect isRequrie isCascader isShowSearch title="destinationLocation" titleKey="name" isCell clearable />
+              <RePick
+                v-model="item.departureLocation"
+                :isCascaderAllLevelName="true"
+                :disabled="disabled"
+                label="出发地"
+                :name="`departureLocation_${index}`"
+                :list="areaTree"
+                isLastSelect
+                isRequrie
+                isCascader
+                isShowSearch
+                title="出发地"
+                titleKey="name"
+                isCell
+                clearable
+              />
+              <RePick
+                v-model="item.destinationLocation"
+                :isCascaderAllLevelName="true"
+                :disabled="disabled"
+                label="目的地"
+                :name="`destinationLocation_${index}`"
+                :list="areaTree"
+                isLastSelect
+                isRequrie
+                isCascader
+                isShowSearch
+                title="destinationLocation"
+                titleKey="name"
+                isCell
+                clearable
+              />
               <!-- <van-field right-icon="arrow" :rules="[{ required: true, message: '请选择' }]" :class="item.time && !disabled ? 'actived-disabled':''" :name="`time_${index}`" placeholder="请选择" v-model="item.time" @click="handleDateShow(index,item)" disabled label="行程时间" required clear-trigger="always" input-align="right" /> -->
-              <van-field :value="item.time" label="行程时间" :class="disabled ? 'actived-disabled':''" placeholder="请选择" required :rules="[{ required: true, message: '请选择' }]" @click="handleDateShow(index,item)" :right-icon="item.time ?  '' :'arrow' " input-align="right" readonly autosize rows="1" type="textarea">
+              <van-field
+                :value="item.time"
+                label="行程时间"
+                :class="disabled ? 'actived-disabled' : ''"
+                placeholder="请选择"
+                required
+                :rules="[{ required: true, message: '请选择' }]"
+                @click="handleDateShow(index, item)"
+                :right-icon="item.time ? '' : 'arrow'"
+                input-align="right"
+                readonly
+                autosize
+                rows="1"
+                type="textarea"
+              >
                 <template v-if="item.time && !disabled" #button>
-                  <van-icon name="clear" color="#C8C9CC" size="16" @click.stop="handleClear(index,1)" />
+                  <van-icon
+                    name="clear"
+                    color="#C8C9CC"
+                    size="16"
+                    @click.stop="handleClear(index, 1)"
+                  />
                 </template>
               </van-field>
-              <van-field placeholder="请输入" :disabled="disabled" :rules="[{ required: true, message: '请输入' }]" v-model="item.tripDay" type="digit" :name="`tripDay_${index}`" label="出差天数" required clear-trigger="always" input-align="right">
-                <template #button>
-                  天
-                </template>
+              <van-field
+                placeholder="请输入"
+                :disabled="disabled"
+                :rules="[{ required: true, message: '请输入' }]"
+                v-model="item.tripDay"
+                type="digit"
+                :name="`tripDay_${index}`"
+                label="出差天数"
+                required
+                clear-trigger="always"
+                input-align="right"
+              >
+                <template #button> 天 </template>
               </van-field>
-              <RePick v-model="item.tripType" :disabled="disabled" titleKey="label" idKey="id" label="出差类型" :name="`tripType_${index}`" :list="tripTypeList" isRequrie isCell clearable />
+              <RePick
+                v-model="item.tripType"
+                :disabled="disabled"
+                titleKey="label"
+                idKey="id"
+                label="出差类型"
+                :name="`tripType_${index}`"
+                :list="tripTypeList"
+                isRequrie
+                isCell
+                clearable
+              />
               <!-- <van-field right-icon="arrow" :class="item.tripPartners.length && !disabled ? 'actived-disabled':''" placeholder="请选择" @click="handlePoShow(index)" :rules="[{ required: true, message: '请选择' }]" :name="`tripPartnersName_${index}`" v-model="item.tripPartnersName" disabled label="出差同行人" required clear-trigger="always" input-align="right" /> -->
-              <van-field :value="item.tripPartnersName" :class="disabled ? 'actived-disabled':''" label="出差同行人" placeholder="请选择" :rules="[{ required: false, message: '请选择' }]" @click="handlePoShow(index)" :right-icon="item.tripPartners.length ?  '' :'arrow' " input-align="right" readonly autosize rows="1" type="textarea">
-                <template v-if="item.tripPartnersName  && !disabled" #button>
-                  <van-icon name="clear" color="#C8C9CC" size="16" @click.stop="handleClear(index,2)" />
+              <van-field
+                :value="item.tripPartnersName"
+                :class="disabled ? 'actived-disabled' : ''"
+                label="出差同行人"
+                placeholder="请选择"
+                :rules="[{ required: false, message: '请选择' }]"
+                @click="handlePoShow(index)"
+                :right-icon="item.tripPartners.length ? '' : 'arrow'"
+                input-align="right"
+                readonly
+                autosize
+                rows="1"
+                type="textarea"
+              >
+                <template v-if="item.tripPartnersName && !disabled" #button>
+                  <van-icon
+                    name="clear"
+                    color="#C8C9CC"
+                    size="16"
+                    @click.stop="handleClear(index, 2)"
+                  />
                 </template>
               </van-field>
-              <div class="po-box" v-if="['edit','add'].includes(typeStr)">
-                <van-button type="info" plain hairline round @click.stop="handleAddPeo(index)" native-type="button" icon="plus" size="small">添加同行人</van-button>
+              <div class="po-box" v-if="['edit', 'add'].includes(typeStr)">
+                <van-button
+                  type="info"
+                  plain
+                  hairline
+                  round
+                  @click.stop="handleAddPeo(index)"
+                  native-type="button"
+                  icon="plus"
+                  size="small"
+                  >添加同行人</van-button
+                >
               </div>
-              <FollowPeoPle :disabled="disabled" :tripPartners="item.tripPartners" :allTripPartners="allTripPartners" :type="item.type" :isOpen="item.isOpen" @onConfirm="(arr)=>handleConfirmPo(arr,index)" @onCancel="handlePoCancel(index)" @onNewConfirm="(arr)=>handleNewConfirmPo(arr,index)" />
+              <FollowPeoPle
+                :disabled="disabled"
+                :tripPartners="item.tripPartners"
+                :allTripPartners="allTripPartners"
+                :type="item.type"
+                :isOpen="item.isOpen"
+                @onConfirm="(arr) => handleConfirmPo(arr, index)"
+                @onCancel="handlePoCancel(index)"
+                @onNewConfirm="(arr) => handleNewConfirmPo(arr, index)"
+              />
               <!-- 费用列表 -->
-              <div class="section mt5"> <span class="line"> </span>费用</div>
+              <div class="section mt5"><span class="line"> </span>费用</div>
               <div class="account-box trips-box">
-                <div class="item-box" v-for="(nitem,nIndex) in item.expenseClaimDetails" :key="nIndex">
-                  <div class="box-tp" style="margin-bottom:1rem">
-                    <div class="tp-lf" @click.stop="showRules(nitem,index,nIndex)"> 费用 &nbsp;{{nIndex + 1}}
-                      <span class="rules" style="color:#1989fa">
-                        <van-icon size="18" name="coupon-o" color="#1989fa" />报销规则</span>
+                <div
+                  class="item-box"
+                  v-for="(nitem, nIndex) in item.expenseClaimDetails"
+                  :key="nIndex"
+                >
+                  <div class="box-tp" style="margin-bottom: 1rem">
+                    <div
+                      class="tp-lf"
+                      @click.stop="showRules(nitem, index, nIndex)"
+                    >
+                      费用 &nbsp;{{ nIndex + 1 }}
+                      <span class="rules" style="color: #1989fa">
+                        <van-icon
+                          size="18"
+                          name="coupon-o"
+                          color="#1989fa"
+                        />报销规则</span
+                      >
                     </div>
-                    <div class="tp-rt" v-if="!(item.expenseClaimDetails.length == 1)" @click.stop="handleAcDel(index,nIndex)">
+                    <div
+                      class="tp-rt"
+                      v-if="!(item.expenseClaimDetails.length == 1)"
+                      @click.stop="handleAcDel(index, nIndex)"
+                    >
                       <van-icon name="delete-o" size="20" />
                     </div>
                   </div>
                   <div class="box-tt">
-                    <RePick v-model="nitem.feeType" :disabled="disabled" titleKey="label" idKey="value" label="费用类型" :name="`feeType_${index}_${nIndex}`" :list="feeTypeList" isRequrie isCell clearable />
-                    <van-field v-model="nitem.amount" :disabled="disabled" @blur="handleNitemAmount($event,index,nIndex)" placeholder="请输入" required :rules="[{ required: true,trigger: 'onBlur', message: '格式错误',validator: VerifyFunc.validatorMoney }]" type="number" label="金额" clear-trigger="always" input-align="right">
-                      <template #button>
-                        元
-                      </template>
+                    <RePick
+                      v-model="nitem.feeType"
+                      :disabled="disabled"
+                      titleKey="label"
+                      idKey="value"
+                      label="费用类型"
+                      :name="`feeType_${index}_${nIndex}`"
+                      :list="feeTypeList"
+                      isRequrie
+                      isCell
+                      clearable
+                    />
+                    <van-field
+                      v-model="nitem.amount"
+                      :disabled="disabled"
+                      @blur="handleNitemAmount($event, index, nIndex)"
+                      placeholder="请输入"
+                      required
+                      :rules="[
+                        {
+                          required: true,
+                          trigger: 'onBlur',
+                          message: '格式错误',
+                          validator: VerifyFunc.validatorMoney,
+                        },
+                      ]"
+                      type="number"
+                      label="金额"
+                      clear-trigger="always"
+                      input-align="right"
+                    >
+                      <template #button> 元 </template>
                     </van-field>
-                    <van-field v-model="nitem.invoiceCount" :disabled="true" placeholder="关联发票自动读取" required :rules="[{ required: true, message: '请输入' }]" type="digit" label="发票/凭证张数" clear-trigger="always" input-align="right">
-                      <template #button>
-                        张
-                      </template>
+                    <van-field
+                      v-model="nitem.invoiceCount"
+                      :disabled="true"
+                      placeholder="关联发票自动读取"
+                      required
+                      :rules="[{ required: true, message: '请输入' }]"
+                      type="digit"
+                      label="发票/凭证张数"
+                      clear-trigger="always"
+                      input-align="right"
+                    >
+                      <template #button> 张 </template>
                     </van-field>
-                    <van-field v-model="nitem.remark" :disabled="disabled" name="reason" autosize rows="2" label="备注" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
-                    <div @click="handleShowIe('1',index,nIndex)">
-                      <van-field disabled :class="nitem.invoiceName ? 'actived-disabled tag-blue':'tag-blue'" v-model="nitem.invoiceName" name="reason" autosize rows="2" label="关联发票" clear-trigger="always" input-align="right" placeholder="请关联" />
+                    <van-field
+                      v-model="nitem.remark"
+                      :disabled="disabled"
+                      name="reason"
+                      autosize
+                      rows="2"
+                      label="备注"
+                      clear-trigger="always"
+                      input-align="right"
+                      placeholder="请输入"
+                      type="textarea"
+                    />
+                    <div @click="handleShowIe('1', index, nIndex)">
+                      <van-field
+                        disabled
+                        :class="
+                          nitem.invoiceName
+                            ? 'actived-disabled tag-blue'
+                            : 'tag-blue'
+                        "
+                        v-model="nitem.invoiceName"
+                        name="reason"
+                        autosize
+                        rows="2"
+                        label="关联发票"
+                        clear-trigger="always"
+                        input-align="right"
+                        placeholder="请关联"
+                      />
                     </div>
                     <!--关联发票  -->
-                    <ConnectInvoice :list="nitem.ieList" :temClaimNo="form.claimNo" :invoiceIds="nitem.invoiceIds" @onCancel="nitem.show = false" :isOpen="nitem.show" @onConfirm="(arr)=>{handleConfirmIe(arr,index,nIndex)}" />
+                    <ConnectInvoice
+                      :list="nitem.ieList"
+                      :temClaimNo="form.claimNo"
+                      :invoiceIds="nitem.invoiceIds"
+                      @onCancel="nitem.show = false"
+                      :isOpen="nitem.show"
+                      @onConfirm="handleConfirmIe($event, index, nIndex)"
+                    />
                   </div>
                 </div>
-                <div class="add-box" style="margin-bottom:0.3rem" v-if="['edit','add'].includes(typeStr)">
-                  <van-button type="info" round @click.stop="handleAddAccount(index)" native-type="button" icon="plus" size="small">添加费用</van-button>
+                <div
+                  class="add-box"
+                  style="margin-bottom: 0.3rem"
+                  v-if="['edit', 'add'].includes(typeStr)"
+                >
+                  <van-button
+                    type="info"
+                    round
+                    @click.stop="handleAddAccount(index)"
+                    native-type="button"
+                    icon="plus"
+                    size="small"
+                    >添加费用</van-button
+                  >
                 </div>
-                <van-field placeholder="请输入" :disabled="disabled" :rules="[{ required: true, message: '请输入',validator: VerifyFunc.validatorMoney }]" v-model="item.amount" type="number" :name="`tripDay_${index}`" label="行程预计费用" required clear-trigger="always" input-align="right">
-                  <template #button>
-                    元
-                  </template>
+                <van-field
+                  placeholder="请输入"
+                  :disabled="disabled"
+                  :rules="[
+                    {
+                      required: true,
+                      message: '请输入',
+                      validator: VerifyFunc.validatorMoney,
+                    },
+                  ]"
+                  v-model="item.amount"
+                  type="number"
+                  :name="`tripDay_${index}`"
+                  label="行程预计费用"
+                  required
+                  clear-trigger="always"
+                  input-align="right"
+                >
+                  <template #button> 元 </template>
                 </van-field>
-                <div style="color:red;margin-top:10px" v-if="item.amount > handleCountAmount(item.expenseClaimDetails)">
-                  费用明细超出费控设置金额,费控设置金额为：{{handleCountAmount(item.expenseClaimDetails)}}
+                <div
+                  style="color: red; margin-top: 10px"
+                  v-if="
+                    item.amount > handleCountAmount(item.expenseClaimDetails)
+                  "
+                >
+                  费用明细超出费控设置金额,费控设置金额为：{{
+                    handleCountAmount(item.expenseClaimDetails)
+                  }}
                 </div>
                 <!-- <van-field placeholder="请输入" label="费用预警" style="color:red" :value="`费用明细超出费控设置金额,费控设置金额为：${handleCountAmount(item.expenseClaimDetails)}`" :disabled="disabled" clear-trigger="always" input-align="right">
 
@@ -106,82 +448,243 @@
               </div>
             </div>
           </div>
-          <div class="add-box" v-if="['edit','add'].includes(typeStr)">
-            <van-button type="info" round @click.stop="handleAdd" native-type="button" icon="plus" size="small">添加行程</van-button>
+          <div class="add-box" v-if="['edit', 'add'].includes(typeStr)">
+            <van-button
+              type="info"
+              round
+              @click.stop="handleAdd"
+              native-type="button"
+              icon="plus"
+              size="small"
+              >添加行程</van-button
+            >
           </div>
         </div>
 
         <!-- 日常费用列表 -->
-        <div class="section mt5" v-if="RCBX"> <span class="line"> </span>费用</div>
+        <div class="section mt5" v-if="RCBX">
+          <span class="line"> </span>费用
+        </div>
         <div class="account-box trips-box" v-if="RCBX">
-          <div class="item-box" v-for="(nitem,nIndex) in form.expenseClaimDetails" :key="nIndex">
-            <div class="box-tp" style="margin-bottom:1rem">
+          <div
+            class="item-box"
+            v-for="(nitem, nIndex) in form.expenseClaimDetails"
+            :key="nIndex"
+          >
+            <div class="box-tp" style="margin-bottom: 1rem">
               <!-- <div class="tp-lf" @click.stop="showRules1(nitem,index,nIndex)"> 费用 &nbsp;{{nIndex + 1}} -->
-              <div class="tp-lf"> 费用 &nbsp;{{nIndex + 1}}
+              <div class="tp-lf">
+                费用 &nbsp;{{ nIndex + 1 }}
                 <!-- <span class="rules" style="color:#1989fa">
                   <van-icon size="18" name="coupon-o" color="#1989fa" />报销规则
                 </span> -->
               </div>
-              <div class="tp-rt" v-if="!(form.expenseClaimDetails.length == 1)" @click.stop="handleAcDel1(index,nIndex)">
+              <div
+                class="tp-rt"
+                v-if="!(form.expenseClaimDetails.length == 1)"
+                @click.stop="handleAcDel1(index, nIndex)"
+              >
                 <van-icon name="delete-o" size="20" />
               </div>
             </div>
             <div class="box-tt">
-              <RePick v-model="nitem.feeType" :disabled="disabled" titleKey="label" idKey="value" label="费用类型" :name="`feeType_${index}_${nIndex}`" :list="feeTypeList" isRequrie isCell clearable />
-              <van-field v-model="nitem.amount" :disabled="disabled" @blur="handleNitemAmount1($event,nIndex)" placeholder="请输入" required :rules="[{ required: true,trigger: 'onBlur', message: '格式错误',validator: VerifyFunc.validatorMoney }]" type="number" label="金额" clear-trigger="always" input-align="right">
-                <template #button>
-                  元
-                </template>
+              <RePick
+                v-model="nitem.feeType"
+                :disabled="disabled"
+                titleKey="label"
+                idKey="value"
+                label="费用类型"
+                :name="`feeType_${index}_${nIndex}`"
+                :list="feeTypeList"
+                isRequrie
+                isCell
+                clearable
+              />
+              <van-field
+                v-model="nitem.amount"
+                :disabled="disabled"
+                @blur="handleNitemAmount1($event, nIndex)"
+                placeholder="请输入"
+                required
+                :rules="[
+                  {
+                    required: true,
+                    trigger: 'onBlur',
+                    message: '格式错误',
+                    validator: VerifyFunc.validatorMoney,
+                  },
+                ]"
+                type="number"
+                label="金额"
+                clear-trigger="always"
+                input-align="right"
+              >
+                <template #button> 元 </template>
               </van-field>
-              <van-field v-model="nitem.invoiceCount" :disabled="true" placeholder="关联发票自动读取" required :rules="[{ required: true, message: '请输入' }]" type="digit" label="发票/凭证张数" clear-trigger="always" input-align="right">
-                <template #button>
-                  张
-                </template>
+              <van-field
+                v-model="nitem.invoiceCount"
+                :disabled="true"
+                placeholder="关联发票自动读取"
+                required
+                :rules="[{ required: true, message: '请输入' }]"
+                type="digit"
+                label="发票/凭证张数"
+                clear-trigger="always"
+                input-align="right"
+              >
+                <template #button> 张 </template>
               </van-field>
-              <van-field v-model="nitem.remark" :disabled="disabled" name="reason" autosize rows="2" label="备注" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
+              <van-field
+                v-model="nitem.remark"
+                :disabled="disabled"
+                name="reason"
+                autosize
+                rows="2"
+                label="备注"
+                clear-trigger="always"
+                input-align="right"
+                placeholder="请输入"
+                type="textarea"
+              />
               <div @click="handleShowIe1(nIndex)">
-                <van-field disabled :class="nitem.invoiceName ? 'actived-disabled tag-blue':'tag-blue'" v-model="nitem.invoiceName" name="reason" autosize rows="2" label="关联发票" clear-trigger="always" input-align="right" placeholder="请关联" />
+                <van-field
+                  disabled
+                  :class="
+                    nitem.invoiceName ? 'actived-disabled tag-blue' : 'tag-blue'
+                  "
+                  v-model="nitem.invoiceName"
+                  name="reason"
+                  autosize
+                  rows="2"
+                  label="关联发票"
+                  clear-trigger="always"
+                  input-align="right"
+                  placeholder="请关联"
+                />
               </div>
               <!--关联发票  -->
-              <ConnectInvoice :list="nitem.ieList" :invoiceIds="nitem.invoiceIds" @onCancel="nitem.show = false" :isOpen="nitem.show" @onConfirm="(arr)=>{handleConfirmIe1(arr,nIndex)}" />
-              <div style="color:red;margin-top:10px" v-if="nitem.amount > handleCountAmount(form.expenseClaimDetails)">
-                费用明细超出费控设置金额,费控设置金额为：{{handleCountAmount(form.expenseClaimDetails)}}
+              <ConnectInvoice
+                :list="nitem.ieList"
+                :invoiceIds="nitem.invoiceIds"
+                @onCancel="nitem.show = false"
+                :isOpen="nitem.show"
+                @onConfirm="
+                  (arr) => {
+                    handleConfirmIe1(arr, nIndex)
+                  }
+                "
+              />
+              <div
+                style="color: red; margin-top: 10px"
+                v-if="
+                  nitem.amount > handleCountAmount(form.expenseClaimDetails)
+                "
+              >
+                费用明细超出费控设置金额,费控设置金额为：{{
+                  handleCountAmount(form.expenseClaimDetails)
+                }}
               </div>
             </div>
           </div>
-          <div class="add-box" style="margin-bottom:0.3rem" v-if="['edit','add'].includes(typeStr)">
-            <van-button type="info" round @click.stop="handleAddAccount1(index)" native-type="button" icon="plus" size="small">添加费用</van-button>
+          <div
+            class="add-box"
+            style="margin-bottom: 0.3rem"
+            v-if="['edit', 'add'].includes(typeStr)"
+          >
+            <van-button
+              type="info"
+              round
+              @click.stop="handleAddAccount1(index)"
+              native-type="button"
+              icon="plus"
+              size="small"
+              >添加费用</van-button
+            >
           </div>
         </div>
         <!-- 日常费用列表结束  -->
 
-        <div class="section mt5" v-if="['show'].includes(typeStr)"> <span class="line"> </span>审批流程</div>
-        <ApprovalProcess v-if="['show'].includes(typeStr)" :processInstanceId="form.processInstanceId" @onSetId="handleSetAccessId" />
+        <div class="section mt5" v-if="['show'].includes(typeStr)">
+          <span class="line"> </span>审批流程
+        </div>
+        <ApprovalProcess
+          v-if="['show'].includes(typeStr)"
+          :processInstanceId="form.processInstanceId"
+          @onSetId="handleSetAccessId"
+        />
         <!-- 申请单关联 -->
-        <div class="section mt5"> <span class="line"> </span>申请单关联</div>
-        <RePick v-model="form.expenseApplyIds" isShowSearch :disabled="disabled" inputAlign="left" multiple titleKey="title" idKey="id" label="申请单" :name="`expenseApplyIds`" :list="expenseApplyList" isCell clearable />
-        <div class="section mt5" v-if="form.budgetAmountInfo"> <span class="line"> </span>预算信息提示</div>
-        <div style="color:red;font-size:0.8rem;margin-top:0.5rem" v-if="form.budgetAmountInfo">
-          {{form.budgetAmountInfo}}
+        <div class="section mt5"><span class="line"> </span>申请单关联</div>
+        <RePick
+          v-model="form.expenseApplyIds"
+          isShowSearch
+          :disabled="disabled"
+          inputAlign="left"
+          multiple
+          titleKey="title"
+          idKey="id"
+          label="申请单"
+          :name="`expenseApplyIds`"
+          :list="expenseApplyList"
+          isCell
+          clearable
+        />
+        <div class="section mt5" v-if="form.budgetAmountInfo">
+          <span class="line"> </span>预算信息提示
+        </div>
+        <div
+          style="color: red; font-size: 0.8rem; margin-top: 0.5rem"
+          v-if="form.budgetAmountInfo"
+        >
+          {{ form.budgetAmountInfo }}
         </div>
       </van-form>
     </div>
-    <BottomBtn ref="BottomBtn" :isAuthorised="isAuthorised" @onBtConfirm="handleBtConfirm" :accessId="accessId" />
+    <BottomBtn
+      ref="BottomBtn"
+      :isAuthorised="isAuthorised"
+      @onBtConfirm="handleBtConfirm"
+      :accessId="accessId"
+    />
     <!--行程时间范围选择 -->
-    <van-calendar ref="vanCalendar" allow-same-day :maxDate="maxDate" v-model="dateShow" :min-date="minDate" :default-date="defaultDate" type="range" color="#0088FE" @confirm="handleDateSelect" />
+    <van-calendar
+      ref="vanCalendar"
+      allow-same-day
+      :maxDate="maxDate"
+      v-model="dateShow"
+      :min-date="minDate"
+      :default-date="defaultDate"
+      type="range"
+      color="#0088FE"
+      @confirm="handleDateSelect"
+    />
     <!-- 报销规则 -->
-    <Rules :dataObj="dialogObj" :typeStr="typeStr" @onCancel="isShow = false" :isOpen="isShow" @onConfirm="(arr)=>{isShow = false}" />
+    <Rules
+      :dataObj="dialogObj"
+      :typeStr="typeStr"
+      @onCancel="isShow = false"
+      :isOpen="isShow"
+      @onConfirm="
+        (arr) => {
+          isShow = false
+        }
+      "
+    />
   </div>
 </template>
 
 <script>
-import dayjs from 'dayjs';
-import { createExpenseClaim, findClaimRules, getExpenseClaim, getMyExpenseClaim } from "@/api/bs/expenseClaim";
-import { getInvoicePage } from "@/api/bs/invoice";
-import { listData } from "@/api/system/dict/data";
+import dayjs from 'dayjs'
+import {
+  createExpenseClaim,
+  findClaimRules,
+  getExpenseClaim,
+  getMyExpenseClaim,
+} from '@/api/bs/expenseClaim'
+import { getInvoicePage } from '@/api/bs/invoice'
+import { listData } from '@/api/system/dict/data'
 import VerifyFunc from '@/utils/verify'
 import { getTreeIds, findAreaIdName } from '@/utils'
-import { getExpenseApplyMyPage } from "@/api/bs/expenseApply";
+import { getExpenseApplyMyPage } from '@/api/bs/expenseApply'
 import { Dialog } from 'vant'
 export default {
   //import引入组件才能使用
@@ -203,8 +706,7 @@ export default {
     })
   },
   // 生命周期：挂载完成时（可以访问DOM元素）
-  mounted() {
-  },
+  mounted() {},
   data() {
     return {
       indexOne: 1,
@@ -221,10 +723,10 @@ export default {
       typeStr: null, // show: 查看 edit: 编辑: 其他新增
       fileList: [],
       btnList: [
-        { title: '暂存', icon: 'star-o', color: "#909399", key: 0 },
-        { title: '提交', icon: 'edit', color: "#ff9900", key: 1 },
-        { title: '同意', icon: 'certificate', color: "#19be6b", key: 2 },
-        { title: '驳回', icon: 'exchange', color: "#fa3534", key: 3 },
+        { title: '暂存', icon: 'star-o', color: '#909399', key: 0 },
+        { title: '提交', icon: 'edit', color: '#ff9900', key: 1 },
+        { title: '同意', icon: 'certificate', color: '#19be6b', key: 2 },
+        { title: '驳回', icon: 'exchange', color: '#fa3534', key: 3 },
       ],
       tripTypeList: [], //  出差类型
       feeTypeList: [], // 费用类型
@@ -234,6 +736,19 @@ export default {
       defaultDate: new Date(),
       dateShow: false,
       form: {
+        companyName: window.localStorage.getItem('cn'), //公司名称
+        nickname: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).nickname, //申请人
+        userId: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).id, //申请人id
+        deptName: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).dept.name, //申请人部门
+        deptId: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).deptId,
         applyNo: null,
         projectName: null,
         reason: null,
@@ -261,9 +776,9 @@ export default {
                 amount: undefined,
                 invoiceCount: undefined,
                 remark: null,
-              }
-            ]
-          }
+              },
+            ],
+          },
         ],
         // 日常申请的
         expenseClaimDetails: [
@@ -276,18 +791,18 @@ export default {
             amount: undefined,
             invoiceCount: undefined,
             remark: null,
-          }
-        ]
+          },
+        ],
       },
-    };
+    }
   },
   // 计算属性
   // bs_fee_type
   computed: {
     allTripPartners() {
       let arr = []
-      this.form.expenseClaimTrips.forEach(v => {
-        v.tripPartners.forEach(z => {
+      this.form.expenseClaimTrips.forEach((v) => {
+        v.tripPartners.forEach((z) => {
           arr.push(z)
         })
       })
@@ -324,10 +839,10 @@ export default {
   methods: {
     handleCountAmount(list) {
       // 判断是否有成功
-      let res = (list || []).filter(item => item.feeManageAmount)
+      let res = (list || []).filter((item) => item.feeManageAmount)
       if (res.length) {
-        let arr = list.map(item => item.feeManageAmount || 0)
-        return arr.reduce((total, num) => Number(total) + Number(num), 0);
+        let arr = list.map((item) => item.feeManageAmount || 0)
+        return arr.reduce((total, num) => Number(total) + Number(num), 0)
       } else {
         return 999999999999999999
       }
@@ -336,34 +851,39 @@ export default {
       let newArr = [arr[0]]
 
       for (let i = 1; i < arr.length; i++) {
-
         if (arr[i] !== newArr[newArr.length - 1]) {
-
           newArr.push(arr[i])
-
         }
-
       }
       return newArr
     },
     showRules(obj, index, nIndex) {
       let msgObj = this.form.expenseClaimTrips[index] || {}
-      let msgObj2 = this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex] || {}
+      let msgObj2 =
+        this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex] || {}
       const { destinationLocation } = msgObj
       const { feeType } = msgObj2
       if (!destinationLocation || !feeType || !this.form.costDeptId) {
         return this.$fm('请选择行程目的地，费用类型，费用归属部门！')
       }
       findClaimRules({
-        destinationLocation: Array.isArray(destinationLocation) ? destinationLocation[destinationLocation.length - 1] : destinationLocation,
+        destinationLocation: Array.isArray(destinationLocation)
+          ? destinationLocation[destinationLocation.length - 1]
+          : destinationLocation,
         feeType,
-        costDeptId: this.form.costDeptId
+        costDeptId: this.form.costDeptId,
       }).then((res) => {
         this.dialogObj = {
           dept: getTreeIds(this.userDeptTree, this.form.costDeptId).join('-'),
-          area: getTreeIds(this.areaTree, Array.isArray(destinationLocation) ? destinationLocation[destinationLocation.length - 1] : destinationLocation).join('-'),
-          feetypeName: this.feeTypeList.find(item => item.value == feeType).label,
-          maxMoney: res.data === 0 || res.data ? res.data : '未设置'
+          area: getTreeIds(
+            this.areaTree,
+            Array.isArray(destinationLocation)
+              ? destinationLocation[destinationLocation.length - 1]
+              : destinationLocation
+          ).join('-'),
+          feetypeName: this.feeTypeList.find((item) => item.value == feeType)
+            .label,
+          maxMoney: res.data === 0 || res.data ? res.data : '未设置',
         }
         this.isShow = true
       })
@@ -398,118 +918,145 @@ export default {
         this.$set(this.form.expenseClaimTrips[index], 'tripPartnersName', null)
       }
     },
-    handleShowRules() {
-
-    },
+    handleShowRules() {},
     handleBtConfirm(key, ignoreFeeTip) {
-      console.log('ignoreFeeTip...', ignoreFeeTip);
+      console.log('ignoreFeeTip...', ignoreFeeTip)
       if (key == 2 || key == 3) {
         return
       }
       this.$nextTick(() => {
-        this.$refs.form.validate().then(() => {
-          // 添加/修改的提交
-          let newForm = {
-            ...this.form,
-            files: this.fileList,
-            billType: this.$route.query.billType,
-            ignoreFeeTip,
-            status: key
-          }
-          if (this.$route.query.billType === 'RCBX') {
-            delete newForm.expenseClaimTrips
-          } else {
-            delete newForm.expenseClaimDetails
-          }
-          if (ignoreFeeTip) {
-            this.$loading(true, 'form')
-            createExpenseClaim(newForm).then(() => {
-              this.$loading(false, 'form')
-              this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
-              // 清楚缓存
-              if (!newForm.id) {
-                this.$EventBus.$emit('handleResetLive', 'company-myClaim')
-                this.$EventBus.$emit('handleResetLive', 'company-myNewClaim')
-              }
-              history.back()
-            }).catch(() => {
+        this.$refs.form
+          .validate()
+          .then(() => {
+            // 添加/修改的提交
+            let newForm = {
+              ...this.form,
+              files: this.fileList,
+              billType: this.$route.query.billType,
+              ignoreFeeTip,
+              status: key,
+            }
+            if (this.$route.query.billType === 'RCBX') {
+              delete newForm.expenseClaimTrips
+            } else {
+              delete newForm.expenseClaimDetails
+            }
+            if (ignoreFeeTip) {
+              this.$loading(true, 'form')
+              createExpenseClaim(newForm)
+                .then(() => {
+                  this.$loading(false, 'form')
+                  this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
+                  // 清楚缓存
+                  if (!newForm.id) {
+                    this.$EventBus.$emit('handleResetLive', 'company-myClaim')
+                    this.$EventBus.$emit(
+                      'handleResetLive',
+                      'company-myNewClaim'
+                    )
+                  }
+                  history.back()
+                })
+                .catch(() => {
+                  this.$loading(false, 'form')
+                })
+            } else {
               this.$loading(false, 'form')
-            })
-          } else {
+              createExpenseClaim(newForm)
+                .then((response) => {
+                  if (response.msg) {
+                    if (!response.data) {
+                      Dialog.confirm({
+                        title: '提示',
+                        message: `${response.msg} 您确认要提交吗?`,
+                      }).then(() => {
+                        this.handleBtConfirm(key, 1)
+                      })
+                    }
+                  } else {
+                    this.$loading(false, 'form')
+                    this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
+                    // 清楚缓存
+                    if (!newForm.id) {
+                      this.$EventBus.$emit('handleResetLive', 'company-myClaim')
+                      this.$EventBus.$emit(
+                        'handleResetLive',
+                        'company-myNewClaim'
+                      )
+                    }
+                    history.back()
+                  }
+                })
+                .catch(() => {
+                  this.$loading(false, 'form')
+                })
+            }
+            // createExpenseClaim(newForm).then(() => {
+            //   this.$loading(false, 'form')
+            //   this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
+            //   // 清楚缓存
+            //   if (!newForm.id) {
+            //     this.$EventBus.$emit('handleResetLive', 'company-myClaim')
+            //   }
+            //   history.back()
+            // });
+          })
+          .catch((err) => {
+            console.log('err..', err)
             this.$loading(false, 'form')
-            createExpenseClaim(newForm).then((response) => {
-              if (response.msg) {
-                if (!response.data) {
-                  Dialog.confirm({
-                    title: '提示',
-                    message: `${response.msg} 您确认要提交吗?`,
-                  }).then(() => {
-                    this.handleBtConfirm(key, 1)
-                  })
-                }
-              } else {
-                this.$loading(false, 'form')
-                this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
-                // 清楚缓存
-                if (!newForm.id) {
-                  this.$EventBus.$emit('handleResetLive', 'company-myClaim')
-                  this.$EventBus.$emit('handleResetLive', 'company-myNewClaim')
-                }
-                history.back()
-              }
-            }).catch(() => {
-              this.$loading(false, 'form')
-            })
-          }
-          // createExpenseClaim(newForm).then(() => {
-          //   this.$loading(false, 'form')
-          //   this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
-          //   // 清楚缓存
-          //   if (!newForm.id) {
-          //     this.$EventBus.$emit('handleResetLive', 'company-myClaim')
-          //   }
-          //   history.back()
-          // });
-        }).catch((err) => {
-          console.log('err..', err);
-          this.$loading(false, 'form')
-          if (err && err.length > 0 && err[0].name) {
-            const fieldElement = this.$refs.form.$el.querySelector(`[name="${err[0].name}"]`);
-            const fieldHeight = fieldElement.offsetHeight;
-            const scrollHeight = fieldHeight + 50; // 假设添加了 50px 的额外高度
-            this.$refs.form.scrollToField(err[0].name, scrollHeight);
-          }
-        })
+            if (err && err.length > 0 && err[0].name) {
+              const fieldElement = this.$refs.form.$el.querySelector(
+                `[name="${err[0].name}"]`
+              )
+              const fieldHeight = fieldElement.offsetHeight
+              const scrollHeight = fieldHeight + 50 // 假设添加了 50px 的额外高度
+              this.$refs.form.scrollToField(err[0].name, scrollHeight)
+            }
+          })
       })
     },
     handleSetAccessId(id) {
       this.accessId = id
     },
     handleNitemAmount(e, index) {
-      this.VerifyFunc.validatorMoney(e.target.value, { required: true }).then((res) => {
-        if (!res) {
-          this.$fm('金额格式错误！')
-        } else {
-          let arr = this.form.expenseClaimTrips[index].expenseClaimDetails.map(item => item.amount)
-          let total = arr.reduce((pre, cur) => {
-            return parseFloat(pre) + parseFloat(cur)
-          }, 0)
-          this.$set(this.form.expenseClaimTrips[index], 'amount', total.toFixed(2))
+      this.VerifyFunc.validatorMoney(e.target.value, { required: true }).then(
+        (res) => {
+          if (!res) {
+            this.$fm('金额格式错误！')
+          } else {
+            let arr = this.form.expenseClaimTrips[
+              index
+            ].expenseClaimDetails.map((item) => item.amount)
+            let total = arr.reduce((pre, cur) => {
+              return parseFloat(pre) + parseFloat(cur)
+            }, 0)
+            this.$set(
+              this.form.expenseClaimTrips[index],
+              'amount',
+              total.toFixed(2)
+            )
+          }
         }
-      })
+      )
     },
     handleNitemAmount1(e, index) {
-      this.VerifyFunc.validatorMoney(e.target.value, { required: true }).then((res) => {
-        if (!res) {
-          this.$fm('金额格式错误！')
-        } else {
-          let arr = this.form.expenseClaimDetails.map(item => item.amount)
-          let total = arr.reduce((pre, cur) => {
-            return parseFloat(pre) + parseFloat(cur)
-          }, 0)
-          this.$set(this.form.expenseClaimDetails[index], 'amount', total.toFixed(2))
+      this.VerifyFunc.validatorMoney(e.target.value, { required: true }).then(
+        (res) => {
+          if (!res) {
+            this.$fm('金额格式错误！')
+          } else {
+            let arr = this.form.expenseClaimDetails.map((item) => item.amount)
+            let total = arr.reduce((pre, cur) => {
+              return parseFloat(pre) + parseFloat(cur)
+            }, 0)
+            this.$set(
+              this.form.expenseClaimDetails[index],
+              'amount',
+              total.toFixed(2)
+            )
+          }
         }
-      })
+      )
     },
     handleAcDel(index, nIndex) {
       this.form.expenseClaimTrips[index].expenseClaimDetails.splice(nIndex, 1)
@@ -537,8 +1084,9 @@ export default {
         //
         //   })
         // }
-        let beforeIds = this.ieList.filter(item => !arr.includes(item.id)) || []
-        let noewIds = this.ieList.filter(item => ids.includes(item.id)) || []
+        let beforeIds =
+          this.ieList.filter((item) => !arr.includes(item.id)) || []
+        let noewIds = this.ieList.filter((item) => ids.includes(item.id)) || []
         resolve(beforeIds.concat(noewIds))
       })
     },
@@ -549,8 +1097,12 @@ export default {
       // this.claimType = type
       // let obj = this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex]
       // this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'ieList', arr)
-      this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'show', true)
-      console.log('form......', this.form);
+      this.$set(
+        this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex],
+        'show',
+        true
+      )
+      console.log('form......', this.form)
       // this.handleFilterList(obj.invoiceIds || {}).then((arr) => {
       //
       // })
@@ -566,32 +1118,57 @@ export default {
       // })
     },
     handleConfirmIe(arr, index, nIndex) {
+      console.log(arr, 'nIndex', nIndex)
       // let nameArr = ((this.ieList.filter(item => arr.includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
-      this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'invoiceIds', arr)
-      this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'show', false)
-      this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'invoiceCount', this.totalCount(arr))
-      this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'invoiceName', '已关联发票')
+      this.$set(
+        this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex],
+        'invoiceIds',
+        arr
+      )
+      this.$set(
+        this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex],
+        'show',
+        false
+      )
+      this.$set(
+        this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex],
+        'invoiceCount',
+        this.totalCount(arr)
+      )
+      this.$set(
+        this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex],
+        'invoiceName',
+        '已关联发票'
+      )
     },
     handleConfirmIe1(arr, nIndex) {
       // let nameArr = ((this.ieList.filter(item => arr.includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
       this.$set(this.form.expenseClaimDetails[nIndex], 'invoiceIds', arr)
       this.$set(this.form.expenseClaimDetails[nIndex], 'show', false)
-      this.$set(this.form.expenseClaimDetails[nIndex], 'invoiceCount', this.totalCount(arr))
-      this.$set(this.form.expenseClaimDetails[nIndex], 'invoiceName', '已关联发票')
+      this.$set(
+        this.form.expenseClaimDetails[nIndex],
+        'invoiceCount',
+        this.totalCount(arr)
+      )
+      this.$set(
+        this.form.expenseClaimDetails[nIndex],
+        'invoiceName',
+        '已关联发票'
+      )
     },
 
     totalCount(obj) {
-      let count = 0;
+      let count = 0
 
       for (let key in obj) {
         if (Array.isArray(obj[key])) {
-          count += obj[key].length;
+          count += obj[key].length
         }
       }
-      return count;
+      return count
     },
     totalName(obj) {
-      let count = '';
+      let count = ''
       for (let key in obj) {
         if (Array.isArray(obj[key])) {
           obj[key].forEach(function (item) {
@@ -599,7 +1176,7 @@ export default {
           })
         }
       }
-      return count;
+      return count
     },
 
     handleAddAccount(pIndex, index) {
@@ -628,52 +1205,58 @@ export default {
       this.$EventBus.$emit('handleAddLive', 'company-claim')
       if (id) {
         this.$loading(true, 'loadingSb')
-        let api = listType === 'myNewClaim' ? getMyExpenseClaim : getExpenseClaim
-        api(id).then((res) => {
-
-          this.form = {
-            ...(res.data || {}),
-            expenseClaimTrips: (res.data.expenseClaimTrips || []).map(item => {
-              let nameArr = []
-              this.userList.forEach(element => {
-                if (item.tripPartners.includes(element.id)) {
-                  nameArr.push(element.nickname)
+        let api =
+          listType === 'myNewClaim' ? getMyExpenseClaim : getExpenseClaim
+        api(id)
+          .then((res) => {
+            this.form = {
+              ...(res.data || {}),
+              expenseClaimTrips: (res.data.expenseClaimTrips || []).map(
+                (item) => {
+                  let nameArr = []
+                  this.userList.forEach((element) => {
+                    if (item.tripPartners.includes(element.id)) {
+                      nameArr.push(element.nickname)
+                    }
+                  })
+                  return {
+                    ...item,
+                    tripType: Number(item.tripType),
+                    time: `${dayjs(item.startTime).format('YY/MM/DD')}~${dayjs(
+                      item.endTime
+                    ).format('YY/MM/DD')}`,
+                    tripPartnersName: nameArr.join('、'),
+                    departureLocation: Number(item.departureLocation),
+                    destinationLocation: Number(item.destinationLocation),
+                  }
                 }
-              });
-              return {
-                ...item,
-                tripType: Number(item.tripType),
-                time: `${dayjs(item.startTime).format('YY/MM/DD')}~${dayjs(item.endTime).format('YY/MM/DD')}`,
-                tripPartnersName: nameArr.join('、'),
-                departureLocation: Number(item.departureLocation),
-                destinationLocation: Number(item.destinationLocation)
-              }
-            })
-          }
-          if (Array.isArray(this.form.expenseClaimTrips)) {
-            this.form.expenseClaimTrips.forEach(n => {
-              n.expenseClaimDetails.forEach(z => {
+              ),
+            }
+            if (Array.isArray(this.form.expenseClaimTrips)) {
+              this.form.expenseClaimTrips.forEach((n) => {
+                n.expenseClaimDetails.forEach((z) => {
+                  // let nameArr = ((this.ieList.filter(item => (z.invoiceIds || []).includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
+                  this.$set(z, 'show', false)
+                  // this.$set(z, 'invoiceName', nameArr)
+                })
+              })
+            }
+            if (Array.isArray(this.form.expenseClaimDetails)) {
+              this.form.expenseClaimDetails.forEach((z) => {
                 // let nameArr = ((this.ieList.filter(item => (z.invoiceIds || []).includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
                 this.$set(z, 'show', false)
                 // this.$set(z, 'invoiceName', nameArr)
               })
+            }
+            this.fileList = res.data.files || []
+            this.isAuthorised = res.data.isAuthorised
+            this.$nextTick(() => {
+              this.$refs.BottomBtn.handleFilterBtnList()
             })
-          }
-          if (Array.isArray(this.form.expenseClaimDetails)) {
-            this.form.expenseClaimDetails.forEach(z => {
-              // let nameArr = ((this.ieList.filter(item => (z.invoiceIds || []).includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
-              this.$set(z, 'show', false)
-              // this.$set(z, 'invoiceName', nameArr)
-            })
-          }
-          this.fileList = res.data.files || []
-          this.isAuthorised = res.data.isAuthorised
-          this.$nextTick(() => {
-            this.$refs.BottomBtn.handleFilterBtnList()
           })
-        }).finally(() => {
-          this.$loading(false, 'loadingSb')
-        })
+          .finally(() => {
+            this.$loading(false, 'loadingSb')
+          })
       }
     },
     handleUpload(list) {
@@ -681,26 +1264,37 @@ export default {
     },
     handleNewConfirmPo(arr, index) {
       let nameArr = []
-      this.userList.forEach(element => {
+      this.userList.forEach((element) => {
         if (arr.includes(element.id)) {
           nameArr.push(element.nickname)
         }
-      });
+      })
       this.$set(this.form.expenseClaimTrips[index], 'tripPartners', arr)
-      this.$set(this.form.expenseClaimTrips[index], 'tripPartnersName', nameArr.join('、'))
+      this.$set(
+        this.form.expenseClaimTrips[index],
+        'tripPartnersName',
+        nameArr.join('、')
+      )
       this.$set(this.form.expenseClaimTrips[index], 'isOpen', false)
     },
     handleConfirmPo(arr, index) {
-      let nameArr = this.form.expenseClaimTrips[index].tripPartnersName && this.form.expenseClaimTrips[index].tripPartnersName.split('、') || []
+      let nameArr =
+        (this.form.expenseClaimTrips[index].tripPartnersName &&
+          this.form.expenseClaimTrips[index].tripPartnersName.split('、')) ||
+        []
       let newArr = this.form.expenseClaimTrips[index].tripPartners || []
-      this.userList.forEach(element => {
+      this.userList.forEach((element) => {
         if (arr.includes(element.id)) {
           nameArr.push(element.nickname)
           newArr.push(element.id)
         }
-      });
+      })
       this.$set(this.form.expenseClaimTrips[index], 'tripPartners', newArr)
-      this.$set(this.form.expenseClaimTrips[index], 'tripPartnersName', nameArr.join('、'))
+      this.$set(
+        this.form.expenseClaimTrips[index],
+        'tripPartnersName',
+        nameArr.join('、')
+      )
       this.$set(this.form.expenseClaimTrips[index], 'isOpen', false)
     },
     handlePoShow(index) {
@@ -709,10 +1303,8 @@ export default {
         this.$set(this.form.expenseClaimTrips[index], 'type', 0)
         this.$set(this.form.expenseClaimTrips[index], 'isOpen', true)
       } else {
-
         this.$fm('请先添加同行人！')
       }
-
     },
     handlePoCancel(index) {
       this.$set(this.form.expenseClaimTrips[index], 'isOpen', false)
@@ -736,7 +1328,7 @@ export default {
         tripDay: undefined,
         tripType: null,
         tripPartners: [], // 出差同行人
-        tripPartnersName: "",
+        tripPartnersName: '',
         amount: undefined,
         isOpen: false,
         type: 0,
@@ -747,12 +1339,12 @@ export default {
             amount: undefined,
             invoiceCount: undefined,
             remark: null,
-          }
-        ]
+          },
+        ],
       })
     },
     handleInitList() {
-      console.log('......');
+      console.log('......')
       this.$loading(true)
       return new Promise((resolve) => {
         listData({
@@ -762,7 +1354,7 @@ export default {
         }).then((res) => {
           // 出差类型
           this.tripTypeList = res.data.list || []
-          console.log('tripTypeList..', this.tripTypeList);
+          console.log('tripTypeList..', this.tripTypeList)
         })
         listData({
           pageNo: 1,
@@ -776,16 +1368,17 @@ export default {
           pageNo: 1,
           pageSize: this.$store.getters.requestPageSize,
         }).then((res) => {
-          this.ieList = res.data && res.data.list || []
+          this.ieList = (res.data && res.data.list) || []
           getExpenseApplyMyPage({
             pageNo: 1,
             pageSize: 1000,
             billType: this.$route.query.billType === 'RCBX' ? 'RCSQ' : 'CLSQ',
             expenseFlag: 0,
             ids: [],
-            sortingFieldStr: encodeURIComponent(JSON.stringify([{ field: 'id', order: "desc" }]))
+            sortingFieldStr: encodeURIComponent(
+              JSON.stringify([{ field: 'id', order: 'desc' }])
+            ),
           }).then((res) => {
-
             let list = (res.data.list || []).map((item) => {
               return {
                 ...item,
@@ -795,40 +1388,59 @@ export default {
                 tripDay: (item.expenseApplyTrips || []).reduce((acc, cur) => {
                   return Number(acc) + Number(cur.tripDay)
                 }, 0),
-                rodeArr: ((item.expenseApplyTrips || []).map(item => {
-                  return [(findAreaIdName(this.areaTree, item.departureLocation) || {}).name, (findAreaIdName(this.areaTree, item.destinationLocation) || {}).name]
-                })),
-                time: Array.isArray(item.expenseApplyTrips) && item.expenseApplyTrips.length ? `${dayjs(item.expenseApplyTrips[0].startTime).format('YYYY/MM/DD')}~${dayjs(item.expenseApplyTrips[item.expenseApplyTrips.length - 1].endTime).format('YYYY/MM/DD')}` : '-'
+                rodeArr: (item.expenseApplyTrips || []).map((item) => {
+                  return [
+                    (
+                      findAreaIdName(this.areaTree, item.departureLocation) ||
+                      {}
+                    ).name,
+                    (
+                      findAreaIdName(this.areaTree, item.destinationLocation) ||
+                      {}
+                    ).name,
+                  ]
+                }),
+                time:
+                  Array.isArray(item.expenseApplyTrips) &&
+                  item.expenseApplyTrips.length
+                    ? `${dayjs(item.expenseApplyTrips[0].startTime).format(
+                        'YYYY/MM/DD'
+                      )}~${dayjs(
+                        item.expenseApplyTrips[
+                          item.expenseApplyTrips.length - 1
+                        ].endTime
+                      ).format('YYYY/MM/DD')}`
+                    : '-',
               }
             })
-            list.forEach(element => {
+            list.forEach((element) => {
               let arr = []
-              element.rodeArr.forEach(v => {
-                v.forEach(n => {
+              element.rodeArr.forEach((v) => {
+                v.forEach((n) => {
                   arr.push(n && n)
                 })
               })
               element.rodeArr = arr
-            });
+            })
 
             //去重
-            list.forEach(n => {
+            list.forEach((n) => {
               n.rode = this.unique(n.rodeArr).join('-')
             })
             this.expenseApplyList = (list || []).map((item, index) => {
               return {
                 id: item.id,
-                title: `序号:${index + 1} 编号:${item.applyNo}申请人:${item.nickname}行程路线:${item.rode}出差天数:${item.tripDay || 0}天`,
-                disabled: item.status != 2 ? true : false
+                title: `序号:${index + 1} 编号:${item.applyNo}申请人:${
+                  item.nickname
+                }行程路线:${item.rode}出差天数:${item.tripDay || 0}天`,
+                disabled: item.status != 2 ? true : false,
               }
             })
             resolve()
             this.$loading(false)
           })
         })
-
       })
-
     },
     handleDateShow(index, obj) {
       if (this.disabled) {
@@ -840,7 +1452,10 @@ export default {
         this.dateShow = true
         this.index = index
         if (startTime && endTime) {
-          this.defaultDate = [dayjs(startTime).toDate(), dayjs(endTime).toDate()]
+          this.defaultDate = [
+            dayjs(startTime).toDate(),
+            dayjs(endTime).toDate(),
+          ]
         }
       })
     },
@@ -848,24 +1463,44 @@ export default {
       let trips = this.form.expenseClaimTrips
       if (trips.length && list && list.length) {
         // 判断行程时间是否在已经有的时间范围内
-        let start1 = dayjs(list[0]);
-        let end1 = dayjs(list[1]);
-        let range1 = { start: start1, end: end1 };
+        let start1 = dayjs(list[0])
+        let end1 = dayjs(list[1])
+        let range1 = { start: start1, end: end1 }
         for (let i = 0; i < trips.length; i++) {
-          let start2 = dayjs(trips[i].startTime);
-          let end2 = dayjs(trips[i].endTime);
-          let range2 = { start: start2, end: end2 };
-          if (this.index !== i && range1.start.isBefore(range2.end) && range2.start.isBefore(range1.end)
+          let start2 = dayjs(trips[i].startTime)
+          let end2 = dayjs(trips[i].endTime)
+          let range2 = { start: start2, end: end2 }
+          if (
+            this.index !== i &&
+            range1.start.isBefore(range2.end) &&
+            range2.start.isBefore(range1.end)
           ) {
             this.$set(this.form.expenseClaimTrips[this.index], 'time', null)
             return this.$fm(`行程时间范围与行程${i + 1}时间范围冲突！`)
           }
         }
       }
-      this.$set(this.form.expenseClaimTrips[this.index], 'time', `${dayjs(list[0]).format('YY/MM/DD')}~${dayjs(list[1]).format('YY/MM/DD')}`)
-      this.$set(this.form.expenseClaimTrips[this.index], 'startTime', dayjs(list[0]).valueOf())
-      this.$set(this.form.expenseClaimTrips[this.index], 'endTime', dayjs(list[1]).valueOf())
-      let day = list && list.length && Number(dayjs(list[1]).diff(dayjs(list[0]), 'day')) + 1
+      this.$set(
+        this.form.expenseClaimTrips[this.index],
+        'time',
+        `${dayjs(list[0]).format('YY/MM/DD')}~${dayjs(list[1]).format(
+          'YY/MM/DD'
+        )}`
+      )
+      this.$set(
+        this.form.expenseClaimTrips[this.index],
+        'startTime',
+        dayjs(list[0]).valueOf()
+      )
+      this.$set(
+        this.form.expenseClaimTrips[this.index],
+        'endTime',
+        dayjs(list[1]).valueOf()
+      )
+      let day =
+        list &&
+        list.length &&
+        Number(dayjs(list[1]).diff(dayjs(list[0]), 'day')) + 1
       this.$set(this.form.expenseClaimTrips[this.index], 'tripDay', day)
       this.dateShow = false
     },
diff --git a/src/views/company/trips/index.vue b/src/views/company/trips/index.vue
index a0e7dc0..d929f71 100644
--- a/src/views/company/trips/index.vue
+++ b/src/views/company/trips/index.vue
@@ -1,87 +1,363 @@
 <template>
   <div class="common-list-contain">
     <div class="common-form">
-      <van-form ref="form" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
-        <div class="section"> <span class="line"> </span> 基本信息</div>
+      <van-form
+        ref="form"
+        :show-error-message="false"
+        validate-trigger=""
+        :submit-on-enter="false"
+      >
+        <div class="section"><span class="line"> </span> 基本信息</div>
         <div class="trips-box">
           <div class="item-box">
-            <van-field v-model="form.applyNo" disabled label="单号" v-if="disabled" clear-trigger="always" input-align="right" />
-            <van-field v-model="cn" disabled label="公司名称" clear-trigger="always" input-align="right" />
-            <van-field v-model="userInfo.nickname" disabled label="申请人" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
-            <van-field v-model="userInfo.dept.name" disabled label="申请部门" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
-            <van-field v-model="form.projectName" :disabled="disabled" label="项目名称" clear-trigger="always" input-align="right" placeholder="请输入" />
-            <van-field v-model="form.amount" v-if="!CLSQ" type="input" :disabled="disabled" name="amount" autosize rows="2" :rules="[{ required: false, message: '预计费用格式错误',validator: VerifyFunc.validatorMoney, type:1 }]" label="预计费用" clear-trigger="always" input-align="right" placeholder="请输入" />
-            <van-field v-model="form.reason" :disabled="disabled" name="reason" autosize rows="2" label="申请事由" required :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
-            <van-field v-model="form.remark" :disabled="disabled" name="reason" autosize rows="2" label="备注信息" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
+            <van-field
+              v-model="form.applyNo"
+              disabled
+              label="单号"
+              v-if="disabled"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <!-- <van-field
+              v-model="cn"
+              disabled
+              label="公司名称"
+              clear-trigger="always"
+              input-align="right"
+            /> -->
+            <van-field
+              v-model="form.companyName"
+              disabled
+              label="公司名称"
+              clear-trigger="always"
+              input-align="right"
+            />
+
+            <!-- <van-field
+              v-model="userInfo.nickname"
+              disabled
+              label="申请人"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            /> -->
+            <van-field
+              v-model="form.nickname"
+              disabled
+              label="申请人"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            />
+            <!-- <van-field
+              v-model="userInfo.dept.name"
+              disabled
+              label="申请部门"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            /> -->
+            <van-field
+              v-model="form.deptName"
+              disabled
+              label="申请部门"
+              clear-trigger="always"
+              input-align="right"
+              maxlength="50"
+              placeholder="请输入"
+            />
+            <van-field
+              v-model="form.projectName"
+              :disabled="disabled"
+              label="项目名称"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+            />
+            <van-field
+              v-model="form.amount"
+              v-if="!CLSQ"
+              type="input"
+              :disabled="disabled"
+              name="amount"
+              autosize
+              rows="2"
+              :rules="[
+                {
+                  required: false,
+                  message: '预计费用格式错误',
+                  validator: VerifyFunc.validatorMoney,
+                  type: 1,
+                },
+              ]"
+              label="预计费用"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+            />
+            <van-field
+              v-model="form.reason"
+              :disabled="disabled"
+              name="reason"
+              autosize
+              rows="2"
+              label="申请事由"
+              required
+              :rules="[{ required: true, message: '请输入' }]"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            />
+            <van-field
+              v-model="form.remark"
+              :disabled="disabled"
+              name="reason"
+              autosize
+              rows="2"
+              label="备注信息"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            />
           </div>
         </div>
-        <div class="section mt5"> <span class="line"> </span>附件</div>
+        <div class="section mt5"><span class="line"> </span>附件</div>
         <div class="trips-box">
           <div class="item-box">
-            <UploadFile :typeStr="typeStr" @onConfirm="handleUpload" :fileList="fileList" />
+            <UploadFile
+              :typeStr="typeStr"
+              @onConfirm="handleUpload"
+              :fileList="fileList"
+            />
           </div>
         </div>
 
-        <div class="section mt5" v-if="CLSQ"> <span class="line"></span> 行程信息</div>
+        <div class="section mt5" v-if="CLSQ">
+          <span class="line"></span> 行程信息
+        </div>
         <div class="trips-box" v-if="CLSQ">
-          <div class="item-box" v-for="(item,index) in form.expenseApplyTrips" :key="index">
+          <div
+            class="item-box"
+            v-for="(item, index) in form.expenseApplyTrips"
+            :key="index"
+          >
             <div class="box-tp">
-              <div class="tp-lf"> 行程 &nbsp;{{index + 1}}</div>
-              <div class="tp-rt" v-if="!(form.expenseApplyTrips.length == 1)" @click="handleDel(index)">
+              <div class="tp-lf">行程 &nbsp;{{ index + 1 }}</div>
+              <div
+                class="tp-rt"
+                v-if="!(form.expenseApplyTrips.length == 1)"
+                @click="handleDel(index)"
+              >
                 <van-icon name="delete-o" size="20" />
               </div>
             </div>
             <div class="box-tt">
-              <RePick v-model="item.departureLocation" :disabled="disabled" label="出发地" :isCascaderAllLevelName="true" :name="`departureLocation_${index}`" :list="areaTree" isLastSelect isRequrie isCascader isShowSearch title="出发地" titleKey="name" isCell clearable />
-              <RePick v-model="item.destinationLocation" :disabled="disabled" label="目的地" :isCascaderAllLevelName="true" :name="`destinationLocation_${index}`" :list="areaTree" isLastSelect isRequrie isCascader isShowSearch title="destinationLocation" titleKey="name" isCell clearable />
-              <van-field :value="item.time" label="行程时间" :class="disabled ? 'actived-disabled':''" placeholder="请选择" required :rules="[{ required: true, message: '请选择' }]" @click="handleDateShow(index,item)" :right-icon="item.time ?  '' :'arrow' " input-align="right" readonly autosize rows="1" type="textarea">
-                <template v-if="item.time  && !disabled" #button>
-                  <van-icon name="clear" color="#C8C9CC" size="16" @click.stop="handleClear(index,1)" />
+              <RePick
+                v-model="item.departureLocation"
+                :disabled="disabled"
+                label="出发地"
+                :isCascaderAllLevelName="true"
+                :name="`departureLocation_${index}`"
+                :list="areaTree"
+                isLastSelect
+                isRequrie
+                isCascader
+                isShowSearch
+                title="出发地"
+                titleKey="name"
+                isCell
+                clearable
+              />
+              <RePick
+                v-model="item.destinationLocation"
+                :disabled="disabled"
+                label="目的地"
+                :isCascaderAllLevelName="true"
+                :name="`destinationLocation_${index}`"
+                :list="areaTree"
+                isLastSelect
+                isRequrie
+                isCascader
+                isShowSearch
+                title="destinationLocation"
+                titleKey="name"
+                isCell
+                clearable
+              />
+              <van-field
+                :value="item.time"
+                label="行程时间"
+                :class="disabled ? 'actived-disabled' : ''"
+                placeholder="请选择"
+                required
+                :rules="[{ required: true, message: '请选择' }]"
+                @click="handleDateShow(index, item)"
+                :right-icon="item.time ? '' : 'arrow'"
+                input-align="right"
+                readonly
+                autosize
+                rows="1"
+                type="textarea"
+              >
+                <template v-if="item.time && !disabled" #button>
+                  <van-icon
+                    name="clear"
+                    color="#C8C9CC"
+                    size="16"
+                    @click.stop="handleClear(index, 1)"
+                  />
                 </template>
               </van-field>
-              <van-field placeholder="请输入" :disabled="disabled" :rules="[{ required: true, message: '请输入' }]" v-model="item.tripDay" type="digit" :name="`tripDay_${index}`" label="出差天数" required clear-trigger="always" input-align="right">
-                <template #button>
-                  天
-                </template>
+              <van-field
+                placeholder="请输入"
+                :disabled="disabled"
+                :rules="[{ required: true, message: '请输入' }]"
+                v-model="item.tripDay"
+                type="digit"
+                :name="`tripDay_${index}`"
+                label="出差天数"
+                required
+                clear-trigger="always"
+                input-align="right"
+              >
+                <template #button> 天 </template>
               </van-field>
-              <RePick v-model="item.tripType" :disabled="disabled" titleKey="label" idKey="value" label="出差类型" :name="`tripType_${index}`" :list="tripTypeList" isRequrie isCell clearable />
+              <RePick
+                v-model="item.tripType"
+                :disabled="disabled"
+                titleKey="label"
+                idKey="value"
+                label="出差类型"
+                :name="`tripType_${index}`"
+                :list="tripTypeList"
+                isRequrie
+                isCell
+                clearable
+              />
               <!-- <van-field right-icon="arrow" :class="item.tripPartners.length ? 'actived-disabled':''" placeholder="请选择" @click="handlePoShow(index)" :rules="[{ required: true, message: '请选择' }]" :name="`tripPartnersName_${index}`" v-model="item.tripPartnersName" disabled label="出差同行人" required clear-trigger="always" input-align="right" /> -->
-              <van-field :value="item.tripPartnersName" :class="disabled ? 'actived-disabled':''" label="出差同行人" placeholder="请选择" :rules="[{ required: false, message: '请选择' }]" @click="handlePoShow(index)" :right-icon="item.tripPartners.length ?  '' :'arrow' " input-align="right" readonly autosize rows="1" type="textarea">
-                <template v-if="item.tripPartnersName  && !disabled" #button>
-                  <van-icon name="clear" color="#C8C9CC" size="16" @click.stop="handleClear(index,2)" />
+              <van-field
+                :value="item.tripPartnersName"
+                :class="disabled ? 'actived-disabled' : ''"
+                label="出差同行人"
+                placeholder="请选择"
+                :rules="[{ required: false, message: '请选择' }]"
+                @click="handlePoShow(index)"
+                :right-icon="item.tripPartners.length ? '' : 'arrow'"
+                input-align="right"
+                readonly
+                autosize
+                rows="1"
+                type="textarea"
+              >
+                <template v-if="item.tripPartnersName && !disabled" #button>
+                  <van-icon
+                    name="clear"
+                    color="#C8C9CC"
+                    size="16"
+                    @click.stop="handleClear(index, 2)"
+                  />
                 </template>
               </van-field>
-              <van-field placeholder="请输入" :disabled="disabled" :rules="[{ required: false, message: '预计费用格式错误',validator: VerifyFunc.validatorMoney}]" v-model="item.amount" :name="`amount`" label="行程预计费用" clear-trigger="always" input-align="right">
-                <template #button>
-                  元
-                </template>
+              <van-field
+                placeholder="请输入"
+                :disabled="disabled"
+                :rules="[
+                  {
+                    required: false,
+                    message: '预计费用格式错误',
+                    validator: VerifyFunc.validatorMoney,
+                  },
+                ]"
+                v-model="item.amount"
+                :name="`amount`"
+                label="行程预计费用"
+                clear-trigger="always"
+                input-align="right"
+              >
+                <template #button> 元 </template>
               </van-field>
-              <div class="po-box" v-if="['edit','add'].includes(typeStr)">
-                <van-button type="info" plain hairline round @click.stop="handleAddPeo(index)" native-type="button" icon="plus" size="small">添加同行人</van-button>
+              <div class="po-box" v-if="['edit', 'add'].includes(typeStr)">
+                <van-button
+                  type="info"
+                  plain
+                  hairline
+                  round
+                  @click.stop="handleAddPeo(index)"
+                  native-type="button"
+                  icon="plus"
+                  size="small"
+                  >添加同行人</van-button
+                >
               </div>
-              <FollowPeoPle :disabled="disabled" :tripPartners="item.tripPartners" :allTripPartners="allTripPartners" :type="item.type" :isOpen="item.isOpen" @onConfirm="(arr)=>handleConfirmPo(arr,index)" @onCancel="handlePoCancel(index)" @onNewConfirm="(arr)=>handleNewConfirmPo(arr,index)" />
+              <FollowPeoPle
+                :disabled="disabled"
+                :tripPartners="item.tripPartners"
+                :allTripPartners="allTripPartners"
+                :type="item.type"
+                :isOpen="item.isOpen"
+                @onConfirm="(arr) => handleConfirmPo(arr, index)"
+                @onCancel="handlePoCancel(index)"
+                @onNewConfirm="(arr) => handleNewConfirmPo(arr, index)"
+              />
             </div>
           </div>
-          <div class="add-box" v-if="['edit','add'].includes(typeStr)">
-            <van-button type="info" round @click.stop="handleAdd" native-type="button" icon="plus" size="small">添加行程</van-button>
+          <div class="add-box" v-if="['edit', 'add'].includes(typeStr)">
+            <van-button
+              type="info"
+              round
+              @click.stop="handleAdd"
+              native-type="button"
+              icon="plus"
+              size="small"
+              >添加行程</van-button
+            >
           </div>
         </div>
-        <div class="section mt5" v-if="['show'].includes(typeStr)"> <span class="line"> </span>审批流程</div>
-        <ApprovalProcess v-if="['show'].includes(typeStr)" :processInstanceId="form.processInstanceId" @onSetId="handleSetAccessId" />
-
+        <div class="section mt5" v-if="['show'].includes(typeStr)">
+          <span class="line"> </span>审批流程
+        </div>
+        <ApprovalProcess
+          v-if="['show'].includes(typeStr)"
+          :processInstanceId="form.processInstanceId"
+          @onSetId="handleSetAccessId"
+        />
       </van-form>
     </div>
-    <BottomBtn ref="BottomBtn" :isAuthorised="isAuthorised" @onBtConfirm="handleBtConfirm" :accessId="accessId" />
+    <BottomBtn
+      ref="BottomBtn"
+      :isAuthorised="isAuthorised"
+      @onBtConfirm="handleBtConfirm"
+      :accessId="accessId"
+    />
 
     <!--行程时间范围选择 -->
-    <van-calendar ref="vanCalendar" allow-same-day :maxDate="maxDate" v-model="dateShow" :min-date="minDate" :default-date="defaultDate" type="range" color="#0088FE" @confirm="handleDateSelect" />
+    <van-calendar
+      ref="vanCalendar"
+      allow-same-day
+      :maxDate="maxDate"
+      v-model="dateShow"
+      :min-date="minDate"
+      :default-date="defaultDate"
+      type="range"
+      color="#0088FE"
+      @confirm="handleDateSelect"
+    />
   </div>
 </template>
 
 <script>
-import dayjs from 'dayjs';
-import { createExpenseApply, getExpenseApply, getMyExpenseApply } from '@/api/bs/expenseApply'
-import { listData } from "@/api/system/dict/data";
+import dayjs from 'dayjs'
+import {
+  createExpenseApply,
+  getExpenseApply,
+  getMyExpenseApply,
+} from '@/api/bs/expenseApply'
+import { listData } from '@/api/system/dict/data'
 import VerifyFunc from '@/utils/verify'
 export default {
   //import引入组件才能使用
@@ -98,8 +374,8 @@ export default {
   computed: {
     allTripPartners() {
       let arr = []
-      this.form.expenseApplyTrips.forEach(v => {
-        v.tripPartners.forEach(z => {
+      this.form.expenseApplyTrips.forEach((v) => {
+        v.tripPartners.forEach((z) => {
           arr.push(z)
         })
       })
@@ -134,7 +410,7 @@ export default {
   },
   // 生命周期：挂载完成时（可以访问DOM元素）
   mounted() {
-
+    console.log(this.userInfo, 'userInfo')
   },
   data() {
     return {
@@ -151,6 +427,19 @@ export default {
       defaultDate: new Date(),
       dateShow: false,
       form: {
+        companyName: window.localStorage.getItem('cn'), //公司名称
+        nickname: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).nickname, //申请人
+        userId: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).id, //申请人id
+        deptName: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).dept.name, //申请人部门
+        deptId: JSON.parse(
+          window.localStorage.getItem('userInfo') || { dept: {} }
+        ).deptId,
         applyNo: null,
         projectName: null,
         reason: null,
@@ -167,14 +456,14 @@ export default {
             tripDay: undefined,
             tripType: null,
             tripPartners: [], // 出差同行人
-            tripPartnersName: "",
+            tripPartnersName: '',
             amount: undefined,
             type: 0,
-            isOpen: false
-          }
-        ]
+            isOpen: false,
+          },
+        ],
       },
-    };
+    }
   },
 
   // 监听data中的数据变化
@@ -197,46 +486,52 @@ export default {
         return
       }
       this.$nextTick(() => {
-        this.$refs.form.validate().then(() => {
-          // 添加/修改的提交
-          let newForm = {
-            ...this.form,
-            billType: this.$route.query.billType,
-            status: key,
-            files: this.fileList,
-            expenseApplyTrips: (this.form.expenseApplyTrips || []).map(
-              item => {
-                return {
-                  ...item
+        this.$refs.form
+          .validate()
+          .then(() => {
+            // 添加/修改的提交
+            let newForm = {
+              ...this.form,
+              billType: this.$route.query.billType,
+              status: key,
+              files: this.fileList,
+              expenseApplyTrips: (this.form.expenseApplyTrips || []).map(
+                (item) => {
+                  return {
+                    ...item,
+                  }
                 }
+              ),
+            }
+            this.$loading(true, 'form')
+            createExpenseApply(newForm).then((res) => {
+              console.log(res, 'h5网页如何使用企业微信登录')
+              this.$loading(false, 'form')
+              this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
+              if (!this.form.id) {
+                // 清楚缓存
+                this.$EventBus.$emit('handleResetLive', 'company-myTrips')
+                this.$EventBus.$emit('handleResetLive', 'company-myNewTrips')
               }
-            )
-          }
-          this.$loading(true, 'form')
-          createExpenseApply(newForm).then((res) => {
+              history.back()
+            })
+          })
+          .catch((err) => {
             this.$loading(false, 'form')
-            this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
-            if (!this.form.id) {
-              // 清楚缓存
-              this.$EventBus.$emit('handleResetLive', 'company-myTrips')
-              this.$EventBus.$emit('handleResetLive', 'company-myNewTrips')
-            }
-            history.back()
-          });
-        }).catch((err) => {
-          this.$loading(false, 'form')
-          if (err && err.length > 0 && err[0].name) {
-            const fieldElement = this.$refs.form.$el.querySelector(`[name="${err[0].name}"]`);
-            const fieldHeight = fieldElement.offsetHeight;
-            const scrollHeight = fieldHeight + 50; // 假设添加了 50px 的额外高度
-            this.$refs.form.scrollToField(err[0].name, scrollHeight);
-            let amount = err.find(v => v.name === 'amount')
-            if (amount) {
-              this.$fm(`${amount.message}`)
-              return
+            if (err && err.length > 0 && err[0].name) {
+              const fieldElement = this.$refs.form.$el.querySelector(
+                `[name="${err[0].name}"]`
+              )
+              const fieldHeight = fieldElement.offsetHeight
+              const scrollHeight = fieldHeight + 50 // 假设添加了 50px 的额外高度
+              this.$refs.form.scrollToField(err[0].name, scrollHeight)
+              let amount = err.find((v) => v.name === 'amount')
+              if (amount) {
+                this.$fm(`${amount.message}`)
+                return
+              }
             }
-          }
-        })
+          })
       })
     },
     handleInitForm() {
@@ -244,34 +539,41 @@ export default {
       this.typeStr = type
       if (id) {
         this.$loading(true, 'loadingSb')
-        let api = listType === 'myNewTrips' ? getMyExpenseApply : getExpenseApply
-        api(id).then((res) => {
-          this.form = {
-            ...(res.data || {}),
-            expenseApplyTrips: (res.data.expenseApplyTrips || []).map(item => {
-              let nameArr = []
-              this.userList.forEach(element => {
-                if (item.tripPartners.includes(element.id)) {
-                  nameArr.push(element.nickname)
+        let api =
+          listType === 'myNewTrips' ? getMyExpenseApply : getExpenseApply
+        api(id)
+          .then((res) => {
+            this.form = {
+              ...(res.data || {}),
+              expenseApplyTrips: (res.data.expenseApplyTrips || []).map(
+                (item) => {
+                  let nameArr = []
+                  this.userList.forEach((element) => {
+                    if (item.tripPartners.includes(element.id)) {
+                      nameArr.push(element.nickname)
+                    }
+                  })
+                  return {
+                    ...item,
+                    time: `${dayjs(item.startTime).format('YY/MM/DD')}~${dayjs(
+                      item.endTime
+                    ).format('YY/MM/DD')}`,
+                    tripPartnersName: nameArr.join('、'),
+                    departureLocation: Number(item.departureLocation),
+                    destinationLocation: Number(item.destinationLocation),
+                  }
                 }
-              });
-              return {
-                ...item,
-                time: `${dayjs(item.startTime).format('YY/MM/DD')}~${dayjs(item.endTime).format('YY/MM/DD')}`,
-                tripPartnersName: nameArr.join('、'),
-                departureLocation: Number(item.departureLocation),
-                destinationLocation: Number(item.destinationLocation)
-              }
+              ),
+            }
+            this.fileList = res.data.files || []
+            this.isAuthorised = res.data.isAuthorised
+            this.$nextTick(() => {
+              this.$refs.BottomBtn.handleFilterBtnList()
             })
-          }
-          this.fileList = res.data.files || []
-          this.isAuthorised = res.data.isAuthorised
-          this.$nextTick(() => {
-            this.$refs.BottomBtn.handleFilterBtnList()
           })
-        }).finally(() => {
-          this.$loading(false, 'loadingSb')
-        })
+          .finally(() => {
+            this.$loading(false, 'loadingSb')
+          })
       }
     },
     handleUpload(list) {
@@ -279,26 +581,37 @@ export default {
     },
     handleNewConfirmPo(arr, index) {
       let nameArr = []
-      this.userList.forEach(element => {
+      this.userList.forEach((element) => {
         if (arr.includes(element.id)) {
           nameArr.push(element.nickname)
         }
-      });
+      })
       this.$set(this.form.expenseApplyTrips[index], 'tripPartners', arr)
-      this.$set(this.form.expenseApplyTrips[index], 'tripPartnersName', nameArr.join('、'))
+      this.$set(
+        this.form.expenseApplyTrips[index],
+        'tripPartnersName',
+        nameArr.join('、')
+      )
       this.$set(this.form.expenseApplyTrips[index], 'isOpen', false)
     },
     handleConfirmPo(arr, index) {
-      let nameArr = this.form.expenseApplyTrips[index].tripPartnersName && this.form.expenseApplyTrips[index].tripPartnersName.split('、') || []
+      let nameArr =
+        (this.form.expenseApplyTrips[index].tripPartnersName &&
+          this.form.expenseApplyTrips[index].tripPartnersName.split('、')) ||
+        []
       let newArr = this.form.expenseApplyTrips[index].tripPartners || []
-      this.userList.forEach(element => {
+      this.userList.forEach((element) => {
         if (arr.includes(element.id)) {
           nameArr.push(element.nickname)
           newArr.push(element.id)
         }
-      });
+      })
       this.$set(this.form.expenseApplyTrips[index], 'tripPartners', newArr)
-      this.$set(this.form.expenseApplyTrips[index], 'tripPartnersName', nameArr.join('、'))
+      this.$set(
+        this.form.expenseApplyTrips[index],
+        'tripPartnersName',
+        nameArr.join('、')
+      )
       this.$set(this.form.expenseApplyTrips[index], 'isOpen', false)
     },
     handlePoShow(index) {
@@ -307,10 +620,8 @@ export default {
         this.$set(this.form.expenseApplyTrips[index], 'type', 0)
         this.$set(this.form.expenseApplyTrips[index], 'isOpen', true)
       } else {
-
         this.$fm('请先添加同行人！')
       }
-
     },
     handlePoCancel(index) {
       this.$set(this.form.expenseApplyTrips[index], 'isOpen', false)
@@ -334,7 +645,7 @@ export default {
         tripDay: undefined,
         tripType: null,
         tripPartners: [], // 出差同行人
-        tripPartnersName: "",
+        tripPartnersName: '',
         amount: undefined,
         isOpen: false,
         type: 0,
@@ -359,7 +670,10 @@ export default {
         this.dateShow = true
         this.index = index
         if (startTime && endTime) {
-          this.defaultDate = [dayjs(startTime).toDate(), dayjs(endTime).toDate()]
+          this.defaultDate = [
+            dayjs(startTime).toDate(),
+            dayjs(endTime).toDate(),
+          ]
         }
       })
     },
@@ -367,24 +681,44 @@ export default {
       let trips = this.form.expenseApplyTrips
       if (trips.length && list && list.length) {
         // 判断行程时间是否在已经有的时间范围内
-        let start1 = dayjs(list[0]);
-        let end1 = dayjs(list[1]);
-        let range1 = { start: start1, end: end1 };
+        let start1 = dayjs(list[0])
+        let end1 = dayjs(list[1])
+        let range1 = { start: start1, end: end1 }
         for (let i = 0; i < trips.length; i++) {
-          let start2 = dayjs(trips[i].startTime);
-          let end2 = dayjs(trips[i].endTime);
-          let range2 = { start: start2, end: end2 };
-          if (this.index !== i && range1.start.isBefore(range2.end) && range2.start.isBefore(range1.end)
+          let start2 = dayjs(trips[i].startTime)
+          let end2 = dayjs(trips[i].endTime)
+          let range2 = { start: start2, end: end2 }
+          if (
+            this.index !== i &&
+            range1.start.isBefore(range2.end) &&
+            range2.start.isBefore(range1.end)
           ) {
             this.$set(this.form.expenseApplyTrips[this.index], 'time', null)
             return this.$fm(`行程时间范围与行程${i + 1}时间范围冲突！`)
           }
         }
       }
-      this.$set(this.form.expenseApplyTrips[this.index], 'time', `${dayjs(list[0]).format('YY/MM/DD')}~${dayjs(list[1]).format('YY/MM/DD')}`)
-      this.$set(this.form.expenseApplyTrips[this.index], 'startTime', dayjs(list[0]).valueOf())
-      this.$set(this.form.expenseApplyTrips[this.index], 'endTime', dayjs(list[1]).valueOf())
-      let day = list && list.length && Number(dayjs(list[1]).diff(dayjs(list[0]), 'day')) + 1
+      this.$set(
+        this.form.expenseApplyTrips[this.index],
+        'time',
+        `${dayjs(list[0]).format('YY/MM/DD')}~${dayjs(list[1]).format(
+          'YY/MM/DD'
+        )}`
+      )
+      this.$set(
+        this.form.expenseApplyTrips[this.index],
+        'startTime',
+        dayjs(list[0]).valueOf()
+      )
+      this.$set(
+        this.form.expenseApplyTrips[this.index],
+        'endTime',
+        dayjs(list[1]).valueOf()
+      )
+      let day =
+        list &&
+        list.length &&
+        Number(dayjs(list[1]).diff(dayjs(list[0]), 'day')) + 1
       this.$set(this.form.expenseApplyTrips[this.index], 'tripDay', day)
       this.dateShow = false
     },