湖里大屏(首页):项目简介

This commit is contained in:
骆乐 2022-08-08 12:04:08 +08:00
parent cd039ee7ec
commit 4a2aa223f9
2 changed files with 35 additions and 41 deletions

View File

@ -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
) // )
} // }
} }
}) })
}, },

View File

@ -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 }} </span> --> <span class="value">{{ projectData.projectAcreage }} </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>