我的差旅报销修改

client/src/views/OaSystem/mineCenter/rightChild/clbx.vue

@@ -2,32 +2,35 @@
   <div class="oa-sys-list-view">
     <div class="searchBox">
       <div class="form">
-        <span class="formSpan">项目编号：</span>
-        <el-input
-          v-model="queryParams.commonCostNo"
-          placeholder="请输入报销单号"
-          style="width: 210px"
-        />
-      </div>
-      <div class="form">
-        <span class="formSpan">项目名称：</span>
+        <span class="formSpan">报销单号：</span>
         <el-input
-          v-model="queryParams.commonCostNo"
+          v-model="queryParams.travelCostNo"
           placeholder="请输入报销单号"
           style="width: 210px"
         />
       </div>
-      <div class="form">
-        <span class="formSpan">报销单号：</span>
-        <el-input
-          v-model="queryParams.commonCostNo"
-          placeholder="请输入报销单号"
-          style="width: 210px"
+      <div class="form" style="width: 380px">
+        <span class="formSpan">申请时间：</span>
+        <el-date-picker
+          v-model="queryParams.applyTime"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          type="daterange"
+          unlink-panels
+          range-separator="到"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
         />
       </div>
       <div class="form">
         <span class="formSpan">状态：</span>
-        <el-input v-model="queryParams.status" style="width: 160px" />
+        <el-select v-model="queryParams.status" placeholder="状态" clearable class="!w-240px">
+          <el-option
+            v-for="dict in getIntDictOptions(DICT_TYPE.FINANCE_STATUS)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </div>
       <div class="from">
         <div class="btnBox">
@@ -42,7 +45,7 @@
       <ul>
         <li v-for="(item, index) in infoList" :key="index" class="mr-40px">
           <p>{{ item.name }}：</p>
-          <h4 class="font-size-18px">{{ item.num }}</h4>
+          <h4 class="font-size-18px">{{ item.num.toFixed(2) }}</h4>
         </li>
       </ul>
     </div>
@@ -98,6 +101,7 @@
 </template>
 
 <script setup lang="ts">
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import * as TravelCostApi from '@/api/oa/travelCost'
 import { dateFormatter2 } from '@/utils/formatTime'
 import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
@@ -107,12 +111,11 @@ defineOptions({ name: 'TravelCostDept' })
 
 const { wsCache } = useCache()
 const user = wsCache.get(CACHE_KEY.USER)
-const userDeptId = user.user.deptId ? user.user.deptId : ''
 const userId = user.user.id ? user.user.id : ''
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
-  commonCostNo: undefined,
+  travelCostNo: undefined,
   userId: userId,
   deptId: undefined,
   applyTime: [],
@@ -124,15 +127,15 @@ const queryParams = reactive({
 const infoList: any = ref([
   {
     name: '报销总金额(元)',
-    num: '0'
+    num: 0
   },
   {
     name: '已报销总金额(元)',
-    num: '0'
+    num: 0
   },
   {
     name: '办理中总金额(元)',
-    num: '0'
+    num: 0
   }
 ])
 const loading = ref(true) // 列表的加载中