@logwire/logwire-wms-pda-ui 3.5.3 → 3.5.5

package/src/views/wms/page/dataAnalysis/index.js

@@ -1,18 +1,18 @@
-/*
-*
-* @author: 张文
-* @date  2023-11-28
-* */
-
-import lwDataAnalysisIndex from './index.vue'
-import lwDataAnalysisLook from './look.vue'
-
-const components = [
-  lwDataAnalysisIndex,
-  lwDataAnalysisLook,
-]
-
-export default components.map(item => {
-  item.install = Vue => Vue.component(item.name, item)
-  return item
-})
+/*
+*
+* @author: 张文
+* @date  2023-11-28
+* */
+
+import lwDataAnalysisIndex from './index.vue'
+import lwDataAnalysisLook from './look.vue'
+
+const components = [
+  lwDataAnalysisIndex,
+  lwDataAnalysisLook,
+]
+
+export default components.map(item => {
+  item.install = Vue => Vue.component(item.name, item)
+  return item
+})

package/src/views/wms/page/dataAnalysis/index.vue

@@ -1,168 +1,168 @@
-<!--
-  数据大屏列表页
-  @author: 张文
-  @date: 2022-11-04
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.dataAnalysis.index.qrxpstcw', '数据大屏展示')"/>
-
-    <lw-page-body-module>
-      <!-- 搜索 -->
-      <div
-        style="margin-bottom: 10px"
-        class="lw-global-model-box lw-global-model-box-3px"
-      >
-        <lw-input
-          :placeholder="$lwLanguage.get('wms_project.pda.wms.page.dataAnalysis.index.timwlgar', '数据大屏编码、名称')"
-          v-model="search"
-          :show-bottom-border="false"
-          @confirm="getData"
-        >
-          <template #button>
-            <van-icon
-              name="search"
-              size="22"
-              color="#434343"
-              @click="getData"
-            />
-          </template>
-        </lw-input>
-      </div>
-
-      <div
-        v-if="screenList.length"
-        class="lw-global-collapse-box"
-      >
-        <van-collapse
-          v-model="active"
-          :border="false"
-        >
-          <van-collapse-item
-            class="lw-global-animation-out"
-            v-for="(i,k) in screenList"
-            :key="i.group.id"
-            :style="{animationDelay: 50 * k + 'ms'}"
-            :name="i.group.id"
-          >
-
-            <template #title>
-              <div class="lw-global-flex-between">
-
-                <div class="lw-global-value-bold">
-                  {{ i.group.code + ' - ' + i.group.name }}
-                </div>
-
-                <div class="lw-global-value-bold-red">
-                  {{ i.kanbanList.length || 0 }}
-                </div>
-
-              </div>
-            </template>
-
-            <screen-data
-              v-for="(item,key) in i.kanbanList"
-              :key="key"
-              :src="item.thumbnail"
-              :title="item.name"
-              :code="item.code"
-              :id="item.id"
-              :enabled="item.enabled"
-              @click="screenClick(item)"
-            />
-
-          </van-collapse-item>
-        </van-collapse>
-      </div>
-      <lw-not-data v-else/>
-    </lw-page-body-module>
-
-  </div>
-</template>
-
-<script>
-
-import screenData from "./components/screenData.vue";
-import {dmMobileQueryPreviewKanbanList} from "./../../api/dataAnalysis/index";
-
-export default {
-  name: "lwDataAnalysisIndex",
-  components: {
-    screenData
-  },
-  data() {
-    return {
-      active: [],
-      screenList: [],
-      search: ''
-    }
-  },
-  mounted() {
-    this.getData()
-  },
-  methods: {
-    // 获取数据
-    getData() {
-      this.screenList = []
-      this.active = []
-      dmMobileQueryPreviewKanbanList({
-        viewerType: "browser",
-        keyword: this.search
-      }).then(res => {
-        this.screenList = res || []
-      })
-    },
-
-    // 大屏点击
-    screenClick(item) {
-      const {url, type, width, height, name} = item
-      this.$router.push({
-        path: '/dataAnalysis/lwLook',
-        query: {
-          url,
-          type,
-          name,
-          width,
-          height
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.lw-global-collapse-box {
-
-  /deep/ .van-cell {
-    padding: 10px;
-    border-radius: 4px;
-
-    &:after {
-      border-bottom: none;
-    }
-  }
-
-
-  .van-collapse-item {
-    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06);
-    border-radius: 4px;
-    overflow: hidden;
-
-    & + .van-collapse-item {
-      margin-top: 10px;
-    }
-  }
-
-  .van-collapse-item__title--expanded {
-    background: #E7EBF6;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-
-    .lw-global-value-bold, .van-cell__right-icon {
-      color: #153BAE;
-    }
-  }
-}
-</style>
+<!--
+  数据大屏列表页
+  @author: 张文
+  @date: 2022-11-04
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.dataAnalysis.index.qrxpstcw', '数据大屏展示')"/>
+
+    <lw-page-body-module>
+      <!-- 搜索 -->
+      <div
+        style="margin-bottom: 10px"
+        class="lw-global-model-box lw-global-model-box-3px"
+      >
+        <lw-input
+          :placeholder="$lwLanguage.get('wms_project.pda.wms.page.dataAnalysis.index.timwlgar', '数据大屏编码、名称')"
+          v-model="search"
+          :show-bottom-border="false"
+          @confirm="getData"
+        >
+          <template #button>
+            <van-icon
+              name="search"
+              size="22"
+              color="#434343"
+              @click="getData"
+            />
+          </template>
+        </lw-input>
+      </div>
+
+      <div
+        v-if="screenList.length"
+        class="lw-global-collapse-box"
+      >
+        <van-collapse
+          v-model="active"
+          :border="false"
+        >
+          <van-collapse-item
+            class="lw-global-animation-out"
+            v-for="(i,k) in screenList"
+            :key="i.group.id"
+            :style="{animationDelay: 50 * k + 'ms'}"
+            :name="i.group.id"
+          >
+
+            <template #title>
+              <div class="lw-global-flex-between">
+
+                <div class="lw-global-value-bold">
+                  {{ i.group.code + ' - ' + i.group.name }}
+                </div>
+
+                <div class="lw-global-value-bold-red">
+                  {{ i.kanbanList.length || 0 }}
+                </div>
+
+              </div>
+            </template>
+
+            <screen-data
+              v-for="(item,key) in i.kanbanList"
+              :key="key"
+              :src="item.thumbnail"
+              :title="item.name"
+              :code="item.code"
+              :id="item.id"
+              :enabled="item.enabled"
+              @click="screenClick(item)"
+            />
+
+          </van-collapse-item>
+        </van-collapse>
+      </div>
+      <lw-not-data v-else/>
+    </lw-page-body-module>
+
+  </div>
+</template>
+
+<script>
+
+import screenData from "./components/screenData.vue";
+import {dmMobileQueryPreviewKanbanList} from "./../../api/dataAnalysis/index";
+
+export default {
+  name: "lwDataAnalysisIndex",
+  components: {
+    screenData
+  },
+  data() {
+    return {
+      active: [],
+      screenList: [],
+      search: ''
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData() {
+      this.screenList = []
+      this.active = []
+      dmMobileQueryPreviewKanbanList({
+        viewerType: "browser",
+        keyword: this.search
+      }).then(res => {
+        this.screenList = res || []
+      })
+    },
+
+    // 大屏点击
+    screenClick(item) {
+      const {url, type, width, height, name} = item
+      this.$router.push({
+        path: '/dataAnalysis/lwLook',
+        query: {
+          url,
+          type,
+          name,
+          width,
+          height
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.lw-global-collapse-box {
+
+  /deep/ .van-cell {
+    padding: 10px;
+    border-radius: 4px;
+
+    &:after {
+      border-bottom: none;
+    }
+  }
+
+
+  .van-collapse-item {
+    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06);
+    border-radius: 4px;
+    overflow: hidden;
+
+    & + .van-collapse-item {
+      margin-top: 10px;
+    }
+  }
+
+  .van-collapse-item__title--expanded {
+    background: #E7EBF6;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+
+    .lw-global-value-bold, .van-cell__right-icon {
+      color: #153BAE;
+    }
+  }
+}
+</style>

package/src/views/wms/page/dataAnalysis/look.vue

@@ -1,100 +1,100 @@
-<!--
-  查看大屏
-  @author: 张文
-  @date: 2022-11-04
--->
-<template>
-  <div style="height: 100vh">
-
-    <lw-nav-bar :title="query.name"/>
-
-    <div
-      v-if="show"
-      style="position: relative;width: 100vw;height: calc(100% - 46px);overflow: hidden;background: #000000"
-    >
-
-      <!-- DM大屏 -->
-      <iframe
-        class="iframe-box"
-        v-if="isDM"
-        :src="query.url"
-      />
-      <!-- 外部链接大屏 -->
-      <iframe
-        v-else
-        class="iframe-box not-dm-iframe"
-        :style="{
-          transform: getScale(),
-          width:(query.width || 1920) + 'px',
-          height:(query.height || 1080) + 'px',
-          transformOrigin:'0 0',
-        }"
-        :src="query.url"
-      />
-
-    </div>
-
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwDataAnalysisLook",
-  computed: {
-    // 是否是大屏设计器
-    isDM() {
-      const type = this.query.type
-      return type === 'DM' || type === 'DM_DATA_BOARD'
-    }
-  },
-  data() {
-    return {
-      show: false,
-      query: {},
-      viewSize: {}
-    }
-  },
-  mounted() {
-
-    this.viewSize = {
-      height: document.documentElement.clientHeight - 46,
-      width: document.documentElement.clientWidth
-    }
-
-    this.query = this.$route.query
-    if (!/^http|HTTP/.test(this.query.url)) this.query.url = window.location.origin + this.query.url
-
-    this.show = true
-  },
-  methods: {
-    // 获取iframe缩放比例
-    getScale() {
-
-      // 获取显示屏的宽高和box的宽高，然后计算缩放比例，谁小取谁
-      const lw = this.viewSize.width / this.query.width;
-      const lh = this.viewSize.height / this.query.height;
-
-      return `scale(${lw > lh ? lh : lw}) translate(-50%,-50%)`
-    },
-  }
-}
-</script>
-
-<style scoped lang="less">
-.iframe-box {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
-
-.not-dm-iframe {
-  top: 50%;
-  left: 50%;
-}
-</style>
+<!--
+  查看大屏
+  @author: 张文
+  @date: 2022-11-04
+-->
+<template>
+  <div style="height: 100vh">
+
+    <lw-nav-bar :title="query.name"/>
+
+    <div
+      v-if="show"
+      style="position: relative;width: 100vw;height: calc(100% - 46px);overflow: hidden;background: #000000"
+    >
+
+      <!-- DM大屏 -->
+      <iframe
+        class="iframe-box"
+        v-if="isDM"
+        :src="query.url"
+      />
+      <!-- 外部链接大屏 -->
+      <iframe
+        v-else
+        class="iframe-box not-dm-iframe"
+        :style="{
+          transform: getScale(),
+          width:(query.width || 1920) + 'px',
+          height:(query.height || 1080) + 'px',
+          transformOrigin:'0 0',
+        }"
+        :src="query.url"
+      />
+
+    </div>
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwDataAnalysisLook",
+  computed: {
+    // 是否是大屏设计器
+    isDM() {
+      const type = this.query.type
+      return type === 'DM' || type === 'DM_DATA_BOARD'
+    }
+  },
+  data() {
+    return {
+      show: false,
+      query: {},
+      viewSize: {}
+    }
+  },
+  mounted() {
+
+    this.viewSize = {
+      height: document.documentElement.clientHeight - 46,
+      width: document.documentElement.clientWidth
+    }
+
+    this.query = this.$route.query
+    if (!/^http|HTTP/.test(this.query.url)) this.query.url = window.location.origin + this.query.url
+
+    this.show = true
+  },
+  methods: {
+    // 获取iframe缩放比例
+    getScale() {
+
+      // 获取显示屏的宽高和box的宽高，然后计算缩放比例，谁小取谁
+      const lw = this.viewSize.width / this.query.width;
+      const lh = this.viewSize.height / this.query.height;
+
+      return `scale(${lw > lh ? lh : lw}) translate(-50%,-50%)`
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.iframe-box {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+
+.not-dm-iframe {
+  top: 50%;
+  left: 50%;
+}
+</style>