Vue.component('sixarea', {
  template: '#sixArea',
  props: {
    name: '',
    label: '',
    middle: false,
    half: false
  },
  data() {
    return {
      htmlText: '',
      disabled: false,
    }
  },
  watch: {
  },
  created() {
    this.htmlText = this.name
    this.disabled = this.label.length <= 20
  },
  methods: {
    changeText(flag) {
      if(flag === 0) {
        this.htmlText = this.label
      } else {
        this.htmlText = this.name
      }
    },

    jumpDetailContent(htype, ctype) {
      location.assign('info_detail.html?htype=' + htype + '&ctype=' + ctype)
    }
  }
})