@tmesoft/data-screen-show 1.0.0 → 1.0.1

package/README.md

@@ -232,43 +232,88 @@ target.style.top = `${top}rem`
 // 获取师资队伍、科研成果、设备资产数据
 getAllApiData()
 })
+const renderPart = (id: number) => {
+const isContainId = (id: number) => {
+if (dataCardIdListIds.value?.length === 0) return false
+return dataCardIdListIds.value?.some(item => item === id)
+}
+return isContainId(id)
+}
+const EscreenDataCardAllId = ref<any>({
+  师资队伍: 1,
+  科研成果: 2,
+  设备资产: 3,
+  预约开放: 4,
+  空间可视化: 5,
+  安全数据: 6,
+  实验人次: 7,
+  实验报告: 8,
+  实验成绩: 9,
+  实验交流: 10
+  })
 
 <!--template-->
-<DataScreenShow ref="dataScreenShowRef" :page-title="pageTitle" :sub-title="subTitle" :dataCardIdListIds="dataCardIdListIds"  :customCardList="customCardList" >
-  <template #main-floor>
-    <div>3d楼层</div>
-  </template>
-  <!-- 预约开放 -->
-  <template #reservation-info>
-
-    <div>预约开放</div>
-  </template>
-  <!--            安全模块-->
-  <template #safe-module>
-    <div>安全模块</div>
-  </template>
-
-
-  <!-- 实验人次 -->
-  <template #person-time-info>
-    <div>实验人次</div>
-  </template>
-
-  <!-- 实验报告 -->
-  <template #report-info>
-    <div>实验报告</div>
-  </template>
-
-  <!-- 实验成绩 -->
-  <template #experimental-results-info>
-    <div>实验成绩</div>
-  </template>
+  <DataScreenShow ref="dataScreenShowRef" :page-title="pageTitle" :sub-title="subTitle" :dataCardIdListIds="dataCardIdListIds"  :customCardList="customCardList" >
+    <!-- 预约开放 -->
+    <div
+        ref="reservationInfoRef"
+        class="info-item"
+        :class="`data-target${EscreenDataCardAllId?.预约开放}`"
+        v-if="renderPart(EscreenDataCardAllId?.预约开放)"
+    >
+      <!-- 3d 2d楼层模块 -->
+      <div
+          class="main-floor-container info-item"
+          v-if="renderPart(EscreenDataCardAllId?.空间可视化)"
+          :class="`data-target${EscreenDataCardAllId?.空间可视化}`"
+      >
+        3d 2d楼层模块
+      </div>
+      <!-- 安全模块-->
+      <div  class="info-item"
+            :class="`data-target${EscreenDataCardAllId?.安全数据}`"
+            v-if="renderPart(EscreenDataCardAllId?.安全数据)"
+            ref="safeRef" >
+        安全模块
+      </div>
+      <!-- 实验人次 -->
+      <div
+          class="info-item"
+          :class="`data-target${EscreenDataCardAllId?.实验人次}`"
+          v-if="renderPart(EscreenDataCardAllId?.实验人次)"
+      >
+        实验人次
 
-  <!-- 实验交流 -->
-  <template #experimental-communication>
-    <div>实验交流</div>
-  </template>
-</DataScreenShow>
+      </div>
+      <!-- 实验报告 -->
+      <div
+          ref="reportInfoRef"
+          :class="`data-target${EscreenDataCardAllId?.实验报告}`"
+          class="info-item"
+          v-if="renderPart(EscreenDataCardAllId?.实验报告)"
+      >
+        实验报告
+      </div>
+      <!-- 实验成绩 -->
+      <div
+          ref="experimentalResultsInfoRef"
+          class="info-item"
+          :class="`data-target${EscreenDataCardAllId?.实验成绩}`"
+          v-if="renderPart(EscreenDataCardAllId?.实验成绩)"
+      >
+        实验成绩
+      </div>
+      <!-- 实验交流 -->
+      <div
+          ref="experimentalCommunicationRef"
+          class="info-item"
+          :class="`data-target${EscreenDataCardAllId?.实验交流}`"
+          v-if="renderPart(EscreenDataCardAllId?.实验交流)"
+      >
+        实验交流
+      </div>
+    </div>
+  </DataScreenShow>
 
 
 ```

package/dist/data-screen-show-lib.d.ts

@@ -49,13 +49,7 @@ customCardList: CustomListPage[];
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare function __VLS_template(): {
-    "reservation-info"?(_: {}): any;
-    "main-floor"?(_: {}): any;
-    "safe-module"?(_: {}): any;
-    "person-time-info"?(_: {}): any;
-    "report-info"?(_: {}): any;
-    "experimental-results-info"?(_: {}): any;
-    "experimental-communication"?(_: {}): any;
+    default?(_: {}): any;
 };
 
 declare type __VLS_WithTemplateSlots<T, S> = T & {