添加链接

src/views/Home/Index10.vue

@@ -31,7 +31,7 @@
               <span class="card-icon">👥</span>
               外协管理
             </div>
-            <!-- <el-button type="text" class="manage-btn">管理</el-button> -->
+            <el-button type="text" class="manage-btn" @click="openOutsourcingManagement">管理</el-button>
           </div>
           <div class="card-content">
             <div class="donut-chart-wrapper">
@@ -58,7 +58,7 @@
               <span class="card-icon">🛡️</span>
               风险管理
             </div>
-            <!-- <el-button type="text" class="manage-btn">管理</el-button> -->
+            <el-button type="text" class="manage-btn" @click="openRiskManagement">管理</el-button>
           </div>
           <div class="card-content">
             <div class="donut-chart-wrapper">
@@ -85,7 +85,7 @@
               <span class="card-icon warning">⚠️</span>
               隐患管理
             </div>
-            <!-- <el-button type="text" class="manage-btn">管理</el-button> -->
+            <el-button type="text" class="manage-btn" @click="openHiddenDangerManagement">管理</el-button>
           </div>
           <div class="card-content">
             <div class="line-chart-wrapper">
@@ -114,7 +114,7 @@
               <span class="card-icon">🚧</span>
               高危作业
             </div>
-            <!-- <el-button type="text" class="manage-btn">管理</el-button> -->
+            <el-button type="text" class="manage-btn" @click="openHighRiskManagement">管理</el-button>
           </div>
           <div class="card-content">
             <div class="high-risk-top">
@@ -151,7 +151,7 @@
               <span class="card-icon">📄</span>
               应急预案
             </div>
-            <!-- <el-button type="text" class="manage-btn">管理</el-button> -->
+            <el-button type="text" class="manage-btn" @click="openEmergencyPlanManagement">管理</el-button>
           </div>
           <div class="card-content">
             <div class="emergency-plan-top">
@@ -191,7 +191,7 @@
               <span class="card-icon">📚</span>
               安全培训
             </div>
-            <!-- <el-button type="text" class="manage-btn">管理</el-button> -->
+            <el-button type="text" class="manage-btn" @click="openTrainingManagement">管理</el-button>
           </div>
           <div class="card-content">
             <div class="bar-chart-wrapper">
@@ -283,6 +283,32 @@ const getInitialDateRange = () => {
 }
 const dateRange = ref(getInitialDateRange())
 
+// 外协管理：/person/table/view/1959187451673116674
+// 风险管理：
+// fx/table/view/1978723750599790594
+// 隐患管理：/fx/table/view/1963446160885366786
+// 高危作业：/low/table/view/1964253329070571521
+// 应急预案：/yayl/table/view/1966394259751907330
+// 安全培训：/pxks/table/view/1968225010550091777
+const openOutsourcingManagement = () => {
+  window.open('/person/table/view/1959187451673116674', '_blank')
+}
+const openRiskManagement = () => {
+  window.open('/fx/table/view/1978723750599790594', '_blank')
+}
+const openHiddenDangerManagement = () => {
+  window.open('/fx/table/view/1963446160885366786', '_blank')
+}
+const openHighRiskManagement = () => {
+  window.open('/low/table/view/1964253329070571521', '_blank')
+}
+const openEmergencyPlanManagement = () => {
+  window.open('/yayl/table/view/1966394259751907330', '_blank')
+}
+const openTrainingManagement = () => {
+  window.open('/pxks/table/view/1968225010550091777', '_blank')
+}
+
 // 外协管理数据
 const outsourcingTotal = ref<number>(0) // 外协人员总数
 const outsourcingDistribution = ref<DistributionItem[]>([])