链接

src/out/config.js

@@ -3,52 +3,33 @@ window.cusConfig = {
   zwww: {
     screenHref: [
       {
-        label: '反走私平台',
+        label: '系统链接',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
+          {label:'跨部门视频调度系统', href: 'http://59.212.31.24:8080/hnwl_lgs/login.jsp'},
+          {label:'视联网监控联网管理调试系统', href: 'http://10.110.80.31:8777/'},
+          {label:'环岛雷达光电服务', href: 'http://172.25.187.23/MainPage'},
+          {label:'渔业监控管理系统', href: 'http://59.212.42.6:8080/authplatform'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '赋能工具',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '风险防控',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '监测预警',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '其他',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
+          {label:'社管平台主页', href: 'http://10.110.35.47/#/login'},
         ]
       },
     ],
@@ -56,52 +37,35 @@ window.cusConfig = {
   gaw: {
     screenHref: [
       {
-        label: '反走私平台',
+        label: '反走私',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
+          {label:'海南社会管理信息化平台公安分平台反走私系统', href: 'http://74.10.24.107'},
+          {label:'岸线防护圈系统', href: 'http://74.10.28.118:8090'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '人流管控',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
+          {label:'进出岛人员分析研判系统', href: 'http://74.6.57.207:18080/1016'},
+          {label:'59国免签人员', href: 'http://74.6.54.73:31000/newLogin'},
+          {label:'人流系统（进出岛人员分析研判系统）', href: 'http://74.6.57.207:18080/1016/auth/login!LoginFail.action'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '物流管控',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '资金流管控',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
         ]
       },
       {
-        label: '反走私平台',
+        label: '其他系统',
         children: [
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'船舶管控系统', href: 'www.baidu.com'},
-          {label:'查看更多', href: 'www.baidu.com'},
+          {label:'海口边检总站数据分析平台', href: 'http://74.142.0.121:8000/zz'},
+          {label:'海南公安大数据实战应用平台', href: 'http://74.6.57.207:8080/stars/auth/login!toLoginPage.action'},
         ]
       },
     ],

src/views/screen/index.vue

@@ -41,7 +41,7 @@
           <div class="screen-href-block-content">
             <template v-for="(h, hI) in item.children">
               <div class="shbc-item __hover" @click="toHref(h)">
-                <img src="./img/bottom-item-label.png"/>{{h.label}}
+                <img src="./img/bottom-item-label.png"/><p>{{h.label}}</p>
               </div>
             </template>
           </div>
@@ -359,7 +359,7 @@ export default defineComponent({
       padding: 25px 25px 25px 21px;
       box-sizing: border-box;
       display: grid;
-      grid-template-columns: repeat(5, auto);
+      grid-template-columns: repeat(5, calc((100% - 22px * 4) / 5));
       column-gap: 22px;
       .screen-href-block {
         width: 100%;
@@ -384,7 +384,7 @@ export default defineComponent({
         }
         .screen-href-block-content {
           display: grid;
-          grid-template-columns: repeat(3, auto);
+          grid-template-columns: repeat(3, calc((100% - 10px * 2) / 3));
           gap: 10px;
           .shbc-item {
             font-size: 20px;
@@ -397,6 +397,11 @@ export default defineComponent({
             >img {
               margin: 0 8px 0 13px;
             }
+            >p {
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
           }
         }
       }