办件中心添加已归档功能

client_h5/src/pages/handleCenter/index.scss

@@ -35,17 +35,22 @@
         }
         &.content {
           >div {
-            &.title {
+            &.titleBox {
               display: flex;
-              color: #171B1F;
+              color: #171B1F !important;
               justify-content: space-between;
               >p {
                 font-size: 17px;
-                &:first-child {
+                &.title {
                   font-weight: bold;
+                  white-space: nowrap;
+                  margin-right: 10px;
                 }
-                &:last-child {
+                &.desc {
                   font-size: 14px;
+                  white-space: nowrap;
+                  text-overflow: ellipsis;
+                  overflow: hidden;
                   >span {
                     color: #1989FA;
                   }

client_h5/src/pages/handleCenter/index.vue

@@ -36,9 +36,9 @@
                     </p>
                   </div>
                   <div class="content">
-                    <div class="title">
-                      <p>{{item['NAME']}}</p>
-                      <p>办理环节：<span>{{item['ACTIVITYNAME']}}</span></p>
+                    <div class="titleBox">
+                      <p class="title">{{item['NAME']}}</p>
+                      <p class="desc">办理环节：<span>{{item['ACTIVITYNAME']}}</span></p>
                     </div>
                     <div class="desc">{{item['DESCRIBTION']??'暂无流程描述'}}</div>
                     <div class="tip">
@@ -72,9 +72,44 @@
                     </p>
                   </div>
                   <div class="content">
-                    <div class="title">
-                      <p>{{item['NAME']}}</p>
-                      <p>办理环节：<span>{{item['ACTIVITYNAME']}}</span></p>
+                    <div class="titleBox">
+                      <p class="title">{{item['NAME']}}</p>
+                      <p class="desc">完成环节：<span>{{item['ACTIVITYNAME']}}</span></p>
+                    </div>
+                    <div class="desc">{{item['DESCRIBTION']??'暂无流程描述'}}</div>
+                    <div class="tip">
+                      <van-icon name="clock-o" />
+                      <span>{{formatDateTime(new Date(item['FINISH_TIME']))}}</span>
+                    </div>
+                  </div>
+                </div>
+              </van-list>
+            </van-pull-refresh>
+          </div>
+        </van-tab>
+        <van-tab :title="'已归档('+handlerCaseStatis['archive']+')'" name="99">
+          <div class="handlecenter_card_box">
+            <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+              <van-list
+                v-model:loading="loading"
+                :finished="finished"
+                finished-text="没有更多了"
+                @load="onLoad"
+              >
+                <div class="handlecenter_card" v-for="(item,index) in handleLists" :key="index" @click="clickHandler(item, true)">
+                  <div class="header">
+                    <p class="title">
+                      <span>业务编号：</span>
+                      <span>{{item['CODE']}}</span>
+                    </p>
+                    <p class="status">
+                       <span v-html="item['statusVal']"></span>
+                    </p>
+                  </div>
+                  <div class="content">
+                    <div class="titleBox">
+                      <p class="title">{{item['NAME']}}</p>
+                      <!-- <p class="desc">办理环节：<span>{{item['ACTIVITYNAME']}}</span></p> -->
                     </div>
                     <div class="desc">{{item['DESCRIBTION']??'暂无流程描述'}}</div>
                     <div class="tip">
@@ -147,9 +182,11 @@ const searchData = ref<{
 const handlerCaseStatis = ref<{
   normal: number
   finish: number
+  archive: number
 }>({
   normal: 0,
-  finish: 0
+  finish: 0,
+  archive: 0
 })
 const queryHandlerCaseCenterCount = () => {
   const sendData = {
@@ -162,6 +199,7 @@ const queryHandlerCaseCenterCount = () => {
     if (result) {
       handlerCaseStatis.value.normal = result.NORMAL
       handlerCaseStatis.value.finish = result.FINISH
+      handlerCaseStatis.value.archive = result.ARCHIVE
     }
   })
 }