<template>
  <div>
    <el-select v-model="clockForm" filterable placeholder="請選擇">
      <el-option v-for="item in options" :key="item.clockId" :label="item.clockName" :value="item.clockId">
      </el-option>
    </el-select>
  </div>
</template>


<script>
  export default {
    name: 'Defence',
    data() {
      return {
        message: '123456',
        areaList: [],
        clockList: [],
        options: [],
        clockForm: '',
  },
  mounted() {
      //this.getTest(),
      this.getClockList()
    },
    methods: {

      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            alert('submit!');
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      },


      getClockList: async function() {
        this.getAll().then(data => {
          this.options = data
        })
      },

    //獲取所有數(shù)據(jù)
      getAll: async function() {
        let clockList = []
        let areaList = []
        let remoteDa = []
        await this.axios.get('/areas').then(response => {
          areaList = response.data
        }).catch(error => {
          console.log('error=' + error);
        })

        await this.axios.get('/clocksources').then(response => {
          clockList = response.data
        }).catch(error => {
          console.log('error=' + error);
        })

        let val = areaList;
        for (var i = 0; i < val.length; i++) {
          let currData = {}
          currData.id = val[i].id;
          currData.name = val[i].name;
          for (var j = 0; j < clockList.length; j++) {
            if (clockList[j].id === val[i].clockSourceId) {
              currData.clockId = clockList[j].id + '(' + clockList[j].name + ')';
              currData.clockName = clockList[j].name;
              break;
            }
          }
          var wideIndex = val[i].locationTrigger;
          currData.wides = wideIndex === 0 ? '一維' : wideIndex === 1 ? '二維' : wideIndex === 2 ? '三維' :
            '沒有選擇對應(yīng)維度';
          currData.status = val[i].enable ? '激活' : '未激活';
          currData.comments = val[i].comments;
          remoteDa.push(currData)
        }
        return remoteDa;

      },

      getTest: async function() {
        this.getAll().then(data => {
          for (var i = 0; i < data.length; i++) {
            console.log('data=' + data[i].clockId);
          }
        })
      },

    }
  }
</script>

<style>
</style>