<template>
  <van-form  class="nav-forms">
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="未依法办理立项手续：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalProjectProcedures" direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="违法建设用地：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalConstructionLand" direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="未取得建设工程规划许可证或者未按照建设工程规划许可证的规定进行建设：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalPlanningPermission" direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="未依法取得施工许可证擅自施工：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalConstructionPermission"
                             direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="无资质设计、施工：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalQualification" direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="未办理竣工验收擅自投入使用（1998年之前的房屋除外）：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalCompletionAcceptance"
                             direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="擅自改变使用功能，擅自改变房屋结构和布局，违法改扩建（含加层、增设夹层、开挖地下空间、分隔群租等）：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalChangeUsage" direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%" label="存在重大结构安全隐患可能发生坍塌：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasCollapseRisk" direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="80%"
                   label="存在前述情形并违规取得消防、工商登记以及其他生产经营许可，或者未依法取得消防、工商登记以及其他经营许可，用作生产经营或者公共事业，特别是人员密集场所：">
          <template #input>
            <van-radio-group v-model="illegalConstructionFormData.hasIllegalRegistrationAuthority"
                             direction="horizontal">
              <van-radio class="van-radio-opt" name="1">是</van-radio>
              <van-radio class="van-radio-opt" name="0">否</van-radio>
            </van-radio-group>
          </template>
        </van-field>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-field
            style="border: 1px solid #eeeeee"
            v-model="illegalConstructionFormData.livingMessage"
            rows="3"
            label="备注："
            type="textarea"
            placeholder="（具体描述违法建设行为内容）"
        />
      </van-col>
    </van-row>
  </van-form>
</template>

<script>
export default {
  name: "IllegalConstruction", //违法建筑
  props:["illegalConstructionFormData"],
}
</script>

<style scoped>
.form-sub-opt {
  padding-bottom: 40px;
  margin-top: 30px;
}
.form-item {
  margin-top: 10px;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}
.form-sub-bun-opt {
  margin-top: 20px;
}
</style>
