add ops

src/views/dashboard/components/Extend.vue

     })
     const warn = reactive({
       warnList: [
-        { icon: camera, label: '监控分布', value: 1, num: 0, list: [] },
-        { icon: materials, label: '消防物资', value: 2, num: 0, list: [] },
-        { icon: personnel, label: '防护人员', value: 3, num: 0, list: [] }
+        { icon: camera, label: '监控分布', value: 'camera', num: 0, list: [] },
+        { icon: materials, label: '消防物资', value: 'materials', num: 0, list: [] }
+        // { icon: personnel, label: '防护人员', value: 'personnel', num: 0, list: [] }
       ],
-      checkedWarn: [1, 2, 3]
+      checkedWarn: ['camera', 'materials']
     })
     const task = reactive({
       taskList: [],
     const handleClick = (index) => {
       data.selectedTab = index
       if (index === 1) {
+        data.portalTab = 'task'
+        ques.checkedQues = QUESTION_TYPE.value?.map((item) => item.value) || null
         if (!data.showPatrol) {
           queryTaskList()
           const times = [formatDate(ques.times[0]), formatDate(ques.times[1])]
         data.showWarning = false
       } else {
         getWarnList()
+        warn.checkedWarn = ['camera', 'materials']
         data.showWarning = true
         data.showPatrol = false
       }
       }
       const res = await getQuestionList(params)
       if (res.code === 0) {
+        ques.checkedQues = QUESTION_TYPE.value?.map((item) => item.value) || null
         ques.message = res.data?.map((item) => {
           item.icon = ICON_LIST[item.type]
           return item
         })
-        emit('send', { tabs: data.selectedTab, data: ques.message, type: ques.checkedQues })
+        emit('send', { tabs: data.selectedTab, data: ques.message, type: ques.checkedQues, ops: 'query' })
       } else {
         ques.message = null
       }
           warn.warnList[0].list = camera?.data || []
           warn.warnList[1].num = maertral?.data?.length || 0
           warn.warnList[1].list = maertral?.data || []
-          emit('send', { tabs: data.selectedTab, data: warn.warnList, type: warn.checkedWarn })
+          emit('send', { tabs: data.selectedTab, data: warn.warnList, type: warn.checkedWarn, ops: 'query' })
         })
         .catch(err => {
           console.log(err)
      * @return {*}
      */
     const handleWarnChange = async(value) => {
-      emit('send', { tabs: data.selectedTab, data: warn.warnList, type: value })
+      emit('send', { tabs: data.selectedTab, data: warn.warnList, type: value, ops: 'select' })
     }
     /**
      * @description: 变更僧林巡查问题选择
      * @return {*}
      */
     const handleQuesChange = async(value) => {
-      emit('send', { tabs: data.selectedTab, data: ques.message, type: value })
+      emit('send', { tabs: data.selectedTab, data: ques.message, type: value, ops: 'select' })
     }
 
     return {

src/views/dashboard/index.vue

 <template>
   <div class="basic">
     <OneMap />
-    <Extend class="extend" @send="getmessage" />
+    <Extend ref="extendRef" class="extend" @send="getmessage" />
   </div>
 </template>
 
 import { useRouter } from 'vue-router'
 import OneMap from './components/OneMap.vue'
 import Extend from './components/Extend.vue'
+import { ref, onMounted } from 'vue'
 export default {
   name: 'HomePage',
   components: { OneMap, Extend },
   setup(props) {
     const router = useRouter()
+    const extendRef = ref()
+
     function toSystem() {
       router.push({ path: '/login' })
     }
     const getmessage = (data) => {
       console.log(data)
     }
+    onMounted(() => {
+      extendRef.value.handleClick(0)
+    })
     return {
       toSystem,
+      extendRef,
       getmessage
     }
   }