Merge branch 'main' of http://git.linkortech.com:10020/ZutJoe/vue_django_test

frontend/src/components/protocol/CollapseTable.vue

@@ -3,9 +3,16 @@
     <div class="container">
       <div class="left">
         <div class="mr-4">协议版本</div>
-        <el-select>
+        <el-select v-model="value">
           <!-- TODO: 选择协议版本 -->
-          <el-option :value="option"></el-option>
+          <el-option
+              v-for="option in options"
+              :key="option.value"
+              :label="option.label"
+              :value="option.value"
+          >
+
+          </el-option>
         </el-select>
       </div>
       <div class="right">
@@ -68,14 +75,16 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref,onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from "element-plus";
-
+import { GetProtocolVersion,ProtocolInit } from "@/dao/protocol"
 import ProtocolTable from "./ProtocolTable.vue";
 import type { DeviceProtocolResponse, ProtocolCmdResponse } from './types';
 
 const addCmd = ref<boolean>(false)
-const option = ref<string>('option')
+const value = ref('')
+const options = ref<Array>([])
+const protocol_names = ref<Array>([])
 const formLabelWidth = '140px'
 
 type propsType = {
@@ -108,6 +117,41 @@ const open = () => {
       })
     })
 }
+
+async function getVersion(){
+  await GetProtocolVersion()
+      .then((res) => {
+        for (const item of res){
+          protocol_names.value.push(item.protocol_name)
+          if (item.protocol_name === props.name){
+            let version_paths = JSON.parse(item.version_paths)
+            for (const item2 of version_paths){
+              options.value.push({value: item2.version, label: item2.version})
+            }
+          }
+        }
+      })
+      .catch((err) => {
+        console.log(err);
+      })
+}
+
+function Init(){
+  ProtocolInit({protocol_name: props.name})
+      .then((res) => {
+        options.value.push({value: "init", label: "init"})
+      })
+      .catch((err) => {
+        console.log(err);
+      })
+}
+
+onMounted(async () => {
+  await getVersion()
+  if (protocol_names.value.indexOf(props.name) === -1){
+    Init()
+  }
+})
 </script>
 
 <style>

frontend/src/components/protocol/ProtocolTable.vue

@@ -216,6 +216,7 @@ const rules = reactive<FormRules<typeof fields>>({
 const ruleFormRef = ref<typeof ElForm>()
 
 const addField = () => {
+
   flag.value = true;
   more.value = false
 
@@ -238,6 +239,7 @@ const addField = () => {
   fields.value.operabo_out = 0
 
   dialogVisible.value = true;
+
 }
 
 function editField(data: CmdInfo) {

frontend/src/dao/protocol.ts

+import axios from "axios"
+
+const baseURL = 'http://192.168.0.214:8000/op'
+
+export function GetProtocolVersion(){
+    return axios.get('/api/all_protocol_version/').then(
+        function (responese){
+            return responese.data
+        }
+    )
+}
+
+export function ProtocolInit(protocol_name: any){
+    return axios.post('api/protocol_version_manage/init/', protocol_name).then(
+        function (response){
+            return response.data
+        }
+    )
+}
\ No newline at end of file