新增巡检管理菜单

src/router/modules/base.js

@@ -388,6 +388,36 @@ export default [
             },
         ],
     },
+    {
+        path: '/patrol',
+        name: 'patrol-menu',
+        redirect: '/patrol/safe',
+        meta: { title: '巡检管理' },
+        component: Layout,
+        children: [
+            {
+                path: '/patrol/safe',
+                name: 'patrol-menu-safe',
+                meta: { title: '安全巡检' },
+                component: () => import('~src/views/patrol/safe.vue'),
+            },
+            {
+                path: '/patrol/add',
+                name: 'patrol-menu-add',
+                meta: { title: '安全巡检' },
+                component: () => import('~src/views/patrol/add.vue'),
+            },
+            {
+                path: '/patrol/manage',
+                name: 'patrol-menu-manage',
+                meta: { title: '安全巡检' },
+                component: () => import('~src/views/patrol/manage.vue'),
+            },
+           
+          
+            
+        ],
+    },
     {
         path: '/other',
         name: 'other',

src/views/patrol/add.vue

@@ -0,0 +1,11 @@
+<!--  -->
+<template>
+    <div>新增巡检</div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+</script>
+
+<style lang='scss' scoped>
+</style>

src/views/patrol/manage.vue

@@ -0,0 +1,11 @@
+<!--  -->
+<template>
+    <div>整改管理</div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+</script>
+
+<style lang='scss' scoped>
+</style>

src/views/patrol/safe.vue

@@ -0,0 +1,55 @@
+<!--  -->
+<template>
+    <div class="hc-page-box">
+        <HcNewCard>
+            <HcTable is-new :column="tableColumn" :datas="tableData">
+                <template #key3="{ row }">
+                    <span class="text-link" @click="tableRowEdit(row)">{{ row?.key3 }}</span>
+                </template>
+                <template #action="{ row }">
+                    <el-link type="primary">复核</el-link>
+                    <el-link type="primary">修改</el-link>
+                    <el-link type="primary">删除</el-link>
+                </template>
+            </HcTable>
+            <template #action>
+                <HcPages :pages="searchForm" @change="pageChange" />
+            </template>
+        </HcNewCard>
+    </div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+const tableColumn = [
+    { key: 'key1', name: '项目' },
+    { key: 'key2', name: '检查类别' },
+    { key: 'key3', name: '检查名称' },
+    { key: 'key4', name: '复核检查状态' },
+    { key: 'key5', name: '是否需要整改' },
+    { key: 'key6', name: '需求整改完成日期' },
+    { key: 'key7', name: '实际整改完成日期' },
+    { key: 'action', name: '操作' },
+]
+const tableData = ref([
+    { key1: 'xx至xx高速公路-演示项（本地测试）', key2: '安全巡检', key3: '原地面检查', key4:'检查状态', key5:'需要整改', key6:'2023-09-27', key7:'2023-09-27' },
+    { key1: 'xx至xx高速公路-演示项（本地测试）', key2: '安全巡检', key3: '原地面检查', key4:'检查状态', key5:'需要整改', key6:'2023-09-27', key7:'2023-09-27' },
+    { key1: 'xx至xx高速公路-演示项（本地测试）', key2: '安全巡检', key3: '原地面检查', key4:'检查状态', key5:'需要整改', key6:'2023-09-27', key7:'2023-09-27' },
+])
+//搜索表单
+const searchForm = ref({
+    current: 1, size: 20, total: 0,
+})
+//分页被点击
+const pageChange = ({ current, size }) => {
+    searchForm.value.current = current
+    searchForm.value.size = size
+    // getTableData()
+}
+const tableRowEdit = ()=>{
+    
+}
+</script>
+
+<style lang='scss' scoped>
+</style>