更新 首页工作台通知

src/apis/fetch.js

@@ -118,4 +118,9 @@ export default {
   updateSecurityTemplate(data) {
     return $http("/security/template/update", data);
   },
+
+  // 获取首页通知数据
+  getIndexNotice() {
+    return $http("/index/notice", {});
+  },
 };

src/views/index/Index.vue

@@ -116,12 +116,54 @@
             </div>
           </div>
         </div>
-        <div class="df aic jcsb mt30 mb10 aic">
+        <div class="df aic jcsb mt30 mb20 aic">
           <div class="df aic">
             <div class="shu"></div>
             <div class="right-title">工作台通知</div>
           </div>
         </div>
+        <div class="notice-item">
+          您有
+          <span class="notice-inner">
+            {{ indexNotice.cityMaritimeNoticeNum }}
+          </span>
+          条 #{{ indexNotice.city }}# 海事通告
+        </div>
+        <div class="notice-item">
+          您有
+          <span class="notice-inner">
+            {{ indexNotice.intelligentMaritimeNoticeNum }}
+          </span>
+          条智能精准化海事通告
+        </div>
+        <div class="notice-item">
+          <span class="notice-inner">{{ indexNotice.normalShipNum }}</span>
+          条船舶航行正常
+        </div>
+        <div class="notice-item">
+          <span class="notice-inner">{{ indexNotice.abnormalShipNum }}</span>
+          条船舶航行异常
+        </div>
+        <div class="notice-item">
+          <span class="notice-inner">{{ indexNotice.outOfSeaShipNum }}</span>
+          条海船出海
+        </div>
+        <div class="notice-item">
+          <span class="notice-inner">{{ indexNotice.securityCheckNum }}</span>
+          条船舶远程安检待办
+        </div>
+        <div class="notice-item">
+          您有
+          <span class="notice-inner">{{ indexNotice.certUpcomingNum }}</span>
+          个船舶证书待办
+        </div>
+        <div class="notice-item">
+          您有
+          <span class="notice-inner">
+            {{ indexNotice.insuranceUpcomingNum }}
+          </span>
+          个船舶保险待办
+        </div>
       </div>
     </div>
   </div>
@@ -254,8 +296,14 @@ async function getIndexData() {
   initMap();
 }
 
+let indexNotice = ref({});
+async function getIndexNotice() {
+  let { data } = await api.getIndexNotice();
+  indexNotice.value = data.result;
+}
 onMounted(() => {
   getIndexData();
+  getIndexNotice();
 });
 </script>
 <style scoped>
@@ -450,4 +498,14 @@ onMounted(() => {
   top: 8px;
   right: 8px;
 }
+
+.notice-item {
+  font-size: 15px;
+  color: #555;
+  margin-bottom: 16px;
+}
+
+.notice-inner {
+  color: #333;
+}
 </style>

src/views/shipSecurityManage/shipCheckTemplateDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pt30" style="width: 600px">
+  <div class="pt40 pl30" style="width: 600px">
     <el-form
       :model="ruleForm"
       :rules="rules"