湖里大屏(首页):项目简介
This commit is contained in:
parent
cd039ee7ec
commit
4a2aa223f9
@ -82,12 +82,12 @@ export default {
|
|||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.projectData = res.result
|
this.projectData = res.result
|
||||||
console.log('projectData', this.projectData)
|
console.log('projectData', this.projectData)
|
||||||
if (parseInt(this.projectData.constructionStage) > 4) {
|
// if (parseInt(this.projectData.constructionStage) > 4) {
|
||||||
this.$refs['stageScroll'].scrollTo(
|
// this.$refs['stageScroll'].scrollTo(
|
||||||
{ x: (this.projectData.constructionStage - 4) * 230 },
|
// { x: (this.projectData.constructionStage - 4) * 230 },
|
||||||
500
|
// 500
|
||||||
)
|
// )
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@ -1,15 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 项目简介 -->
|
<!-- 项目简介 -->
|
||||||
<div class="projectIntro">
|
<Card :title="title">
|
||||||
<span class="titleTxt">{{ title }}</span>
|
<div class="content">
|
||||||
<div class="content">
|
|
||||||
<vue-scroll>
|
<vue-scroll>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<!-- 项目名称 -->
|
<!-- 项目名称 -->
|
||||||
<span class="label">
|
<span class="label">
|
||||||
{{ $t('message.companyDiagram.entryName1') }}:
|
{{ $t('message.companyDiagram.entryName1') }}:
|
||||||
</span>
|
</span>
|
||||||
<!-- <span class="value">{{ projectData.projectName }}</span> -->
|
<span class="value">{{ projectData.projectName }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<!-- 项目地址 -->
|
<!-- 项目地址 -->
|
||||||
@ -17,8 +16,8 @@
|
|||||||
{{ $t('message.companyDiagram.projectAddress') }}:
|
{{ $t('message.companyDiagram.projectAddress') }}:
|
||||||
</span>
|
</span>
|
||||||
<span class="value">
|
<span class="value">
|
||||||
<!-- {{ projectData.provinceName }}{{ projectData.cityName }} -->
|
{{ projectData.provinceName }}{{ projectData.cityName }}
|
||||||
<!-- {{ projectData.areaName }}{{ projectData.projectAddress }} -->
|
{{ projectData.areaName }}{{ projectData.projectAddress }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
@ -26,35 +25,35 @@
|
|||||||
<span class="label">
|
<span class="label">
|
||||||
{{ $t('message.companyDiagram.projectManager') }}:
|
{{ $t('message.companyDiagram.projectManager') }}:
|
||||||
</span>
|
</span>
|
||||||
<!-- <span class="value">{{ projectData.projectManage }}</span> -->
|
<span class="value">{{ projectData.projectManage }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<!-- 联系电话 -->
|
<!-- 联系电话 -->
|
||||||
<span class="label">
|
<span class="label">
|
||||||
{{ $t('message.companyDiagram.telPhone') }}:
|
{{ $t('message.companyDiagram.telPhone') }}:
|
||||||
</span>
|
</span>
|
||||||
<!-- <span class="value">{{ projectData.projectTel }}</span> -->
|
<span class="value">{{ projectData.projectTel }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<!-- 建筑面积 -->
|
<!-- 建筑面积 -->
|
||||||
<span class="label">
|
<span class="label">
|
||||||
{{ $t('message.companyDiagram.buildArea') }}:
|
{{ $t('message.companyDiagram.buildArea') }}:
|
||||||
</span>
|
</span>
|
||||||
<!-- <span class="value">{{ projectData.projectAcreage }} m²</span> -->
|
<span class="value">{{ projectData.projectAcreage }} m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<!-- 开工日期 -->
|
<!-- 开工日期 -->
|
||||||
<span class="label">
|
<span class="label">
|
||||||
{{ $t('message.companyDiagram.buildStartTime') }}:
|
{{ $t('message.companyDiagram.buildStartTime') }}:
|
||||||
</span>
|
</span>
|
||||||
<!-- <span class="value">{{ projectData.startWorkDate }}</span> -->
|
<span class="value">{{ projectData.startWorkDate }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<!-- 项目编号 -->
|
<!-- 项目编号 -->
|
||||||
<span class="label">
|
<span class="label">
|
||||||
{{ $t('message.companyDiagram.projectNo') }}:
|
{{ $t('message.companyDiagram.projectNo') }}:
|
||||||
</span>
|
</span>
|
||||||
<!-- <span class="value">{{ projectData.projectNumber }}</span> -->
|
<span class="value">{{ projectData.projectNumber }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<!-- 工程类别 -->
|
<!-- 工程类别 -->
|
||||||
@ -66,7 +65,7 @@
|
|||||||
v-for="(item, index) in $t('message.companyDiagram.PROJECTTYPE')"
|
v-for="(item, index) in $t('message.companyDiagram.PROJECTTYPE')"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<!-- {{ projectData.projectType == item.id ? item.name : '' }} -->
|
{{ projectData.projectType == item.id ? item.name : '' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
@ -81,7 +80,7 @@
|
|||||||
)"
|
)"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<!-- {{ projectData.engineeringPurpose == item.id ? item.name : '' }} -->
|
{{ projectData.engineeringPurpose == item.id ? item.name : '' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
@ -94,7 +93,7 @@
|
|||||||
v-for="(item, index) in $t('message.companyDiagram.STRUCTURETYPE')"
|
v-for="(item, index) in $t('message.companyDiagram.STRUCTURETYPE')"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<!-- {{ projectData.structureType == item.id ? item.name : '' }} -->
|
{{ projectData.structureType == item.id ? item.name : '' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
@ -107,43 +106,38 @@
|
|||||||
v-for="(item, index) in $t('message.companyDiagram.BUILDSTATUS')"
|
v-for="(item, index) in $t('message.companyDiagram.BUILDSTATUS')"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<!-- {{ projectData.bulidStatus == item.id ? item.name : '' }} -->
|
{{ projectData.bulidStatus == item.id ? item.name : '' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</vue-scroll>
|
</vue-scroll>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</Card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import Card from '../components/Card.vue'
|
||||||
export default {
|
export default {
|
||||||
props: ['projectData'],
|
components:{Card},
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
props: {
|
props: {
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "default title"
|
default: "default title"
|
||||||
|
},
|
||||||
|
projectData:{
|
||||||
|
type:Array,
|
||||||
|
default: []
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.projectIntro {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border: 1px solid #0081c3;
|
|
||||||
|
|
||||||
.titleTxt {
|
|
||||||
font-size: 18px;
|
|
||||||
color: #6ee4f0;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
.content {
|
.content {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
@ -156,5 +150,5 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user