zc

README.md

@@ -157,7 +157,7 @@
     ├─VERSIONS-AnQuanJianCha-1206(安全检查1206优化版本)
     ├─VERSIONS-AppUp(app升级相关版本)
     ├─VERSIONS-AnQuanJianCha-1223(安全检查1223优化版本)
-    ├─VERSIONS-xiaoJiDaPing/dongTaiPingJi(校级大屏优化PC端-修改视频传参-视频查看记录页面-实验室动态评级)
+    ├─VERSIONS-xiaoJiDaPing/dongTaiPingJi(校级大屏优化PC端-修改视频传参-视频查看记录页面-实验室动态评级-西农定制化首页/化学品首页)
     │  └─SCHOOL-XiBeiNongLin(用于西农现场部署-没有同步实验室动态评级)
     ├─leb-web-dev(当前正在开发的分支)
     ├─leb-web-test(测试分支)

src/views/chemicalManage/chemicalsStatistics/index.vue

@@ -3,16 +3,36 @@
   <div class="app-container chemicalsStatistics">
     <div class="top-max-max-big-box">
       <div class="button-big-box" @click="goPage(1)" v-if="versionField() == 'xiBeiNongLinDaXue'">
-        <img src="@/assets/ZDimages/chemicalManage/chemicalsStatistics_1.png">
-        <p>实验室库存管理</p>
+        <img src="@/assets/ZDimages/chemicalManage/icon_hxp_gzwhp@1x.png">
+        <div>
+          <p>管制危化品</p>
+          <p>(易制毒，易制爆)</p>
+          <p>申购申领 <span class="el-icon-d-arrow-right"></span></p>
+        </div>
       </div>
       <div class="button-big-box" @click="goPage(2)" v-if="versionField() == 'xiBeiNongLinDaXue'">
-        <img src="@/assets/ZDimages/chemicalManage/chemicalsStatistics_2.png">
-        <p>危化品申购申领</p>
+        <img src="@/assets/ZDimages/chemicalManage/icon_hxp_cjhxp@1x.png">
+        <div>
+          <p>常规危化品</p>
+          <p>(普通化学品)</p>
+          <p>采购管理 <span class="el-icon-d-arrow-right"></span></p>
+        </div>
       </div>
       <div class="button-big-box" @click="goPage(3)" v-if="versionField() == 'xiBeiNongLinDaXue'">
-        <img src="@/assets/ZDimages/chemicalManage/chemicalsStatistics_3.png">
-        <p>危废回收报备</p>
+        <img src="@/assets/ZDimages/chemicalManage/icon_hxp_sysnwhp@1x.png">
+        <div>
+          <p>实验室内危化品</p>
+          <p>(化学品使用)</p>
+          <p>库存管理 <span class="el-icon-d-arrow-right"></span></p>
+        </div>
+      </div>
+      <div class="button-big-box" @click="goPage(4)" v-if="versionField() == 'xiBeiNongLinDaXue'">
+        <img src="@/assets/ZDimages/chemicalManage/icon_hxp_syswf@1x.png">
+        <div>
+          <p>实验室危废</p>
+          <p>(含动物尸体)</p>
+          <p>回收报备 <span class="el-icon-d-arrow-right"></span></p>
+        </div>
       </div>
       <div class="top-max-big-box">
         <div class="img-box">
@@ -89,9 +109,13 @@
     methods:{
       goPage(type){
         if (type == 1){
+          window.open('https://chem.nwafu.edu.cn/back/index','_blank');
+        } else if(type == 2){
+          window.open('https://authserver.nwafu.edu.cn/authserver/login?service=https%3A%2F%2Fcg.nwafu.edu.cn%2Fsfw_jz%2Findex.jsp%3FtoPage%3De%253fpage%253dmall.description%26sfwtype%3Dmall','_blank');
+        }else if(type == 3){
           this.$router.push({ path: '/chemicalManage/inventoryManagement/inventoryStatistics'});
-        } else {
-          window.open('https://chemcenter.nwafu.edu.cn/','_blank');
+        }else if(type == 4){
+          window.open('https://chem.nwafu.edu.cn/back/index','_blank');
         }
       },
       chemicalIndexTypeGroup(){
@@ -107,23 +131,37 @@
     .top-max-max-big-box{
       display: flex;
       .button-big-box{
-        width:225px;
+        width:220px;
         height:120px;
         display: flex;
-        flex-direction: column;
         margin:20px 0 10px 20px;
         box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
         border-radius: 10px;
         cursor: pointer;
         img{
-          margin:13px auto 0;
-          height:60px;
-          width:60px;
+          margin:14px 0 0 18px;
+          height:50px;
+          width:50px;
         }
-        p{
-          font-size:18px;
-          line-height:40px;
-          text-align: center;
+        div{
+          p:nth-child(1){
+            color:#333;
+            font-size:18px;
+            line-height:18px;
+            margin:16px 0 0 11px;
+          }
+          p:nth-child(2){
+            color:#666;
+            font-size:14px;
+            line-height:14px;
+            margin:14px 0 0 11px;
+          }
+          p:nth-child(3){
+            color:#0183FA;
+            font-size:14px;
+            line-height:14px;
+            margin:27px 0 0 56px;
+          }
         }
       }
     }
@@ -138,7 +176,7 @@
         flex:1;
         display: flex;
         img{
-          margin:30px 30px 0 45px;
+          margin:30px 20px 0 24px;
           height:60px;
           width:60px;
         }
@@ -148,8 +186,8 @@
             line-height:60px;
           }
           p:nth-child(2){
-            line-height:36px;
-            font-size:36px;
+            line-height:30px;
+            font-size:30px;
             font-weight:700;
           }
           .colorA{