BUG修改

liuchengxin

2022-06-09 0d68be1fa109b0f55fa0b4c023baf4b66dcc9f28

 src/views/components/peripheralUnit/index.vue

@@ -1,10 +1,12 @@
<template>
  <div>
    <el-input placeholder="请选择" :value="name" disabled>
      <el-button slot="append" icon="el-icon-thumb" @click="handleClick"></el-button>
      {{ currentId }}
      <el-button slot="append" v-if="currentId" icon="el-icon-circle-close" @click="handleClear"></el-button>
      <el-button slot="append" v-else icon="el-icon-thumb" @click="handleClick"></el-button>
    </el-input>
    <el-dialog title="外设单元" :visible.sync="open" width="800px" :append-to-body="true" :destroy-on-close="true">
      <peripheral-unit-list v-if="open" ref="peripheralRef"></peripheral-unit-list>
      <peripheral-unit-list v-if="open" ref="peripheralRef" @setCurrentRow="getCurrentRow"></peripheral-unit-list>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="open = false">取 消</el-button>
@@ -31,14 +33,15 @@
  },
  props: {
    value: {
      type: [Number],
      type: [Number, String],
      default: undefined
    }
  },
  data() {
    return {
      open: false,
      name: ''
      name: '',
      currentId: ''
    }
  },
  watch: {
@@ -46,9 +49,11 @@
      if (v) {
        getPeripheralUnit(v).then(response => {
          this.name = response.data.name;
          this.currentId = response.data.id;
        });
      } else {
        this.name = '';
        this.currentId = ''
      }
    }
  },
@@ -56,10 +61,19 @@
    if (this.value) {
      getPeripheralUnit(this.value).then(response => {
        this.name = response.data.name;
        this.currentId = response.data.id;
      });
    }
  },
  methods: {
    handleClear () {
      this.currentId = '';
      this.name = undefined;
      this.$emit("change", '');
    },
    getCurrentRow (e) {
      this.currentId = e.id
    },
    handleClick() {
      this.open = true;
    },