<template>
  <div id="info-1">
    <el-row>
      <el-col :span="24" class="main">
        <el-col :span="24" class="one">
          <el-form :model="info" ref="info" label-width="150px">
            <el-col :span="12">
              <el-form-item label="保安服务公司" prop="company">
                <el-input v-model="info.company" placeholder="请输入保安服务公司" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="管辖单位" prop="tube_company">
                <el-input v-model="info.tube_company" placeholder="请输入管辖单位" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="号码种类" prop="num_type">
                <el-select v-model="info.num_type" clearable placeholder="请选择" style="width: 100%" readonly>
                  <el-option label="蓝牌" value="蓝牌"> </el-option>
                  <el-option label="黄牌" value="黄牌"> </el-option>
                  <el-option label="绿牌" value="绿牌"> </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="车牌号码" prop="car_num">
                <el-input v-model="info.car_num" placeholder="请输入车牌号码" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="专用运钞车产品分类" prop="car_type">
                <el-select v-model="info.car_type" clearable placeholder="请选择" style="width: 100%" readonly>
                  <el-option label="大型运钞车" value="大型运钞车"> </el-option>
                  <el-option label="中型运钞车" value="中型运钞车"> </el-option>
                  <el-option label="小型运钞车" value="小型运钞车"> </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="专用运钞车防护级别" prop="car_level">
                <el-select v-model="info.car_level" clearable placeholder="请选择" style="width: 100%" readonly>
                  <el-option label="A级" value="A级"> </el-option>
                  <el-option label="B级" value="B级"> </el-option>
                  <el-option label="C级" value="C级"> </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="发动机号" prop="engine">
                <el-input v-model="info.engine" placeholder="请输入发动机号" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="出产日期" prop="put_date">
                <el-date-picker
                  v-model="info.put_date"
                  placeholder="请选择"
                  value-format="yyyy-MM-dd"
                  format="yyyy-MM-dd"
                  type="date"
                  style="width: 100%"
                  readonly
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="车架号" prop="frame_num">
                <el-input v-model="info.frame_num" placeholder="请输入车架号" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报废日期" prop="cancel_date">
                <el-date-picker
                  v-model="info.cancel_date"
                  placeholder="请选择"
                  value-format="yyyy-MM-dd"
                  format="yyyy-MM-dd"
                  type="date"
                  style="width: 100%"
                  readonly
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="制造单位名称" prop="make_company">
                <el-input v-model="info.make_company" placeholder="请输入制造单位名称" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="报废原因" prop="cancel_reason">
                <el-input v-model="info.cancel_reason" placeholder="请输入报废原因" type="textarea" rows="2" readonly></el-input>
              </el-form-item>
            </el-col>
          </el-form>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'info-1',
  props: {
    info: { type: Object },
  },
  components: {},
  data: function () {
    return {};
  },
  created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped></style>
