| | |
| | | <!-- 基本信息 --> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="镇(街道)" prop="street" required> |
| | | <el-form-item label="镇(街道)" prop="street" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.street" placeholder="请输入" clearable style="width:180px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="所在村(社区)" prop="community" required> |
| | | <el-form-item label="所在村(社区)" prop="community" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.community" placeholder="请输入" clearable style="width:180px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="拆迁项目名称" prop="projectName" required> |
| | | <el-form-item label="拆迁项目名称" prop="projectName" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.projectName" placeholder="请输入" clearable style="width:180px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="户主姓名" prop="householdHead" required> |
| | | <el-form-item label="户主姓名" prop="householdHead" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.householdHead" placeholder="请输入" clearable style="width:180px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="户主身份号" prop="idCard" required> |
| | | <el-form-item label="户主身份号" prop="idCard" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.idCard" placeholder="请输入" clearable style="width:180px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="联系电话" prop="mobile" required> |
| | | <el-form-item label="联系电话" prop="mobile" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.mobile" placeholder="请输入" clearable style="width:180px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <div class="section-title">本次安置人数</div> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="集体经济组织成员" prop="currentCollectiveNum" required> |
| | | <el-form-item label="集体经济组织成员" prop="currentCollectiveNum" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.currentCollectiveNum" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">人</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="非集体经济组织成员" prop="currentNoCollectiveNum" required> |
| | | <el-form-item label="非集体经济组织成员" prop="currentNoCollectiveNum" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.currentNoCollectiveNum" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">人</template> |
| | |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="待安置家庭成员姓名" prop="waitFamilyNames" required> |
| | | <el-form-item label="待安置家庭成员姓名" prop="waitFamilyNames" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.waitFamilyNames" placeholder="请输入" clearable style="width: 250px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="待安置人员应安置面积合计" label-width="215px" prop="waitFamilyArea" required> |
| | | <el-form-item label="待安置人员应安置面积合计" label-width="215px" prop="waitFamilyArea" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.waitFamilyArea" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">㎡</template> |
| | |
| | | <div class="section-title">补偿金额</div> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="新建商品住房/商业用房/停车位" label-width="215px" prop="compensationNewAmount" required> |
| | | <el-form-item label="新建商品住房/商业用房/停车位" label-width="215px" prop="compensationNewAmount" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.compensationNewAmount" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="二手住房" label-width="215px" prop="compensationOldAmount" required> |
| | | <el-form-item label="二手住房" label-width="215px" prop="compensationOldAmount" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.compensationOldAmount" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="25%首付款" label-width="215px" prop="downPaymentAmount" required> |
| | | <el-form-item label="25%首付款" label-width="215px" prop="downPaymentAmount" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.downPaymentAmount" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="每季度需支付款项" label-width="215px" prop="quarterPayAmount" required> |
| | | <el-form-item label="每季度需支付款项" label-width="215px" prop="quarterPayAmount" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.quarterPayAmount" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="过渡补贴" label-width="215px" prop="subsidyAmount" required> |
| | | <el-form-item label="过渡补贴" label-width="215px" prop="subsidyAmount" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.subsidyAmount" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | <!-- 凭证发放时间 --> |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="凭证发放时间" label-width="215px" prop="certificateTime" required> |
| | | <el-form-item label="凭证发放时间" label-width="215px" prop="certificateTime" > |
| | | <el-date-picker :disabled="$route.query.type === 'detail'" v-model="form.certificateTime" type="date" placeholder="请选择凭证发放时间" |
| | | style="width: 250px;" /> |
| | | </el-form-item> |
| | |
| | | <div class="section-title">购房信息</div> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="购房时间" prop="buyTime" required> |
| | | <el-form-item label="购房时间" prop="buyTime" > |
| | | <el-date-picker :disabled="$route.query.type === 'detail'" v-model="form.buyTime" type="date" placeholder="请选择购房时间" style="width: 250px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="成交金额" prop="dealAmount" required> |
| | | <el-form-item label="成交金额" prop="dealAmount" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.dealAmount" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="新建商品住房: 楼盘名称" prop="newHousingName" required> |
| | | <el-form-item label="新建商品住房: 楼盘名称" prop="newHousingName" :rules="{ required: (form.newHousingName || form.newHousingArea || form.newHousingNum) , message: '请输入楼盘名称', trigger: 'blur' }" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.newHousingName" placeholder="请输入" clearable style="width: 250px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="面积" prop="newHousingArea" required> |
| | | <el-form-item label="面积" prop="newHousingArea" :rules="{ required: (form.newHousingName || form.newHousingArea || form.newHousingNum), message: '请输入面积', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.newHousingArea" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">㎡</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="套数" prop="newHousingNum" required> |
| | | <el-form-item label="套数" prop="newHousingNum" :rules="{ required: (form.newHousingName || form.newHousingArea || form.newHousingNum), message: '请输入套数', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.newHousingNum" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">套</template> |
| | |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="二手住房: 小区名称" prop="oldHousingName" required> |
| | | <el-form-item label="二手住房: 小区名称" prop="oldHousingName" :rules="{ required: (form.oldHousingName || form.oldHousingArea || form.oldHousingNum) , message: '请输入小区名称', trigger: 'blur' }" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.oldHousingName" placeholder="请输入" clearable style="width: 250px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="面积" prop="oldHousingArea" required> |
| | | <el-form-item label="面积" prop="oldHousingArea" :rules="{ required: (form.oldHousingName || form.oldHousingArea || form.oldHousingNum), message: '请输入面积', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.oldHousingArea" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">㎡</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="套数" prop="oldHousingNum" required> |
| | | <el-form-item label="套数" prop="oldHousingNum" :rules="{ required: (form.oldHousingName || form.oldHousingArea || form.oldHousingNum), message: '请输入套数', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.oldHousingNum" placeholder="请输入" clearable style="width: 160px;"> |
| | | <template slot="append">套</template> |
| | |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="新建商业用房: 楼盘名称" prop="buildHousingName" required> |
| | | <el-form-item label="新建商业用房: 楼盘名称" prop="buildHousingName" :rules="{ required: (form.buildHousingName || form.buildHousingAmount || form.buildHousingArea || form.buildHousingNum) , message: '请输入楼盘名称', trigger: 'blur' }" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.buildHousingName" placeholder="请输入" clearable style="width: 250px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="金额" prop="buildHousingAmount" required> |
| | | <el-form-item label="金额" prop="buildHousingAmount" :rules="{ required: (form.buildHousingName || form.buildHousingAmount || form.buildHousingArea || form.buildHousingNum), message: '请输入金额', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.buildHousingAmount" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="面积" prop="buildHousingArea" required> |
| | | <el-form-item label="面积" prop="buildHousingArea" :rules="{ required: (form.buildHousingName || form.buildHousingAmount || form.buildHousingArea || form.buildHousingNum), message: '请输入面积', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.buildHousingArea" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">㎡</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="套数" prop="buildHousingNum" required> |
| | | <el-form-item label="套数" prop="buildHousingNum" :rules="{ required: (form.buildHousingName || form.buildHousingAmount || form.buildHousingArea || form.buildHousingNum), message: '请输入套数', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.buildHousingNum" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">套</template> |
| | |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="新建停车位: 楼盘名称" prop="newStopName" required> |
| | | <el-form-item label="新建停车位: 楼盘名称" prop="newStopName" :rules="{ required: (form.newStopName || form.newStopArea || form.newStopNum) , message: '请输入楼盘名称', trigger: 'blur' }" > |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.newStopName" placeholder="请输入" clearable style="width: 250px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="金额" prop="newStopArea" required> |
| | | <el-form-item label="金额" prop="newStopArea" :rules="{ required: (form.newStopName || form.newStopArea || form.newStopNum), message: '请输入金额', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.newStopArea" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">万元</template> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="个数" prop="newStopNum" required> |
| | | <el-form-item label="个数" prop="newStopNum" :rules="{ required: (form.newStopName || form.newStopArea || form.newStopNum), message: '请输入个数', trigger: 'blur' }" > |
| | | <div class="input-with-unit"> |
| | | <el-input :disabled="$route.query.type === 'detail'" v-model="form.newStopNum" placeholder="请输入" clearable style="width: 250px;"> |
| | | <template slot="append">套</template> |
| | |
| | | <div class="section-title">补偿款支付</div> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="自主购房协议签订时间" prop="signTime" required> |
| | | <el-form-item label="自主购房协议签订时间" prop="signTime" > |
| | | <el-date-picker :disabled="$route.query.type === 'detail'" v-model="form.signTime" type="date" placeholder="请选择时间" style="width: 250px;" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="25%补偿款及过渡补贴支付时间" label-width="220px" prop="compensationPayTime" required> |
| | | <el-form-item label="25%补偿款及过渡补贴支付时间" label-width="220px" prop="compensationPayTime" > |
| | | <el-date-picker :disabled="$route.query.type === 'detail'" v-model="form.compensationPayTime" type="date" placeholder="请选择时间" |
| | | style="width: 250px;" /> |
| | | </el-form-item> |
| | |
| | | buyTime: [{ required: true, message: '请选择购房时间', trigger: 'change' }], |
| | | dealAmount: [ |
| | | { required: true, message: '请输入成交金额', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | newHousingName: [{ required: true, message: '请输入新建商品住房楼盘名称', trigger: 'blur' }], |
| | | newHousingArea: [ |
| | | { required: true, message: '请输入新建商品住房面积', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | newHousingNum: [ |
| | | { required: true, message: '请输入新建商品住房套数', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | oldHousingName: [{ required: true, message: '请输入二手住房小区名称', trigger: 'blur' }], |
| | | oldHousingArea: [ |
| | | { required: true, message: '请输入二手住房面积', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | oldHousingNum: [ |
| | | { required: true, message: '请输入二手住房套数', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | buildHousingName: [{ required: true, message: '请输入新建商业用房楼盘名称', trigger: 'blur' }], |
| | | buildHousingAmount: [ |
| | | { required: true, message: '请输入新建商业用房金额', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | buildHousingArea: [ |
| | | { required: true, message: '请输入新建商业用房面积', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | buildHousingNum: [ |
| | | { required: true, message: '请输入新建商业用房套数', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | newStopName: [{ required: true, message: '请输入新建停车位楼盘名称', trigger: 'blur' }], |
| | | newStopArea: [ |
| | | { required: true, message: '请输入新建停车位金额', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | newStopNum: [ |
| | | { required: true, message: '请输入新建停车位个数', trigger: 'blur' }, |
| | | // { type: 'number', message: '请输入正确的数字', trigger: 'blur' } |
| | | ], |
| | | signTime: [{ required: true, message: '请选择自主购房协议签订时间', trigger: 'change' }], |