feat:照明

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

@@ -100,13 +100,11 @@
                   @click="togglePlan2">
                   {{ isPlanEnabled2 ? "启用面板" : "禁用面板" }}
                 </button>
-                <!-- <button >启用面板</button> -->
                 <a-switch v-model:checked="selectAllCheckbox" :class="{
                   'blue-background': selectAllCheckbox,
                   'grey-background': !selectAllCheckbox,
                 }" @change="toggleAllSelection" />
-                <button @click="allbtn1" class="allbtn">全选</button>
-                <!-- <button v-if="!allbtnB" class="allbtn"></button> -->
+                <button @click="allbtn1" class="allbtn">全选</button>            
                 <button class="both" @click="selectAll">
                   {{ isAllchoose ? "多选" : "单选" }}
                 </button>
@@ -432,7 +430,6 @@
                 :style="{ color: 'rgba(255,255,255,1)' }" @search="handleSearch"
                 :listStyle="{ border: '2px solid rgba(25,74,125,1)' }" />
             </div>
-            <!-- <button class="addok" @click="addhandleOk">确定</button> -->
           </a-modal>
         </a-tab-pane>
         <a-tab-pane key="3" tab="日志">
@@ -788,11 +785,12 @@ const bulbs = ref([
 
 // 照明区域按钮单选
 const isPlanEnabled = ref(true); // 初始状态是启用
+// 启用面板
 const togglePlan = () => {
   isPlanEnabled.value = !isPlanEnabled.value;
 };
 const showAllButtonsarea = ref(false);
-
+// 最多展示八个按钮
 const buttons1 = computed(() => buttons.value.slice(0, 8));
 const buttons = ref([
   { label: "A区", selected: false, id: 1 },
@@ -825,7 +823,6 @@ let singleSelection = ref(true); // 默认为单选
 const selectAllCheckbox = ref(false);
 const showControlMode = ref(false);
 const showAllButtons = ref(false);
-const zmhldis = ref(false);
 // 默认展示八个
 const limitedButtons = computed(() => buttons2.value.slice(0, 8));
 const buttons2 = ref([
@@ -857,9 +854,6 @@ const togglePlan2 = () => {
     }
   }
 };
-//多选按钮 隐藏显示
-// const allbtnB = ref(false);
-
 const selectAll = () => {
   if (isAllchoose.value === false) {
     isPlanEnabled2.value = limitedButtons.value[0].zmhld;
@@ -870,16 +864,13 @@ const selectAll = () => {
     // 单选
     buttons2.value.forEach((button) => {
       button.selected = false;
-      // allbtnB.value = false;
     });
   } else {
     // 多选
     buttons2.value.forEach((button) => {
       button.selected = true;
-      // allbtnB.value = true;
     });
   }
-
   selectAllCheckbox.value = !singleSelection.value; // 更新全选开关的状态
 };
 const allbtn1 = () => {
@@ -1018,15 +1009,10 @@ const handlerefClick1 = () => {
   executevisible.value = true;
 };
 
-// const closeModal = () => {
-//   executevisible.value = false;
-// };
 
 let trindex = ref("-1");
 const handleRowClick = (index: any) => {
   trindex.value = index;
-  // 处理行点击事件，例如选中行或者其他操作
-  // console.log("=================", index);
   if (index === trindex.value) {
     console.log("tri");
   }
@@ -1079,10 +1065,6 @@ const handleChange = (keys: string[], direction: string, moveKeys: string[]) =>
 const handleSearch = (dir: string, value: string) => {
   console.log("search:", dir, value);
 };
-// const addhandleOk = (e: MouseEvent) => {
-//   console.log(e);
-//   addvisible.value = false;
-// };
 
 //撤销
 const delbtn = (id: any) => {
@@ -1095,7 +1077,6 @@ const delbtn = (id: any) => {
   }
 };
 </script>
-
 <style lang="less" scoped>
 :deep(.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover){
   background-color: rgba(20,41,76,1);
@@ -1122,8 +1103,6 @@ const delbtn = (id: any) => {
   opacity: 0.8;
   border-radius: 8px;
   background: rgba(0, 0, 0, 1);
-  // border:5px solid rebeccapurple;
-
 }
 
 .light-tag-tit {
@@ -1539,13 +1518,6 @@ p {
   display: inline-block;
 }
 
-// .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 {
   height: 100%;
@@ -1643,7 +1615,6 @@ p {
 
 .drawer-content {
   margin-left: 20px;
-  /* 留出空间给小箭头 */
 }
 
 .arrow-indicator {
@@ -1652,7 +1623,6 @@ p {
   left: 0;
   transform: translateY(-50%);
   z-index: 1;
-  /* 控制箭头显示在最上层 */
 }
 
 .drawer-title1 {
@@ -1679,11 +1649,8 @@ p {
 
 .arrowbtn {
   display: flex;
-  /* 使用 flex 布局 */
   justify-content: center;
-  /* 水平居中 */
   align-items: center;
-  /* 垂直居中 */
   width: 28px;
   height: 28px;
   background: rgba(0, 0, 0, 1);
@@ -1693,7 +1660,6 @@ p {
 
 :deep(.ant-tabs-tab-btn) {
   color: white;
-  /* 背景颜色改为白色 */
 }
 
 :deep(.ant-table) {
@@ -1712,18 +1678,15 @@ p {
   background-color: transparent;
   color: #fff;
 }
-
 .lighting-img-box {
   width: 100%;
   max-height: calc(100% - 79px);
 }
-
 .lighting-img-box>img {
   width: 100%;
   height: calc(100vh - 96px);
   object-fit: cover;
 }
-
 .F1 {
   width: 120px;
   height: 50.72px;
@@ -1735,7 +1698,6 @@ p {
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
 }
-
 .F2,
 .platform {
   width: 120px;
@@ -1965,25 +1927,10 @@ p {
   height: 177px;
   background-color: rgba(0, 0, 0);
   border-radius: 12px;
-  /* 圆角边框 */
   border: 2px solid transparent;
-  /* 边框为2px宽，透明颜色 */
   border-image: linear-gradient(to bottom, #0077FF, #00F6FF, #000000) 1;
 }
 
-// .gird22 {
-//   display: grid;
-//   grid-template-columns: repeat(2, 1fr);
-//   grid-template-rows: repeat(2, 1fr);
-//   grid-column-gap: 15px;
-//   grid-row-gap: 10px;
-//   margin-top: 10px;
-// }
-
-// .bulbLogo1 {
-//   background-image: url("/asset/t/image/bulbLogo/bulbLogo1.png");
-// }
-
 .imgText {
   display: flex;
   align-items: center;
@@ -1995,7 +1942,6 @@ p {
   }
 
   .cxbtn {
-    // width:80px;
     color: rgba(255, 255, 255, 1);
     border: none;
     border-radius: 6px;
@@ -2069,7 +2015,6 @@ p {
 
 .istrindex {
   background: rgba(67, 136, 251, 1);
-  // font-size: 36px;
 }
 
 :deep(.ant-modal-mask.ant-modal-content) {
@@ -2078,16 +2023,10 @@ p {
   right: 496px;
   top: 0%;
 }
-
-// :global(.ant-tabs-tab-active) {
-//   color: blue !important;
-// }
-// .ant-tabs-tab:hover {
-//   color: blue !important;
-// }
 :global(.ant-modal-content) {
   position: fixed;
   bottom: 20px;
   right: 500px;
 }
 </style>
+