顶部图片

.gitignore

@@ -23,3 +23,4 @@ social-management-screen
 *.njsproj
 *.sln
 *.sw?
+social-management-screen.zip

src/style/cus-element.scss

@@ -8,4 +8,11 @@
     opacity: 0.75;
     cursor: pointer;
   }
-}
+}
+
+.__text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+}

src/views/common/static.ts

@@ -7,10 +7,10 @@ import InfoSub3 from './img/info-sub-3.png'
 import InfoSub4 from './img/info-sub-4.png'
 import InfoSub5 from './img/info-sub-5.png'
 import InfoSub6 from './img/info-sub-6.png'
-import InfoMain1 from './img/info-main-1.jpg'
+import InfoMain1 from './img/info-main-1.png'
 import InfoMain2 from './img/info-main-2.png'
 import InfoMain3 from './img/info-main-3.png'
-import InfoMain4 from './img/info-main-4.jpg'
+import InfoMain4 from './img/info-main-4.png'
 import InfoMain5 from './img/info-main-5.png'
 import LogoIcon from './img/logo-icon.png'
 import LogoIconZwww from './img/logo-icon_zwww.png'
@@ -36,31 +36,33 @@ export const infoMapper = [
     mainImg: InfoMain2,
   },
   {
-    label: '组织架构',
+    label: '职能定位',
     enLabel: 'Organization Structure',
     remark: '中央、海南省委省政府对社管平台的建设高度重视，相关领导多次到社管平台调研指导工作，并作出一系列重要批示。',
     subImg: InfoSub3,
     mainImg: InfoMain3,
   },
   {
-    label: '总体规划',
+    label: '总体架构',
     enLabel: 'Master Planning',
     remark: '根据顶层设计文件要求，社管平台按照“强化共用、整合通用、开放应用”的架构理念，打造“1551”社会管理业务架构体系...',
     subImg: InfoSub4,
     mainImg: InfoMain4,
   },
   {
-    label: '大厅职能',
+    label: '系统汇聚',
     enLabel: 'Hall Functions',
     remark: '社管平台联勤联动工作在建设领导小组统一领导下，由指挥中心负责，联勤协调处指挥调度，情指行组具体落实。',
     subImg: InfoSub5,
     mainImg: InfoMain5,
   },
-  {
-    label: '成果展示',
+]
+if (window?.cusConfig?.version === 'zwww') {
+  infoMapper.push({
+    label: '实战专报',
     enLabel: 'Achievement-Exhibition',
     remark: '近年来，平台通过船舶管控系统精准预警重点海域和重要时段涉海信息，配合海南海警局、海岸警察总队等部门破获了系列重大案件...',
     subImg: InfoSub6,
     href: `/${store.state.app.apiProxy.staticApi}/video/cgzs.mp4`
-  },
-]
+  })
+}

src/views/pc/index.vue

@@ -40,7 +40,7 @@
           </div>
           <div class="pc-href-block-content" :style="`grid-template-columns: repeat(${item.span}, 1fr);`">
             <template v-for="(h, hI) in item.children">
-              <div class="phbc-item __hover" @click="toHref(h)">
+              <div class="phbc-item __hover __text-ellipsis" :style="`cursor: ${h.href ? 'pointer' : 'not-allowed'};`" @click="h.href ? toHref(h) : null">
                 <img src="../common/img/bottom-item-label.png"/><p>{{h.label}}</p>
               </div>
             </template>