居民端小程序 随访列表样式调整

src/residentWX/visit/List.vue

 <template>
-    <div class='class="flex flex-col visit-list" style="height: 100vh"'>
+    <div class="flex flex-col visit-list" style="height: 100vh">
         <div class="p-3 text-black text-center shrink-0 doc-nav-bar">
             <span>随访记录</span>
         </div>
@@ -10,8 +10,10 @@
                      :title='item.title' :name='item.name'></van-tab>
         </van-tabs>
         <div class='grow overflow-y-auto' ref='list'>
-            <van-pull-refresh v-model='loadingRefresh' @refresh='onRefresh'
-                              :disabled='isRefreshDisable'>
+            <van-pull-refresh v-model='loadingRefresh'
+                              @refresh='onRefresh'
+                              :disabled='isRefreshDisable'
+            >
                 <van-list
                     v-model:loading='loading'
                     :finished='finished'
@@ -45,8 +47,8 @@
                             <span class="label">随访机构</span>
                             <span>  {{ item.serveUnitName }}</span>
                         </div>
-                        <span class="tag tag-red" v-show="item.serveType == '1'">高危筛查</span>
-                        <span class="tag tag-blue" v-show="item.serveType == '2'">专病筛查</span>
+                        <span class="tag tag-yellow" v-show="item.serveType == '5'">通用随访</span>
+                        <span class="tag tag-green" v-show="item.serveType == '3' || item.serveType == '4' ">专病随访</span>
                     </div>
                     </div>
                 </van-list>
@@ -57,14 +59,10 @@
 
             </van-pull-refresh>
         </div>
-        <div class='p-3 floor' v-if='activeTab'>
-            <van-button round block type='primary' class='card-bt' @click='addBtn'>新增通用随访</van-button>
-        </div>
     </div>
 </template>
 
 <script>
-import {  deleteVisit } from '@/api/doctor/generalFU.js'
 import { showConfirmDialog, showToast } from 'vant'
 import { useStore } from '@/residentWX/store'
 import { queryVisitList } from '@/api/residentWX/visit'
@@ -125,6 +123,7 @@ export default {
             const query = {
                 residentInfoId: this.baseInfo.residentInfoId,
                 diseaseType: this.activeTab,
+                serveTypeList: ['3', '4', '5'],
                 pageIndex: this.pagination.pageIndex,
                 pageSize: this.pagination.pageSize
             }
@@ -157,20 +156,6 @@ export default {
             this.pagination.pageIndex = 1
             this.load(false)
         },
-        addBtn() {
-            if (this.baseInfo.chronicStatus === 9) {
-                showToast('该居民已标记为死亡，无法新增随访')
-                return
-            }
-            let par = {
-                residentInfoId: this.baseInfo.residentInfoId,
-                diseaseType: this.activeTab
-            }
-            this.$router.push({
-                path: `/doctor/followUp/generalFU/add`,
-                query: par
-            })
-        },
         toDetail(item) {
             let par = {
                 relationId: item.relationId
@@ -180,31 +165,6 @@ export default {
                 query: par
             })
         },
-        editBtn(item) {
-            let par = {
-                id: item.relationId,
-                residentInfoId: this.baseInfo.residentInfoId
-            }
-            this.$router.push({
-                path: `/doctor/followUp/generalFU/add`,
-                query: par
-            })
-        },
-        delBtn(item) {
-            showConfirmDialog({
-                title: '提示',
-                message: '确认删除该随访记录吗？\n确认后将无法查看该随访信息'
-            }).then(() => {
-                // on confirm
-                // console.log(item.id)
-                deleteVisit({ id: item.id }).then(res => {
-                    this.load()
-                })
-            })
-                .catch(() => {
-                    // on cancel
-                })
-        }
     }
 }
 </script>
@@ -242,15 +202,15 @@ export default {
     padding: 4px 8px;
     font-size: 12px;
 }
-.tag-red {
-    border: 1px solid #FFA39E;
-    color: #F5222D;
-    background-color: #FFF1F0;
+.tag-yellow {
+    border: 1px solid #FFD591;
+    color: #FA8C16;
+    background-color: #FFF7E6;
 }
-.tag-blue {
-    border: 1px solid #ADC6FF;
-    color: #2F54EB;
-    background-color: #F0F5FF;
+.tag-green {
+    border: 1px solid #B7EB8F;
+    color: #52C41A;
+    background-color: #F6FFED;
 }
 </style>