<!-- 硬件 -->
<template>
  <div class="context">
    <!-- <div style="text-align: right;">
      <el-button type="primary" @click="hardware = !hardware">
        编辑硬件信息
      </el-button> 
    </div> -->
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        体重秤：{{ getoptions(Message.weight_scale_status) }}
      </div>
      <div style="flex: 1;">
        品牌名称：{{ Message.weight_scale_brand }}
      </div>
      <div style="flex: 1;">
        体重秤说明：{{Message.weight_scale_remark}}
      </div>
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        血压计：{{getoptions2(Message.sphygmomanometer_status)}}
      </div>
      <div style="flex: 1;">
        品牌名称：{{Message.sphygmomanometer_brand}}
      </div>
      <div style="flex: 1;">
        血压计说明：{{Message.sphygmomanometer_remark}}
      </div>
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        扫码枪：{{ getoptions2(Message.scanner_status) }}
      </div>
      <div style="flex: 1;">
        品牌名称：{{ Message.scanner_brand }}
      </div>
      <div style="flex: 1;">
        扫码器说明：{{Message.scanner_remark}}
      </div>
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        人脸识别：{{ getoptions2(Message.facial_recognition_device_status) }}
      </div>
      <div style="flex: 1;">
        品牌名称：{{Message.facial_recognition_device_brand}}
      </div>
      <div style="flex: 1;">
        人脸识别说明：{{Message.facial_recognition_device_remark}}
      </div>
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        打印机：{{getoptions2(Message.printer_status)}}
      </div>
      <div style="flex: 1;">
        品牌名称：{{Message.printer_brand}}
      </div>
      <div style="flex: 1;">
        打印机说明：{{Message.printer_remark}}
      </div>
    </div>
    <div class="xinxi"  style="">
      <!-- <div style="flex: 1;">
        其它情况：已购买
      </div> -->
      <!-- <div style="flex: 1;">
        
      </div> -->
    </div>
    <div>
      备注：{{ Message.hardware_remark }}
    </div>

    <!-- 弹窗 -->
    <div>
      <el-dialog
        title="修改硬件信息"
        :visible.sync="hardware"
        width="60%"
        >
          <div style="height: 50vh;overflow: overlay;">
            <div class="xinxi"  style="">
              <div style="flex: 1;">
                <span>客户名称：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 60%;"></el-input>
              </div>
              <div style="flex: 1;">
                
              </div>
            </div>
            <div class="xinxi"  style="">
              <div style="flex: 1;">
                <span>体重秤：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
              <div style="flex: 1;">
                <span>体重秤品牌：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
            </div>
            <div class="xinxi" style="">
              <div style="flex: 1;">
                <span style="position: relative;bottom: 20px;left: 0;">
                    体重秤说明：
                </span>
                <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 80%;"></el-input>
              </div>
            </div>
            <div class="xinxi"  style="">
              <div style="flex: 1;">
                <span>血压计：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
              <div style="flex: 1;">
                <span>血压计品牌：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
            </div>
            <div class="xinxi" style="">
              <div style="flex: 1;">
                <span style="position: relative;bottom: 20px;left: 0;">
                  血压计说明：
                </span>
                <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 80%;"></el-input>
              </div>
            </div>
            <div class="xinxi"  style="">
              <div style="flex: 1;">
                <span>扫码器：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
              <div style="flex: 1;">
                <span>扫码器品牌：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
            </div>
            <div class="xinxi" style="">
              <div style="flex: 1;">
                <span style="position: relative;bottom: 20px;left: 0;">
                  扫码器说明：
                </span>
                <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 80%;"></el-input>
              </div>
            </div>
            <div class="xinxi"  style="">
              <div style="flex: 1;">
                <span>人脸识别：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
              <div style="flex: 1;">
                <span>人脸识别品牌：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
            </div>
            <div class="xinxi" style="">
              <div style="flex: 1;">
                <span style="position: relative;bottom: 20px;left: 0;">
                  人脸识别说明：
                </span>
                <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 80%;"></el-input>
              </div>
            </div>
            <div class="xinxi"  style="">
              <div style="flex: 1;">
                <span>打印机：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
              <div style="flex: 1;">
                <span>打印机品牌：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
            </div>
            <div class="xinxi" style="">
              <div style="flex: 1;">
                <span style="position: relative;bottom: 20px;left: 0;">
                  打印机说明：
                </span>
                <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 80%;"></el-input>
              </div>
            </div>
            <div class="xinxi" style="">
              <div style="flex: 1;">
                <span style="position: relative;bottom: 20px;left: 0;">
                    备注：
                </span>
                <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 80%;"></el-input>
              </div>
            </div>
          </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="hardware = false">取 消</el-button>
          <el-button type="primary" @click="hardware = false">确 定</el-button>
        </span>
      </el-dialog>
    </div>
  </div>
</template>
<script>
export default{
  props:{
    Message:Object
  },
  data(){
    return{
      input:'',
      textarea:'',
      hardware:false,

      tizhong_options:[{value:1,label:'购买全套'},{value:2,label:'购买秤头'},{value:3,label:'未购买'}],
      goum_options:[{value:1,label:'未购买'},{value:2,label:'已购买'}],
    }
  },
  methods:{
    // 对接状态
    getoptions(val){
      const options = this.tizhong_options
      for(let i in options){
        if(val == options[i].value){
          return options[i].label
        }
      }
    }, 
    getoptions2(val){
      const options = this.goum_options
      for(let i in options){
        if(val == options[i].value){
          return options[i].label
        }
      }
    }, 
  },
  created(){
    console.log('hhhadsas2222222',this.Message);
  }
}
</script>
<style lang="scss" scoped>
  .context{
    padding: 20px 0;
    .xinxi{
      display: flex;
      margin-bottom: 15px; 
      /* text-align: center;*/
    }
    
  }
</style>