编写制度管理。

code/web/regulatory-management-util/src/router/index.ts

@@ -2,7 +2,7 @@
  * @Author: Kane Wang <wangkane@qq.com>
  * @Date: 2025-10-13 15:31:41
  * @LastEditors: Kane Wang
- * @LastModified: 2025-10-24 10:03:13
+ * @LastModified: 2025-10-28 11:28:01
  * @FilePath: src/router/index.ts
  * @Description:
  *
@@ -71,6 +71,16 @@ const routes = [
                 },
                 component: ()=> import( "@/views/console/data/RegulatoryManagement.vue" ),
             },
+            {
+                path: "/upload-regulatory",
+                name: "UploadRegulatory",
+                meta: {
+                    title: "上传制度",
+                    icon: "OfficeBuilding",
+                },
+                hidden: true,
+                component: () => import( "@/views/console/data/UploadRegulatory.vue" ),
+            },
         ],
     },
 ];

code/web/regulatory-management-util/src/types/regulatory/regulatory.ts

@@ -0,0 +1,18 @@
+/**
+ * @Author: Kane Wang <wangkane@qq.com>
+ * @Date: 2025-10-28 10:13:04
+ * @LastEditors: Kane Wang
+ * @LastModified: 2025-10-28 10:13:04
+ * @FilePath: src/types/regulatory.ts
+ * @Description: 和制度相关的类型定义
+ *
+ *               Copyright (c) 2025 by Kane All rights reserved
+ */
+
+interface RegulatoryData {
+    department_name: string;
+    release_year: string;
+    regulatory_name: string;
+}
+
+export { type RegulatoryData };

code/web/regulatory-management-util/src/views/console/data/RegulatoryManagement.vue

@@ -22,16 +22,86 @@ Copyright © CPIC All rights reserved
                 </el-button>
             </el-col>
         </el-row>
+        <el-table
+            width="100%" stripe
+            :header-cell-style="headerCellStyle"
+            border
+            :data="ui.regulatoryData"
+        >
+            <el-table-column label="部门" align="center" width="200px">
+                <template #default="regulatory">
+                    <span>{{ regulatory.row.department_name }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column width="150px" label="发布、修订年份" align="center">
+                <template #default="regulatory">
+                    <span>{{ regulatory.row.release_year }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="制度名称" align="center" :cell-style="cellStyle">
+                <template #default="regulatory">
+                    <span>{{ regulatory.row.regulatory_name }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="200px">
+                <el-button
+                    type="primary"
+                    icon="search"
+                >
+                    查看
+                </el-button>
+                <el-button type="warning" icon="document">
+                    编辑
+                </el-button>
+            </el-table-column>
+        </el-table>
     </div>
 </template>
 <script lang="ts">
+import { reactive } from "vue";
+import { type RegulatoryData } from "@/types/regulatory/regulatory.ts";
+
+interface UI
+{
+    showUI: boolean,
+    showUploadDialog: boolean,
+    tablePageSize: number,
+    tableCurrentPageIndex: number,
+    regulatoryData: RegulatoryData[],
+}
+
 export default {
     name: "RegulatoryManagement",
     setup()
     {
-        const ui = {};
+        const headerCellStyle = reactive(
+            {
+                textAlign: "center",
+            }
+        );
+        const cellStyle = reactive({
+            textAlign: "center",
+        });
+        const ui:UI = reactive({
+            showUI: true,
+            showUploadDialog: false,
+            tablePageSize: 10,
+            tableCurrentPageIndex: 1,
+            regulatoryData: [
+                {
+                    department_name: "信息技术部",
+                    release_year: "2019",
+                    regulatory_name: "关于印发修订后的《太平洋产险厦门分公司信息系统账号权限管理实施细则》的通知",
+                },
+                {
+                    department_name: "信息技术部",
+                    release_year: "2019",
+                    regulatory_name: "关于印发修订后的《太平洋产险厦门分公司个人信息保护管理实施细则》的通知",
+                },
+            ],
+        });
 
-        return { ui, };
+        return { ui, headerCellStyle, cellStyle, };
     },
 };
 </script>

code/web/regulatory-management-util/src/views/console/data/UploadRegulatory.vue

@@ -0,0 +1,35 @@
+<!--
+author:        Kane Wang <wangkane@qq.com>
+date:          2025-10-28 11:18:51
+component:     UploadRegulatory
+Copyright © CPIC All rights reserved
+-->
+<template>
+    <div class="wrapper">
+        上传文件
+    </div>
+</template>
+<script lang="ts">
+import {reactive, ref } from "vue";
+
+export default {
+    name:"UploadRegulatory",
+    setup()
+    {
+        const  ui = reactive({
+            showUI: true,
+        });
+
+        return {ui,};
+    },
+};
+</script>
+<style lang="scss">
+.wrapper {
+    margin: 10px 10px 10px 10px;
+
+    >*+* {
+        margin-top: 10px;
+    }
+}
+</style>