报销单tab

src/components/MyClaimListCard/index.vue

@@ -26,6 +26,9 @@
             <div style="margin-top: 0.3rem;">
               申请时间： {{dayjs(itemData.createTime).format('YY/MM/DD HH:ss')}}
             </div>
+            <div class="mt5">
+              当前节点：<span v-for="(items,index) in itemData.taskNames" :key="index">{{items}}</span>
+            </div>
           </div>
           <div class="cr-bt" style="margin-top: 0.6rem;">
             <div class="tags" :style="`border: 1px solid ${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color};color:${handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).color}`"> {{handleFilterStatus(DICT_TYPE.BS_EXPENSE_APPLY_STATUS,itemData.status).label}}</div>

src/views/company/myClaim/components/HeaderFilter.vue

@@ -63,6 +63,11 @@
             <RePick v-model="listQuery.remark" label="行程" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable />
           </van-form>
         </div>
+        <div class="common-popup-body moreContain-body">
+          <van-form ref="filterForm" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
+            <van-field v-model="listQuery.projectName" placeholder="请输入项目名称" />
+          </van-form>
+        </div>
         <div class="common-popup-footer">
           <van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset">重置</van-button>
           <van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button>
@@ -204,6 +209,7 @@ export default {
     // 更多重置
     handleMoreReset() {
       this.listQuery.remark = null
+      this.listQuery.projectName = ''
     },
     handleMoreConfirm() {
       this.$emit('onListQuery', this.listQuery)

src/views/company/myClaim/components/UserList.vue

@@ -2,6 +2,10 @@
   <!-- 出差列表 -->
   <div>
     <HeaderFilter :listType="listType" @onListQuery="handleListQuery" :paramProp="listQuery" />
+    <van-tabs v-model="authorisedType" @click="authorisedChange">
+      <van-tab name="1" title="我的报销单" />
+      <van-tab name="0" title="全部报销单" />
+    </van-tabs>
     <RMList :moreLoading.sync="moreLoading" :refreshing.sync="refreshing" :finished.sync="finished" @onLoad="handleLoad" @onRefresh="handleRefresh" isMore :tableList="tableList">
       <div>
         <MyClaimListCard v-for="(item,index) in tableList" :key="item.id" :itemData="item" :listType="listType" @onUpdataInfo="handleUpdataInfo($event, index)" @onAllRefresh="handleAllRefresh" />
@@ -70,6 +74,7 @@ export default {
         costDeptId: null,
         invoiceIds: null,
       },
+      authorisedType:'1'
     }
   },
   computed: {
@@ -173,7 +178,8 @@ export default {
     getTableList(val) {
       // const { shellIdsLocal, collegeInfoIdLocal, startDate, endDate, keyword, type, method, targets, usePersonId, teacherIds, chargePersonIds } = this.listQuery
       const query = {
-        ...this.listQuery
+        ...this.listQuery,
+        ...{authorisedType:this.authorisedType}
       }
       this.moreLoading = true
       this.$loading(true, 'tableLoading')
@@ -197,6 +203,11 @@ export default {
         // this.$loading(false, `cTableLoading_${this.listType}`)
       })
     },
+    authorisedChange(){
+      this.listQuery.pageNo = 1
+      this.finished = false
+      this.getTableList('refresh')
+    }
   }
 }
 </script>