会议详情页面调整

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

@@ -2,21 +2,31 @@
   <div>
     <div class="div-li" v-for="(item, index) in infos" :key="index">
       <div class="li-item" v-if="item.type == 'title'">
-        <div class="li-title">{{ item.title }}</div>
-        <div class="li-item-cz">
-          <div @click.stop="handleInfoAdd(item)">新增</div>
-          <div @click.stop="handleInfoUpd(item)">修改</div>
-          <div @click.stop="handleInfoDel(item, index)">删除</div>
+        <div class="li-title">
+          {{ item.title }}
+          <span class="div-but" @click.stop="handleInfoAdd(item)">
+            <i class="el-icon-circle-plus-outline"></i> 新增
+          </span>
+          <span class="div-but" @click.stop="handleInfoUpd(item)">
+            <i class="el-icon-edit"></i> 修改
+          </span>
+          <span class="div-but" @click.stop="handleInfoDel(item, index)">
+            <i class="el-icon-remove-outline"></i> 删除
+          </span>
         </div>
       </div>
       <div class="li-item" v-if="item.type == 'file-pdf'">
         <div class="li-pdf" @click.stop="handlePdf(item)">
           {{ item.filePdfName }}
-          <div class="li-item-cz">
-            <div @click.stop="handleInfoAdd(item)">新增</div>
-            <div @click.stop="handleInfoUpd(item)">修改</div>
-            <div @click.stop="handleInfoDel(item, index)">删除</div>
-          </div>
+          <span class="div-but" @click.stop="handleInfoAdd(item)">
+            <i class="el-icon-circle-plus-outline"></i> 新增
+          </span>
+          <span class="div-but" @click.stop="handleInfoUpd(item)">
+            <i class="el-icon-edit"></i> 修改
+          </span>
+          <span class="div-but" @click.stop="handleInfoDel(item, index)">
+            <i class="el-icon-remove-outline"></i> 删除
+          </span>
         </div>
       </div>
       <div class="div-pdf" v-if="pdfId == item.id">
@@ -49,18 +59,20 @@
         </pdf>
       </div>
       <div class="li-item" v-if="item.type == 'richtext'">
-        <div class="li-text">{{ item.richtext }}</div>
-        <div class="li-item-cz">
-          <div @click.stop="handleInfoAdd(item)">新增</div>
-          <div @click.stop="handleInfoUpd(item)">修改</div>
-          <div @click.stop="handleInfoDel(item, index)">删除</div>
+        <div class="li-text">
+          {{ item.richtext }}
+          <span class="div-but" @click.stop="handleInfoAdd(item)">
+            <i class="el-icon-circle-plus-outline"></i> 新增
+          </span>
+          <span class="div-but" @click.stop="handleInfoUpd(item)">
+            <i class="el-icon-edit"></i> 修改
+          </span>
+          <span class="div-but" @click.stop="handleInfoDel(item, index)">
+            <i class="el-icon-remove-outline"></i> 删除
+          </span>
         </div>
       </div>
-      <div
-        class="div-ul"
-        style="padding: 16px 0 10px 10px"
-        v-if="item.infos && item.infos.length"
-      >
+      <div class="div-ul" v-if="item.infos && item.infos.length">
         <MeetingList :infos="item.infos"></MeetingList>
       </div>
     </div>
@@ -230,7 +242,10 @@ export default {
 
 .li-item {
   display: flex;
-  justify-content: space-between;
+  align-items: center;
+  //justify-content: space-between;
+  font-size: 20px;
+  line-height: 40px;
   //background: pink;
 
   uni-div {
@@ -245,15 +260,20 @@ export default {
   }
   .li-pdf {
     width: 100%;
-    display: flex;
-    justify-content: space-between;
+    // justify-content: space-between;
   }
   .li-item-cz {
+    flex-shrink: 0;
     display: flex;
     div {
       padding: 0 10px;
     }
   }
+  .div-but {
+    color: #1890ff;
+    margin-left: 10px;
+    font-weight: 500;
+  }
 }
 </style>
 <style></style>

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

@@ -2,7 +2,13 @@
   <div class="app-container" v-loading="loading">
     <div class="div-box">
       <span class="div-title"> {{ listData.title }}</span>
-      <div @click="handleAdd" style="text-align: right">新增</div>
+      <div
+        @click="handleAdd"
+        style="text-align: right; color: #1890ff; font-size: 20px"
+      >
+        <i class="el-icon-circle-plus-outline"></i>
+        新增
+      </div>
       <div class="div-ul">
         <MeetingList
           @handleRefresh="handleRefresh"