From 76341e071624f9f21b50773800baba61ea6bf20b Mon Sep 17 00:00:00 2001
From: cool <653314653@qq.com>
Date: Wed, 27 Mar 2024 17:14:18 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BE=B9=E5=B8=A6=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/SidebandTypeSelect.vue         | 62 +++++++++++++++++++
 .../src/views/device/sideband/index.vue       |  6 +-
 2 files changed, 65 insertions(+), 3 deletions(-)
 create mode 100644 ah-jjzhgd-web/src/views/device/sideband/components/SidebandTypeSelect.vue

diff --git a/ah-jjzhgd-web/src/views/device/sideband/components/SidebandTypeSelect.vue b/ah-jjzhgd-web/src/views/device/sideband/components/SidebandTypeSelect.vue
new file mode 100644
index 0000000..870ac57
--- /dev/null
+++ b/ah-jjzhgd-web/src/views/device/sideband/components/SidebandTypeSelect.vue
@@ -0,0 +1,62 @@
+<template>
+  <el-select v-model="currentOption" placeholder="请选择" style="width: 100%" @change="handleChange">
+    <el-option
+      v-for="item in options"
+      :key="item.value"
+      :label="item.label"
+      :value="item.value"
+    />
+  </el-select>
+</template>
+
+<script>
+import { getDictSelectList } from '@/api/public'
+
+export default {
+  name: 'SidebandTypeSelect',
+  props: ['bindValue', 'disabled', 'change'],
+  data() {
+    return {
+      options: []
+    }
+  },
+  computed: {
+    currentOption: {
+      get() {
+        return this.bindValue
+      },
+      set(val) {
+        this.$emit('update:bindValue', val)
+      }
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      getDictSelectList(600).then(res => {
+        this.options = res.data.map(item => {
+          const { id, name } = item
+          return {
+            value: id,
+            label: name
+          }
+        })
+
+        this.$nextTick(() => {
+          if (this.options?.length && this.currentOption && this.options.find(item => item.value === this.currentOption)) {
+            this.handleChange(this.currentOption)
+          }
+        })
+      })
+    },
+    handleChange(value) {
+      const target = this.options.find(item => item.value === value)
+      this.$emit('change', target)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less"></style>
diff --git a/ah-jjzhgd-web/src/views/device/sideband/index.vue b/ah-jjzhgd-web/src/views/device/sideband/index.vue
index b6fcd54..e49d46c 100644
--- a/ah-jjzhgd-web/src/views/device/sideband/index.vue
+++ b/ah-jjzhgd-web/src/views/device/sideband/index.vue
@@ -81,7 +81,7 @@
           <el-input v-model="temp.bdIp" placeholder="边带IP" :maxlength="50" />
         </el-form-item>
         <el-form-item label="边带类型：" prop="bdType">
-          <SidebandSelect :bind-value.sync="temp.bdType" />
+          <SidebandTypeSelect :bind-value.sync="temp.bdType" />
         </el-form-item>
         <el-form-item label="设备类型：" prop="typeCode">
           <DeviceSelect :bind-value.sync="temp.typeCode" />
@@ -110,7 +110,7 @@
 import Pagination from '@/components/Pagination/index.vue'
 import SidebandChildTable from '@/views/device/sideband/components/SidebandChildTable.vue'
 import ProjectSelect from '@/views/device/sideband/components/ProjectSelect.vue'
-import SidebandSelect from '@/views/device/sideband/components/SidebandSelect.vue'
+import SidebandTypeSelect from '@/views/device/sideband/components/SidebandTypeSelect.vue'
 import DeviceSelect from '@/views/device/sideband/components/DeviceSelect.vue'
 import GtSelect from '@/views/device/sideband/components/GtSelect.vue'
 
@@ -133,7 +133,7 @@ const defaultTmp = {
   bidCode: ''
 }
 export default {
-  components: { Pagination, SidebandChildTable, ProjectSelect, SidebandSelect, DeviceSelect, GtSelect },
+  components: { Pagination, SidebandChildTable, ProjectSelect, DeviceSelect, GtSelect, SidebandTypeSelect },
   data() {
     return {
       tableKey: 0,