npm run format

Author: M3chD09

frontend/src/App.vue

@@ -14,7 +14,7 @@
         hide-details
         inset
         color="black"
-        v-bind:label="$vuetify.theme.dark?'深色模式':'浅色模式'"
+        v-bind:label="$vuetify.theme.dark ? '深色模式' : '浅色模式'"
       ></v-switch>
     </v-app-bar>
 
@@ -36,23 +36,21 @@ import AboutDialog from "@/components/AboutDialog.vue";
 export default {
   components: {
     DrawerList,
-    AboutDialog
+    AboutDialog,
   },
   props: {
-    source: String
+    source: String,
   },
   mounted() {
-    this.$vuetify.theme.dark = window.matchMedia(
-      "(prefers-color-scheme: dark)"
-    ).matches;
+    this.$vuetify.theme.dark = window.matchMedia("(prefers-color-scheme: dark)").matches;
   },
   methods: {
     switchDrawer() {
       this.$refs.DrawerList.switchDrawer();
     },
     openDialog() {
       this.$refs.AboutDialog.openDialog();
-    }
-  }
+    },
+  },
 };
 </script>

frontend/src/components/AboutDialog.vue

@@ -33,12 +33,12 @@
 export default {
   data: () => ({
     dialog: false,
-    hc: ""
+    hc: "",
   }),
   methods: {
     openDialog() {
       this.dialog = true;
-    }
-  }
+    },
+  },
 };
 </script>

frontend/src/components/ChartCard.vue

@@ -2,8 +2,8 @@
   <v-card style="overflow-y: hidden;">
     <div :class="themeClasses" ref="chart" style="width: 100%; height: 77vh;"></div>
     <v-card-actions>
-      <v-btn text color='accent' @click="follow">跟随</v-btn>
-      <v-btn text color='grey' @click="exportData">导出</v-btn>
+      <v-btn text color="accent" @click="follow">跟随</v-btn>
+      <v-btn text color="grey" @click="exportData">导出</v-btn>
     </v-card-actions>
   </v-card>
 </template>
@@ -34,7 +34,7 @@ const lineColors = {
 };
 
 export default {
-  name: 'ChartCard',
+  name: "ChartCard",
   mixins: [Themeable],
   data: () => ({
     indexColor: -1,
@@ -66,7 +66,7 @@ export default {
     });
   },
   watch: {
-    isDark: function () {
+    isDark: function() {
       for (const s of this.chart.options.series) {
         this.updateColor(s);
       }
@@ -111,9 +111,7 @@ export default {
       const jsonWS = JSON.parse(data);
       const seriesArray = this.chart.options.series;
       for (const dp of jsonWS.DataPack) {
-        let series = seriesArray.find(
-          (a) => a.name == dp.Name
-        );
+        let series = seriesArray.find((a) => a.name == dp.Name);
         if (!series) {
           this.indexColor++;
           series = {
@@ -136,10 +134,10 @@ export default {
     },
     exportData() {
       const json = JSON.stringify(this.chart.options);
-      const blob = new Blob([json], {type: 'application/json'});
+      const blob = new Blob([json], { type: "application/json" });
       const anchor = document.createElement("a");
       anchor.href = URL.createObjectURL(blob);
-      anchor.download = '上位机导出数据.json';
+      anchor.download = "上位机导出数据.json";
       anchor.style.display = "none";
       document.body.appendChild(anchor);
       anchor.click();

frontend/src/components/DrawerList.vue

@@ -35,10 +35,10 @@ export default {
     SerialPort,
     SaveConfig,
     VariableList,
-    VariableAllDialog
+    VariableAllDialog,
   },
   data: () => ({
-    drawer: null
+    drawer: null,
   }),
   methods: {
     switchDrawer() {
@@ -50,7 +50,7 @@ export default {
     getAllV() {
       this.$refs.cardRead.getVariables();
       this.$refs.cardModi.getVariables();
-    }
-  }
+    },
+  },
 };
 </script>

frontend/src/components/PanelCard.vue

@@ -53,7 +53,7 @@ import axios from "axios";
 export default {
   data: () => ({
     menu: false,
-    variables: []
+    variables: [],
   }),
   mounted() {
     this.getVariables();
@@ -63,7 +63,7 @@ export default {
       this.menu = true;
     },
     getVariables() {
-      axios.get("/variable-modi/list").then(response => {
+      axios.get("/variable-modi/list").then((response) => {
         this.variables = response.data.Variables;
       });
     },
@@ -74,16 +74,16 @@ export default {
           Name: i.Name,
           Type: i.Type,
           Addr: i.Addr,
-          Data: parseFloat(i.Data)
+          Data: parseFloat(i.Data),
         })
-        .then(response => {
+        .then((response) => {
           if (response.data.status == 0) {
             this.$toasted.show("变量修改成功");
           } else if (response.data.status == 22) {
             this.$toasted.error("变量操作时串口错误");
           }
         });
-    }
-  }
+    },
+  },
 };
 </script>

frontend/src/components/SaveConfig.vue

@@ -4,7 +4,7 @@
       <v-list-item-title>保存选项</v-list-item-title>
     </v-list-item>
     <v-list-item v-for="i in config" :key="i.n">
-      <v-switch v-model="i.v" :label="i.t" v-on:change="updateConfig(i.n,i.v)" inset></v-switch>
+      <v-switch v-model="i.v" :label="i.t" v-on:change="updateConfig(i.n, i.v)" inset></v-switch>
     </v-list-item>
   </v-list>
 </template>
@@ -17,34 +17,34 @@ export default {
       {
         t: "变量列表",
         n: "sda",
-        v: true
+        v: true,
       },
       {
         t: "观察变量",
         n: "svr",
-        v: true
+        v: true,
       },
       {
         t: "修改变量",
         n: "svm",
-        v: true
-      }
-    ]
+        v: true,
+      },
+    ],
   }),
   mounted() {
     this.getConfig();
   },
   methods: {
     getConfig() {
-      axios.get("/file/config").then(response => {
+      axios.get("/file/config").then((response) => {
         this.config[0].v = response.data.IsSaveDataAddr;
         this.config[1].v = response.data.IsSaveVariableRead;
         this.config[2].v = response.data.IsSaveVariableModi;
       });
     },
     updateConfig(n, v) {
       axios.get("/file/config?" + n + "=" + v);
-    }
-  }
+    },
+  },
 };
 </script>

frontend/src/components/SerialPort.vue

@@ -24,20 +24,20 @@ export default {
   data: () => ({
     status: false,
     serial: null,
-    serialList: []
+    serialList: [],
   }),
   mounted() {
     this.getSerialList();
     this.getSerial();
   },
   methods: {
     getSerialList() {
-      axios.get("/serial/list").then(response => {
+      axios.get("/serial/list").then((response) => {
         this.serialList = response.data.Ports;
       });
     },
     getSerial() {
-      axios.get("/serial").then(response => {
+      axios.get("/serial").then((response) => {
         this.serial = response.data.Name;
         if (this.serial) {
           this.status = true;
@@ -46,7 +46,7 @@ export default {
     },
     optSerial() {
       if (this.status) {
-        axios.get("/serial/open?port=" + this.serial).then(response => {
+        axios.get("/serial/open?port=" + this.serial).then((response) => {
           if (response.data.status == 0) {
             this.$toasted.show("串口打开成功");
           } else if (response.data.status == 1) {
@@ -58,7 +58,7 @@ export default {
           }
         });
       } else {
-        axios.get("/serial/close").then(response => {
+        axios.get("/serial/close").then((response) => {
           if (response.data.status == 0) {
             this.$toasted.show("串口关闭成功");
           } else if (response.data.status == 12) {
@@ -70,7 +70,7 @@ export default {
           }
         });
       }
-    }
-  }
+    },
+  },
 };
 </script>

frontend/src/components/VariableAllDialog.vue

@@ -15,7 +15,12 @@
             <v-file-input label="上传变量地址表文件" v-model="file"></v-file-input>
           </v-col>
           <v-col cols="8">
-            <v-text-field clearable placeholder="搜索变量" prepend-icon="mdi-magnify" v-model="keyword"></v-text-field>
+            <v-text-field
+              clearable
+              placeholder="搜索变量"
+              prepend-icon="mdi-magnify"
+              v-model="keyword"
+            ></v-text-field>
           </v-col>
         </v-row>
 
@@ -32,9 +37,9 @@
             </thead>
             <tbody>
               <tr v-for="list in searchData" :key="list.Name">
-                <td>{{list.Name}}</td>
-                <td>{{list.Type}}</td>
-                <td>{{list.Addr}}</td>
+                <td>{{ list.Name }}</td>
+                <td>{{ list.Type }}</td>
+                <td>{{ list.Addr }}</td>
                 <td>
                   <v-btn icon v-on:click="variableReadAdd(list)">
                     <v-icon>mdi-plus</v-icon>
@@ -62,17 +67,17 @@ export default {
     file: null,
     lists: [],
     searchData: [],
-    keyword: ""
+    keyword: "",
   }),
   watch: {
     file: function() {
       let file = this.file;
       let param = new FormData();
       param.append("file", file);
       let config = {
-        headers: { "Content-Type": "multipart/form-data" }
+        headers: { "Content-Type": "multipart/form-data" },
       };
-      axios.post("/file/upload", param, config).then(response => {
+      axios.post("/file/upload", param, config).then((response) => {
         if (response.data.status == 0) {
           this.getVariableList();
           this.$toasted.show("文件上传成功");
@@ -102,7 +107,7 @@ export default {
       } else {
         return this.searchData;
       }
-    }
+    },
   },
   mounted() {
     this.getVariableList();
@@ -116,7 +121,7 @@ export default {
       this.dialog = false;
     },
     getVariableList() {
-      axios.get("/file/variables").then(response => {
+      axios.get("/file/variables").then((response) => {
         this.lists = response.data.Variables;
         this.searchData = response.data.Variables;
       });
@@ -127,9 +132,9 @@ export default {
           Board: 1,
           Name: i.Name,
           Type: i.Type,
-          Addr: parseInt(i.Addr, 16)
+          Addr: parseInt(i.Addr, 16),
         })
-        .then(response => {
+        .then((response) => {
           if (response.data.status == 0) {
             this.$toasted.show("变量添加成功");
           } else if (response.data.status == 22) {
@@ -145,9 +150,9 @@ export default {
           Board: 1,
           Name: i.Name,
           Type: i.Type,
-          Addr: parseInt(i.Addr, 16)
+          Addr: parseInt(i.Addr, 16),
         })
-        .then(response => {
+        .then((response) => {
           if (response.data.status == 0) {
             this.$toasted.show("变量添加成功");
           } else if (response.data.status == 22) {
@@ -156,7 +161,7 @@ export default {
             this.$toasted.error("重复添加变量");
           }
         });
-    }
-  }
+    },
+  },
 };
 </script>