inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/components/video-play.tsx

@@ -1,83 +1,83 @@
-import { computed, defineComponent, PropType, ref, inject } from "vue";
-import { getVideoBaseUrl } from "@/api/alarm/alarmRecord";
-import { IUrlObj } from "../views/alarms/warning-record";
-
-import { LeftOutlined, RightOutlined } from "@ant-design/icons-vue";
-
-export interface IVideo {
-  cameraUuid: string;
-  streamUuid: string;
-  drSec: number;
-  relatedPath: string;
-  id: number;
-}
-
-/**
- * 视频播放组件(多个视频)
- */
-const VideoPlay = defineComponent({
-  props: {
-    videoList: {
-      type: Object as PropType<{ [key: string]: IVideo }>,
-      default: {},
-    },
-  },
-  setup(props, { emit }) {
-    const urlObj = inject<IUrlObj>("urlObj")!;
-    const CarouselRef = ref();
-
-    const baseUrl = ref("");
-    const getBaseUrl = async () => {
-      const ip = await getVideoBaseUrl(urlObj.videoBaseUrl)();
-      baseUrl.value = ip;
-    };
-    getBaseUrl();
-
-    const videoObjList = computed(() => Object.values(props.videoList));
-
-    // url列表
-    const urlList = computed(() => {
-      if (!baseUrl.value) return [];
-      return videoObjList.value.map(
-        (item) => `${baseUrl.value}${item.relatedPath}`
-      );
-    });
-
-    return {
-      urlList,
-      CarouselRef,
-    };
-  },
-  render() {
-    return (
-      <div class="video-play">
-        {/* 视频 */}
-        {this.urlList.length ? (
-          <div class="container">
-            <a-carousel ref="CarouselRef">
-              {this.urlList.map((item) => (
-                <video key={item} autoplay muted loop src={item}></video>
-              ))}
-            </a-carousel>
-            <button
-              class="btn btn-prev"
-              onClick={() => (this.$refs.CarouselRef as any).prev()}
-            >
-              <LeftOutlined style={{ fontSize: "20px" }} />
-            </button>
-            <button
-              class="btn btn-next"
-              onClick={() => (this.$refs.CarouselRef as any).next()}
-            >
-              <RightOutlined style={{ fontSize: "20px" }} />
-            </button>
-          </div>
-        ) : (
-          <a-empty description="暂无视频" />
-        )}
-      </div>
-    );
-  },
-});
-
-export default VideoPlay;
+import { computed, defineComponent, PropType, ref, inject } from "vue";
+import { getVideoBaseUrl } from "@/api/alarm/alarmRecord";
+import { IUrlObj } from "../views/alarms/warning-record";
+
+import { LeftOutlined, RightOutlined } from "@ant-design/icons-vue";
+
+export interface IVideo {
+  cameraUuid: string;
+  streamUuid: string;
+  drSec: number;
+  relatedPath: string;
+  id: number;
+}
+
+/**
+ * 视频播放组件(多个视频)
+ */
+const VideoPlay = defineComponent({
+  props: {
+    videoList: {
+      type: Object as PropType<{ [key: string]: IVideo }>,
+      default: {},
+    },
+  },
+  setup(props, { emit }) {
+    const urlObj = inject<IUrlObj>("urlObj")!;
+    const CarouselRef = ref();
+
+    const baseUrl = ref("");
+    const getBaseUrl = async () => {
+      const ip = await getVideoBaseUrl(urlObj.videoBaseUrl)();
+      baseUrl.value = ip;
+    };
+    getBaseUrl();
+
+    const videoObjList = computed(() => Object.values(props.videoList));
+
+    // url列表
+    const urlList = computed(() => {
+      if (!baseUrl.value) return [];
+      return videoObjList.value.map(
+        (item) => `${baseUrl.value}${item.relatedPath}`
+      );
+    });
+
+    return {
+      urlList,
+      CarouselRef,
+    };
+  },
+  render() {
+    return (
+      <div class="video-play">
+        {/* 视频 */}
+        {this.urlList.length ? (
+          <div class="container">
+            <a-carousel ref="CarouselRef">
+              {this.urlList.map((item) => (
+                <video key={item} autoplay muted loop src={item}></video>
+              ))}
+            </a-carousel>
+            <button
+              class="btn btn-prev"
+              onClick={() => (this.$refs.CarouselRef as any).prev()}
+            >
+              <LeftOutlined style={{ fontSize: "20px" }} />
+            </button>
+            <button
+              class="btn btn-next"
+              onClick={() => (this.$refs.CarouselRef as any).next()}
+            >
+              <RightOutlined style={{ fontSize: "20px" }} />
+            </button>
+          </div>
+        ) : (
+          <a-empty description="暂无视频" />
+        )}
+      </div>
+    );
+  },
+});
+
+export default VideoPlay;

package/src/pageComponent/config/htconfig.ts

@@ -1,32 +1,32 @@
-window.htconfig = {
-  Default: {
-    toolTipDelay: 100,
-    toolTipContinual: true,
-    debugTipBackground: "rgba(61,61,61,0.6)",
-    debugTipLabelColor: "#fff",
-    convertURL: (url: string) => {
-      const storagePrefix = "/ht_";
-      if (
-        storagePrefix &&
-        url &&
-        !/^data:image/.test(url) &&
-        !/^http/.test(url) &&
-        !/^https/.test(url)
-      ) {
-        url = `${storagePrefix}/${url}`;
-      }
-      // append timestamp
-      url += `${url.indexOf("?") >= 0 ? "&" : "?"}ts=${Date.now()}`;
-      // append sid
-      const match = window.location.href.match("sid=([0-9a-z-]*)");
-      if (match) {
-        // eslint-disable-next-line prefer-destructuring
-        window.sid = match[1];
-      }
-      if (window.sid) {
-        url += `&sid=${window.sid}`;
-      }
-      return url;
-    },
-  },
-};
+window.htconfig = {
+  Default: {
+    toolTipDelay: 100,
+    toolTipContinual: true,
+    debugTipBackground: "rgba(61,61,61,0.6)",
+    debugTipLabelColor: "#fff",
+    convertURL: (url: string) => {
+      const storagePrefix = "/ht_";
+      if (
+        storagePrefix &&
+        url &&
+        !/^data:image/.test(url) &&
+        !/^http/.test(url) &&
+        !/^https/.test(url)
+      ) {
+        url = `${storagePrefix}/${url}`;
+      }
+      // append timestamp
+      url += `${url.indexOf("?") >= 0 ? "&" : "?"}ts=${Date.now()}`;
+      // append sid
+      const match = window.location.href.match("sid=([0-9a-z-]*)");
+      if (match) {
+        // eslint-disable-next-line prefer-destructuring
+        window.sid = match[1];
+      }
+      if (window.sid) {
+        url += `&sid=${window.sid}`;
+      }
+      return url;
+    },
+  },
+};

package/src/pageComponent/config/systemConfig.ts

@@ -1,159 +1,159 @@
-const centerColumns = [
-  {
-    title: "序号",
-    dataIndex: "index",
-    key: "index",
-  },
-  {
-    title: "通道名称",
-    dataIndex: "channelName",
-    key: "name",
-  },
-  {
-    title: "通道密钥",
-    dataIndex: "id",
-    width: 250,
-    key: "secretKey",
-  },
-  {
-    title: "通道状态",
-    dataIndex: "available",
-    key: "state",
-  },
-  {
-    title: "操作",
-    dataIndex: "action",
-    key: "action",
-  },
-];
-const gradeColumns = [
-  {
-    title: "通知等级",
-    dataIndex: "level",
-    key: "grade",
-  },
-  {
-    title: "是否投用",
-    dataIndex: "available",
-    key: "isUse",
-  },
-  {
-    title: "选择通知方式",
-    dataIndex: "platformList",
-    key: "mode",
-  },
-];
-const templateColumns = [
-  {
-    title: "模板编号",
-    dataIndex: "id",
-    key: "number",
-  },
-  {
-    title: "模板名称",
-    dataIndex: "templateName",
-    key: "name",
-  },
-  {
-    title: "最后修改人",
-    dataIndex: "updateUserName",
-    key: "modifiedBy",
-  },
-  {
-    title: "最后修改时间",
-    dataIndex: "updateDt",
-    key: "modifiedTime",
-  },
-  {
-    title: "操作",
-    dataIndex: "action",
-    key: "action",
-  },
-];
-const managerColumns = [
-  {
-    title: "通道",
-    dataIndex: "channelName",
-    key: "passageway",
-  },
-  {
-    title: "通知标题",
-    dataIndex: "messageTitle",
-    key: "notificationTitle",
-  },
-  {
-    title: "通知等级",
-    dataIndex: "level",
-    key: "notificationLevel",
-  },
-  {
-    title: "发送人",
-    dataIndex: "senderName",
-    key: "sender",
-  },
-  {
-    title: "发送类型",
-    dataIndex: "sendType",
-    key: "sendType",
-  },
-  {
-    title: "创建时间",
-    dataIndex: "createDt",
-    key: "creationTime",
-  },
-  {
-    title: "记录状态",
-    dataIndex: "sendState",
-    key: "recordStatus",
-  },
-  {
-    title: "发送量（失败）",
-    dataIndex: "totalReceiverCount",
-    key: "volumeSent",
-  },
-  {
-    title: "操作",
-    dataIndex: "action",
-    key: "action",
-  },
-];
-const sendDetailsColumns = [
-  {
-    title: "收件人",
-    dataIndex: "receiverName",
-    key: "addressee",
-  },
-  {
-    title: "发送时间",
-    dataIndex: "sendTime",
-    key: "date",
-  },
-  {
-    title: "发送方式",
-    dataIndex: "platform",
-    key: "sendMethod",
-  },
-  {
-    title: "发送状态",
-    dataIndex: "sendState",
-    key: "sendStatus",
-  },
-  {
-    title: "已读状态",
-    dataIndex: "readState",
-    key: "readStatus",
-  },
-  {
-    title: "操作",
-    dataIndex: "action",
-    key: "action",
-  },
-];
-
-export {
-  centerColumns,
-  gradeColumns,
-  templateColumns,
-  managerColumns,
-  sendDetailsColumns,
-};
+const centerColumns = [
+  {
+    title: "序号",
+    dataIndex: "index",
+    key: "index",
+  },
+  {
+    title: "通道名称",
+    dataIndex: "channelName",
+    key: "name",
+  },
+  {
+    title: "通道密钥",
+    dataIndex: "id",
+    width: 250,
+    key: "secretKey",
+  },
+  {
+    title: "通道状态",
+    dataIndex: "available",
+    key: "state",
+  },
+  {
+    title: "操作",
+    dataIndex: "action",
+    key: "action",
+  },
+];
+const gradeColumns = [
+  {
+    title: "通知等级",
+    dataIndex: "level",
+    key: "grade",
+  },
+  {
+    title: "是否投用",
+    dataIndex: "available",
+    key: "isUse",
+  },
+  {
+    title: "选择通知方式",
+    dataIndex: "platformList",
+    key: "mode",
+  },
+];
+const templateColumns = [
+  {
+    title: "模板编号",
+    dataIndex: "id",
+    key: "number",
+  },
+  {
+    title: "模板名称",
+    dataIndex: "templateName",
+    key: "name",
+  },
+  {
+    title: "最后修改人",
+    dataIndex: "updateUserName",
+    key: "modifiedBy",
+  },
+  {
+    title: "最后修改时间",
+    dataIndex: "updateDt",
+    key: "modifiedTime",
+  },
+  {
+    title: "操作",
+    dataIndex: "action",
+    key: "action",
+  },
+];
+const managerColumns = [
+  {
+    title: "通道",
+    dataIndex: "channelName",
+    key: "passageway",
+  },
+  {
+    title: "通知标题",
+    dataIndex: "messageTitle",
+    key: "notificationTitle",
+  },
+  {
+    title: "通知等级",
+    dataIndex: "level",
+    key: "notificationLevel",
+  },
+  {
+    title: "发送人",
+    dataIndex: "senderName",
+    key: "sender",
+  },
+  {
+    title: "发送类型",
+    dataIndex: "sendType",
+    key: "sendType",
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createDt",
+    key: "creationTime",
+  },
+  {
+    title: "记录状态",
+    dataIndex: "sendState",
+    key: "recordStatus",
+  },
+  {
+    title: "发送量（失败）",
+    dataIndex: "totalReceiverCount",
+    key: "volumeSent",
+  },
+  {
+    title: "操作",
+    dataIndex: "action",
+    key: "action",
+  },
+];
+const sendDetailsColumns = [
+  {
+    title: "收件人",
+    dataIndex: "receiverName",
+    key: "addressee",
+  },
+  {
+    title: "发送时间",
+    dataIndex: "sendTime",
+    key: "date",
+  },
+  {
+    title: "发送方式",
+    dataIndex: "platform",
+    key: "sendMethod",
+  },
+  {
+    title: "发送状态",
+    dataIndex: "sendState",
+    key: "sendStatus",
+  },
+  {
+    title: "已读状态",
+    dataIndex: "readState",
+    key: "readStatus",
+  },
+  {
+    title: "操作",
+    dataIndex: "action",
+    key: "action",
+  },
+];
+
+export {
+  centerColumns,
+  gradeColumns,
+  templateColumns,
+  managerColumns,
+  sendDetailsColumns,
+};