隐患检查

secure-producting-vue/src/views/check/DangerCheckRecordMine.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="app-container">
+    <el-tabs v-model="tabGridUserActiveName" @tab-click="handleChangeGridUser">
+      <el-tab-pane label="网格员" name="gridPerson"></el-tab-pane>
+      <el-tab-pane label="网格管理员" name="gridAdmin"></el-tab-pane>
+    </el-tabs>
     <el-form :model="queryParams" ref="queryRef" :inline="true">
       <el-form-item label="检查单号" prop="checkFormNo">
         <el-input
@@ -296,16 +300,24 @@ import {
 } from "@/api/form/DangerCheckRecord";
 import { parseTime } from "@/utils/ruoyi"
 import SubmitDangerCheck from '@/views/grid/components/SubmitDangerCheck';
+import { ref } from "vue";
 
 const { proxy } = getCurrentInstance();
 
-const getAdminList = ref(false);
-
 const deptOptions = ref(undefined);
 const gridCategoryList = ref([]);
 const dangerCategoryList = ref([]);
 const checkFormStatusList = ref([]);
 const dataList = ref([]);
+const showGridPerson = ref(true);
+const showGridAdmin = ref(false);
+const tabGridUserActiveName = ref('gridPerson');
+function handleChangeGridUser(tab, event) {
+  console.log(tabGridUserActiveName.value);
+  showGridPerson.value = (tabGridUserActiveName.value === 'gridAdmin');
+  showGridAdmin.value = (tabGridUserActiveName.value === 'gridPerson');
+  getList();
+}
 
 
 const showSubmitCheck = ref(false);
@@ -362,7 +374,7 @@ function getList() {
   ) {
     queryParams.value.checkTimeRange = dateRangeCheckTime.value.join(" ~ ");
   }
-  if (getAdminList.value) {
+  if (showGridAdmin.value) {
     listAdminMine(queryParams.value).then((response) => {
         dataList.value = response.data.list;
         total.value = response.data.total;