bdqh-course-platform-master/src/render/components/SerialPort/ManagementView/index.vue

<template>
  <!-- TODO: 使用form grid替换 -->
  <n-descriptions :column="1">
    <n-descriptions-item label="串口号">
      <n-select v-model:value="serialPortOptions.path"     :options="PATH_OPTIONS" />
    </n-descriptions-item>
    <n-descriptions-item label="波特率">
      <n-select v-model:value="serialPortOptions.baudRate" :options="BAUDRATE_OPTIONS" />
    </n-descriptions-item>
    <n-descriptions-item label="数据位">
      <n-select v-model:value="serialPortOptions.dataBits" :options="DATA_BITS_OPTIONS" />
    </n-descriptions-item>
    <n-descriptions-item label="停止位">
      <n-select v-model:value="serialPortOptions.stopBits" :options="STOPBITS_OPTIONS" />
    </n-descriptions-item>
    <n-descriptions-item label="奇偶校验">
      <n-select v-model:value="serialPortOptions.parity"   :options="PARITY_OPTIONS" />
    </n-descriptions-item>
  </n-descriptions>
</template>

<script setup lang="ts">
import { ref, onMounted, watch } from 'vue'
import { NDescriptions, NDescriptionsItem, NSelect } from 'naive-ui'
import { BAUDRATE_OPTIONS, DATA_BITS_OPTIONS, STOPBITS_OPTIONS, PARITY_OPTIONS } from './data'

const PATH_OPTIONS = ref<any[]>([])

const showfirst = ref(false)

const serialPortOptions = ref({
  path    : PATH_OPTIONS.value[0],
  baudRate: BAUDRATE_OPTIONS[BAUDRATE_OPTIONS.length - 1].value,
  dataBits: DATA_BITS_OPTIONS[0].value,
  stopBits: STOPBITS_OPTIONS[0].value,
  parity  : PARITY_OPTIONS[0].value,
})

const beforOption = (value) => {
  if(value.comoptions !== undefined && value.comports !== undefined){
    console.log(value)
    serialPortOptions.value.path = value.comoptions.path
    serialPortOptions.value.baudRate = value.comoptions.baudRate
    serialPortOptions.value.dataBits = value.comoptions.dataBits
    serialPortOptions.value.stopBits = value.comoptions.stopBits
    serialPortOptions.value.parity = value.comoptions.parity
    PATH_OPTIONS.value = []
    value.comports.forEach(element => {
      PATH_OPTIONS.value.push({ label: element.path+`${element.msg==undefined?'':'('+element.msg+')'}`, value: element.path })
    })
  }
}

onMounted(() => {
  window.ipcRenderer.send('OPTION_READY')
  window.ipcRenderer.receive('OPEN_OPTION',beforOption)
})

watch(serialPortOptions.value, () => {
  if(showfirst.value){
    let setcom = {
      path:serialPortOptions.value.path,
      baudRate:serialPortOptions.value.baudRate,
      dataBits:serialPortOptions.value.dataBits,
      stopBits:serialPortOptions.value.stopBits,
      parity:serialPortOptions.value.parity
    }
    console.log(setcom)
  window.ipcRenderer.send('SET_OPTION',setcom)
  }
  showfirst.value = true
})
</script>

<style scoped lang="less">
.n-button {
  width: 100%;
}
</style>