更新

src/App.vue

@@ -31,6 +31,7 @@ const route = useRoute();
 const bbTime = ref(null); //查询报备定时函数
 let userInfo;
 let message = ref("版本已经更新，请退出重新登录!");
+let userLocation;
 try {
   userInfo = JSON.parse(window.localStorage.getItem("userInfo")); //用户信息
   userLocation = JSON.parse(bridge.getLocation()); //手机端

src/pages/patrolList/index.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { ref, reactive, onMounted } from "vue";
 import TopNav from "@/components/topNav.vue";
+import Tabs from "@/components/tabs.vue";
 import Search from "@/components/search.vue";
 import PatrolWrapper from "@/pages/patrolList/copmonents/patrolWrapper.vue";
 import {fetchPatrolList} from "@/api/patrolList";
@@ -8,14 +9,24 @@ import {getDictListByCode} from "@/api/common";
 import router from "@/router";
 import SxPopup from "@/components/SxPopup.vue";
 import SelectTime from "@/components/SelectTime.vue";
-
+const tabsIndex = ref(1);
 const showPopup = ref(false);
 const timeShow = ref(false);
 const finished = ref(false);
 const loading = ref(false);
+const rwlx=ref('1')
 const loadingRefresh = ref(false);
 const searchValue = ref("")
-
+const tabs = ref([
+  {
+    name: "警情任务",
+    value: "1",
+  },
+  {
+    name: "自定义任务",
+    value: "2",
+  },
+]);
 const pageData = reactive({
   pageSize: 10,
   pageCurrent: 1,
@@ -36,6 +47,7 @@ const onSearch = () => {
 }
 
 const onRefresh = () => {
+  tabsIndex.value++;
   loading.value = false;
   loadingRefresh.value = true;
   finished.value = false;
@@ -88,7 +100,7 @@ const getData = async () => {
   const { total, ...ret }  = pageData
   loading.value = true;
   try {
-    const res = await fetchPatrolList({ ...ret, fgMc: searchValue.value, rwRq: data.startTime })
+    const res = await fetchPatrolList({ ...ret, fgMc: searchValue.value, rwRq: data.startTime,rwlx:rwlx.value })
     if (res?.records.length > 0) {
       data.list = data.list.concat(res?.records)?.map((item) => ({
         ...item,
@@ -114,7 +126,21 @@ const getDictList = async () => {
     data.dictList = res?.itemList
   }
 }
-
+//按类型查询
+function onSelect(val) {
+  data.list = [];
+  pageData.pageCurrent = 1;
+  switch (val) {
+    case 0:
+      rwlx.value="1"
+      break;
+    default:
+      rwlx.value="2"
+      break;
+  }
+  getData();
+  finished.value = false;
+}
 const onSelectTime = (val) => {
   data.startTime = val;
   timeShow.value = false
@@ -146,9 +172,9 @@ onMounted(async () => {
 <template>
   <div>
     <TopNav nav-title="巡逻列表" show-left />
-
     <van-sticky>
-      <div class="header">
+      <div class="sticky_box">
+        <Tabs :list="tabs" @onYjjb="onSelect" :type="'car'" :key="tabsIndex"></Tabs>
         <search
           :isSx="true"
           placeholder="请输入方格名称进行查询"