inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/components/boardScreen/Card1Outer.tsx

@@ -1,29 +1,29 @@
-import { defineComponent } from "vue";
-
-const props = {
-  title: String,
-  extra: String,
-};
-
-export default defineComponent({
-  props,
-  setup(this, _props, _ctx) {
-    return () => (
-      <div class="card1-outer">
-        <div class="card1-outer-header">
-          {!_ctx.slots.header ? (
-            <div class="inner-header">
-              <div class="title">{_props.title}</div>
-              <div class="extra">{_props.extra}</div>
-            </div>
-          ) : (
-            _ctx.slots.header()
-          )}
-        </div>
-        <div class="card1-outer-content">
-          <slot />
-        </div>
-      </div>
-    );
-  },
-});
+import { defineComponent } from "vue";
+
+const props = {
+  title: String,
+  extra: String,
+};
+
+export default defineComponent({
+  props,
+  setup(this, _props, _ctx) {
+    return () => (
+      <div class="card1-outer">
+        <div class="card1-outer-header">
+          {!_ctx.slots.header ? (
+            <div class="inner-header">
+              <div class="title">{_props.title}</div>
+              <div class="extra">{_props.extra}</div>
+            </div>
+          ) : (
+            _ctx.slots.header()
+          )}
+        </div>
+        <div class="card1-outer-content">
+          <slot />
+        </div>
+      </div>
+    );
+  },
+});

package/src/pageComponent/components/boardScreen/Card2Outer.tsx

@@ -1,24 +1,24 @@
-import { defineComponent } from "vue";
-
-const props = {
-  title: String,
-  extra: String,
-};
-
-export default defineComponent({
-  props,
-  setup(this, _props, _ctx) {
-    return () => (
-      <div class="card2-outer">
-        <div class="card2-outer-header">
-          <div class="inner-header">
-            <div class="title">{_props.title}</div>
-          </div>
-        </div>
-        <div class="card2-outer-content">
-          {_ctx.slots.content ? _ctx.slots.content() : null}
-        </div>
-      </div>
-    );
-  },
-});
+import { defineComponent } from "vue";
+
+const props = {
+  title: String,
+  extra: String,
+};
+
+export default defineComponent({
+  props,
+  setup(this, _props, _ctx) {
+    return () => (
+      <div class="card2-outer">
+        <div class="card2-outer-header">
+          <div class="inner-header">
+            <div class="title">{_props.title}</div>
+          </div>
+        </div>
+        <div class="card2-outer-content">
+          {_ctx.slots.content ? _ctx.slots.content() : null}
+        </div>
+      </div>
+    );
+  },
+});

package/src/pageComponent/components/boardScreen/PopBox.tsx

@@ -1,141 +1,141 @@
-import { defineComponent, nextTick, PropType, ref, watch } from "vue";
-import dayjs from "dayjs";
-import lodash from "lodash";
-import Card2Outer from "@/pageComponent/components/boardScreen/Card2Outer";
-import { message } from "ant-design-vue";
-import { getloopDetail } from "@/api/boardScreen/powersupply";
-import card2OuterTable from "@/pageComponent/components/boardScreen/card2OuterTable";
-
-const props = {
-  point: {
-    type: Object as PropType<any>,
-    default: {
-      x: 0,
-      y: 0,
-    },
-  },
-  visible: Boolean,
-  loopInfo: {
-    type: Object as PropType<any>,
-    default: {},
-  },
-};
-
-export default defineComponent({
-  components: {
-    Card2Outer,
-    card2OuterTable,
-  },
-  props,
-  setup(this, _props, _ctx) {
-    const pathD = ref("");
-    const cabinetName = ref("");
-    const index = ref(0);
-    const offset = ref({
-      x: 0,
-      y: 92,
-    });
-    const list = ref<any>([]);
-    watch(
-      () => _props.loopInfo,
-      (e) => {
-        if (e && _props.visible) {
-          getData();
-          list.value = e.loopIds;
-          cabinetName.value = e.cabinetName;
-          index.value = e.index;
-        }
-      },
-      {
-        immediate: true,
-        deep: true,
-      }
-    );
-    const closePop = () => {
-      _ctx.emit("update:visible", false);
-    };
-    const setLinePath = () => {
-      nextTick(() => {
-        const popBox: any = document.getElementById("popBox");
-        if (popBox && popBox.getBoundingClientRect) {
-          const { left, top } = popBox.getBoundingClientRect();
-
-          const line1 = `L${left + offset.value.x} ${_props.point.y}`;
-          const line2 = `L${left + offset.value.x} ${top}`;
-
-          pathD.value = `M${_props.point.x} ${_props.point.y} ${line1} ${line2}`;
-        }
-      });
-    };
-
-    const getData = () => {
-      pathD.value = "";
-      setLinePath();
-    };
-    return () => (
-      <>
-        {_props.visible ? (
-          <div class="pop-box" id="popBox">
-            <div class="path-line">
-              <svg
-                width="100%"
-                height="100%"
-                version="1.1"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d={pathD.value}
-                  stroke-dasharray="5,5"
-                  style="fill: transparent; stroke-width: 1.5; stroke: #3377FF;"
-                />
-              </svg>
-            </div>
-            <div class="close-btn" onClick={closePop}>
-              <img
-                src="/micro-assets/platform-web/close.png"
-                style={{ width: "24px" }}
-                alt=""
-              />
-            </div>
-            <div class="pop-box-title">
-              挂锁信息-{cabinetName.value}配电柜/第{index.value}个抽屉
-            </div>
-            <div class="board-list">
-              {list.value?.map((item) => (
-                <div class="board-item">
-                  <card2-outer
-                    title={item.name}
-                    v-slots={{
-                      content: () => (
-                        <div class="card2-outer-content-panel">
-                          <div class="card2-outer-content-panel-content">
-                            <div class="card2-outer-content-panel-content-state">
-                              <div class="card2-outer-content-panel-content-state-col">
-                                <span
-                                  class={item.lockCount !== 0 ? "green" : "red"}
-                                ></span>
-                                {item.lockCount !== 0 ? "分闸" : "合闸"}
-                              </div>
-                            </div>
-                            <div class="card2-outer-content-panel-content-state">
-                              <img
-                                src="/micro-assets/platform-web/breakBrakePadlock.png"
-                                alt=""
-                              />
-                              {item.lockCount}
-                            </div>
-                          </div>
-                          <card2OuterTable id={item.id}></card2OuterTable>
-                        </div>
-                      ),
-                    }}
-                  ></card2-outer>
-                </div>
-              ))}
-            </div>
-          </div>
-        ) : null}
-      </>
-    );
-  },
-});
+import { defineComponent, nextTick, PropType, ref, watch } from "vue";
+import dayjs from "dayjs";
+import lodash from "lodash";
+import Card2Outer from "@/pageComponent/components/boardScreen/Card2Outer";
+import { message } from "ant-design-vue";
+import { getloopDetail } from "@/api/boardScreen/powersupply";
+import card2OuterTable from "@/pageComponent/components/boardScreen/card2OuterTable";
+
+const props = {
+  point: {
+    type: Object as PropType<any>,
+    default: {
+      x: 0,
+      y: 0,
+    },
+  },
+  visible: Boolean,
+  loopInfo: {
+    type: Object as PropType<any>,
+    default: {},
+  },
+};
+
+export default defineComponent({
+  components: {
+    Card2Outer,
+    card2OuterTable,
+  },
+  props,
+  setup(this, _props, _ctx) {
+    const pathD = ref("");
+    const cabinetName = ref("");
+    const index = ref(0);
+    const offset = ref({
+      x: 0,
+      y: 92,
+    });
+    const list = ref<any>([]);
+    watch(
+      () => _props.loopInfo,
+      (e) => {
+        if (e && _props.visible) {
+          getData();
+          list.value = e.loopIds;
+          cabinetName.value = e.cabinetName;
+          index.value = e.index;
+        }
+      },
+      {
+        immediate: true,
+        deep: true,
+      }
+    );
+    const closePop = () => {
+      _ctx.emit("update:visible", false);
+    };
+    const setLinePath = () => {
+      nextTick(() => {
+        const popBox: any = document.getElementById("popBox");
+        if (popBox && popBox.getBoundingClientRect) {
+          const { left, top } = popBox.getBoundingClientRect();
+
+          const line1 = `L${left + offset.value.x} ${_props.point.y}`;
+          const line2 = `L${left + offset.value.x} ${top}`;
+
+          pathD.value = `M${_props.point.x} ${_props.point.y} ${line1} ${line2}`;
+        }
+      });
+    };
+
+    const getData = () => {
+      pathD.value = "";
+      setLinePath();
+    };
+    return () => (
+      <>
+        {_props.visible ? (
+          <div class="pop-box" id="popBox">
+            <div class="path-line">
+              <svg
+                width="100%"
+                height="100%"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d={pathD.value}
+                  stroke-dasharray="5,5"
+                  style="fill: transparent; stroke-width: 1.5; stroke: #3377FF;"
+                />
+              </svg>
+            </div>
+            <div class="close-btn" onClick={closePop}>
+              <img
+                src="/micro-assets/platform-web/close.png"
+                style={{ width: "24px" }}
+                alt=""
+              />
+            </div>
+            <div class="pop-box-title">
+              挂锁信息-{cabinetName.value}配电柜/第{index.value}个抽屉
+            </div>
+            <div class="board-list">
+              {list.value?.map((item) => (
+                <div class="board-item">
+                  <card2-outer
+                    title={item.name}
+                    v-slots={{
+                      content: () => (
+                        <div class="card2-outer-content-panel">
+                          <div class="card2-outer-content-panel-content">
+                            <div class="card2-outer-content-panel-content-state">
+                              <div class="card2-outer-content-panel-content-state-col">
+                                <span
+                                  class={item.lockCount !== 0 ? "green" : "red"}
+                                ></span>
+                                {item.lockCount !== 0 ? "分闸" : "合闸"}
+                              </div>
+                            </div>
+                            <div class="card2-outer-content-panel-content-state">
+                              <img
+                                src="/micro-assets/platform-web/breakBrakePadlock.png"
+                                alt=""
+                              />
+                              {item.lockCount}
+                            </div>
+                          </div>
+                          <card2OuterTable id={item.id}></card2OuterTable>
+                        </div>
+                      ),
+                    }}
+                  ></card2-outer>
+                </div>
+              ))}
+            </div>
+          </div>
+        ) : null}
+      </>
+    );
+  },
+});

package/src/pageComponent/components/boardScreen/PowerCut.tsx

@@ -1,104 +1,104 @@
-import { defineComponent, PropType, ref, watch } from "vue";
-import dayjs from "dayjs";
-import Card1Outer from "@/pageComponent/components/boardScreen/Card1Outer";
-
-const props = {
-  list: {
-    type: Array as PropType<Array<any>>,
-    default: [],
-  },
-};
-
-export default defineComponent({
-  components: {
-    Card1Outer,
-  },
-  props,
-  setup(this, _props, _ctx) {
-    const collapseId = ref("");
-    watch(
-      () => _props.list,
-      (e) => {
-        collapseId.value = "";
-      },
-      {
-        immediate: true,
-        deep: true,
-      }
-    );
-    const isExpand = (item: any) => {
-      return collapseId.value === item.loopId;
-    };
-    const collapseClick = (item: any) => {
-      if (collapseId.value === item.loopId) {
-        collapseId.value = "";
-      } else {
-        collapseId.value = item.loopId;
-      }
-    };
-    return () => (
-      <div class="power power-cut">
-        {_props.list.map((item) => (
-          <div class="power-item">
-            <card1-outer
-              class={[isExpand(item) ? "card-expand" : ""]}
-              title={`${item.equipCode} ${item.equipName}`}
-            >
-              <a-row v-if="isExpand(item)" gutter="[0, 6]">
-                <a-col span="12">申请人：{item.applyUserName}</a-col>
-                <a-col span="12">
-                  任务状态：<span class="mark">{item.taskStatus}</span>
-                </a-col>
-                <a-col span="12">申请部门：{item.applyDeptName}</a-col>
-                <a-col span="12">
-                  申请时间：
-                  {item.applyDate
-                    ? dayjs(item.applyDate).format("YYYY.MM.DD HH:mm")
-                    : "-"}
-                </a-col>
-                <a-col span="12">停电原因：{item.powerCause}</a-col>
-                <a-col span="12">停电操作人：{item.powerUserName}</a-col>
-              </a-row>
-              <a-row class="special" gutter="[0, 6]">
-                <a-col span="24">
-                  计划停电时间：
-                  {item.planPowerStartTime
-                    ? dayjs(item.planPowerStartTime).format("YYYY.MM.DD HH:mm")
-                    : "-"}
-                  ——
-                  {item.planPowerEndTime
-                    ? dayjs(item.planPowerEndTime).format("YYYY.MM.DD HH:mm")
-                    : "-"}
-                </a-col>
-              </a-row>
-              {isExpand(item) ? (
-                <>
-                  <div class="block-title">设备信息</div>
-                  <a-row gutter={[0, 6]}>
-                    <a-col span={12}>设备位置：{item.spaName}</a-col>
-                    <a-col span={12}>所属配电室：{item.roomName}</a-col>
-                    <a-col span={12}>所属配电柜：{item.cabinetName}</a-col>
-                    <a-col span={12}>所属回路：{item.loopName}</a-col>
-                  </a-row>
-                </>
-              ) : null}
-
-              <div
-                class="collapse-btn"
-                onClick={() => {
-                  collapseClick(item);
-                }}
-              >
-                {isExpand(item) ? (
-                  <a-icon type="caret-up" />
-                ) : (
-                  <a-icon type="caret-down" />
-                )}
-              </div>
-            </card1-outer>
-          </div>
-        ))}
-      </div>
-    );
-  },
-});
+import { defineComponent, PropType, ref, watch } from "vue";
+import dayjs from "dayjs";
+import Card1Outer from "@/pageComponent/components/boardScreen/Card1Outer";
+
+const props = {
+  list: {
+    type: Array as PropType<Array<any>>,
+    default: [],
+  },
+};
+
+export default defineComponent({
+  components: {
+    Card1Outer,
+  },
+  props,
+  setup(this, _props, _ctx) {
+    const collapseId = ref("");
+    watch(
+      () => _props.list,
+      (e) => {
+        collapseId.value = "";
+      },
+      {
+        immediate: true,
+        deep: true,
+      }
+    );
+    const isExpand = (item: any) => {
+      return collapseId.value === item.loopId;
+    };
+    const collapseClick = (item: any) => {
+      if (collapseId.value === item.loopId) {
+        collapseId.value = "";
+      } else {
+        collapseId.value = item.loopId;
+      }
+    };
+    return () => (
+      <div class="power power-cut">
+        {_props.list.map((item) => (
+          <div class="power-item">
+            <card1-outer
+              class={[isExpand(item) ? "card-expand" : ""]}
+              title={`${item.equipCode} ${item.equipName}`}
+            >
+              <a-row v-if="isExpand(item)" gutter="[0, 6]">
+                <a-col span="12">申请人：{item.applyUserName}</a-col>
+                <a-col span="12">
+                  任务状态：<span class="mark">{item.taskStatus}</span>
+                </a-col>
+                <a-col span="12">申请部门：{item.applyDeptName}</a-col>
+                <a-col span="12">
+                  申请时间：
+                  {item.applyDate
+                    ? dayjs(item.applyDate).format("YYYY.MM.DD HH:mm")
+                    : "-"}
+                </a-col>
+                <a-col span="12">停电原因：{item.powerCause}</a-col>
+                <a-col span="12">停电操作人：{item.powerUserName}</a-col>
+              </a-row>
+              <a-row class="special" gutter="[0, 6]">
+                <a-col span="24">
+                  计划停电时间：
+                  {item.planPowerStartTime
+                    ? dayjs(item.planPowerStartTime).format("YYYY.MM.DD HH:mm")
+                    : "-"}
+                  ——
+                  {item.planPowerEndTime
+                    ? dayjs(item.planPowerEndTime).format("YYYY.MM.DD HH:mm")
+                    : "-"}
+                </a-col>
+              </a-row>
+              {isExpand(item) ? (
+                <>
+                  <div class="block-title">设备信息</div>
+                  <a-row gutter={[0, 6]}>
+                    <a-col span={12}>设备位置：{item.spaName}</a-col>
+                    <a-col span={12}>所属配电室：{item.roomName}</a-col>
+                    <a-col span={12}>所属配电柜：{item.cabinetName}</a-col>
+                    <a-col span={12}>所属回路：{item.loopName}</a-col>
+                  </a-row>
+                </>
+              ) : null}
+
+              <div
+                class="collapse-btn"
+                onClick={() => {
+                  collapseClick(item);
+                }}
+              >
+                {isExpand(item) ? (
+                  <a-icon type="caret-up" />
+                ) : (
+                  <a-icon type="caret-down" />
+                )}
+              </div>
+            </card1-outer>
+          </div>
+        ))}
+      </div>
+    );
+  },
+});