修改初始化

zhaochongyi

2024-08-26 e0301d12be2ba6c04613f23c24734c48a30caad8

 frontend/src/views/communication/index.vue

@@ -1,13 +1,51 @@
<script setup>

  import {ipc} from '@/utils/ipcRenderer'
  import {ref} from "vue";
  // 连接模式
  const mode = ref(2);
  // 设备编号
  const deviceId = ref(1);
  // 串口地址
  const com = ref();
  // 波特率
  const serialBaud = ref(115200);
  const serialBaudList = ref([
      9600,19200,38400,57600,115200
  ])
  const data = ref( [
  ]);
  //com列表
  const comList = ref([]);
  const isLJ = ref(false)


  const initListPort = () =>{
    ipc.invoke('controller.port.initPort',1).then(res=>{
      console.log(res)
      comList.value = res;

      if (comList.value.length > 0){
        com.value = 0;
      }
    })
  }
  /**
   * 连接设备
   */
  const setLocalICRF = () => {
    ipc.invoke('controller.icrf.hc_init',{port:com.value,baud:serialBaud.value}).then(res=>{
      console.log(res)
    });
  }
  /**
   * 断开设备
   */
  const disconnectLocalICRF =()=>{

  }


  initListPort();
</script>

<template>
@@ -23,35 +61,31 @@
          </Section>

          <Section title="设备编号">
            <a-input     v-model:value="deviceId" placeholder="请输入" />
            <a-input :disabled="mode !== 1"  v-model:value="deviceId" placeholder="请输入" />
          </Section>

          <Section title="串口号">
            <a-select
            <a-select :disabled="mode !== 2"
                ref="select"
                v-model:value="com"
                style="width: 100%;"
                @change="handleChange"
            >
              <a-select-option value="jack">COM1</a-select-option>
              <a-select-option value="lucy">COM2</a-select-option>
              <a-select-option :value="index" v-for="(item,index) in comList">{{ item.path }}</a-select-option>
            </a-select>
          </Section>

          <Section title="波特率">
            <a-select
            <a-select :disabled="mode !== 2"
                ref="select"
                v-model:value="com"
                v-model:value="serialBaud"
                style="width: 100%;"
                @change="handleChange"
            >
              <a-select-option value="jack">COM1</a-select-option>
              <a-select-option value="lucy">COM2</a-select-option>
              <a-select-option :value="item" v-for="(item,index) in serialBaudList" :key="index">{{ item }}</a-select-option>
            </a-select>
          </Section>
          <div style="margin-top: 20px;text-align: right;">
            <a-button style="margin-right: 20px;width: 150px">连接设备</a-button>
            <a-button style="width: 150px">断开连接</a-button>
            <a-button style="margin-right: 20px;width: 150px" :disabled="isLJ" @click="setLocalICRF">连接设备</a-button>
            <a-button style="width: 150px" :disabled="!isLJ" @click="disconnectLocalICRF">断开连接</a-button>
          </div>
        </div>
        <div class="flex-1 box-right">