9 changed files with 1817 additions and 322 deletions
@ -0,0 +1,600 @@
|
||||
<template> |
||||
<div class="normal_page"> |
||||
<div class="page_content"> |
||||
<div class="title"> |
||||
<span>公告信息</span> |
||||
<span @click="expand('AnnounceShow')" v-if="AnnounceShow" |
||||
>收起<i class="el-icon-caret-top"></i |
||||
></span> |
||||
<span @click="expand('AnnounceShow')" v-else |
||||
>展开<i class="el-icon-caret-bottom"></i |
||||
></span> |
||||
</div> |
||||
<el-form |
||||
v-show="AnnounceShow" |
||||
:model="AnnounceForm" |
||||
:disabled="readOnly" |
||||
label-position="right" |
||||
label-width="190px" |
||||
:rules="rules" |
||||
style="width: 95%; margin-top: 20px; margin-bottom: 10px" |
||||
> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="公告序号:"> |
||||
<el-input v-model="AnnounceForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="地块编号:"> |
||||
<el-input v-model="AnnounceForm.city"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="地块位置:"> |
||||
<el-input v-model="AnnounceForm.gdp"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="土地用途:"> |
||||
<el-select |
||||
v-model="AnnounceForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="土地出让面积(㎡):"> |
||||
<el-input v-model="AnnounceForm.primaryIndustry"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="土地出让面积(亩):"> |
||||
<el-input v-model="AnnounceForm.secondIndustry"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="总计容建筑面积(㎡):"> |
||||
<el-input v-model="AnnounceForm.thirdIndustry"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="容积率:"> |
||||
<el-input v-model="AnnounceForm.urbanResidents"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="建筑密度:"> |
||||
<el-input v-model="AnnounceForm.resident"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="绿地率:"> |
||||
<el-input v-model="AnnounceForm.urbanRate"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="限高:"> |
||||
<el-input v-model="AnnounceForm.mainUrbanResidents"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="出让年限:"> |
||||
<el-input v-model="AnnounceForm.urbanPerIncome"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="出让价款起始价(万元):"> |
||||
<el-input v-model="AnnounceForm.urbanIncomeIncrease"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="起始楼面价:"> |
||||
<el-input v-model="AnnounceForm.realEstateInvest"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="竞买保证金(万元):"> |
||||
<el-input v-model="AnnounceForm.fixedInvestments"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="公告日期:"> |
||||
<el-date-picker |
||||
type="date" |
||||
value-format="yyyy-MM-dd" |
||||
format="yyyy-MM-dd" |
||||
placeholder="选择公告日期" |
||||
v-model="AnnounceForm.annoDate" |
||||
></el-date-picker> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="拍卖日期:"> |
||||
<el-date-picker |
||||
type="date" |
||||
value-format="yyyy-MM-dd" |
||||
format="yyyy-MM-dd" |
||||
placeholder="选择公告日期" |
||||
v-model="AnnounceForm.annoDate" |
||||
></el-date-picker> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="持证准用面积:"> |
||||
<el-input v-model="AnnounceForm.perRealestate"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="24"> |
||||
<el-button type="primary" v-show="!readOnly" style="float: right" |
||||
>保存</el-button |
||||
> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div class="page_content"> |
||||
<div class="title"> |
||||
<span>规划条件</span> |
||||
<span @click="expand('planConditionShow')" v-if="planConditionShow" |
||||
>收起<i class="el-icon-caret-top"></i |
||||
></span> |
||||
<span @click="expand('planConditionShow')" v-else |
||||
>展开<i class="el-icon-caret-bottom"></i |
||||
></span> |
||||
</div> |
||||
<el-form |
||||
v-show="planConditionShow" |
||||
:model="planConditionForm" |
||||
:disabled="readOnly" |
||||
label-position="right" |
||||
label-width="190px" |
||||
:rules="rules" |
||||
style="width: 95%; margin-top: 20px; margin-bottom: 10px" |
||||
> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="商业面积:"> |
||||
<el-input v-model="planConditionForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="商务面积占比(%):"> |
||||
<el-input v-model="planConditionForm.city"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="配建-计容:"> |
||||
<el-input v-model="planConditionForm.gdp"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="配建-不计容:"> |
||||
<el-input v-model="planConditionForm.urbanRate"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="24"> |
||||
<el-button type="primary" v-show="!readOnly" style="float: right" |
||||
>保存</el-button |
||||
> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div class="page_content"> |
||||
<div class="title"> |
||||
<span>建设条件</span> |
||||
<span @click="expand('consConditionShow')" v-if="consConditionShow" |
||||
>收起<i class="el-icon-caret-top"></i |
||||
></span> |
||||
<span @click="expand('consConditionShow')" v-else |
||||
>展开<i class="el-icon-caret-bottom"></i |
||||
></span> |
||||
</div> |
||||
<el-form |
||||
v-show="consConditionShow" |
||||
:model="consConditionForm" |
||||
:disabled="readOnly" |
||||
label-position="right" |
||||
label-width="190px" |
||||
:rules="rules" |
||||
style="width: 95%; margin-top: 20px; margin-bottom: 10px" |
||||
> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="地质灾害:"> |
||||
<el-input v-model="consConditionForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="人防还建(㎡):"> |
||||
<el-input v-model="consConditionForm.city"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="特殊规划:"> |
||||
<el-input v-model="consConditionForm.gdp"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="装配建筑:"> |
||||
<el-input v-model="consConditionForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="绿色建筑:"> |
||||
<el-input v-model="consConditionForm.city"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="其他条件:"> |
||||
<el-input v-model="consConditionForm.gdp"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="成品住宅比例:"> |
||||
<el-input v-model="consConditionForm.urbanRate"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="24"> |
||||
<el-button type="primary" v-show="!readOnly" style="float: right" |
||||
>保存</el-button |
||||
> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div class="page_content"> |
||||
<div class="title"> |
||||
<span>竞买条件</span> |
||||
<span @click="expand('buyConditionShow')" v-if="buyConditionShow" |
||||
>收起<i class="el-icon-caret-top"></i |
||||
></span> |
||||
<span @click="expand('buyConditionShow')" v-else |
||||
>展开<i class="el-icon-caret-bottom"></i |
||||
></span> |
||||
</div> |
||||
<el-form |
||||
v-show="buyConditionShow" |
||||
:model="buyConditionForm" |
||||
:disabled="readOnly" |
||||
label-position="right" |
||||
label-width="190px" |
||||
:rules="rules" |
||||
style="width: 95%; margin-top: 20px; margin-bottom: 10px" |
||||
> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="竞买条件:"> |
||||
<el-input v-model="buyConditionForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="勾地形式:"> |
||||
<el-select |
||||
v-model="AnnounceForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="一级治理方:"> |
||||
<el-input v-model="buyConditionForm.gdp"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="勾地企业:"> |
||||
<el-input v-model="buyConditionForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="付款节奏:"> |
||||
<el-input v-model="buyConditionForm.gdp"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="出让人:"> |
||||
<el-input v-model="buyConditionForm.gdp"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div class="page_content"> |
||||
<div class="title"> |
||||
<span>地理信息</span> |
||||
<span @click="expand('gisInfoShow')" v-if="gisInfoShow" |
||||
>收起<i class="el-icon-caret-top"></i |
||||
></span> |
||||
<span @click="expand('gisInfoShow')" v-else |
||||
>展开<i class="el-icon-caret-bottom"></i |
||||
></span> |
||||
</div> |
||||
<el-form |
||||
v-show="gisInfoShow" |
||||
:model="gisInfoForm" |
||||
:disabled="readOnly" |
||||
label-position="right" |
||||
label-width="190px" |
||||
:rules="rules" |
||||
style="width: 95%; margin-top: 20px; margin-bottom: 10px" |
||||
> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="城市:"> |
||||
<el-select |
||||
v-model="gisInfoForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="行政区:"> |
||||
<el-select |
||||
v-model="gisInfoForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="特区:"> |
||||
<el-select |
||||
v-model="gisInfoForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="环线:"> |
||||
<el-input v-model="gisInfoForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="大组团:"> |
||||
<el-select |
||||
v-model="gisInfoForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="小组团:"> |
||||
<el-select |
||||
v-model="gisInfoForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="奥维定位:"> |
||||
<el-select |
||||
v-model="gisInfoForm.value" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in landuseList" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="经纬度(百度BD09):"> |
||||
<el-input v-model="gisInfoForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div class="page_content"> |
||||
<div class="title"> |
||||
<span>成交信息</span> |
||||
<span @click="expand('dealShow')" v-if="dealShow" |
||||
>收起<i class="el-icon-caret-top"></i |
||||
></span> |
||||
<span @click="expand('dealShow')" v-else |
||||
>展开<i class="el-icon-caret-bottom"></i |
||||
></span> |
||||
</div> |
||||
<el-form |
||||
v-show="dealShow" |
||||
:model="dealForm" |
||||
:disabled="readOnly" |
||||
label-position="right" |
||||
label-width="190px" |
||||
:rules="rules" |
||||
style="width: 95%; margin-top: 20px; margin-bottom: 10px" |
||||
> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="公告序号:"> |
||||
<el-input v-model="dealForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="地块位置:"> |
||||
<el-input v-model="dealForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="出让方式:"> |
||||
<el-input v-model="dealForm.year"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryList, |
||||
addData, |
||||
updateData, |
||||
delData, |
||||
exportHandLandToListExcel, |
||||
downloadHandLandTemplate, |
||||
} from "@/views/company/auction/api/api"; |
||||
export default { |
||||
name: "insert", |
||||
data() { |
||||
return { |
||||
readOnly: false, |
||||
//公告信息 |
||||
AnnounceForm: {}, |
||||
AnnounceShow: false, |
||||
landuseList: [], |
||||
//规划条件 |
||||
planConditionForm: {}, |
||||
planConditionShow: false, |
||||
//建设条件 |
||||
consConditionForm: {}, |
||||
consConditionShow: false, |
||||
//竞买条件 |
||||
buyConditionForm: {}, |
||||
buyConditionShow: false, |
||||
//地理信息 |
||||
gisInfoForm: {}, |
||||
gisInfoShow: true, |
||||
//成交信息 |
||||
dealForm: {}, |
||||
dealShow: true, |
||||
|
||||
rules: {}, |
||||
}; |
||||
}, |
||||
mounted() {}, |
||||
methods: { |
||||
//收起展开 |
||||
expand(name) { |
||||
this[name] = !this[name]; |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
// 公共样式 |
||||
@import "@/styles/public.scss"; |
||||
/deep/ .el-input { |
||||
width: 100%; |
||||
} |
||||
/deep/ .el-form-item { |
||||
margin-bottom: 10px; |
||||
} |
||||
.page_content { |
||||
margin-top: 0 !important; |
||||
padding-top: 20px; |
||||
margin-bottom: 20px; |
||||
.title { |
||||
border-bottom: 1px solid #dcdfe6; |
||||
padding: 0 50px; |
||||
padding-bottom: 20px; |
||||
> span:nth-child(2) { |
||||
cursor: pointer; |
||||
color: #409eff; |
||||
float: right; |
||||
} |
||||
> span:nth-child(3) { |
||||
cursor: pointer; |
||||
color: #409eff; |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
</style> |
Loading…
Reference in new issue