- 上级领导页面：顶部四个方框对应页面跳转

- 上级领导页面：装置按钮文字错误修正

ruoyi-ui/src/router/index.js

@@ -88,6 +88,19 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/rc',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'audit',
+        component: (resolve) => require(['@/views/rc/audit/index'], resolve),
+        name: 'AuditInfo',
+        meta: { title: '装置审计记录' }
+      }
+    ]
+  },
   {
     path: '/rc',
     component: Layout,
@@ -127,6 +140,19 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/rc',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'openitem',
+        component: (resolve) => require(['@/views/rc/openitem/index'], resolve),
+        name: 'Progress',
+        meta: { title: '开项管理' }
+      }
+    ]
+  },
   {
     path: '/rc',
     component: Layout,

ruoyi-ui/src/views/home1.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="top">
-      <div class="topItem itembg1">
+      <div class="topItem itembg1" @click="handleClickTopItem1">
         <div class="icon">
           <img src="../assets/images/index/index2-2-1.png" alt="">
         </div>
@@ -11,7 +11,7 @@
         </div>
 
       </div>
-      <div class="topItem itembg2">
+      <div class="topItem itembg2" @click="handleClickTopItem2">
         <div class="icon">
           <img src="../assets/images/index/index2-2-2.png" alt="">
         </div>
@@ -20,7 +20,7 @@
           <div class="topItemContent">{{homeData2}}</div>
         </div>
       </div>
-      <div class="topItem itembg3">
+      <div class="topItem itembg3" @click="handleClickTopItem3">
         <div class="icon">
           <img src="../assets/images/index/index2-2-3.png" alt="">
         </div>
@@ -29,7 +29,7 @@
           <div class="topItemContent">{{homeData3}}</div>
         </div>
       </div>
-      <div class="topItem itembg4">
+      <div class="topItem itembg4" @click="handleClickTopItem4">
         <div class="icon">
           <img src="../assets/images/index/index2-2-4.png" alt="">
         </div>
@@ -43,59 +43,59 @@
     <div class="bottom">
       <!-- 左边 -->
       <div class="bot-left">
-        <div class="card cardleft1">
+        <div class="card cardleft1" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">电厂</div>
             <div class="cardleft1Content">Power<br>Plant</div>
           </div>
         </div>
 
-        <div class="card cardleft2">
+        <div class="card cardleft2" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">合成气</div>
             <div class="cardleft1Content">Syngas</div>
           </div>
         </div>
 
-        <div class="card cardleft3">
+        <div class="card cardleft3" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">D900</div>
           </div>
         </div>
 
-        <div class="card cardleft4">
+        <div class="card cardleft4" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">C900</div>
           </div>
         </div>
 
-        <div class="card cardleft5">
+        <div class="card cardleft5" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">B900</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft6">
+        <div class="card card2 cardleft6" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">聚苯乙烯包装库房</div>
-            <div class="cardleft1Content">LDPE/EVA Storage <br>A100/200</div>
+            <div class="cardleft1Content">PS Storage<br>A900 A800</div>
           </div>
         </div>
 
-        <div class="card cardleft7">
+        <div class="card cardleft7" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">D800</div>
           </div>
         </div>
 
-        <div class="card cardleft8">
+        <div class="card cardleft8" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">C800</div>
             <div class="cardleft1Content">乙苯/苯乙烯<br>EB/SM</div>
           </div>
         </div>
 
-        <div class="card cardleft9">
+        <div class="card cardleft9" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">聚苯乙烯</div>
             <div class="cardleft1Content">PS<br>B800</div>
@@ -105,68 +105,68 @@
 
       <!-- 中间 -->
       <div class="bot-center">
-        <div class="card card2 cardleft10">
+        <div class="card card2 cardleft10" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">火炬BCC Flare</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft11">
+        <div class="card card2 cardleft11" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">裂解<br>罐区<br>SCTF</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft12">
+        <div class="card card2 cardleft12" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">蒸汽裂解</div>
             <div class="cardleft1Content">EU<br>D100/200</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft13">
+        <div class="card card2 cardleft13" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">芳烃抽提<br>汽油加氢</div>
             <div class="cardleft1Content">LDPE/EVA Storage <br>A100/200</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft14">
+        <div class="card card2 cardleft14" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">异丁烯/聚异丁烯/丁二烯</div>
             <div class="cardleft1Content">IB/PIB/BD<br>C100/200</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft15">
+        <div class="card card2 cardleft15" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">公用工程</div>
             <div class="cardleft1Content">U1<br>C300</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft16">
+        <div class="card card2 cardleft16" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">低密度聚乙烯醋<br>酸乙烯共聚物</div>
             <div class="cardleft1Content">LDPE<br>B100/200</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft17">
+        <div class="card card2 cardleft17" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">醇类联合</div>
             <div class="cardleft1Content">OXO<br>B300</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft18">
+        <div class="card card2 cardleft18" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">聚乙烯仓库</div>
             <div class="cardleft1Content">LDPE/EVA<br>Storage A100/200</div>
           </div>
         </div>
 
-        <div class="card card2 cardleft19">
+        <div class="card card2 cardleft19" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">危险品仓库</div>
             <div class="cardleft1Content">Hazard Chemical<br>Storage A300</div>
@@ -175,96 +175,96 @@
       </div>
       <!-- 右边 -->
       <div class="bot-right">
-        <div class="card cardleft20">
+        <div class="card cardleft20" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">氧化炉</div>
             <div class="cardleft1Content">TO</div>
           </div>
         </div>
-        <div class="card card2 cardleft21">
+        <div class="card card2 cardleft21" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">中央罐区</div>
             <div class="cardleft1Content">CLTF</div>
           </div>
         </div>
-        <div class="card cardleft22">
+        <div class="card cardleft22" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">环氧乙烷/<br>乙二醇</div>
             <div class="cardleft1Content"> EO/EG<br>D400</div>
           </div>
         </div>
-        <div class="card cardleft23">
+        <div class="card cardleft23" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">非离子表面<br>活性剂</div>
             <div class="cardleft1Content">NIS<br>500</div>
           </div>
         </div>
-        <div class="card cardleft24">
+        <div class="card cardleft24" @click="handleClickPlant()">
           <div class="cardword">
-            <div class="cardleft1Title">非离子表面<br>活性剂</div>
-            <div class="cardleft1Content">NIS<br>D500</div>
+            <div class="cardleft1Title">超吸水聚合物</div>
+            <div class="cardleft1Content">SAP<br>D600</div>
           </div>
         </div>
-        <div class="card cardleft25">
+        <div class="card cardleft25" @click="handleClickPlant()">
           <div class="cardword">
-            <div class="cardleft1Title">非离子表面<br>活性剂</div>
-            <div class="cardleft1Content">NIS<br>D500</div>
+            <div class="cardleft1Title">办公区<br>维修中心</div>
+            <div class="cardleft1Content">中心库房<br>D700</div>
           </div>
         </div>
-        <div class="card cardleft26">
+        <div class="card cardleft26" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">公用工程</div>
             <div class="cardleft1Content">U2<br>C400</div>
           </div>
         </div>
-        <div class="card cardleft27">
+        <div class="card cardleft27" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">精丙烯酸</div>
             <div class="cardleft1Content">GAA<br>C500</div>
           </div>
         </div>
-        <div class="card cardleft28">
+        <div class="card cardleft28" @click="handleClickPlant()">
           <div class="cardword">
-            <div class="cardleft1Title">非离子表面<br>活性剂</div>
-            <div class="cardleft1Content">NIS<br>D500</div>
+            <div class="cardleft1Title">醇胺联合<br>NPG</div>
+            <div class="cardleft1Content">ACN<br>C600</div>
           </div>
         </div>
-        <div class="card cardleft29">
+        <div class="card cardleft29" @click="handleClickPlant()">
           <div class="cardword">
-            <div class="cardleft1Title">非离子表面<br>活性剂</div>
-            <div class="cardleft1Content">NIS<br>D500</div>
+            <div class="cardleft1Title">公路终端</div>
+            <div class="cardleft1Content">RTTF<br>C700</div>
           </div>
         </div>
-        <div class="card card2 cardleft30">
+        <div class="card card2 cardleft30" @click="handleClickPlant()">
           <div class="cardword">
-            <div class="cardleft1Title">低密度聚乙烯醋<br>酸乙烯共聚物</div>
-            <div class="cardleft1Content">LDPE<br>B100/200</div>
+            <div class="cardleft1Title">丙烯酸/丙烯酸酯</div>
+            <div class="cardleft1Content">AA/AE<br>B400/B500</div>
           </div>
         </div>
-        <div class="card cardleft31">
+        <div class="card cardleft31" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">碳一联合</div>
             <div class="cardleft1Content">C1<br>B600</div>
           </div>
         </div>
-        <div class="card cardleft32">
+        <div class="card cardleft32" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">B700</div>
           </div>
         </div>
-        <div class="card card2 cardleft33">
+        <div class="card card2 cardleft33" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">物流库房</div>
             <div class="cardleft1Content">Logistical storage<br>A400/A500</div>
           </div>
         </div>
-        <div class="card cardleft34">
+        <div class="card cardleft34" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">碳一联合库房 </div>
             <div class="cardleft1Content">C1 complex<br>Storage<br>A600</div>
           </div>
         </div>
-        <div class="card cardleft35">
+        <div class="card cardleft35" @click="handleClickPlant()">
           <div class="cardword">
             <div class="cardleft1Title">铁路控制室</div>
             <div class="cardleft1Content">Rail Control<br>Room<br>A700</div>
@@ -289,13 +289,32 @@
     },
     created() {
       getHomeData().then(response => {
-        this.homeData1 = response.data.homeData1;
-        this.homeData2 = (response.data.homeData2 * 100) + "%";
-        this.homeData3 = response.data.homeData3;
-        this.homeData4 = response.data.homeData4;
-        console.log(response)
+        if (response.data != null) {
+          this.homeData1 = response.data.homeData1;
+          this.homeData2 = (response.data.homeData2 * 100) + "%";
+          this.homeData3 = response.data.homeData3;
+          this.homeData4 = response.data.homeData4;
+        }
       });
-    }
+    },
+    methods: {
+      handleClickTopItem1() {
+        this.$router.push("/rc/audit");
+      },
+      handleClickTopItem2() {
+        this.$router.push("/rc/audit");
+      },
+      handleClickTopItem3() {
+        this.$router.push("/rc/openitem");
+      },
+      handleClickTopItem4() {
+        this.$router.push("/rc/openitem");
+      },
+      handleClickPlant(deptId) {
+        console.log(deptId)
+        // this.$router.push("/rc/audit");
+      },
+    },
   };
 </script>
 <style scoped>