6.11

hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue

@@ -729,36 +729,36 @@
       <right-outlined />
     </a-button>
   </div>
-  </template>
+</template>
 
-  <script setup lang="ts">
+<script setup lang="ts">
-  import { ref } from "vue";
+import { ref } from "vue";
-  const toggleDrawer = () => {
+const toggleDrawer = () => {
   visible.value = !visible.value;
-  };
+};
-  // 照明区域按钮单选
+// 照明区域按钮单选
-  const buttons = ref([
+const buttons = ref([
   { label: "A区", selected: false },
   { label: "B区", selected: false },
   { label: "C区", selected: false },
   { label: "D区", selected: false },
   { label: "计划启用", selected: false },
-  ]);
+]);
-  const selectedButton = ref<Button | null>(null);
+const selectedButton = ref<Button | null>(null);
-  const selectButton = (button: Button) => {
+const selectButton = (button: Button) => {
   selectedButton.value = button;
-  };
+};
-  // 照明回路按钮
+// 照明回路按钮
-  let singleSelection = true; // 默认为单选
+let singleSelection = true; // 默认为单选
-  const selectAllCheckbox = ref(false);
+const selectAllCheckbox = ref(false);
-  const showControlMode = ref(false);
+const showControlMode = ref(false);
-  const buttons2 = ref([
+const buttons2 = ref([
   { label: "1区", selected: false },
   { label: "2区", selected: false },
   { label: "3区", selected: false },
   { label: "4区", selected: false },
-  ]);
+]);
-  const selectAll = () => {
+const selectAll = () => {
   singleSelection = !singleSelection;
   if (singleSelection) {
     // 单选
@@ -772,14 +772,14 @@
     });
   }
   selectAllCheckbox.value = !singleSelection; // 更新全选 input 输入框的状态
-  };
+};
-  const toggleAllSelection = () => {
+const toggleAllSelection = () => {
   buttons2.value.forEach((button) => {
     button.selected = selectAllCheckbox.value;
   });
   singleSelection = !selectAllCheckbox.value; // 如果全选，切换为多选模式
-  };
+};
-  const toggleSelection = (button) => {
+const toggleSelection = (button) => {
   showControlMode.value = button.label;
   if (singleSelection) {
     // 单选模式
@@ -791,33 +791,33 @@
   }
   button.selected = !button.selected;
   selectAllCheckbox.value = buttons2.value.every((button) => button.selected);
-  };
+};
 
-  // 控制模式按钮
+// 控制模式按钮
-  const selectedButton3 = ref("");
+const selectedButton3 = ref("");
-  const showControlScene = ref(false);
+const showControlScene = ref(false);
-  const controlbutton = ref([
+const controlbutton = ref([
   { label: "托管", selected: false },
   { label: "AI", selected: false },
   { label: "手动", selected: false },
-  ]);
+]);
-  // 控制场景按钮
+// 控制场景按钮
-  const selectedButton4 = ref("");
+const selectedButton4 = ref("");
-  const controlscenebuttons = ref([
+const controlscenebuttons = ref([
   { label: "检修", selected: false },
   { label: "午休", selected: false },
   { label: "疏散", selected: false },
   { label: "客流高峰", selected: false },
-  ]);
+]);
-  const selectButton3 = (button3) => {
+const selectButton3 = (button3) => {
   selectedButton3.value = button3.label;
   showControlScene.value = button3.label === "手动";
   selectedButton4.value = ""; // 清空选中的控制场景按钮
-  };
+};
-  const selectButton4 = (button4) => {
+const selectButton4 = (button4) => {
   selectedButton4.value = button4.label;
-  };
+};
-  const columns = [
+const columns = [
   {
     title: "序号",
     dataIndex: "key",
@@ -838,9 +838,9 @@
     title: "状态",
     dataIndex: "operation",
   },
-  ];
+];
 
-  const dataSource = ref([
+const dataSource = ref([
   {
     key: "1",
     data: "2024-05-01",
@@ -859,10 +859,8 @@
     planname: "元旦",
     status: "待执行",
   },
-  ]);
+]);
-  const columns1 = [
+const columns1 = [
-  ]);
-  const columns1 = [
   {
     title: "序号",
     dataIndex: "key",
@@ -879,8 +877,8 @@
     title: "操作人",
     dataIndex: "status",
   },
-  ];
+];
-  const dataSource1 = ref([
+const dataSource1 = ref([
   {
     key: "1",
     data: "2024-05-01",
@@ -899,51 +897,51 @@
     planname: "设备变更",
     status: "王五33",
   },
-  ]);
+]);
-  // 抽屉默认显示
+// 抽屉默认显示
-  const visible = ref(true);
+const visible = ref(true);
-  const activeKey = ref("1");
+const activeKey = ref("1");
 
-  const showDrawer = () => {
+const showDrawer = () => {
   visible.value = true;
-  };
+};
-  // 操作日志
+// 操作日志
 
-  const logModalVisible = ref(false);
+const logModalVisible = ref(false);
 
-  const handleRowClick = (record: any, index: number) => {
+const handleRowClick = (record: any, index: number) => {
   // 处理行点击事件，例如选中行或者其他操作
   console.log(record, "=================", index);
   // 显示模态框
   logModalVisible.value = true;
-  };
+};
 
-  const closeLogModal = () => {
+const closeLogModal = () => {
   logModalVisible.value = false;
-  };
+};
-  </script>
+</script>
 
-  <style lang="less" scoped>
+<style lang="less" scoped>
-  .custom-table {
+.custom-table {
   border-collapse: collapse;
   width: 416px;
   height: 195px;
   color: rgba(255, 255, 255, 1);
-  }
+}
 
-  .custom-table th,
+.custom-table th,
-  .custom-table td {
+.custom-table td {
   border: 1px solid rgba(163, 192, 243, 1);
   text-align: left;
   padding: 8px;
   text-align: center;
-  }
+}
 
-  .custom-table tr:hover {
+.custom-table tr:hover {
   background-color: rgba(67, 136, 251, 1);
   cursor: pointer;
-  }
+}
-  .table1 {
+.table1 {
   margin-top: 20px;
   width: 100%;
   cellspacing: 0;
@@ -951,35 +949,35 @@
   border: 1px solid rgba(255, 255, 255);
   border-radius: 5px;
   background: rgba(255, 255, 255, 0.1);
-  }
+}
-  .lightarea,
+.lightarea,
-  .circuitarea,
+.circuitarea,
-  .controlarea,
+.controlarea,
-  .controlscenearea,
+.controlscenearea,
-  .lightparametersarea {
+.lightparametersarea {
   width: 100%;
   margin-top: 20px;
   display: flex;
   align-items: center;
-  }
+}
 
-  .lightareatab,
+.lightareatab,
-  .circuittab,
+.circuittab,
-  .controltab,
+.controltab,
-  .controlscenetab,
+.controlscenetab,
-  .lightparameterstab {
+.lightparameterstab {
   width: 5px;
   height: 23px;
   opacity: 1;
   background: rgba(26, 174, 251, 1);
   margin-right: 4px;
-  }
+}
 
-  .lightareatext,
+.lightareatext,
-  .circuittext,
+.circuittext,
-  .controltext,
+.controltext,
-  .controlscenetext,
+.controlscenetext,
-  .lightparameterstext {
+.lightparameterstext {
   font-size: 14px;
   color: rgba(255, 255, 255, 1);
   line-height: 19px;
@@ -991,15 +989,15 @@
     rgba(86, 221, 253, 0) 0%,
     rgba(25, 176, 255, 1) 100%
   );
-  }
+}
 
-  .lightareatab,
+.lightareatab,
-  .lightareatext {
+.lightareatext {
   display: inline-block;
   justify-content: center;
-  }
+}
 
-  .plan {
+.plan {
   width: 88px;
   height: 32px;
   opacity: 1;
@@ -1011,9 +1009,9 @@
   color: rgba(255, 255, 255, 1);
   vertical-align: top;
   margin-left: 235px;
-  }
+}
 
-  .openplan {
+.openplan {
   width: 88px;
   height: 32px;
   opacity: 1;
@@ -1024,38 +1022,38 @@
   border-radius: 5px;
   color: rgba(255, 255, 255, 1);
   vertical-align: top;
-  }
+}
 
-  .btn2 {
+.btn2 {
   display: flex;
   align-items: center;
   margin-left: 177px;
-  }
+}
 
-  .custom-checkbox {
+.custom-checkbox {
   width: 13px;
   height: 13px;
-  }
+}
 
-  .both {
+.both {
   margin-left: 5px;
   margin-right: 15px;
   font-size: 12px;
   color: rgba(255, 255, 255, 1);
-  }
+}
 
-  p {
+p {
   color: rgba(255, 255, 255, 1);
-  }
+}
 
-  .area,
+.area,
-  .btnarea,
+.btnarea,
-  .controlmodebtnarea,
+.controlmodebtnarea,
-  .controlscenebtnarea {
+.controlscenebtnarea {
   margin-left: -17px;
-  }
+}
 
-  .btn {
+.btn {
   width: 92px;
   height: 40px;
   border-radius: 4px;
@@ -1071,9 +1069,9 @@
   text-align: center;
   vertical-align: top;
   background-color: rgba(255, 255, 255, 0.1);
-  }
+}
 
-  .selected {
+.selected {
   background: linear-gradient(
     180deg,
     rgba(201, 245, 255, 1) 0%,
@@ -1081,31 +1079,31 @@
   );
   color: rgba(0, 61, 90, 1);
   border: 1px solid rgba(255, 255, 255, 1);
-  }
+}
 
-  .btn:hover {
+.btn:hover {
   background-color: rgba(207, 212, 219, 1);
-  }
+}
 
-  .btn:active {
+.btn:active {
   background-color: rgba(102, 102, 102, 1);
   color: white;
-  }
+}
 
-  .circuitarea,
+.circuitarea,
-  .controlscenearea,
+.controlscenearea,
-  .lightparametersarea {
+.lightparametersarea {
   left: 51px;
   width: 100%;
   margin-top: 20px;
-  }
+}
 
-  .circuittab,
+.circuittab,
-  .circuittext {
+.circuittext {
   display: inline-block;
-  }
+}
 
-  .batch {
+.batch {
   width: 60px;
   height: 32px;
   opacity: 1;
@@ -1114,54 +1112,54 @@
   border-radius: 5px;
   background-color: rgba(255, 255, 255, 1);
   margin-left: 11px;
-  }
+}
 
-  .controlarea {
+.controlarea {
   left: 51px;
   width: 100%;
   margin-top: 20px;
-  }
+}
 
-  .controltab,
+.controltab,
-  .controltext {
+.controltext {
   display: inline-block;
-  }
+}
 
-  :deep(.cell) {
+:deep(.cell) {
   text-align: center;
-  }
+}
 
-  :deep(#pane-first) {
+:deep(#pane-first) {
   height: 100%;
-  }
+}
 
-  .controlscenetab,
+.controlscenetab,
-  .controlscenetext {
+.controlscenetext {
   display: inline-block;
-  }
+}
 
-  .lightparameterstab,
+.lightparameterstab,
-  .lightparameterstext {
+.lightparameterstext {
   display: inline-block;
-  }
+}
 
-  .lightparameterstextarea {
+.lightparameterstextarea {
   border: 1px solid rgba(236, 239, 245, 1);
   margin-top: 10px;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 1fr 1fr;
-  }
+}
 
-  .lightparameterstextarea > p {
+.lightparameterstextarea > p {
   height: 100%;
   display: flex;
   border: 1px solid rgba(236, 239, 245, 1);
   justify-content: center;
   align-items: center;
-  }
+}
 
-  .bottom {
+.bottom {
   width: 100%;
   height: 64px;
   display: flex;
@@ -1171,9 +1169,9 @@
   bottom: 0;
   right: 0;
   margin-bottom: 10px;
-  }
+}
 
-  .execute {
+.execute {
   margin-right: 20px;
   width: 74px;
   height: 40px;
@@ -1185,9 +1183,9 @@
   color: rgba(255, 255, 255, 1);
   border: 0;
   margin-left: 10px;
-  }
+}
 
-  .flushed {
+.flushed {
   width: 74px;
   height: 40px;
   opacity: 1;
@@ -1197,22 +1195,22 @@
   color: rgba(102, 102, 102, 1);
   background: rgba(255, 255, 255, 1);
   border: 1px solid rgba(193, 197, 204, 1);
-  }
+}
 
-  .tabreboot,
+.tabreboot,
-  .tabdelete {
+.tabdelete {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0px;
   line-height: 20px;
   color: rgba(67, 136, 251, 1);
-  }
+}
 
-  .tabreboot {
+.tabreboot {
   margin-right: 8px;
-  }
+}
 
-  .add {
+.add {
   width: 74px;
   height: 40px;
   opacity: 1;
@@ -1222,9 +1220,9 @@
   font-size: 14px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
-  }
+}
 
-  .divadd {
+.divadd {
   width: 100%;
   height: 64px;
   display: flex;
@@ -1235,31 +1233,31 @@
   right: 0;
   margin-bottom: 10px;
   margin-right: 20px;
-  }
+}
 
-  .atable {
+.atable {
   margin-top: 20px;
-  }
+}
 
-  :deep(.ant-table-pagination) {
+:deep(.ant-table-pagination) {
   visibility: hidden;
-  }
+}
 
-  .drawer-content {
+.drawer-content {
   margin-left: 20px;
   /* 留出空间给小箭头 */
-  }
+}
 
-  .arrow-indicator {
+.arrow-indicator {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   z-index: 1;
   /* 控制箭头显示在最上层 */
-  }
+}
 
-  .drawer-title1 {
+.drawer-title1 {
   position: fixed;
   width: 33px;
   height: 33px;
@@ -1269,9 +1267,9 @@
   background-color: red;
   margin: auto;
   z-index: 99999;
-  }
+}
 
-  .drawer-title2 {
+.drawer-title2 {
   position: fixed;
   width: 33px;
   height: 33px;
@@ -1281,61 +1279,61 @@
   background-color: red;
   margin: auto;
   z-index: 99999;
-  }
+}
 
-  /deep/ .ant-tabs-tab-btn {
+/deep/ .ant-tabs-tab-btn {
   color: white; /* 背景颜色改为白色 */
-  }
+}
 
-  /deep/.ant-table {
+/deep/.ant-table {
   background-color: transparent;
-  }
+}
 
-  /deep/.ant-table-bordered {
+/deep/.ant-table-bordered {
   background-color: transparent;
-  }
+}
 
-  /deep/.ant-table-thead {
+/deep/.ant-table-thead {
   background-color: transparent;
-  }
+}
 
-  /deep/.ant-table-cell {
+/deep/.ant-table-cell {
   background-color: transparent;
   color: #fff;
-  }
+}
 
-  .lighting-img {
+.lighting-img {
   width: 100%;
-    height: 934px;
+  height: 815px;
   object-fit: cover;
-  }
+}
 
-  .lighting-img-box {
+.lighting-img-box {
   width: 100%;
   height: 100%;
   position: relative;
-  }
+}
 
-  .lighting-img-box img {
+.lighting-img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-fit: cover;
   position: relative;
-  }
+}
 
-  .lighting-img-box {
+.lighting-img-box {
   width: 100%;
   height: 100%;
   position: relative;
-  }
+}
 
-  .lighting-img-box img {
+.lighting-img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
-  }
+}
-  .F1 {
+.F1 {
   width: 120px;
   height: 50.72px;
   border-radius: 4px;
@@ -1345,9 +1343,9 @@
   font-size: 24px;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
-  }
+}
-  .F2,
+.F2,
-  .platform {
+.platform {
   width: 120px;
   height: 50.72px;
   border-radius: 4px;
@@ -1358,67 +1356,67 @@
   color: rgba(146, 187, 255, 1);
   border: 1px solid rgba(39, 120, 255, 1);
   margin-top: 20px;
-  }
+}
-  .btn-box {
+.btn-box {
   position: fixed;
   top: 100px;
   left: 250px;
-  }
+}
-  .lighting-img-box > .bulbBox > .wh100 {
+.lighting-img-box > .bulbBox > .wh100 {
   width: 38px;
   height: calc(38px + 19px);
-  }
+}
-  .lighting-img-box > .bulbBox > .bulbLogo1 {
+.lighting-img-box > .bulbBox > .bulbLogo1 {
   position: absolute;
   top: 111px;
   left: 111px;
   display: flex;
   align-items: center;
-  }
+}
-  .lighting-img-box > .bulbBox > .bulbLogo2 {
+.lighting-img-box > .bulbBox > .bulbLogo2 {
   position: absolute;
   top: 222px;
   left: 222px;
   display: flex;
   align-items: center;
-  }
+}
-  .lighting-img-box > .bulbBox > .bulbLogo3 {
+.lighting-img-box > .bulbBox > .bulbLogo3 {
   position: absolute;
   top: 333px;
   left: 333px;
   display: flex;
   align-items: center;
-  }
+}
-  .lighting-img-box > .bulbBox > .bulbLogo4 {
+.lighting-img-box > .bulbBox > .bulbLogo4 {
   position: absolute;
   top: 444px;
   left: 444px;
   display: flex;
   align-items: center;
-  }
+}
-  .lighting-img-box > .bulbBox > .bulbLogo5 {
+.lighting-img-box > .bulbBox > .bulbLogo5 {
   position: absolute;
   top: 555px;
   left: 555px;
   display: flex;
   align-items: center;
-  }
+}
-  .lighting-img-box > .bulbBox > .bulbLogo6 {
+.lighting-img-box > .bulbBox > .bulbLogo6 {
   position: absolute;
   top: 666px;
   left: 666px;
   display: flex;
   align-items: center;
-  }
+}
-  .lighting-img-box > .bulbBox > .bulbLogo7 {
+.lighting-img-box > .bulbBox > .bulbLogo7 {
   position: absolute;
   top: 777px;
   left: 777px;
   display: flex;
   align-items: center;
-  }
+}
 
-  .editable-cell {
+.editable-cell {
   position: relative;
   .editable-cell-input-wrapper,
   .editable-cell-text-wrapper {
@@ -1454,57 +1452,56 @@
   .editable-add-btn {
     margin-bottom: 8px;
   }
-  }
+}
-  .editable-cell:hover .editable-cell-icon {
+.editable-cell:hover .editable-cell-icon {
   display: inline-block;
-  }
+}
-  .div-operation {
+.div-operation {
   width: 3px;
   height: 13px;
   opacity: 1;
   border-radius: 1px;
   background: rgba(67, 136, 251, 1);
-  }
+}
-  .text-operation {
+.text-operation {
   color: rgba(255, 255, 255, 1);
   font-size: 16px;
   font-weight: 700;
   margin-left: 5px;
-  }
+}
-  .div-operation,
+.div-operation,
-  .text-operation {
+.text-operation {
   display: inline-block;
-  }
+}
-  .journal {
+.journal {
   padding: 3% 10%;
   background-image: url("../../../../public/bulbLogo/bgsquare.png");
   background-size: 482px 177px;
   width: 482px;
   height: 177px;
-  }
+}
-  .gird22 {
+.gird22 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: repeat(2, 1fr);
   grid-column-gap: 5px;
   grid-row-gap: 20px;
   margin-top: 10px;
-  }
+}
-  .bulbLogo1 {
+.bulbLogo1 {
   background-image: url("../../../../public/bulbLogo/bulbLogo1.png");
-  }
+}
-  .imgText {
+.imgText {
   display: flex;
   align-items: center;
-  }
+}
-  :deep(.ant-modal-content) {
+:deep(.ant-modal-content) {
   width: 555px;
   height: 792px;
-  }
+}
-  :deep(.ant-modal-body) {
+:deep(.ant-modal-body) {
   width: 555px;
   max-height: 792px !important;
   box-sizing: border-box;
-  }
+}
-  </style>
+</style>
-