公告撤回禁止查看

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

@@ -52,7 +52,13 @@
             <span slot-scope="scope">{{ scope.row.id }}</span>
           </el-table-column>
           <el-table-column label="标题">
-            <span v-if="scope.row.hasRecalled == true" slot-scope="scope">
+            <el-button
+              v-show="
+                scope.row.hasRecalled == null || scope.row.hasRecalled == false
+              "
+              type="text"
+              @click="detail(scope.row.id)"
+            >
               <img
                 :class="
                   scope.row.hasRead
@@ -61,27 +67,7 @@
                 "
               />
               <span class="mhome-message-title">{{ scope.row.title }}</span>
-            </span>
-            <span
-              v-if="
-                scope.row.hasRecalled == null || scope.row.hasRecalled == false
-              "
-              slot-scope="scope"
-            >
-              <router-link
-                :to="'/home/site-message/' + scope.row.id"
-                style="display: flex"
-              >
-                <img
-                  :class="
-                    scope.row.hasRead
-                      ? 'mhome-message-read'
-                      : 'mhome-message-unread'
-                  "
-                />
-                <span class="mhome-message-title">{{ scope.row.title }}</span>
-              </router-link>
-            </span>
+            </el-button>
           </el-table-column>
           <el-table-column width="180" prop="publishTime" label="发送时间">
           </el-table-column>
@@ -134,6 +120,9 @@ export default {
     back() {
       this.$router.push({ path: "/home/overview" });
     },
+    detail(id) {
+      this.$router.push("/home/site-message/" + id);
+    },
     setRead() {
       var ids = this.checkIds();
       if (!ids) return;