361 lines
10 KiB
Vue
361 lines
10 KiB
Vue
<template>
|
||
<view class="fullHeight">
|
||
<levitatedsphere :x="100" :y="80"></levitatedsphere>
|
||
<headers :showBack="true" style="position: fixed; top: 0; left: 0; width: 100%; z-index: 10;">
|
||
<view class="headerName">
|
||
项目概况
|
||
</view>
|
||
</headers>
|
||
<view class="" :style="{paddingTop: mobileTopHeight + 40 + 'px'}">
|
||
<!-- <map class="map"
|
||
scale="13"
|
||
:markers="markers" :latitude="projectDetail.latitude" :longitude="projectDetail.longitude"
|
||
>
|
||
</map> -->
|
||
<view class="splitTitle">
|
||
基本信息
|
||
</view>
|
||
<view class="infoBlock">
|
||
<view class="item">
|
||
<view class="title">
|
||
项目名称
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.projectName}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
项目地址
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.projectAddress}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
项目所在省市区
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.provinceName}}{{projectDetail.cityName}}{{projectDetail.areaName}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
项目经理
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.projectManage}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
联系电话
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.projectTel}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
工程类别
|
||
</view>
|
||
<view class="value">
|
||
<text v-for="(item,index) in PROJECTTYPE" :key="index" v-if="item.id==projectDetail.projectType">{{item.name}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
项目编号
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.projectNumber}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
结构类型
|
||
</view>
|
||
<view class="value">
|
||
<text v-for="(item,index) in STRUCTURETYPE" :key="index" v-if="item.id==projectDetail.structureType">{{item.name}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
项目面积
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.projectAcreage}} m²
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
户数
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.households}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
楼栋数
|
||
</view>
|
||
<view class="value">
|
||
{{projectDetail.buildingNum}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
现场布置图
|
||
</view>
|
||
<view class="value">
|
||
<image :src="projectDetail.layoutImage" mode="" class="smallImg" @click="viewBig(projectDetail.layoutImage)"></image>
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
现场施工图
|
||
</view>
|
||
<view class="value">
|
||
<image :src="projectDetail.constructionMapUrl" mode="" class="smallImg" @click="viewBig(projectDetail.constructionMapUrl)"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="splitTitle">
|
||
扩展信息
|
||
</view>
|
||
<view class="infoBlock">
|
||
<view class="item">
|
||
<view class="title">
|
||
合同签订
|
||
</view>
|
||
<view class="value">
|
||
|
||
{{extendInfo.contractSignTime?extendInfo.contractSignTime:''}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
合同工期
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.contractPeriodStartTime}} ~ {{extendInfo.contractPeriodEndTime}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
实际工期
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.realPeriodStartTime}} ~ {{extendInfo.realPeriodEndTime}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
中标单位
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.bidWinner}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
建设单位
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.constructionUnit}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
设计单位
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.designUnit}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
监理单位
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.supervisorUnit}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
业主单位
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.ownerUnit}}
|
||
</view>
|
||
</view>
|
||
<view class="item">
|
||
<view class="title">
|
||
工程概况
|
||
</view>
|
||
<view class="value">
|
||
{{extendInfo.projectOverview}}
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import headers from "../../../components/headers/headers.vue"
|
||
// import amap from '../../../static/js/amap-wx.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
mobileTopHeight: 0,
|
||
projectDetail: {
|
||
projectName: ''
|
||
},
|
||
markers:[],
|
||
BUILDSTATUS:[
|
||
{id:0,name:'未开工'},{id:1,name:'在建'},{id:2,name:'停工'},{id:3,name:'验收'},{id:4,name:'完工'}
|
||
],
|
||
PROJECTTYPE:[
|
||
{id:1,name:'房建'},{id:2,name:'市政'},{id:3,name:'安装'},{id:4,name:'装饰'},{id:5,name:'公路'},{id:6,name:'冶炼'},{id:7,name:'矿山'},
|
||
{id:8,name:'化工石油'},{id:9,name:'水利水电'},{id:10,name:'电力'}
|
||
,{id:11,name:'农林'},{id:12,name:'港口与航道'},{id:13,name:'航天航空'},{id:14,name:'通信'},{id:15,name:'其他'}
|
||
],//工程类别
|
||
|
||
// CONSTRUCTIONSTAGE:CONSTRUCTIONSTAGE,//施工阶段
|
||
ENGINEERINGPRUPOSE:[
|
||
{id:1,name:'住宅建筑'},{id:2,name:'宿舍建筑'},{id:3,name:'教育建筑'},{id:4,name:'办公建筑'},{id:5,name:'科研建筑'},
|
||
{id:6,name:'文化建筑'},{id:7,name:'商业建筑'},
|
||
{id:8,name:'体育建筑'},{id:9,name:'医疗建筑'},{id:10,name:'交通建筑'}
|
||
,{id:11,name:'司法建筑'},{id:12,name:'纪念建筑'},{id:13,name:'园林建筑'},{id:14,name:'综合建筑'},
|
||
{id:15,name:'工业厂房'},{id:16,name:'电子厂房'},{id:17,name:'其他'}
|
||
],//工程用途
|
||
STRUCTURETYPE:[
|
||
{id:1,name:'装配整体式框级结构'},{id:2,name:'装配整体式剪力墙结构'},{id:3,name:'装配整体式框级-现浇剪力墙结构'},{id:4,name:'装配整体式框级-现浇核心筒结构'},
|
||
{id:5,name:'装配整体式部分框支剪力墙结构'},{id:6,name:'混合结构'},{id:7,name:'框架结构'},
|
||
{id:8,name:'剪力墙结构'},{id:9,name:'框架-剪力墙结构'},{id:10,name:'简体结构'}
|
||
,{id:11,name:'钢结构'},{id:12,name:'型钢混凝土结构'},{id:13,name:'砖混结构'},{id:14,name:'砖木结构'}
|
||
],//结构类型
|
||
extendInfo:{}
|
||
}
|
||
},
|
||
mounted() {
|
||
this.projectDetail = JSON.parse(uni.getStorageSync('projectDetail'))
|
||
var that = this
|
||
uni.getSystemInfo({
|
||
success(res) {
|
||
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
|
||
uni.setStorageSync('systemInfo',res)
|
||
console.log(res)
|
||
}
|
||
})
|
||
console.log('this.mobileTopHeight',this.mobileTopHeight)
|
||
// this.markers=[{
|
||
// longitude: this.projectDetail.longitude,
|
||
// latitude: this.projectDetail.latitude,
|
||
// iconPath:'/static/mapMarker.png',
|
||
// title:'你在哪了',//标注点名
|
||
// width:54, //宽
|
||
// height:80, //高
|
||
// label:{//为标记点旁边增加标签 //因背景颜色H5不支持
|
||
// content: this.projectDetail.projectName,//文本
|
||
// color:'red',//文本颜色
|
||
// // fontSize:24,//文字大小
|
||
// // x:5,//label的坐标，原点是 marker 对应的经纬度
|
||
// // y:1,//label的坐标，原点是 marker 对应的经纬度
|
||
// // borderWidth:12,//边框宽度
|
||
// // borderColor:'pink',//边框颜色
|
||
// // borderRadius:20,//边框圆角
|
||
// // bgColor:'black',//背景色
|
||
// // padding:5,//文本边缘留白
|
||
// // textAlign:'right'//文本对齐方式。
|
||
// },
|
||
// callout:{//自定义标记点上方的气泡窗口 点击有效
|
||
// content:'幸福花园店A组',//文本
|
||
// color:'#ffffff',//文字颜色
|
||
// fontSize:14,//文本大小
|
||
// borderRadius:2,//边框圆角
|
||
// bgColor:'#00c16f',//背景颜色
|
||
// display:'ALWAYS',//常显
|
||
// },
|
||
// }]
|
||
this.getExtendInfo()
|
||
},
|
||
methods: {
|
||
viewBig(url){
|
||
uni.previewImage({
|
||
current:url,
|
||
urls:[this.projectDetail.layoutImage,this.projectDetail.constructionMapUrl]
|
||
})
|
||
},
|
||
getExtendInfo() {
|
||
var that = this
|
||
this.sendRequest({
|
||
url: "xmgl/projectExtend/getProjectExtendInfo",
|
||
data: {
|
||
projectSn: this.projectDetail.projectSn
|
||
},
|
||
method: "POST",
|
||
success(res) {
|
||
if(res.result!=null){
|
||
that.extendInfo = res.result
|
||
}else{
|
||
that.extendInfo={
|
||
contractSignTime:"-",
|
||
contractPeriodStartTime:"-",
|
||
contractPeriodEndTime:"-",
|
||
realPeriodStartTime:"-",
|
||
realPeriodEndTime:"-",
|
||
bidWinner:"",
|
||
constructionUnit:"",
|
||
designUnit:"",
|
||
supervisorUnit:"",
|
||
ownerUnit:"",
|
||
projectOverview:""
|
||
}
|
||
}
|
||
|
||
}
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.map{
|
||
width: 100%;
|
||
height: 200px!important;
|
||
img{
|
||
display: none;
|
||
}
|
||
}
|
||
.smallImg{
|
||
height: 100rpx;
|
||
width: 100rpx;
|
||
}
|
||
.splitTitle{
|
||
margin: 30rpx 20rpx 0;
|
||
border-left: 3px solid $uni-color-primary;
|
||
padding: 0 10rpx;
|
||
line-height: 30rpx;
|
||
}
|
||
.infoBlock{
|
||
padding: 30rpx 0;
|
||
.item{
|
||
border-bottom: 1px solid rgba(0,0,0,0.05);
|
||
margin-bottom: 20rpx;
|
||
padding: 0 30rpx;
|
||
.title{
|
||
font-size: 24rpx;
|
||
opacity: 0.6;
|
||
}
|
||
.value{
|
||
padding: 10rpx 0;
|
||
}
|
||
}
|
||
}
|
||
</style>
|