lh_firm_former/src/views/component/getMonitoringName.vue

<template>
  <div>
    <!-- 监控设备 -->
    <!-- <el-select v-model="position" placeholder="请选择设备名称" id="name">
    <el-option
      v-for="item in options"
      :label="options.ming_cheng"
      :key="item.key"
      :value="item.ming_cheng">
    </el-option>
  </el-select> -->
  <select id="name" class="select_name">
    <option :key= "item.key" :value="item.ming_cheng" v-for="item in options">{{item.ming_cheng}}</option>
  </select>
  </div>
</template>

<script>
import curdPost from '@/business/platform/form/utils/custom/joinCURD.js'

export default {
  data(){
    return{
      position:'',
      options:[]
    }
  },
  created(){
   
  },
  mounted(){
    this.getData()
  },
  methods:{
    getData(){
      //罗湖设备登记     当前位置 cun_fang_di_dian_   位置去重
      //房间一览表 
      let sql = "select she_bei_ming_cheng_ AS ming_cheng FROM t_sbdj GROUP BY ming_cheng" 
      curdPost('sql',sql).then(res => {
        this.options = res.variables.data
        // const position = document.getElementById('position')
        // let str = ''
        // this.options.forEach(item => {
        //   str += `<option value="${item.wei_zhi}">${item.wei_zhi}</option>`
        // })
        // position.innerHTML = str

        // console.log('设备名称',this.options)

      })
    }
  }
  

}
</script>

<style lang="scss" scoped>
.select_name{
  outline:none;
  border: 1px solid rgb(204, 204, 204);
  width: 700px;
  border-radius: 6px;
  height: 35px;
  font-size: 400;
}


</style>