<template>
  <van-form  class="nav-forms">
    <van-row class="form-item">
      <van-col span="24">
        <van-field name="radio" label-width="200px" label="需要整改的隐患问题：">
          <template #input>
            <van-radio-group v-model="concernsFormData.hasConcerns" 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-col span="24" class="form-item-label-opt">
          <span>予以拆除（既有）：</span>
        </van-col>
        <van-col span="6">
          <van-field label-width="120px" v-model="concernsFormData.dismantleArea" label="涉及：" placeholder="请输入"/>

        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">m<sup>2</sup></span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">计划：</span>
            <el-date-picker
                v-model="concernsFormData.dismantlePlanCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">完成</span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">实际：</span>
            <el-date-picker
                v-model="concernsFormData.dismantleActualCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">完成</span>
        </van-col>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-col span="24" class="form-item-label-opt">
          <span>予以加固处理（既有）：</span>
        </van-col>
        <van-col span="6">
          <van-field label-width="120px" v-model="concernsFormData.reinforceArea" label="涉及：" placeholder="请输入"/>

        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">m<sup>2</sup></span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">计划：</span>
            <el-date-picker
                v-model="concernsFormData.reinforcePlanCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">完成</span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">实际：</span>
            <el-date-picker
                v-model="concernsFormData.reinforceActualCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">完成</span>
        </van-col>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-col span="24" class="form-item-label-opt">
          <span>予以没收（既有）：</span>
        </van-col>
        <van-col span="6">
          <van-field label-width="120px" v-model="concernsFormData.confiscateArea" label="涉及：" placeholder="请输入"/>

        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">m<sup>2</sup></span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">计划：</span>
            <el-date-picker
                v-model="concernsFormData.confiscatePlanCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">完成</span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">实际：</span>
            <el-date-picker
                v-model="concernsFormData.confiscateActualCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">完成</span>
        </van-col>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-col span="24" class="form-item-label-opt">
          <span>责令停止使用（既有）：</span>
        </van-col>
        <van-col span="6">
          <van-field label-width="120px" v-model="concernsFormData.stopUsedArea" label="涉及：" placeholder="请输入"/>

        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">m<sup>2</sup></span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">复核后：</span>
            <el-date-picker
                v-model="concernsFormData.stopUsedPlanCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="3" style="line-height: 44px">
          <span style="font-size: 14px">恢复使用</span>
        </van-col>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="24">
        <van-col span="24" class="form-item-label-opt">
          <span>责令停工整改（既有）：</span>
        </van-col>
        <van-col span="6">
          <van-field label-width="120px" v-model="concernsFormData.rectificationUsedArea" label="涉及："
                     placeholder="请输入"/>
        </van-col>
        <van-col span="2" style="line-height: 44px">
          <span style="font-size: 14px">m<sup>2</sup></span>
        </van-col>
        <van-col span="6">
          <div>
            <span style="padding-left: 10px">复核后：</span>
            <el-date-picker
                v-model="concernsFormData.rectificationPlanCompleteTime"
                type="date"
                format="yyyy年MM月dd日"
                placeholder="选择日期">
            </el-date-picker>
          </div>
        </van-col>
        <van-col span="3" style="line-height: 44px">
          <span style="font-size: 14px">恢复施工</span>
        </van-col>
      </van-col>
    </van-row>
    <van-row class="form-item">
      <van-col span="6">
        <van-col span="20">
          <van-field label-width="120px" v-model="concernsFormData.punishCompanyNum" label="处罚企业：" placeholder="请输入"/>
        </van-col>
        <van-col span="4" style="line-height: 44px">
          <span style="font-size: 14px">家</span>
        </van-col>
      </van-col>
      <van-col span="6">
        <van-col span="20">
          <van-field label-width="120px" v-model="concernsFormData.punishUsersNum" label="处罚人员：" placeholder="请输入"/>
        </van-col>
        <van-col span="4" style="line-height: 44px">
          <span style="font-size: 14px">人</span>
        </van-col>
      </van-col>
      <van-col span="6">
        <van-col span="20">
          <van-field label-width="120px" v-model="concernsFormData.punishMoney" label="处罚金额：" placeholder="请输入"/>
        </van-col>
        <van-col span="4" style="line-height: 44px">
          <span style="font-size: 14px">万元</span>
        </van-col>
      </van-col>
      <van-col span="6">
        <van-col span="20">
          <van-field label-width="120px" v-model="concernsFormData.punishLetterNum" label="下发整改通知单：" placeholder="请输入"/>
        </van-col>
        <van-col span="4" style="line-height: 44px">
          <span style="font-size: 14px">份</span>
        </van-col>
      </van-col>
    </van-row>
  </van-form>
</template>

<script>


export default {
  name: "Concerns",  //隐患问题
  components: {},
  props: ["concernsFormData", "id"],
}
</script>

<style scoped>
.form-item {
  margin-top: 8px;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}

.form-item-label-opt {
  margin: 5px 16px;
  font-size: 14px;
  font-weight: bold;
}

.form-item {
  margin-top: 10px;
  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>
