详情页显示标题

大唐会议后台/src/views/components/MeetingList.vue

@@ -273,6 +273,7 @@ export default {
     color: #1890ff;
     margin-left: 10px;
     font-weight: 500;
+    cursor: pointer;
   }
 }
 </style>

大唐会议后台/src/views/meeting/index.vue

@@ -409,7 +409,7 @@ export default {
       this.title = "会议详情";
       this.$router.push({
         path: "/meetingDetails/index",
-        query: { id: row.id },
+        query: { id: row.id, title: row.title },
       });
     },
     submitForm1() {

大唐会议后台/src/views/meetingDetails/index.vue

@@ -1,14 +1,21 @@
 <template>
   <div class="app-container" v-loading="loading">
     <div class="div-box">
-      <span class="div-title"> {{ listData.title }}</span>
+      <div style="text-align: center">
+        <span class="div-title"> {{ $route.query.title }}</span>
+      </div>
       <div
+        v-if="listData.infos && listData.infos.length"
         @click="handleAdd"
         style="text-align: right; color: #1890ff; font-size: 20px"
       >
         <i class="el-icon-circle-plus-outline"></i>
         新增
       </div>
+      <div v-else @click="handleAdd" class="div-add">
+        <i class="el-icon-circle-plus-outline"></i>
+        新增
+      </div>
       <div class="div-ul">
         <MeetingList
           @handleRefresh="handleRefresh"
@@ -277,4 +284,23 @@ export default {
   font-size: 18px;
   line-height: 26px;
 }
+.div-add {
+  width: 100%;
+  height: 300px;
+  color: #1890ff;
+  font-size: 30px;
+  line-height: 300px;
+  border: 2px dashed #1890ff;
+  text-align: center;
+}
+.div-title {
+  display: inline-block;
+  border: 1px solid #000;
+  padding: 0 14px;
+  margin-bottom: 30px;
+  line-height: 50px;
+  border-radius: 6px;
+  font-size: 20px;
+  font-weight: bold;
+}
 </style>