修复北斗授时的bug以及为字体设计新增显示到LED屏的功能

src/render/views/BD&time/TimingView/index.vue

@@ -27,15 +27,16 @@
 
 <script lang="ts" setup>
 import { ref, watch, onMounted } from 'vue'
-import { NGi, NGrid, NDatePicker, NButton } from 'naive-ui'
+import { NGi, NGrid, NDatePicker, NButton, useMessage } from 'naive-ui'
 import { Clock } from '@/components/Charts'
 import { useSerialPortStore, SerialPortEventType } from '@/stores/serialPort'
 import { useNMEAStore, NMEADataSource } from '@/stores/nmea'
 import { actions } from './data'
 import { LineBreakParser } from '@/utils/parser'
 
+const serialPort = useSerialPortStore()
 const nmea       = useNMEAStore()
-
+const message = useMessage()
 const dataSource = new NMEADataSource()
 nmea.bindDataSource(dataSource)
 const decoder    = new TextDecoder()
@@ -46,44 +47,90 @@ const onSerialPortData = (data: Uint8Array) => {
 }
 
 const disabled  = ref(true)
-
+const clearset = ref(false)
+const mark = ref(false)
 const BJ_clock  = ref(null)
-watch(() => nmea.handled, (value) => {
-  if (!value) return
-
-  const BJDateTime = nmea.dateTime
-  if (BJDateTime === undefined) {
-    disabled.value = true
-  } else {
-    disabled.value = false
-    BJ_clock.value.update(BJDateTime)
-  }
-})
-
 const system_clock = ref(null)
-let currentTimeStamp = (new Date()).valueOf()
-onMounted(() => {
 
-  setInterval(() => {
+let firstintv
+let currentTimeStamp = (new Date()).valueOf()+1000
+
+onMounted(() => {
+  console.log(currentTimeStamp)
+  firstintv =setInterval(() => {
     currentTimeStamp += 1000
-    system_clock.value.update(new Date(currentTimeStamp))
+    system_clock.value.update(currentTimeStamp)
   }, 1000)
 })
 
+watch(() => nmea.handled, (value) => {
+  if (!value) return
+  const BJDateTime = nmea.dateTime
+  console.log(BJDateTime)
+  if (BJDateTime === undefined) {
+    disabled.value = true
+    }else {
+    disabled.value = false
+    BJ_clock.value.update(BJDateTime)
+    if(clearset.value){
+    system_clock.value.update(BJDateTime)
+    currentTimeStamp = BJDateTime
+    }else{
+      if(mark.value){
+        system_clock.value.update(BJDateTime)
+        mark.value = false
+        clearInterval(firstintv)
+        currentTimeStamp = new Date(currentTimeStamp).getTime()+1000
+        firstintv = firstintv =setInterval(() => {
+        currentTimeStamp += 1000
+        system_clock.value.update(currentTimeStamp)
+        }, 1000)
+      }
+    }
+  }
+})
+
 const onBDTimingBtnClick = () => {
-  const date = BJ_clock.value.getDate()
-  
-  currentTimeStamp = date.valueOf()
+  clearInterval(firstintv)
+  clearset.value = true
+  mark.value = true
 }
 
 
 const dateTime = ref(null)  // 值为时间戳
 const onDatePickerTimingBtnClick = () => {
-  currentTimeStamp = dateTime.value
+  clearInterval(firstintv)
+  clearset.value = false
+  currentTimeStamp = dateTime.value-1000
+  firstintv = firstintv =setInterval(() => {
+    currentTimeStamp += 1000
+    system_clock.value.update(currentTimeStamp)
+  }, 1000)
+}
+
+const resettime = () => {
+  if(serialPort.isOpen){
+    console.log('now open')
+  }else{
+    console.log('not open')
+    if(clearset.value){
+    clearInterval(firstintv)
+    currentTimeStamp = new Date(currentTimeStamp).getTime()
+    clearset.value = false
+    disabled.value = true
+    firstintv = firstintv =setInterval(() => {
+    currentTimeStamp += 1000
+    system_clock.value.update(currentTimeStamp)
+    }, 1000)
+    }
+  }
 }
 
-const serialPort = useSerialPortStore()
 serialPort.addEventListener(SerialPortEventType.data, onSerialPortData)
+// serialPort.addEventListener(SerialPortEventType.beforeOpen, resettime)
+serialPort.addEventListener(SerialPortEventType.afterOpen, resettime)
+// serialPort.addEventListener(SerialPortEventType.beforeClose, resettime)
+serialPort.addEventListener(SerialPortEventType.afterClose, resettime)
 </script>
 
 <style scoped lang="less">

src/render/views/FontDesign/DotMatrixScreenDisplayView/LEDPanelView/index.vue

@@ -8,54 +8,95 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { NGrid, NGi } from 'naive-ui'
+import { NGrid, NGi, useMessage } from 'naive-ui'
+import convert from 'color-convert'
 import LED from './components/LED.vue'
+import { useSerialPortStore } from '@/stores/serialPort'
 import { ROWS, COLS } from './data'
 
+const message = useMessage()
+
 const ledRefs = ref()
 
+const serialPort = useSerialPortStore()
+
 const showChar  = (index, data, color) => {
   if (!data) return
 
+  if (!serialPort.isOpen) {
+    message.error('请连接并打开串口设备')
+    return
+  }
+
   clearArea(index)
 
-  if (data.length === 15) {
-    for (let i = 0; i < data.length; i++) {
-      if (data[i]) {
-        const x = Math.floor(i / 3) 
-        const y = i % 3 + index * 4
+  if (!color) return
 
-        ledRefs.value[x * COLS + y].$el.children[0].style.backgroundColor = color
-      }
-    }
+  if (data.length === 15) {
+    data = [data[0],data[1],data[2],false,
+    data[3],data[4],data[5],false,
+    data[6],data[7],data[8],false,
+    data[9],data[10],data[11],false,
+    data[12],data[13],data[14],false,
+    false,false,false,false,
+    false,false,false,false]    
   }
 
   
   if (data.length === 28) {
+    let ledx = {
+      0:[0,0,0,0,0,0,0,0],
+      1:[0,0,0,0,0,0,0,0],
+      2:[0,0,0,0,0,0,0,0],
+      3:[0,0,0,0,0,0,0,0]
+    }
     for (let i = 0; i < data.length; i++) {
-      if (data[i]) {
-        const x = Math.floor(i / 4) 
-        const y = i % 4 + index * 4
-
-        ledRefs.value[x * COLS + y].$el.children[0].style.backgroundColor = color
+      if(data[i]){
+        const x = i % 4 + index * 4
+        const y = Math.floor(i / 4)
+        const ledIndex = y * COLS + x
+        ledRefs.value[ledIndex].$el.children[0].style.backgroundColor = color
+        const rx = ledIndex % COLS
+        const ry = Math.floor(ledIndex / COLS)
+        ledx[rx-4*index][ry] = 1
       }
     }
+    const origin = 4 * index
+    const rgb = convert.hex.rgb(color)
+    const I = parseInt(ledx[0].toString().replace(/,/gi,''),2)
+    const II = parseInt(ledx[1].toString().replace(/,/gi,''),2)
+    const III = parseInt(ledx[2].toString().replace(/,/gi,''),2)
+    const IV = parseInt(ledx[3].toString().replace(/,/gi,''),2)
+    let cmd = `$LEDAREA,${origin},0,${I},${II},${III},${IV},${rgb[0]},${rgb[1]},${rgb[2]}*`
+    cmd += cmd.length
+    cmd += '\r\n'
+    serialPort.write(cmd)
   }
 }
 
 const clearArea = (areaIndex) => {
-  for (let i = 0; i < 7; i++) {
-    for (let j = 0; j < 4; j++) {
+  for(let i = 0; i < 8; i++){
+    for (let j = 0; j < 4; j++){
       const ledIndex = i * COLS + areaIndex * 4 + j
       ledRefs.value[ledIndex].$el.children[0].style.backgroundColor = 'black'
     }
   }
+  const origin = 4 * areaIndex
+  let cmd = `$LEDAREA,${origin},0,0,0,0,0,0,0,0*`
+  cmd += cmd.length
+  cmd += '\r\n'
+  serialPort.write(cmd)
 }
 
 const clearAll  = () => {
+  if (!serialPort.isOpen) {
+    message.error('请连接并打开串口设备')
+    return
+  }
   ledRefs.value.forEach(ledRef => {
     ledRef.$el.children[0].style.backgroundColor = 'black'
-  });
+  })
+  serialPort.write('$LEDCL,0*9\r\n')
 }
 
 defineExpose( { showChar, clearArea, clearAll })

src/render/views/FontDesign/DotMatrixScreenDisplayView/index.vue

@@ -20,7 +20,7 @@
 
       <n-space vertical>
         <div>
-          <n-text v-if="!hasFont">字库未创建，请先创建字库</n-text>
+          <n-text v-if="!hasFont">{{ fontmsg }}</n-text>
           
           <n-radio-group v-else v-model:value="fontLibrarySelected" name="radiogroup">
             <n-space>
@@ -39,23 +39,31 @@
 
 <script setup lang="ts">
 import { ref, watch, onMounted } from 'vue'
-import { NSpace, NGrid, NGi, NInput, NRadioGroup, NRadio, NText, NButton } from 'naive-ui'
+import { NSpace, NGrid, NGi, NInput, NRadioGroup, NRadio, NText, NButton, useMessage } from 'naive-ui'
 import { LEDPanelView } from './LEDPanelView'
 import { hasIpcRenderer } from '@/utils'
 
-const itemStyle = { textAlign: 'center', flex: '1 1 50%'}
+const message = useMessage()
+
+const itemStyle = { textAlign: 'center', flex: '1 1 50%' }
 
 const count     = 8
 const hasFont   = ref(false)
+const fontmsg = ref('字库未创建，请先创建字库后重启软件')
 const chars     = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ':', '.', '-']
 const onlyAllow = (value: string) => !value || chars.indexOf(value) >= 0
 
 const ledPanelViewRef = ref()
 const inputValues = ref(new Array(count).fill(null))
+
 for (let i = 0; i < count; i++) {
   watch(
     () => inputValues.value[i],
     value => {
+      const { data } = window.ipcRenderer.sendSync('LOAD_FONT_LIBRARY')
+      if (!data) return
+      fontLibrary = JSON.parse(data)
+      hasFont.value = true
       if (!value) {
         ledPanelViewRef.value.clearArea(i)
       } else {
@@ -86,6 +94,7 @@ onMounted(() => {
 
 const onClearBtnClick = () => {
   inputValues.value.fill(null)
+  ledPanelViewRef.value.clearAll()
 }
 </script>
 

src/render/views/FontDesign/EditFontView/index.vue

@@ -38,7 +38,7 @@ const onClick = () => {
 
   dialog.success({
     title: '系统消息',
-    content: '保存字库成功，重启软件后生效',
+    content: '保存字库成功',
     positiveText: '确定',
     closable: false,
     maskClosable: false,