add:照明系统交互

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

@@ -14,29 +14,29 @@
     </thead>
     <tbody>
       <tr v-for="(row, index) in dataSource" :key="index">
-        <td>{{ row.key }}</td>
-        <td>{{ row.data }}</td>
+        <td>{{ index + 1 }}</td>
+        <td>{{ row.startTime }}</td>
         <td>{{ row.planName }}</td>
-        <td v-if="row.status === '待执行'">
+        <td v-if="row.planStatus == '2'">
           <button
             style="
-              font-size: 12px;
-              background: rgba(57, 215, 187, 0.1);
-              color: rgb(57, 215, 187);
-              border: 1px solid rgb(57, 215, 187);
+            font-size: 12px;
+            background: rgba(57, 215, 187, 0.1);
+            color: rgb(57, 215, 187);
+            border: 1px solid rgb(57, 215, 187);
             ">
-            {{ row.status }}
+            已执行
           </button>
         </td>
-        <td v-if="row.status !== '待执行'">
+        <td v-if="row.planStatus == '1'">
           <button
             style="
-              font-size: 12px;
-              background: rgba(243, 97, 99, 0.1);
-              border: 1px solid rgba(243, 97, 99);
-              color: rgba(243, 97, 99);
+            font-size: 12px;
+            background: rgba(243, 97, 99, 0.1);
+            border: 1px solid rgba(243, 97, 99);
+            color: rgba(243, 97, 99);
             ">
-            {{ row.status }}
+            待执行
           </button>
         </td>
         <td>
@@ -73,41 +73,53 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
+// 请求
+import { http } from '/nerv-lib/util/http';
+import { lightingManage } from '/@/api/IlluminationInfo';
+
+// 初始化 ===========================================================
 
-// 初始化
 onMounted(() => {
-  
+  getTable()
+  getLeftPlan()
 })
 
+// tab页部分 ========================================================
+
 // 表格数据
-const dataSource = ref([
-  {
-    key: '1',
-    data: '2024-05-01',
-    planName: '劳动节',
-    status: '暂停中',
-  },
-  {
-    key: '2',
-    data: '2024-05-01',
-    planName: '国庆节',
-    status: '待执行',
-  },
-  {
-    key: '3',
-    data: '2024-05-01',
-    planName: '元旦',
-    status: '待执行',
-  },
-]);
-const addVisible = ref<boolean>(false);
+const dataSource = ref([]);
+// 获得表格数据
+const getTable = () => {
+  http.get(lightingManage.getPlanTable, {}).then(res => {
+    dataSource.value = res.data
+  })
+}
+
+// tab页弹窗部分 ====================================================
+
+// 添加弹窗控制变量
+const addVisible = ref(false);
+// 打开弹窗
+const addModal = () => {
+  addVisible.value = true;
+};
+
+// 穿梭框部分 =======================================================
+
+// 穿梭框数据
+const transferData = ref([])
+// 获得穿梭框原始数据
+const getLeftPlan = () => {
+  http.get(lightingManage.getLeftPlan, {}).then(res => {
+    console.log(res)
+  })
+}
+
 // 操作日志
 const handleRefClick1 = () => {
   alert(111)
 };
-const addModal = () => {
-  addVisible.value = true;
-};
+
 const handleChange = (keys: string[], direction: string, moveKeys: string[]) => {
   console.log(keys, direction, moveKeys);
 };
@@ -138,8 +150,6 @@ const mockData = ref([
 ]);
 const targetKeys = ref<string[]>([]);
 const filterOption = (inputValue: string, option: MockData) => {
-  console.log(option.description);
-
   return option.description.indexOf(inputValue) > -1;
 };
 
@@ -200,6 +210,7 @@ const filterOption = (inputValue: string, option: MockData) => {
     letter-spacing: 0;
     line-height: 20px;
     color: rgba(67, 136, 251, 1);
+    cursor: pointer;
   }
   .tabReboot {
     margin-right: 8px;