Browse Source

feat:数据check

ananzhusen 11 months ago
parent
commit
bd7841fd85
1 changed files with 10 additions and 2 deletions
  1. 10 2
      src/views/components/Data.vue

+ 10 - 2
src/views/components/Data.vue

@@ -147,7 +147,7 @@
     </div>
     <div class="flex between mt-8">
       <t-tooltip content="可批量导入数据图元到画布" placement="top">
-        <t-checkbox v-model="data.checkAll">批量导入到画布</t-checkbox>
+        <t-checkbox v-model="data.checkAll" @change="onCheckAllChange">批量导入到画布</t-checkbox>
       </t-tooltip>
       <t-tooltip content="开启全局数据模拟" placement="top">
         <t-checkbox v-model="data.enableMock" @change="onChangeMock"
@@ -228,7 +228,7 @@
                 @click="device.expend = true"
               />
             </template>
-            <p class="title-span">{{ device.label }}</p>
+            <p class="title-span" @click="data.checkAll&&(device.checked = !device.checked)">{{ device.label }}</p>
           </div>
 
           <div class="flex">
@@ -1304,6 +1304,14 @@ const onChangeMock = () => {
   }
 };
 
+const onCheckAllChange = (e) => {
+  if(!e){
+    data.dataset?.devices?.forEach((item) => {
+      item.checked = false;
+    });
+  }
+}
+
 const onAddShape = (e, _data) => {
   e.stopPropagation();
   let data: any;