hallModal.vue

<template>
  <el-dialog
    title="设置频率"
    :visible.sync="hallModalVisible"
    :append-to-body="true"
    width="30%"
  >
    <el-form>
      <el-form-item label="设置频率：" :label-width="formLabelWidth">
        <el-input
          size="mini"
          autocomplete="off"
          style="width: 300px"
          v-model="frequency"
        ></el-input>
      </el-form-item>
      <!-- <el-form-item label="启动控制：" :label-width="formLabelWidth">
        <el-switch></el-switch>
      </el-form-item> -->
    </el-form>
    <div slot="footer">
      <el-button size="mini" @click="hallModalVisible = false">取 消</el-button>
      <el-button size="mini" type="primary" @click="cancelhandle"
        >确 定</el-button
      >
    </div>
  </el-dialog>
</template>
<script lang="ts">
export default {
  name: 'hallModal',
  data() {
    return {
      formLabelWidth: '120px',
      hallModalVisible: false,
      frequency: ''
    }
  },
  methods: {
    init(data) {
      console.log('data', data)
      this.frequency = data.current_frequency
      this.hallModalVisible = true
    },
    cancelhandle() {
      this.hallModalVisible = false
    }
  }
}
</script>