bug

project/sass/apps/Announce/AppAnnounce/components/Add.vue

@@ -722,220 +722,6 @@
       .right {
         position: sticky;
         top: 0;
-
-        .phone {
-          position: absolute;
-          left: 13px;
-          top: 4px;
-          z-index: 1;
-          width: 314px;
-          height: 647px;
-        }
-
-        .phone-wrapper {
-          position: absolute;
-          left: 0;
-          top: 0;
-          z-index: 2;
-          width: 338px;
-          height: 675px;
-        }
-
-        .right-content {
-          position: relative;
-          z-index: 11;
-          height: 100%;
-          overflow-y: auto;
-
-          .msg-item {
-            display: flex;
-            margin-bottom: 20px;
-
-            .msg-item__left {
-              width: 42px;
-              height: 42px;
-              margin-right: 16px;
-              background: #2891FF;
-              border-radius: 4px;
-              flex-shrink: 1;
-              overflow: hidden;
-
-              img {
-                width: 100%;
-                height: 100%;
-              }
-            }
-
-            .msg-item__right {
-              position: relative;
-              flex: 1;
-
-              &::after {
-                position: absolute;
-                top: 16px;
-                left: 0;
-                z-index: 1;
-                width: 0;
-                height: 0;
-                border-right: 6px solid #fff;
-                border-left: 6px solid transparent;
-                border-bottom: 6px solid transparent;
-                border-top: 6px solid transparent;
-                content: " ";
-                transform: translate(-100%, 0%);
-              }
-
-              &.left-border::after {
-                display: none;
-              }
-
-              .msg-img img {
-                max-width: 206px;
-                max-height: 200px;
-              }
-
-              .msg-video video {
-                max-width: 206px;
-                max-height: 200px;
-              }
-
-              .msg-text {
-                max-width: 206px;
-                width: max-content;
-                line-height: 1.3;
-                padding: 12px;
-                background: #FFFFFF;
-                border-radius: 5px;
-                word-break: break-all;
-                font-size: 14px;
-                color: #222222;
-              }
-
-              .msg-miniapp {
-                width: 206px;
-                padding: 0 12px;
-                text-align: justify;
-                font-size: 0;
-                background: #FFFFFF;
-                border-radius: 5px;
-                font-size: 14px;
-                color: #222222;
-
-                h2 {
-                  line-height: 1.2;
-                  padding: 8px 0;
-                  border-bottom: 1px solid #eee;
-                  color: #222222;
-                  font-size: 14px;
-                }
-
-                img {
-                  width: 100%;
-                  height: 120px;
-                  margin-bottom: 8px;
-                }
-
-                .msg-bottom {
-                  display: flex;
-                  align-items: center;
-                  line-height: 1;
-                  padding: 4px 0;
-                  border-top: 1px solid #eee;
-
-                  i {
-                    margin-right: 4px;
-                    font-size: 12px;
-                    font-style: normal;
-                    color: #999;
-                  }
-
-                  img {
-                    width: 16px;
-                    height: 16px;
-                    border-radius: 50%;
-                  }
-                }
-              }
-
-              .msg-file {
-                display: flex;
-                align-items: center;
-                width: 206px;
-                padding: 12px;
-                background: #FFFFFF;
-                border-radius: 5px;
-
-                .msg-left {
-                  flex: 1;
-                  margin-right: 18px;
-
-                  h2 {
-                    display: -webkit-box;
-                    flex: 1;
-                    line-height: 16px;
-                    margin-bottom: 4px;
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 1;
-                    text-overflow: ellipsis;
-                    overflow: hidden;
-                    color: #222222;
-                    font-size: 14px;
-                  }
-
-                  p {
-                    color: #888888;
-                    font-size: 12px;
-                  }
-                }
-
-                img {
-                  width: 44px;
-                  height: 44px;
-                  border-radius: 2px;
-                }
-              }
-
-              .msg-link {
-                width: 206px;
-                height: 102px;
-                padding: 12px;
-                background: #FFFFFF;
-                border-radius: 5px;
-
-                h2 {
-                  margin-bottom: 4px;
-                  color: #222222;
-                  font-size: 14px;
-                  font-weight: normal;
-                }
-
-                .msg-right {
-                  display: flex;
-                  align-items: center;
-
-                  p {
-                    display: -webkit-box;
-                    flex: 1;
-                    line-height: 16px;
-                    margin-right: 10px;
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 3;
-                    text-overflow: ellipsis;
-                    overflow: hidden;
-                    color: #888;
-                    font-size: 12px;
-                  }
-
-                  img {
-                    width: 50px;
-                    height: 50px;
-                    border-radius: 4px;
-                  }
-                }
-              }
-            }
-          }
-        }
       }
 
       .AppAnnounceDetail-select {

project/sass/apps/Announce/AppAnnounce/components/Detail.vue

@@ -51,13 +51,16 @@
             <ai-info-item label="消息内容" isLine>
               <div class="msg">
                 <p>{{ content }}</p>
-                <div class="msg-bottom" v-if="fileList.length">
+                <div class="msg-bottom">
-                  <div class="left">
+                  <div class="left" v-if="fileList.length">
                     <img :src="mapIcon(fileList[0].msgType)" />
                     <span>{{ mapType(fileList[0].msgType) }}{{ fileList[0].mpTitle || fileList[0].name || fileList[0].linkTitle  }} 等</span>
                     <i>{{ fileList.length }}</i>
                     <span>个附件</span>
                   </div>
+                  <div class="left" v-else>
+                    <span>暂无附件</span>
+                  </div>
                   <div class="right" @click="isShowPhone = true">预览消息</div>
                 </div>
               </div>

project/sass/apps/Announce/AppAnnounce/components/List.vue

@@ -77,9 +77,11 @@
         <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
           <template slot-scope="{ row }">
             <div class="table-options">
-              <el-button type="text" @click="toAdd(row.id)">编辑</el-button>
+              <el-button type="text" @click="remindExamine(row.id)" v-if="['0'].includes(row.status)">催办</el-button>
+              <el-button type="text" @click="cancel(row.id)" v-if="['0'].includes(row.status)">撤回</el-button>
               <el-button type="text" @click="toDetail(row.id)">详情</el-button>
-              <el-button type="text" @click="remove(row.id)">删除</el-button>
+              <el-button type="text" @click="toAdd(row.id)" v-if="['1', '3'].includes(row.status)">编辑</el-button>
+              <!-- <el-button type="text" @click="remove(row.id)">删除</el-button> -->
             </div>
           </template>
         </el-table-column>
@@ -164,6 +166,28 @@
         })
       },
 
+      remindExamine (id) {
+        this.$confirm('确定催办该数据？').then(() => {
+          this.instance.post(`/app/appmasssendingtask/remindExamine?id=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('催办成功！')
+              this.getList()
+            }
+          })
+        })
+      },
+
+      cancel (id) {
+        this.$confirm('确定撤回该数据？').then(() => {
+          this.instance.post(`/app/appmasssendingtask/cancel?id=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('撤回成功！')
+              this.getList()
+            }
+          })
+        })
+      },
+
       remove(id) {
         this.$confirm('确定删除该数据？').then(() => {
           this.instance.post(`/app/appmasssendingtask/delete?ids=${id}`).then(res => {