Skip to content

H
house-type
Commit cd1aa449 authored by wangjiankun's avatar wangjiankun
Browse files
Options

feat: 点击区域时 展示所有板块，点击的区域板块跟其他板块分开差别 

fix: 路由全局监听报错 部分错误字段修改 柱状图宽度自适应修改
parent 2a695e76
Hide whitespace changes
Inline Side-by-side
Showing with 210 additions and 94 deletions
src/assets/js/api/unitManage.js
View file @ cd1aa449
......@@ -10,6 +10,10 @@ export function queryDetailByName(name) {
name
})
}
// 查询所有板块
export function queryAllPLate() {
return xhr.get('/bnsregion/bns-region/regionByAdminRegion')
}
// 查询全部区域及楼盘数量
export function queryAllRegions() {
return xhr.get('/bnsregion/bns-region/adminAndRegion')
......
src/assets/js/public/index.js
View file @ cd1aa449
......@@ -66,3 +66,17 @@ export function GDmapPositionTransform(lng, lat) {
lat: bd_lng
};
}
// 数组去重 map去重
export function distinct5(arr) {
let result = [];
let obj = {};
for (let i of arr) {
if (!obj[i]) {
result.push(i);
obj[i] = 1;
}
}
return result;
}
src/components/asyncSearch/index.vue
View file @ cd1aa449
......@@ -55,7 +55,6 @@
const result = new Array().concat(...property, ...region).filter(item => {
return item.name.indexOf(queryString) !== -1
})
console.log(result)
callback(result)
})
},
......
src/components/mapOverlay/index.vue
View file @ cd1aa449
......@@ -4,15 +4,15 @@
pane="labelPane"
@mouseenter.native="active = true"
@mouseleave.native="active = false"
:class="{'flex': true}"
:class="{'flex': true, 'scale': activeAction }"
:style="type === 'icon' ? { padding: '5px', minWidth: width + 'px', minHeight: height + 'px' } :
{
width: type === 'square' ? 'auto' : width + 'px',
height: height + 'px',
color: textColor,
backgroundColor: active ? activeColor : bgColor ,
backgroundColor: activeAction ? bgColor : ( active ? activeColor : bgColor) ,
borderRadius: circle,
padding: type === 'square' ? '0 12px': '0'
padding: type === 'square' ? '0 12px': '0',
}"
@draw="draw">
<div
......@@ -29,7 +29,7 @@
<script>
export default {
name: 'overlay',
props: ['text', 'position', 'type', 'textColor', 'bgColor', 'circle', 'width', 'height', 'num', 'fontSize', 'activeColor'],
props: ['text', 'position', 'type', 'textColor', 'bgColor', 'circle', 'width', 'height', 'num', 'fontSize', 'activeColor', 'activeAction'],
data () {
return {
active: false
......@@ -86,4 +86,8 @@
font-size 45px
color red
}
.scale:hover {
transition transform .5s
transform scale(1.2)
}
</style>
src/components/multilHeaderTable/index.vue
View file @ cd1aa449
......@@ -36,7 +36,7 @@
</viewer>
<div v-else-if="value === 'boolean' && item2[key] == 1" class="circle block"></div>
<div v-else-if="value === 'boolean' && item2[key] == 0" class="circle hollow"></div>
<div v-else-if="value === 'boolean' && item2[key] == undefined" class="circle hollow"></div>
<div v-else-if="value === 'boolean' && item2[key] == undefined" >--</div>
</el-row>
</el-col>
</el-col>
......@@ -238,8 +238,8 @@
}
.circle {
box-sizing: border-box;
width: 15px;
height: 15px;
width: 12px;
height: 12px;
border: 1px solid #000000;
border-radius: 50%;
margin 0 auto
......
src/main.js
View file @ cd1aa449
......@@ -26,6 +26,7 @@ Vue.use(Viewer, {
} })
Vue.prototype.$axios = xhr
Vue.config.productionTip = false;
// 全局事件注册
window.eventBus = new Vue()
new Vue({
......
src/router/index.js
View file @ cd1aa449
......@@ -97,6 +97,11 @@ let routes = [
{ path: '*', redirect: '/404', hidden: true }
]
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
if (process.env.NODE_ENV !== 'production') {
routes = routes.concat(demoRoutes)
// routes = routes.concat(testRoutes)
......
src/views/Login.vue
View file @ cd1aa449
......@@ -56,8 +56,8 @@ export default {
}
return {
loginForm: {
username: 'root',
password: '123456'
username: '',
password: ''
},
loginRules: {
username: [{ required: true, trigger: 'blur', validator: validateUsername }],
......
src/views/ProductAnalysis/index.vue
View file @ cd1aa449
......@@ -105,10 +105,10 @@
</tr>
<tr v-for="item in histogramTableData">
<td>{{item.production}}</td>
<td>{{item.nxmkAvg.toFixed(1) || 0}}</td>
<td>{{item.qjsmkAvg.toFixed(1) || 0}}</td>
<td>{{item.zwmkAvg.toFixed(1) || 0}}</td>
<td>{{item.kwmkAvg.toFixed(1) || 0}}</td>
<td>{{item.nxmk || '--'}}</td>
<td>{{item.qjsmk || '--'}}</td>
<td>{{item.zwmk || '--'}}</td>
<td>{{item.kwmk || '--'}}</td>
</tr>
</table>
</div>
......@@ -190,9 +190,11 @@
extend: {
series: {
type: 'bar',
barWidth: 10,
barMaxWidth: 30,
barMinWidth: 16,
label: {
show: true,
fontSize: 11,
position: "top",
formatter:function(params){ //标签内容
if(params.data == 0) { return '' }
......@@ -558,6 +560,7 @@
.ProductAnalysis{
width: 100%;
background-color: #fff;
min-width 1170px;
.header {
display flex
flex-direction row
......@@ -567,7 +570,18 @@
background-color: #f5f5f5;
padding-bottom 15px
.el-input__inner {
width 200px
max-width 200px
min-width 150px
}
@media screen and (min-width:1500px) and (max-width:1920px){
.el-input__inner {
width 200px
}
}
@media screen and (min-width:960px) and (max-width:1499px){
.el-input__inner {
width 150px
}
}
.headerFlex:nth-child(2n) {
margin 0 15px
......@@ -619,7 +633,7 @@
}
}
.supplyAnalysisTable{
width: 70%;
width: 92%;
margin: 40px auto 20px;
}
.supplyDealUnitType{
......
src/views/RegionalPlate/index.vue
View file @ cd1aa449
......@@ -40,9 +40,9 @@
:num="item.projectSize"
:fontSize="14"
:text-color="'#ffffff'"
:bg-color="'rgba(25,124,230,0.6)'"
:bg-color="item.adminRegion === regionClickId ? '#2980b9' : 'rgba(25,124,230,0.6)'"
:active-color="'rgba(25,124,230,1)'"
:bg-img-url="null"
:active-action="item.adminRegion === regionClickId"
:circle="'50%'"
:width="80"
:height="80"
......@@ -59,8 +59,8 @@
:text="item.name"
:fontSize="12"
:text-color="'#ffffff'"
:bg-color="item.saleStatus == 1 ? 'rgb(25,124,230,0.6)' : 'rgb(169,209,142,0.6)'"
:active-color="item.saleStatus == 1 ? 'rgb(25,124,230,1)' : 'rgb(169,209,142,1)'"
:bg-color="item.saleStatus == 1 ? 'rgb(25,124,230,0.7)' : 'rgb(46,204,113, 0.8)'"
:active-color="item.saleStatus == 1 ? 'rgb(25,124,230,1)' : 'rgb(46,204,113, 1)'"
:bg-img-url="null"
:circle="'10px'"
:height="30"></my-overlay>
......@@ -162,7 +162,7 @@
</div>
<div class="infomationContainer">
<div class="propertyListName" style="color: #1482f0" @click="toPropertyDetail(item.businessId)">{{item.name}}</div>
<p>价格：{{item.price || '--'}}/m<sup>2</sup></p>
<p>价格：{{item.price || '--'}} <span>元/m<sup>2</sup></span></p>
<p>产品类型: {{item.productType || '--'}}</p>
<p>占地面积：{{item.landArea || '--'}}m<sup>2</sup></p>
<p>建筑面积：{{item.totalArea || '--'}}m<sup>2</sup></p>
......@@ -206,8 +206,8 @@
import { plateRegionDetail } from "./plateCharacteristics";
import MyOverlay from '@comp/mapOverlay'
import propertyControll from '@comp/propertyControll'
import { queryAllRegions, queryPlateByRegionId, queryPlateDetailById } from "../../assets/js/api/unitManage";
import { averagePosition} from "../../assets/js/public";
import { queryAllRegions, queryPlateDetailById, queryAllPLate } from "../../assets/js/api/unitManage";
import { averagePosition, distinct5} from "../../assets/js/public";
export default {
name: 'RegionalPlate',
components: {
......@@ -274,7 +274,8 @@
defaultSetting: ''
}
}, // key/value 对应
BMapTool: null
BMapTool: null,
regionClickId: ''
}
},
methods: {
......@@ -328,34 +329,36 @@
this.detailShow = true
},
setShowToPlate (item) {
queryPlateByRegionId(item.businessId).then(res => {
if(!res.data || res.data.length === 0) {
this.$message({
type: 'warning',
message: '该行政区下未查询到板块'
})
return
}
for(let i =0, l = res.data.length; i < l; i++) {
this.transform(res.data[i].longitude, res.data[i].latitude).then(point => {
res.data[i].longitude = point.lng
res.data[i].latitude = point.lat
if(i === l - 1) {
this.showType = 'plate'
this.map.center.lng = res.data[0] ? res.data[0].longitude :item.longitude
this.map.center.lat = res.data[0] ? res.data[0].latitude :item.latitude
this.map.setZoom = this.zoomType['plate']
this.dataType['plate'] = res.data
}
})
queryAllPLate().then(res => {
const plate = res.data.data
this.regionClickId = item.businessId
if(plate && plate.length > 0) {
this.showType = 'plate'
this.map.center.lng = item.longitude
this.map.center.lat = item.latitude
this.map.setZoom = this.zoomType['plate']
this.dataType['plate'] = plate
}
}).catch(e => {
this.$message({
type: 'error',
message: e.msg
})
return e
})
// queryPlateByRegionId(item.businessId).then(res => {
// if(!res.data || res.data.length === 0) {
// this.$message({
// type: 'warning',
// message: '该行政区下未查询到板块'
// })
// return
// }
// this.regionClickId = item.businessId
// for(let i =0, l = res.data.length; i < l; i++) {
//
// }
// }).catch(e => {
// this.$message({
// type: 'error',
// message: e.msg
// })
// return e
// })
},
setShowToPlateRegion (item) {
queryPlateDetailById(item.businessId).then(res => {
......@@ -367,6 +370,9 @@
})
return
}
// 产品类型
let productTypeName = ''
// 基本信息
let info = JSON.parse(JSON.stringify(res.data))
this.dataType.plateRegion.resultBnsProjectDTOSDetail = info.resultBnsProjectDTOS
this.dataType.plateRegion.resultBnsLandDTOSDetail = info.resultBnsLandDTOS
......@@ -388,10 +394,18 @@
this.dataType.plateRegion.resultBnsProjectDTOS = res.data.resultBnsProjectDTOS
}
})
if(res.data.resultBnsProjectDTOS[i].productType) {
productTypeName = productTypeName + res.data.resultBnsProjectDTOS[i].productType + (i === l -1 ? '' : ',')
}
}
} else {
this.dataType.plateRegion.resultBnsProjectDTOS = []
}
if(productTypeName) {
productTypeName = productTypeName.split(',')
productTypeName = distinct5(productTypeName)
}
this.dataType.plateRegion.plateInfo.productionTypeName = productTypeName ? productTypeName.join('+') : ''
if(res.data.resultBnsLandDTOS &&res.data.resultBnsLandDTOS.length > 0) {
for(let i = 0, l = res.data.resultBnsLandDTOS.length; i < l ; i++) {
this.transform(res.data.resultBnsLandDTOS[i].longitude || 0, res.data.resultBnsLandDTOS[i].latitude || 0).then(point => {
......@@ -406,6 +420,7 @@
this.dataType.plateRegion.resultBnsLandDTOS = []
}
}).catch(e => {
console.log(e)
this.$message({
type: 'error',
message: e.msg
......@@ -433,6 +448,7 @@
if(this.$route.query && this.$route.query.type && this.$route.query.data) {
const searchResult = this.$route.query
if(searchResult.type === 'plateRegion') {
let productionTypeName = ''
let resultData = JSON.parse(searchResult.data) // 解码data
let info = JSON.parse(JSON.stringify(resultData))
this.dataType.plateRegion.resultBnsProjectDTOSDetail = info.resultBnsProjectDTOS
......@@ -452,10 +468,19 @@
this.dataType.plateRegion.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS
}
})
// 产品类型拼接
if(resultData.resultBnsProjectDTOS[i].productType) {
productionTypeName = productionTypeName + resultData.resultBnsProjectDTOS[i].productType + (i === l -1 ? '' : ',')
}
}
} else {
this.dataType.plateRegion.resultBnsProjectDTOS = []
}
if(productionTypeName) {
productionTypeName = productionTypeName.split(',')
productionTypeName = distinct5(productionTypeName)
}
this.dataType.plateRegion.plateInfo.productionTypeName = productionTypeName ? productionTypeName.join('+') : ''
// 转换坐标 赋值土拍
if(resultData.resultBnsLandDTOS && resultData.resultBnsLandDTOS.length > 0) {
resultData.resultBnsLandDTOS = resultData.resultBnsLandDTOS.filter(item => { return item.longitude && item.latitude })
......@@ -502,6 +527,7 @@
}
window.eventBus.$on('searchParamChange', (searchResult) => {
if(searchResult.type === 'plateRegion') {
let productionTypeName = '' // 产品类型
let resultData = JSON.parse(searchResult.data) // 解码data
let info = JSON.parse(JSON.stringify(resultData))
this.dataType.plateRegion.resultBnsProjectDTOSDetail = info.resultBnsProjectDTOS
......@@ -513,28 +539,37 @@
// 渲染楼盘点
if(resultData.resultBnsProjectDTOS && resultData.resultBnsProjectDTOS.length > 0) {
resultData.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS.filter(item => { return item.longitude && item.latitude })
for(let i = 0, l = resultData.resultBnsProjectDTOS.length; i < l ; i++) {
this.transform(resultData.resultBnsProjectDTOS[i].longitude || 0, resultData.resultBnsProjectDTOS[i].latitude || 0).then(point => {
resultData.resultBnsProjectDTOS[i].longitude = point.lng
resultData.resultBnsProjectDTOS[i].latitude = point.lat
if(i === l - 1) {
this.dataType.plateRegion.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS
for(let i = 0, l = resultData.resultBnsProjectDTOS.length; i < l ; i++) {
this.transform(resultData.resultBnsProjectDTOS[i].longitude || 0, resultData.resultBnsProjectDTOS[i].latitude || 0).then(point => {
resultData.resultBnsProjectDTOS[i].longitude = point.lng
resultData.resultBnsProjectDTOS[i].latitude = point.lat
if(i === l - 1) {
this.dataType.plateRegion.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS
}
})
if(resultData.resultBnsProjectDTOS[i].productType) {
productionTypeName = productionTypeName + resultData.resultBnsProjectDTOS[i].productType + (i === l -1 ? '' : ',')
}
})
}
}
}
if(productionTypeName) {
productionTypeName = productionTypeName.split(',')
productionTypeName = distinct5(productionTypeName)
}
this.dataType.plateRegion.plateInfo.productionTypeName = productionTypeName ? productionTypeName.join('+') : ''
// 渲染土拍坐标点
if(resultData.resultBnsLandDTOS && resultData.resultBnsLandDTOS.length > 0) {
resultData.resultBnsLandDTOS = resultData.resultBnsLandDTOS.filter(item => { return item.longitude && item.latitude })
for(let i = 0, l = resultData.resultBnsLandDTOS.length; i < l ; i++) {
this.transform(resultData.resultBnsLandDTOS[i].longitude, resultData.resultBnsLandDTOS[i].latitude).then(point => {
resultData.resultBnsLandDTOS[i].longitude = point.lng
resultData.resultBnsLandDTOS[i].latitude = point.lat
if(i === l - 1) {
this.dataType.plateRegion.resultBnsLandDTOS = resultData.resultBnsLandDTOS
}
})
}
for(let i = 0, l = resultData.resultBnsLandDTOS.length; i < l ; i++) {
this.transform(resultData.resultBnsLandDTOS[i].longitude, resultData.resultBnsLandDTOS[i].latitude).then(point => {
resultData.resultBnsLandDTOS[i].longitude = point.lng
resultData.resultBnsLandDTOS[i].latitude = point.lat
if(i === l - 1) {
this.dataType.plateRegion.resultBnsLandDTOS = resultData.resultBnsLandDTOS
}
})
}
}
this.showType = 'plateRegion'
this.map.center.lng = resultData.longitude
......@@ -575,6 +610,19 @@
})
})
},
transformArray(arr) {
return new Promise((resolve, reject) => {
if(arr.length > 100) {
reject('转换上限为100个！')
}
// type = 3 高德地图、腾讯地图 转 百度地图
new this.BMapTool.Convertor().translate(arr.map(item => { return { lng: item.longitude, lat: item.latitude } }), 3, 5, (data) => {
if(data.status === 0) {
resolve(data.points)
}
})
})
},
queryAllRegion() {
// 若无传递值 则查询全部区域及其下属数目信息
queryAllRegions().then(res => {
......@@ -600,8 +648,6 @@
})
}
})
//
// this.dataType.region = arr
}).catch(e => {
this.$message({
type: 'error',
......
src/views/plateSupplyData/index.vue
View file @ cd1aa449
......@@ -145,7 +145,8 @@
extend: {
series: {
type: 'bar',
barWidth: 30,
barMaxWidth: 30,
barMinWidth: 16,
label: {
show: true,
position: "top",
......@@ -159,7 +160,8 @@
extend2: {
series: {
type: 'bar',
barWidth: 30,
barMaxWidth: 30,
barMinWidth: 16,
label: {
show: true,
position: "top",
......@@ -173,7 +175,6 @@
tooltipResize: {
show: true,
formatter: (params) => {
console.log(params, 'dddddddddd')
if(params.data == 0) { return '' }
return `<div>${params.name}区间</br>
供求比：${params.data ? (1/ params.data).toFixed(1) : ''}
......@@ -244,14 +245,14 @@
rate: res.data[key] ? (1 / res.data[key].rate || 0) : 0
})
areaRange.push(areaRangeMap[key])
rate.push(res.data[key] ? (res.data[key].rate.toFixed(1) || 0) : 0)
rate.push(res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0)
supplyNumber.push(res.data[key] ? (res.data[key].suplyNumber || 0) : 0)
dealNumber.push(res.data[key] ? (res.data[key].dealNumber || 0) : 0)
exportList.push({
areaRange: areaRangeMap[key],
supplyNumber: res.data[key] ? (res.data[key].suplyNumber || 0) : 0,
dealNumber: res.data[key] ? (res.data[key].dealNumber || 0) : 0,
gongQiuBi: res.data[key] ? (res.data[key].rate || 0) : 0
gongQiuBi: res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0
})
})
this.chartData.rows = supplyChartsData
......
src/views/propertiesDetail/index.vue
View file @ cd1aa449
......@@ -62,7 +62,10 @@
:show-overflow-tooltip="true"
:label="item.label">
<template slot-scope="scope">
<div style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden">{{scope.row[item.prop] || '---'}}</div>
<div
style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden"
v-if="item.prop === 'dealDate'">{{scope.row[item.prop] ? scope.row[item.prop].substring(0, 10) : '---'}}</div>
<div style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden" v-else >{{scope.row[item.prop] || '---'}}</div>
</template>
</el-table-column>
</el-table>
......@@ -116,7 +119,7 @@
<table cellspacing="0" cellpadding="0" class="table" >
<tr v-for="(value, key) in supplyRateTable" :key="key">
<th>{{value.name}}</th>
<td v-for="(item,index) in value.data" :key="index">{{key === 'rate' ? (item ? item.toFixed(1) : '0') : item}}</td>
<td v-for="(item,index) in value.data" :key="index">{{item}}</td>
</tr>
</table>
<!-- 供求比提示信息-->
......@@ -155,7 +158,7 @@
</el-col>
<el-col :span="12">
<!-- 各房 面宽图表数据-->
<ve-histogram :legend="{ bottom: 20 }" :data="houseWidthCharts" :extend="extend" :colors="colorArr"></ve-histogram>
<ve-histogram :legend="{ bottom: 0 }" :data="houseWidthCharts" :extend="extend" :colors="colorArr"></ve-histogram>
<!-- 各房 面宽表格数据-->
<table cellspacing="0" cellpadding="0" class="table" style="width: 90%">
<tr>
......@@ -259,8 +262,7 @@
// 各房面积区间 供应数量图饼
houseUnitCharts: {
columns: ['productionPie', 'supplication'],
rows: [
]
rows: []
},
// 各房面积区间 庭室数量表格
houseUnitTable: [],
......@@ -294,7 +296,9 @@
extend: {
series: {
type: 'bar',
barWidth: 10,
barMaxWidth: 30,
barMinWidth: 16,
fontSize: 10,
label: {
show: true,
position: 'top',
......@@ -308,7 +312,8 @@
rateExtend: {
series: {
type: 'bar',
barWidth: 30,
barMaxWidth: 30,
barMinWidth: 16,
label: {
show: true,
position: "top",
......@@ -331,7 +336,8 @@
supplyExtend: {
series: {
type: 'bar',
barWidth: 30,
barMaxWidth: 30,
barMinWidth: 16,
label: {
show: true,
position: "top",
......@@ -392,6 +398,7 @@
if(res.data) {
// 总图
this.propertyData.projectInformation = res.data.bnsProject
this.propertyData.projectInformation.productTypeName = res.data.productTypeName
if(res.data.projectTotalImgList && res.data.projectTotalImgList.length > 0) {
this.propertyData.propertyBanner.ztBanner = res.data.projectTotalImgList
}
......@@ -415,7 +422,7 @@
remarks: ''
}
res.data.forEach(item => {
single.code = item.code || '-----土拍'
single.code = item.code || '--------'
single.soildTable = [ item ]
single.remarks = item.remarks
this.propertyData.propertySoildInfo.push(single)
......@@ -461,10 +468,10 @@
} else {
this.propertyLoading = false
}
}).catch(e => {
}).catch(() => {
this.$message({
type: 'error',
message: e.msg
message: '查询楼盘详情数据失败'
})
this.propertyLoading = false
})
......@@ -495,14 +502,14 @@
rate: res.data[key] ? (1 / res.data[key].rate || 0) : 0
})
areaRange.push(areaRangeMap[key])
rate.push(res.data[key] ? (res.data[key].rate || 0) : 0)
rate.push(res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0)
supplyNumber.push(res.data[key] ? (res.data[key].suplyNumber || 0) : 0)
dealNumber.push(res.data[key] ? (res.data[key].dealNumber || 0) : 0)
exportList.push({
areaRange: areaRangeMap[key],
supplyNumber: res.data[key] ? (res.data[key].suplyNumber || 0) : 0,
dealNumber: res.data[key] ? (res.data[key].dealNumber || 0) : 0,
gongQiuBi: res.data[key] ? (res.data[key].rate || 0) : 0
gongQiuBi: res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0
})
})
this.supplySaleCharts.rows = supplyChartsData
......@@ -519,6 +526,13 @@
this.supplyNoDataFlag = false
}
}
}).catch(e => {
this.$message({
type: 'error',
message: '查询供求比数据失败'
})
this.supplyNoDataFlag = true
return e
})
},
// 产品供应与户型信息 图表与表格
......@@ -555,11 +569,23 @@
}
this.houseWidthCharts.columns = colum
this.houseWidthCharts.rows = histomData
}).catch(e => {
this.$message({
type: 'error',
message: '查询户型信息数据失败'
})
return e
})
getJsonForProduction(this.propertyId).then(res => {
if(res.data) {
this.exportHouseInfoSave = JSON.parse(res.data).detilProductJsonDtoList
}
}).catch(e => {
this.$message({
type: 'error',
message: '查询户型信息导出数据失败'
})
return e
})
}
},
......@@ -643,9 +669,8 @@
padding 0 20px 20px 20px
border 2px solid rgb(222, 235, 247)
.container {
margin-top 10px
.tagsInfo {
margin-right 25px
margin 10px 25px 10px 0;
padding 5px 15px
font-size 14px
font-family "sans-serif"
......@@ -736,16 +761,19 @@
color #ffffff
text-align center
white-space nowrap
padding 8px 0
}
}
}
.el-table__body-wrapper{
margin-top 3px
.el-table__body {
td {
background-color: rgb(210, 222, 239);
color #000000
text-align center
white-space nowrap
padding 2px 0
}
}
}
......
src/views/propertiesDetail/tableColum.js
View file @ cd1aa449
......@@ -3,11 +3,11 @@
// 土拍信息表格展示 设置表头
export const columData = [
{
prop: 'regionName',
prop: 'propertyName',
label: '区域'
},
{
prop: 'propertyName',
prop: 'regionName',
label: '板块'
},
{
......@@ -21,7 +21,7 @@ export const columData = [
prop: 'builtArea',
label: '建筑面积'
},{
prop: 'buildingDensity',
prop: 'builtDensity',
label: '建筑密度'
},{
prop: 'floorPrice',
......@@ -31,7 +31,7 @@ export const columData = [
label: '成交日期'
},{
prop: 'dealPrice',
label: '成交总价(亿)'
label: '成交总价(元)'
},{
prop: 'premium',
label: '溢价'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment