增加获取参数功能

Author: guohaomeng

src/App.vue

@@ -56,8 +56,8 @@ import {
 import { useDark, useToggle } from '@vueuse/core'
 const isDark = useDark()
 const toggleDark = useToggle(isDark)
-let switchVal = ref(isDark.value)
-let isConnected = ref(false)
+const switchVal = ref(isDark.value)
+const isConnected = ref(false)
 
 function UseDarkMode() {
   WaveGenChart.darkMode(isDark.value);
@@ -74,9 +74,13 @@ function connectDevice() {
   }
 }
 function receiveMessage(message: any) {
-  if (message.data[0] == '{') {
+  if (message.data[0] == '{' && message.data[2] == 'a') {
     var data = JSON.parse(message.data);
     OSChart.refreshData(data);
+  } else if(message.data[0] == '{' && message.data[2] == 'p'){
+    var data = JSON.parse(message.data);
+    console.log(data.param);
+    WaveGen.changeParam(data.param);
   } else {
     console.log(message.data);
   }
@@ -85,7 +89,7 @@ function receiveMessage(message: any) {
 
 onMounted(() => {
   UseDarkMode();
-  switchVal = ref(isDark.value);
+  switchVal.value = isDark.value;
 });
 
 </script>

src/components/WaveGen.vue

@@ -29,7 +29,7 @@
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="onSubmit" style="width: 45%; margin-right: 5%;">立即设置</el-button>
-        <el-button style="width: 45%; margin-left: 5%;">取消</el-button>
+        <el-button @click="getParam" style="width: 45%; margin-left: 5%;">获取参数</el-button>
       </el-form-item>
     </el-form>
   </div>
@@ -72,7 +72,6 @@ const form = reactive({
   duty: ref(50),
   uMaxValue: ref(3.3),
   biasVoltage: ref(1.65),
-
 })
 
 const sendData = (data: string) => {
@@ -94,6 +93,18 @@ const onSubmit = () => {
   WaveGenChart.refreshData();
   console.log('submit!')
 }
+const getParam = () => {
+  sendData("GP");
+  console.log('获取参数');
+}
+const changeParam = (param: Object) => {
+  uMaxValue.value = param.U;
+  biasVoltage.value = param.B;
+  duty.value = param.D;
+  freq.value = param.F;
+  waveType.value = String(param.W);
+  WaveGenChart.refreshData();
+}
 const waveTypeChange = (value: string) => {
   console.log("W" + value);
   form.waveType = value;
@@ -124,6 +135,7 @@ export default {
   duty,
   uMaxValue,
   biasVoltage,
+  changeParam,
   props1: {
     msg: String
   }