修改页面 保存方式

src/App.vue

@@ -15,9 +15,10 @@
       </div>
       <div class="fixed-sidebar">
         <BorderBox8 :reverse="true" class="upper-part">
-          <div style="width: 100%;height: 100%;text-align: center">
-            <img src="/src/static/logo1.png" alt="Map" style="width: 200px;height: 200px;margin: 40px 0 0 20%;" @click="openRegionDrawer('生活区')"/>
-            <div style="color:white;font-weight: 600">龙弛智控</div>
+          <div style="width: 100%;height: 70%;text-align: center; border: 2px solid white" @click="openRegionDrawer('生活区')">
+            <div style="color:white;font-weight: 600;font-size: 40px;padding: 100px 0 300px 0">路灯控制策略</div>
+            <img src="/src/static/logo1.png" alt="Map" style="width: 200px;height: 200px;margin: 250px 0 0 20%;" />
+            <div style="color:white;font-weight: 600;font-size: 40px">龙弛智慧</div>
           </div>
 
 <!--          <el-button   style="margin: 20px 0 30px 20px;display: block;width: 250px;height: 500px" >-->
@@ -28,8 +29,6 @@
 <!--            {{ button.text }}-->
 <!--          </el-button>-->
           <!-- 上部分内容 -->
-        </BorderBox8>
-        <BorderBox8 class="lower-part">
           <!-- 下部分内容 -->
           <div v-for="device in sunDevices" class="sun_info">
             <div>
@@ -225,13 +224,6 @@ import {GLTFLoader} from "three/addons/loaders/GLTFLoader.js";
 
 const buttons = ref([
   { text: '生活区', initialLeft: 500, initialTop: 1800 },
-  { text: '股份公司进场上坡', initialLeft: 500, initialTop: 1550 },
-  { text: '地磅房至污泥厂门口', initialLeft: 1150, initialTop: 1500 },
-  { text: '三角花园至油库', initialLeft: 1500, initialTop: 1250 },
-  { text: '地磅房至搅拌站', initialLeft: 950, initialTop: 1900 },
-  { text: '搅拌站至三岔路口', initialLeft: 2100, initialTop: 1200 },
-  { text: '垃圾堆体道路', initialLeft: 2300, initialTop: 600 },
-  { text: '污水进场道路', initialLeft: 2200, initialTop: 300 }
 ]);
 
 const regionData = ref()
@@ -449,7 +441,6 @@ const switchDevice = async(val, state) => {
     for (let i = 0; i < val.deviceLoops.length; i++) {
       val.deviceLoops[i].state = state
     }
-    save()
   })
 }
 
@@ -478,7 +469,7 @@ const batchDeviceSwitch = async (state) => {
           }
         }
       }
-      save()
+      // location.reload()
     } else {
       ElMessage.error(res.msg)
     }
@@ -539,8 +530,8 @@ const openLoopTiming = ref(false)
 const save = () => {
   openLoopTiming.value = false
   openDeviceTiming.value = false
-  console.log(regionData.value)
   saveData(regionData.value)
+  getData()
 }
 
 onMounted(() => {

src/api/device.js

@@ -15,6 +15,22 @@ export const saveData = (data) => {
     })
 }
 
+export const deviceSave = (data) => {
+    return service({
+        url: '/api/deviceSave',
+        method: 'post',
+        data
+    })
+}
+
+export const devicesSave = (data) => {
+    return service({
+        url: '/api/devicesSave',
+        method: 'post',
+        data
+    })
+}
+
 export const deviceLoopSwitch = (data) => {
     return service({
         url: '/api/deviceLoopSwitch',

src/comm/deviceLoopReplayTimeSet.vue

@@ -115,6 +115,7 @@ export default {
 import { ref, reactive, onMounted, toRefs } from 'vue'
 import { ElMessage } from 'element-plus'
 import {bloom} from "three/addons/tsl/display/BloomNode.js";
+import {deviceSave} from "@/api/device.js";
 
 // const d = ref([1,2,3,4,5,6,7,8])
 
@@ -149,12 +150,18 @@ const enterDialogTime = async() => {
   props.selectedDevices[0].deviceLoops[s.value.id-1].timeCondition1OffTime = formDataTime.timeCondition1OffTime
   props.selectedDevices[0].deviceLoops[s.value.id-1].timeCondition2OnTime = formDataTime.timeCondition2OnTime
   props.selectedDevices[0].deviceLoops[s.value.id-1].timeCondition2OffTime = formDataTime.timeCondition2OffTime
-  emit('save')
-  props.openLoopTiming = false
-  ElMessage({
-    message: '操作成功',
-    type: 'success'
+
+  await deviceSave(props.selectedDevices[0]).then(res => {
+    if (res.code === 0) {
+      props.openLoopTiming = false
+      ElMessage({
+        message: '操作成功',
+        type: 'success'
+      })
+    }
   })
+  // emit('save')
+
 
 }
 

src/comm/deviceReplayTimeSet.vue

@@ -112,6 +112,7 @@ export default {
 <script setup>
 import { ref, reactive, onMounted, toRefs } from 'vue'
 import { ElMessage } from 'element-plus'
+import { devicesSave } from "@/api/device.js";
 
 const props = defineProps({
   selectedDevices: Array,
@@ -131,12 +132,13 @@ const enterDialogTime = async() => {
       selectedDevices.value[index].deviceLoops[i].timeCondition2OffTime = formDataTime.timeCondition2OffTime
     }
   }
-
-  emit('save')
-
-  ElMessage({
-    message: '操作成功',
-    type: 'success'
+  await devicesSave(props.selectedDevices).then(res => {
+    if (res.code === 0) {
+      ElMessage({
+        message: '操作成功',
+        type: 'success'
+      })
+    }
   })
 
 }