tianyun 9 月之前
父节点
当前提交
068e59f611
共有 1 个文件被更改,包括 13 次插入0 次删除
  1. 13 0
      simple-demo/memos.html

+ 13 - 0
simple-demo/memos.html

@@ -97,6 +97,7 @@
 
                 <!-- 添加发送按钮 -->
                 <el-button style="margin-left: 20px; width: 10%; font-size: 2rem" @click="sendData" :disabled="!sendBtnAble">记录</el-button>
+                <el-button style="margin-left: 20px; width: 10%; font-size: 1rem" @click="sendData">合并</el-button>
             </div>
             <div style="display: flex">
                 <div v-for="item in tmpFileIds">
@@ -199,6 +200,9 @@
                         <br>
                         <el-button size="small" type="warning" @click="del(item)">删除</el-button>
                     </div>
+                    <div class="editClass" style="margin-left: 30px">
+                        <el-checkbox :value="selectedIds.includes(item.id)" @change="handleCheckboxChange(item.id, $event)">合并</el-checkbox>
+                    </div>
                 </el-col>
             </el-row>
         </div>
@@ -273,6 +277,7 @@
     let vm = new Vue({
         el: '#app',
         data: {
+            selectedIds: [],
             duoxuan: false,
             tmpItem: {},
             dialogVisible: false,
@@ -332,6 +337,14 @@
             });
         },
         methods: {
+            handleCheckboxChange(id, checked) {
+                if (checked) {
+                    this.selectedIds.push(id);
+                } else {
+                    this.selectedIds = this.selectedIds.filter(selectedId => selectedId !== id);
+                }
+                console.log(this.selectedIds)
+            },
             searchStrChange() {
                 let queryStr = this.searchStr;
                 // url编码