修改

src/views/appointment-record/experience/index.vue

@@ -7,12 +7,10 @@
                     <div class="flex1 ov-hd d-flex j-ed">
                         <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
                             <el-form-item label="账号" prop="phone">
-                                <el-input v-model="queryParams.phone" placeholder="请输入账号" clearable style="width: 180px"
-                                    @keyup.enter="handleQuery" />
+                                <el-input v-model="queryParams.phone" placeholder="请输入账号" clearable style="width: 180px" @keyup.enter="handleQuery" />
                             </el-form-item>
                             <el-form-item label="企业" prop="cpyName">
-                                <el-input v-model="queryParams.cpyName" placeholder="搜企业" clearable style="width: 180px"
-                                    @keyup.enter="handleQuery" />
+                                <el-input v-model="queryParams.cpyName" placeholder="搜企业" clearable style="width: 180px" @keyup.enter="handleQuery" />
                             </el-form-item>
                             <el-form-item>
                                 <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -24,6 +22,9 @@
             </div>
 
             <div class="d-flex flex1 ov-hd flex-cln pd-16">
+                <div class="mb-16">
+                    <searchTabs v-model="queryParams.contactStatus" @change="handleQuery" :list="[ { label: '未联系', value: '0' }, { label: '已联系', value: '1' },]" key-label="label" key-value="value" :isNum="false"></searchTabs>
+                </div>
                 <div class="flex1 ov-hd">
                     <vxe-table :loading="loading" border :data="dataList" min-height="0" max-height="100%">
                         <vxe-column title="序号" align="center" type="seq" width="60" />
@@ -46,8 +47,7 @@
                         </vxe-column>
                     </vxe-table>
                 </div>
-                <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
-                    @pagination="getList" />
+                <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
             </div>
         </div>
     </div>
@@ -56,6 +56,8 @@
 <script setup name="experience-list" lang="ts">
 import { colNoData } from '@/utils/noData';
 import { httpRequests } from '@/utils/httpRequests';
+import { searchTabs } from '@/views/models';
+import { useSideNumStore } from '@/store/modules/sideNum';
 
 const router = useRouter();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -71,7 +73,8 @@ const data = reactive<any>({
         pageNum: 1,
         pageSize: 10,
         phone: '',
-        cpyName: ''
+        cpyName: '',
+        contactStatus: '0'
     },
     rules: {}
 });
@@ -112,6 +115,7 @@ const confirmContact = async (row: any) => {
             const res = await httpRequests.post('/dgtmedicine/bookingInfo/edit', { id: row.id, contactStatus: '1' });
             if (res && res.code === 200) {
                 ElMessage.success('确认联系成功');
+                useSideNumStore().refreshMenuCount('/appointment-record/experience');
                 getList();
             } else {
                 ElMessage.error(res?.msg || '确认联系失败');
@@ -137,24 +141,26 @@ const updateRemark = (row: any) => {
             }
             return true;
         }
-    }).then(async ({ value }) => {
-        try {
-            const res = await httpRequests.post('/dgtmedicine/bookingInfo/edit', {
-                id: row.id,
-                remark: value || ''
-            });
-            if (res && res.code === 200) {
-                ElMessage.success('备注更新成功');
-                getList();
-            } else {
-                ElMessage.error(res?.msg || '备注更新失败');
+    })
+        .then(async ({ value }) => {
+            try {
+                const res = await httpRequests.post('/dgtmedicine/bookingInfo/edit', {
+                    id: row.id,
+                    remark: value || ''
+                });
+                if (res && res.code === 200) {
+                    ElMessage.success('备注更新成功');
+                    getList();
+                } else {
+                    ElMessage.error(res?.msg || '备注更新失败');
+                }
+            } catch (error) {
+                ElMessage.error('备注更新失败');
             }
-        } catch (error) {
-            ElMessage.error('备注更新失败');
-        }
-    }).catch(() => {
-        // 用户取消操作
-    });
+        })
+        .catch(() => {
+            // 用户取消操作
+        });
 };
 
 onMounted(() => {