<template>
  <div class="auto app-text" style="margin-top: 5px;">
    <header class="head">
     表具信息
    </header>
    <div class="panel" style="padding: 10px 10px 5px 10px;">
      <div class="panel-body panel-self">
        <div class="col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="col-xs-4  col-sm-4 col-md-4  text-left font">基表编号</p>
          <p class="col-xs-8 col-sm-8 col-md-8  show-font">{{ model.f_meternumber}}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">

          <p class=" col-xs-4  col-sm-4 col-md-4  text-left font">基表类型</p>
          <p class=" col-xs-8 col-sm-8 col-md-8   show-font">{{ model.f_meter_brand }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">基表厂家</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_manufacturers}}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">基表型号</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_meter_style }}</p>
        </div>
        <!--<div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">-->
          <!--<p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">生产时间</p>-->
          <!--<p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_basetabletime }}</p>-->
        <!--</div>-->
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">安装底数</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_initial_base }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">安装位置</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_position }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">计量方式</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_meter_classify }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">气价</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_price }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">条型号</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_barcode }}</p>
        </div>
        <!--<div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">-->
          <!--<p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">表地址</p>-->
          <!--<p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_location }}</p>-->
        <!--</div>-->
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">表类型</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_meter_type }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">IC卡类型</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_coding }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">表具误差值</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_tablewitherrorvalue }}</p>
        </div>

        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">表拿子卡锁</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_biaokasuo }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">计量表套锁</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_jiliangbiaosuo }}</p>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 auto bg-white">
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-6  col-sm-6 col-md-6 text-left font">表前球阀钢丝锁红</p>
          <p class="panel-title col-xs-6 col-sm-6 col-md-6 show-font">{{ model.f_biaoqianqiu }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-6  col-sm-6 col-md-6 text-left font">表后球阀钢丝锁</p>
          <p class="panel-title col-xs-6 col-sm-6 col-md-6 show-font">{{ model.f_biaohouqiu }}</p>
        </div>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">计数器卡锁</p>
          <p class="panel-title col-xs-8 col-sm-8 col-md-8 show-font">{{ model.f_jishuqisuo }}</p>
        </div>
        <div class=" col-xs-12 col-sm-6 col-md-6 row auto app-row">
          <p class="panel-title col-xs-4  col-sm-4 col-md-4 text-left font">替换表</p>
          <div class="col-xs-4 col-sm-4 col-md-4">
            <input type="radio" name="optionsRadios" id="optionsRadios1" value="是" v-model="model.f_isweekcheck" disabled> 是
          </div>
          <div class="col-xs-4 col-sm-4 col-md-4">
            <input type="radio" name="optionsRadios" id="optionsRadios1" value="否" v-model="model.f_isweekcheck" disabled>
            否

          </div>
        </div>
        <div class="auto col-xs-12 col-sm-12 col-md-12 bg-white app-input">
          <label for="f_mark" class="panel-title col-xs-4 col-sm-2 col-md-2 text-left font">备注</label>
          <div class="col-xs-8  col-sm-10 col-md-10 ">
            <input type="text" id="f_card_id" class="form-control font " v-model="data.f_mark">
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  // import AppData from '../../stores/AppData'
  // import Vue from 'vue'
  // import * as Util from '../Util'

  export default {
    title: '维修列表用户基本信息',
    props: {
      data: {
        type: Object
      },
      showmessage: true
    },
    data () {
      return {
        model: {
          f_meternumber: '',
          f_meter_brand: '',
          f_manufacturers: '',
          f_meter_type: '',
          f_basetabletime: '',
          f_initial_base: '',
          f_position: '',
          f_meter_classify: '',
          f_price: '',
          f_barcode: '',
          f_location: '',
          f_isic: '',
          f_ictype: '',
          f_tablewitherrorvalue: '',
          f_biaokasuo: '',
          f_jiliangbiaosuo: '',
          f_biaoqianqiu: '',
          f_biaohouqiu: '',
          f_jishuqisuo: '',
          f_weekcheck: '',
          f_isweekcheck:'',
          f_mark: ''
        }
      }
    },
    methods: {},
    ready () {
      this.model = Object.assign({}, this.model, this.data)
      this.model.f_isweekcheck = (this.data.f_weekcheck==='1'||this.data.f_weekcheck ==='true')?'是':'否'
    },
    watch:{
      'data.f_download'(val){
        this.model = Object.assign({}, this.model, this.data)
        this.model.f_isweekcheck = (this.data.f_weekcheck==='1'||this.data.f_weekcheck ==='true')?'是':'否'
      }

    },
    computed: {}
  }
</script>
<style lang="less" scoped>
  .class-erro {
    color: #a94442;
  }

  .row {
    padding-top: 10px;
  }
  .head{
    font-size: 1.25em;
    font-weight: bolder;
    padding: 0.5em;
  }
  /*p{*/
  /*font-weight: bold;*/
  /*}*/
</style>

