lh_firm_former/src/views/component/getMonitoringPosition.vue

<template>
  <div>
    <!-- 监控位置 -->
     <!-- <el-select v-model="position" placeholder="请选择监控位置" id="position" @change="onChange">
    <el-option
      v-for="item in options"
      :label="options.wei_zhi"
      :key="item.key"
      :value="item.wei_zhi">
    </el-option>
  </el-select> -->

  <select name="city" id="position" class="select_position" >
    <option
     :value="item.wei_zhi" 
     v-for="item in options" 
     :key="item.key"
     >
      {{item.wei_zhi}}
    </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 sql1 = "select cun_fang_di_dian_  as wei_zhi from t_sbdj group by wei_zhi" 
      let sql2 = 'select fang_jian_ming_ha as wei_zhi from t_jjqfjb group by wei_zhi'
      Promise.all([
        curdPost('sql',sql1),
        curdPost('sql',sql2),
      ]).then(([res1,res2]) =>{
        let data1 = res1.variables.data
        let data2 = res2.variables.data
        this.options = data1.concat(data2)
        // const position = document.getElementById('position')
        // let str = ''
        // this.options.forEach(item => {
        //   str += `<option value="${item.wei_zhi}">${item.wei_zhi}</option>`
        // })
        // position.innerHTML =
        // console.log('监控位置',data1,data2,this.data)

      })
    }
  }
  

}
</script>

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

</style>