1

simple-demo/send_memos.html

@@ -97,14 +97,16 @@
                 <!-- 添加发送按钮 -->
                 <el-button style="margin-left: 20px; width: 10%; font-size: 2rem" @click="sendData" :disabled="!sendBtnAble">记录</el-button>
             </div>
-            <!--style="height: 200px; margin: 10px 10px 0 0; cursor: pointer"-->
-            <el-image v-for="item in tmpFileIds"
-                      :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path'] + '?width=150'"
-                      :preview-src-list="['https://memos_assert.tianyunperfect.cn/' + item['internal_path']]"
-                      class="img"></el-image>
-            <div v-if="tmpFileIds.length>0">
+            <div style="display: flex">
+                <div v-for="item in tmpFileIds">
+                    <el-image :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path'] + '?width=150'"
+                              :preview-src-list="['https://memos_assert.tianyunperfect.cn/' + item['internal_path']]"
+                              class="img"></el-image>
+                    <div @click="removeTmp(item)">删除</div>
+                </div>
 
             </div>
+
             <!-- 添加多选按钮 -->
             <el-checkbox-group v-model="tagChecked">
                 <el-checkbox-button v-for="tag in allTags" :label="tag"></el-checkbox-button>
@@ -255,6 +257,13 @@
             this.search();
         },
         methods: {
+            removeTmp(item){
+                // tmpFileIds 根据id删除
+                let index = this.tmpFileIds.findIndex(item => item.id === item.id);
+                if (index !== -1) {
+                    this.tmpFileIds.splice(index, 1);
+                }
+            },
             delPic(img) {
                 // 根据id从  cloneFileIds 删除
                 let index = this.cloneFileIds.findIndex(item => item.id === img.id);