<template>
<div>
  <c-row :gutter="20">
    <c-col :span="8">
      <el-form-item v-bind:error="tagValue[2].s1"  :required="pattern.status=='M' || tagValue[1]?true:false">
        <c-input size="small" v-model="tagValue[0].s1" placeholder="Number" :maxlength="1" @blur="handleChange" :disabled="disabled || (pattern.tagFlag && pattern.tagFlag.indexOf('s1') !== -1)"></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="8">
      <el-form-item v-bind:error="tagValue[2].s2" :required="pattern.status=='M' || tagValue[1]?true:false">
        <el-input size="small" v-model="tagValue[0].s2" placeholder="Total" :maxlength="1" @blur="handleChange" :disabled="disabled || (pattern.tagFlag && pattern.tagFlag.indexOf('s2') !== -1)">
          <template slot="prepend">/</template>
        </el-input>
      </el-form-item>
    </c-col>
    
  </c-row>
</div>
</template>
<script>
export default {
  props: {
    tag: {
      type: String,
      default: ''
    },
    pattern: {
      type: Object,
      default: () => {}
    },
    mty: {
      type: String,
      default: ''
    }
  },
  data: function () {
    return {
      tagValue: [{
        s1: '1',
        s2: '1'
      },
      '1/1',
      {
        s1: '',
        s2: ''
      }],
      disabled: false
    }
  },
  created: function () {
    if (this.pattern.tagValue == undefined || JSON.stringify(this.pattern.tagValue) == '[{},null]') {
      this.pattern.tagValue = this.tagValue
    } else {
      this.tagValue = this.pattern.tagValue
    }
    if (this.mty=='mt700' || this.mty=='mt707') {
      this.disabled = true
    }
  },
  methods: {
    handleChange: function () {
      // 触发校验
       let obj = this.pattern.tagValue[0]
      let mval = ''
      mval = `${obj.s1}/${obj.s2}`
      this.pattern.tagValue[1] = mval   
      this.$emit('validate')
    }
  }
}
</script>