公告撤回禁止查看

src/modules/portal/views/home/SiteMessageDetail.vue

@@ -81,7 +81,14 @@ export default {
     init() {
       var url = EXAM_WORK_API + "/notice/" + this.$route.params.id;
       this.$httpWithMsg.get(url).then((response) => {
-        this.message = response.data;
+        if (response.data.publishStatus === "RECALLED") {
+          this.$notify({
+            type: "error",
+            message: "当前通知以撤销，无法查看",
+          });
+        } else {
+          this.message = response.data;
+        }
       });
     },
   },

src/modules/portal/views/home/SiteMessageHome.vue

@@ -51,15 +51,13 @@
           <el-table-column width="100" label="ID">
             <span slot-scope="scope">{{ scope.row.id }}</span>
           </el-table-column>
-          <el-table-column label="标题">
-            <span slot-scope="scope">{{ scope.row.hasRecalled }}</span>
-            <span
-              v-if="
-                scope.row.hasRecalled == null || scope.row.hasRecalled == false
-              "
-              slot-scope="scope"
-            >
-              <el-button type="text" @click="detail(scope.row.id)">
+          <el-table-column label="标题"
+            ><span slot-scope="scope"
+              ><router-link
+                v-if="!scope.row.hasRecalled"
+                :to="'/home/site-message/' + scope.row.id"
+                style="display: flex"
+              >
                 <img
                   :class="
                     scope.row.hasRead
@@ -68,19 +66,18 @@
                   "
                 />
                 <span class="mhome-message-title">{{ scope.row.title }}</span>
-              </el-button>
-            </span>
-            <span v-if="scope.row.hasRecalled == true" slot-scope="scope">
-              <img
-                :class="
-                  scope.row.hasRead
-                    ? 'mhome-message-read'
-                    : 'mhome-message-unread'
-                "
-              />
-              <span class="mhome-message-title">{{ scope.row.title }}</span>
-            </span>
-          </el-table-column>
+              </router-link>
+              <span v-else>
+                <img
+                  :class="
+                    scope.row.hasRead
+                      ? 'mhome-message-read'
+                      : 'mhome-message-unread'
+                  "
+                /><span class="mhome-message-title">{{ scope.row.title }}</span>
+              </span>
+            </span></el-table-column
+          >
           <el-table-column width="180" prop="publishTime" label="发送时间">
           </el-table-column>
         </el-table>
@@ -195,25 +192,31 @@ export default {
 .page {
   margin-top: 10px;
 }
+
 .pull-length {
   width: 300px;
 }
+
 .pull-center {
   margin-top: 20px;
 }
+
 .editForm .el-form-item {
   margin-bottom: 12px;
 }
+
 .mhome-message-read {
   width: 16px;
   height: 14px;
   background-image: url(./svgs/sms-read.svg);
 }
+
 .mhome-message-unread {
   width: 16px;
   height: 14px;
   background-image: url(./svgs/sms-unread.svg);
 }
+
 .mhome-message-title {
   line-height: 14px;
   margin-left: 8px;