@tmesoft/data-screen-show 1.0.0 → 1.0.2

package/README.md

@@ -1,3 +1,12 @@
+项目使用npm下载，npm i
+运行环境 node：18.17.1，npm：9.6.7 。其他版本未尝试
+发布步骤：
+1. 打包npm: run build
+2. 切换到npmjs源：npm config set registry https://registry.npmjs.org/
+3. 登录npm: npm login
+4. 发布到npm:  npm run publish
+
+
 # data-screen-show
 ## 如何使用
 目前用于ilim、rlim、hps-102d数据大屏项目，用于大屏显示
@@ -5,6 +14,7 @@
 
 ## demo
 ```vue
+<!--src/view/index.vue文件-->
 <!--ts-->
 // 传入标题信息
 // 大屏主标题
@@ -232,57 +242,102 @@ 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>
 
 
 ```
 
 ## 方法
 
-| Name         | Description | type                          | default |
-|--------------|-------------|-------------------------------|---------|
-| setJSON      | 设置所有数据卡     |                         | {'师资队伍': 1,}      |
+| Name         | Description  | type                          | default |
+|--------------|--------------|-------------------------------|---------|
+| setJSON      | 设置所有可能显示的数据卡 |                         | {'师资队伍': 1,}      |
 ## 传值
 
-| Name      | Description  | type   | default |
-|-----------|--------------|--------|---------|
-| pageTitle | 标题           | string | ‘’      |
-| subTitle | 副标题标题        | string | ‘’      |
-| dataCardIdListIds | 需要显示的数据卡id集合 | string | ‘’      |
-| customCardList | 自定义卡数据         | CustomListPage[] | []      |
+| Name      | Description     | type   | default |
+|-----------|-----------------|--------|---------|
+| pageTitle | 标题              | string | ‘’      |
+| subTitle | 副标题标题           | string | ‘’      |
+| dataCardIdListIds | 需要显示在页面的数据卡id集合 | string | ‘’      |
+| customCardList | 自定义卡数据列表        | CustomListPage[] | []      |

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

@@ -22,7 +22,6 @@ type: PropType_2<CustomListPage[]>;
 default: () => never[];
 };
 }>, {
-chartResize: () => void;
 setDataCardJson: (_dataCardJson: any) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<{
 subTitle: {
@@ -49,13 +48,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 & {