|
@@ -94,10 +94,67 @@
|
|
|
<span>行政区划:</span>
|
|
|
<span>{{ groupForm.address }}</span>
|
|
|
</el-row>
|
|
|
-
|
|
|
<el-divider />
|
|
|
-
|
|
|
- <el-row class="handle-box" />
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <span class="card_title">分期信息</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="handle-box">
|
|
|
+ <el-col :span="8">
|
|
|
+ <span>房屋买卖单价(元/㎡):</span>
|
|
|
+ <span>{{ discForm.unitPrice }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <span>物业费单价(元/㎡):</span>
|
|
|
+ <span>{{ discForm.propertyUnitPrice }}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="handle-box">
|
|
|
+ <el-col :span="8">
|
|
|
+ <span>住宅专项维修资金(元/㎡):</span>
|
|
|
+ <span>{{ discForm.maintenanceFunds }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <span>认购金标准(元):</span>
|
|
|
+ <span>{{ discForm.subscriptionFunds }}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="handle-box">
|
|
|
+ <el-col :span="8">
|
|
|
+ <span>共持比例:</span>
|
|
|
+ <span>{{ discForm.proportion }}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="handle-box">
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="xuanfang">已选房</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="qianyue">已签约</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="shoukuan">已收款</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="ruzhu">已入驻</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="tuifang">已退房</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="chushi">初始状态</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row v-for="(item, index) in houseData" :key="index">
|
|
|
+ <el-col :span="24">
|
|
|
+ <span class="card_title">{{ item.buildName }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-divider />
|
|
|
+ <div v-for="(roomItem, roomIndex) in item.roomList" :key="roomIndex">
|
|
|
+ <div :class="roomItem.projectStatusStr">{{ roomItem.roomNo }}</div>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
|
|
|
</div>
|
|
|
|
|
@@ -122,7 +179,11 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
dc_key: ['DECORATION_SITUATION'],
|
|
|
- groupForm: {}
|
|
|
+ groupForm: {},
|
|
|
+ discForm: {},
|
|
|
+ groupId: '',
|
|
|
+ discId: '',
|
|
|
+ houseData: []
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -130,16 +191,42 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
initData(data) {
|
|
|
+ this.groupId = data.groupId
|
|
|
+ this.discId = data.discId
|
|
|
this.initDict(this.dc_key).then((res) => {
|
|
|
-
|
|
|
+ this.getGroupData()
|
|
|
+ this.getDiscData()
|
|
|
+ this.getHouseData()
|
|
|
})
|
|
|
},
|
|
|
getGroupData() {
|
|
|
const postData = {
|
|
|
-
|
|
|
+ id: this.groupId
|
|
|
}
|
|
|
- this.baseRequest('getById',postData).then(res=>{
|
|
|
-
|
|
|
+ this.baseRequest('getById', postData).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ this.groupForm = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDiscData() {
|
|
|
+ const postData = {
|
|
|
+ id: this.discId
|
|
|
+ }
|
|
|
+ this.baseDiscRequest('getById', postData).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ this.discForm = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getHouseData() {
|
|
|
+ const postData = {
|
|
|
+ discId: this.discId
|
|
|
+ }
|
|
|
+ this.baseRoomRequest('projectHouseVoList', postData).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ this.houseData = res.data
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
getItemJson: function(item) {
|
|
@@ -150,6 +237,12 @@ export default {
|
|
|
},
|
|
|
baseRequest(opUrl, postData) {
|
|
|
return this.$channel.globeRequest('ParkInfoController', opUrl, postData, 'project')
|
|
|
+ },
|
|
|
+ baseDiscRequest(opUrl, postData) {
|
|
|
+ return this.$channel.globeRequest('ParkFloorDiscController', opUrl, postData, 'project')
|
|
|
+ },
|
|
|
+ baseRoomRequest(opUrl, postData) {
|
|
|
+ return this.$channel.globeRequest('ParkRoomController', opUrl, postData, 'project')
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -157,5 +250,40 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+.xuanfang {
|
|
|
+ text-align: center;
|
|
|
+ width: 150px;
|
|
|
+ border: 2px solid black;
|
|
|
+ background-color: #ffff80;
|
|
|
+}
|
|
|
+.qianyue {
|
|
|
+ text-align: center;
|
|
|
+ width: 150px;
|
|
|
+ border: 2px solid black;
|
|
|
+ background-color: #63a103;
|
|
|
+}
|
|
|
+.shoukuan {
|
|
|
+ text-align: center;
|
|
|
+ width: 150px;
|
|
|
+ border: 2px solid black;
|
|
|
+ background-color: #02a7f0;
|
|
|
+}
|
|
|
+.ruzhu {
|
|
|
+ text-align: center;
|
|
|
+ width: 150px;
|
|
|
+ border: 2px solid black;
|
|
|
+ background-color: #00aaaa;
|
|
|
+}
|
|
|
+.tuifang {
|
|
|
+ text-align: center;
|
|
|
+ width: 150px;
|
|
|
+ border: 2px solid black;
|
|
|
+ background-color: #d7d7d7;
|
|
|
+}
|
|
|
+.chushi {
|
|
|
+ text-align: center;
|
|
|
+ width: 150px;
|
|
|
+ border: 2px solid black;
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
</style>
|