no message

src/views/clue/clueList/index.vue

@@ -8,6 +8,13 @@
           <InputNumber placeholder="请输入" style="width: 46%" v-model:value="ageModel.maxAge" />
         </div>
       </template>
+      <template #toolbar>
+        <div style="width: 100%; padding: 2px" class="flex-row-center-space">
+          <RadioGroup button-style="solid" v-model:value="radioVal" @change="handleRadioChange">
+            <RadioButton v-for="item in followStatusList" :key="item.value" :value="item.value">{{item.label}}</RadioButton>
+          </RadioGroup>
+        </div>
+      </template>
       <template #userinfo="{ text, record }">
         <div class="flex-row">
           <Image style="width: 40px;height: 40px;" :src="record.profilePhoto || 'https://dating-agency-prod.oss-cn-shenzhen.aliyuncs.com/827036501B11.png'" />
@@ -40,8 +47,11 @@
 </template>
 
 <script lang="ts">
+  import { Radio } from 'ant-design-vue'
+
   export default {
     name: 'ClueList',
+    components: { RadioGroup: Radio.Group, RadioButton: Radio.Button },
   }
 </script>
 <script setup lang="ts">
@@ -54,7 +64,7 @@
   import { getClueList } from '/@/api/clue'
   import { educationList, maritalList } from '/@/enums/customerEnum'
 
-  const [registerTable] = useTable({
+  const [registerTable, { reload, setPagination }] = useTable({
     bordered: true,
     useSearchForm: true,
     columns: tableColumns,
@@ -79,6 +89,7 @@
       }
       arg.minimumAge = ageModel.minAge
       arg.maximumAge = ageModel.maxAge
+      arg.followStatus = radioVal.value
     },
     actionColumn: {
       width: 160,
@@ -89,10 +100,20 @@
     },
   })
 
+  const followStatusList = [
+    { label: '待跟进', value: 1 },
+    { label: '跟进中', value: 2 },
+    { label: '全部', value: '' },
+  ]
+  const radioVal = ref<any>('')
   const ageModel = reactive({
     minAge: '',
     maxAge: '',
   })
+  function handleRadioChange() {
+    setPagination({ current: 1 })
+    reload()
+  }
 
   const router = useRouter()
   function toDetail(record: any) {

src/views/clue/cluePool/index.vue

@@ -39,7 +39,7 @@
               <!-- <span class="single-line" style="font-size: 13px;color: #666;margin: 0 12px;">(ID：{{record.id}})</span> -->
             </div>
             <div class="flex-row">
-              <span style="font-size: 13px;color: #666;">{{record.age}}岁</span>
+              <span style="font-size: 13px;color: #666;" v-if="record.age">{{record.age}}岁</span>
               <span style="font-size: 13px;color: #666;margin-left: 12px;">{{educationList.find((find) => find.value === record.educationCode)?.label}}</span>
               <span style="font-size: 13px;color: #666;margin-left: 12px;">{{maritalList.find((find) => find.value === record.maritalStatusCode)?.label}}</span>
               <span style="font-size: 13px;color: #666;margin-left: 12px;" v-if="record.occupation">{{record.occupation}}</span>
@@ -58,8 +58,8 @@
         /> -->
         <div class="flex-row-center-start">
           <Button type="link" @click="toDetail(record)">详情</Button>
-          <span style="color: #999;" v-if="record.allocationStatus !== 1">|</span>
-          <Popconfirm placement="topRight" icon="重新分配" @confirm="allocateList(record.id)" v-if="record.allocationStatus !== 1">
+          <span style="color: #999;">|</span>
+          <Popconfirm placement="topRight" :icon="record.allocationStatus == 1 ? '分配' : '重新分配'" @confirm="allocateList(record.id)">
             <template #title>
               <div class="flex-row-center-start" style="padding: 8px 8px 8px 0px;border-bottom: 1px solid #ddd;" v-for="item in memberList" :key="item.userId">
                 <Checkbox :checked="verifier == item.userId" @change="e => onCheckChange(e, item)">
@@ -68,7 +68,7 @@
                 </Checkbox>
               </div>
             </template>
-            <Button type="link" danger v-if="record.allocationStatus !== 1">重新分配</Button>
+            <Button type="link" danger >{{record.allocationStatus == 1 ? '分配' : '重新分配'}}</Button>
           </Popconfirm>
         </div>
       </template>