<template>
  <div id="info-1">
    <el-row>
      <el-col :span="24" class="main">
        <el-col :span="24" class="one">
          <el-form ref="info" :model="info" label-width="160px">
            <el-col :span="12">
              <el-form-item label="保安员证编码">
                <el-input v-model="info.baoan_num" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="保安员姓名">
                <el-input v-model="info.name" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="打印人">
                <el-input v-model="info.print_personal" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="打印公安机关名称">
                <el-input v-model="info.print_policename" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="打印时间">
                <el-input v-model="info.print_date" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否补打">
                <el-input v-model="info.is_make" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="补打申请原因">
                <el-input v-model="info.make_apply" readonly type="textarea" rows="2"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打申请公安机关代码">
                <el-input v-model="info.make_applynum" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打申请公安机关名称">
                <el-input v-model="info.make_applypolice" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打申请人">
                <el-input v-model="info.make_applypersonal" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打申请时间">
                <el-input v-model="info.make_applydate" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打审核公安机关代码">
                <el-input v-model="info.make_examinenum" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打审核公安机关名称">
                <el-input v-model="info.make_examinename" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打审核人">
                <el-input v-model="info.make_examinepersonal" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="补打审核时间">
                <el-input v-model="info.make_examinedate" readonly></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24" class="third_1">
              <el-col :span="4" class="third_1text"><span>审查情况</span></el-col>
              <el-col :span="20">
                <el-col :span="24">
                  <el-form-item label="是否受到过收容教育，强制隔离戒毒，劳动教养者3次以上行政拘留" prop="check_xzjl" :label-width="longLabel">
                    <el-radio-group v-model="info.check_xzjl" disabled>
                      <el-radio label="是"></el-radio>
                      <el-radio label="否"></el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="是否因故意犯罪被刑事处罚" prop="check_xscf" :label-width="longLabel">
                    <el-radio-group v-model="info.check_xscf" disabled>
                      <el-radio label="是"></el-radio>
                      <el-radio label="否"></el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="是否吊销保安员证未满3年" prop="check_certthr" :label-width="longLabel">
                    <el-radio-group v-model="info.check_certthr" disabled>
                      <el-radio label="是"></el-radio>
                      <el-radio label="否"></el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="是否两次被吊销保安员证" prop="check_certtwo" :label-width="longLabel">
                    <el-radio-group v-model="info.check_certtwo" disabled>
                      <el-radio label="是"></el-radio>
                      <el-radio label="否"></el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="疑似精神病人，风险评估不能担任保安员" prop="check_fxpg" :label-width="longLabel">
                    <el-radio-group v-model="info.check_fxpg" disabled>
                      <el-radio label="是"></el-radio>
                      <el-radio label="否"></el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="是否有其他不合适担任保安的综合评定" prop="check_zhpd" :label-width="longLabel">
                    <el-radio-group v-model="info.check_zhpd" disabled>
                      <el-radio label="是"></el-radio>
                      <el-radio label="否"></el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-form-item label="补打审核意见">
                <el-input v-model="info.make_examineresaon" readonly type="textarea" rows="2"></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 {
      longLabel: '500px',
    };
  },
  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>
.third_1 {
  border: 1px solid #cccccc;
  padding: 10px;
  margin: 0 0 10px 0;
  .third_1text {
    padding: 50px 0;
    text-align: center;
    span {
      border: 1px solid #ff0000;
      display: inline-block;
      width: 100px;
      height: 120px;
      line-height: 120px;
      color: #ff0000;
      font-weight: bold;
    }
  }
  /deep/.el-form-item__label {
    text-align: left;
    color: #ff0000;
  }
  /deep/.el-form-item {
    margin: 0;
    border: 1px solid #ccc;
    padding: 0 15px;
  }
}
</style>
