<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="illegalApprovalFormData.hasIllegalProjectApproval" 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="illegalApprovalFormData.hasIllegalUsedLandApproval" 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="illegalApprovalFormData.hasIllegalPlanApproval" 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="illegalApprovalFormData.hasIllegalConstructionPermitsApproval"
                             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="illegalApprovalFormData.hasIllegalManageApproval" 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="illegalApprovalFormData.approvalMessage"
            rows="3"
            label="备注"
            type="textarea"
            placeholder="（具体描述违法违规审批行为内容）"
        />
      </van-col>
    </van-row>
  </van-form>
</template>

<script>
export default {
  name: "IllegalApproval", //违法审批
  props: ["illegalApprovalFormData"]
}
</script>

<style scoped>
.nav-forms {
}

.form-item {
  margin-top: 10px;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}

.van-radio-opt {
  margin-bottom: 5px;
}

.form-sub-opt {
  padding-bottom: 40px;
  margin-top: 30px;
}

.form-sub-bun-opt {
  margin-top: 20px;
}
</style>
