大屏(首页概览)：解耦项目信息组件
This commit is contained in:
Jack
parent
1f85483d7f
commit
984ec5fbb7
@ -1,11 +1,151 @@
|
||||
<template>
|
||||
<div class="projectInfo">projectInfo</div>
|
||||
<div class="projectInfo">
|
||||
<div class="title">
|
||||
{{ $t('message.companyDiagram.projectInfo') }}
|
||||
</div>
|
||||
<div class="content">
|
||||
<vue-scroll>
|
||||
<div class="listItem">
|
||||
<!-- 项目名称 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.entryName1') }}：
|
||||
</span>
|
||||
<span class="value">{{ projectData.projectName }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 项目地址 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.projectAddress') }}：
|
||||
</span>
|
||||
<span class="value">
|
||||
{{ projectData.provinceName }}{{ projectData.cityName }}
|
||||
{{ projectData.areaName }}{{ projectData.projectAddress }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 项目经理 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.projectManager') }}：
|
||||
</span>
|
||||
<span class="value">{{ projectData.projectManage }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 联系电话 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.telPhone') }}：
|
||||
</span>
|
||||
<span class="value">{{ projectData.projectTel }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 建筑面积 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.buildArea') }}：
|
||||
</span>
|
||||
<span class="value">{{ projectData.projectAcreage }} m²</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 开工日期 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.buildStartTime') }}：
|
||||
</span>
|
||||
<span class="value">{{ projectData.startWorkDate }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 项目编号 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.projectNo') }}：
|
||||
</span>
|
||||
<span class="value">{{ projectData.projectNumber }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 工程类别 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.projectType') }}：
|
||||
</span>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t('message.companyDiagram.PROJECTTYPE')"
|
||||
:key="index"
|
||||
>
|
||||
{{ projectData.projectType == item.id ? item.name : '' }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 工程用途 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.projectUse') }}：
|
||||
</span>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t(
|
||||
'message.companyDiagram.ENGINEERINGPRUPOSE'
|
||||
)"
|
||||
:key="index"
|
||||
>
|
||||
{{ projectData.engineeringPurpose == item.id ? item.name : '' }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 结构类型 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.structureType') }}：
|
||||
</span>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t('message.companyDiagram.STRUCTURETYPE')"
|
||||
:key="index"
|
||||
>
|
||||
{{ projectData.structureType == item.id ? item.name : '' }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 工程状态 -->
|
||||
<span class="label">
|
||||
{{ $t('message.companyDiagram.projectStatus') }}：
|
||||
</span>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t('message.companyDiagram.BUILDSTATUS')"
|
||||
:key="index"
|
||||
>
|
||||
{{ projectData.bulidStatus == item.id ? item.name : '' }}
|
||||
</span>
|
||||
</div>
|
||||
</vue-scroll>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
export default {
|
||||
props: ['projectData']
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
</style>>
|
||||
.projectInfo {
|
||||
position: relative;
|
||||
margin-bottom: 25px;
|
||||
height: calc(100% - 2px);
|
||||
width: 100%;
|
||||
.title {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #6ce9f0;
|
||||
}
|
||||
.content {
|
||||
position: relative;
|
||||
padding: 10px 20px;
|
||||
height: calc(100% - 20px - 24px);
|
||||
z-index: 2;
|
||||
.listItem {
|
||||
.value {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -3,143 +3,7 @@
|
||||
<div class="fullHeight aside">
|
||||
<div class="blockBox">
|
||||
<!-- 项目信息 -->
|
||||
<div class="blockTitle">
|
||||
{{ $t('message.companyDiagram.projectInfo') }}
|
||||
</div>
|
||||
<div class="blockContent">
|
||||
<!-- <marquee
|
||||
class="text"
|
||||
id="affiche"
|
||||
align="left"
|
||||
direction="up"
|
||||
height="100%"
|
||||
width="100%"
|
||||
hspace="10"
|
||||
vspace="20"
|
||||
loop="-1"
|
||||
scrollamount="5"
|
||||
scrolldelay="100"
|
||||
onmouseover="this.stop()"
|
||||
onmouseout="this.start()"
|
||||
behavior="alternate"
|
||||
> -->
|
||||
<vue-scroll>
|
||||
<div class="listItem">
|
||||
<!-- 项目名称 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.entryName1') }}：</span
|
||||
>
|
||||
<span class="value">{{ projectData.projectName }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 项目地址 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.projectAddress') }}：</span
|
||||
>
|
||||
<span class="value"
|
||||
>{{ projectData.provinceName }}{{ projectData.cityName
|
||||
}}{{ projectData.areaName
|
||||
}}{{ projectData.projectAddress }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 项目经理 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.projectManager') }}：</span
|
||||
>
|
||||
<span class="value">{{ projectData.projectManage }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 联系电话 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.telPhone') }}：</span
|
||||
>
|
||||
<span class="value">{{ projectData.projectTel }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 建筑面积 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.buildArea') }}：</span
|
||||
>
|
||||
<span class="value">{{ projectData.projectAcreage }} m²</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 开工日期 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.buildStartTime') }}：</span
|
||||
>
|
||||
<span class="value">{{ projectData.startWorkDate }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 项目编号 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.projectNo') }}：</span
|
||||
>
|
||||
<span class="value">{{ projectData.projectNumber }}</span>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 工程类别 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.projectType') }}：</span
|
||||
>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t(
|
||||
'message.companyDiagram.PROJECTTYPE'
|
||||
)"
|
||||
:key="index"
|
||||
v-if="projectData.projectType == item.id"
|
||||
>{{ item.name }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 工程用途 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.projectUse') }}：</span
|
||||
>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t(
|
||||
'message.companyDiagram.ENGINEERINGPRUPOSE'
|
||||
)"
|
||||
:key="index"
|
||||
v-if="projectData.engineeringPurpose == item.id"
|
||||
>{{ item.name }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 结构类型 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.structureType') }}：</span
|
||||
>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t(
|
||||
'message.companyDiagram.STRUCTURETYPE'
|
||||
)"
|
||||
:key="index"
|
||||
v-if="projectData.structureType == item.id"
|
||||
>{{ item.name }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="listItem">
|
||||
<!-- 工程状态 -->
|
||||
<span class="label"
|
||||
>{{ $t('message.companyDiagram.projectStatus') }}：</span
|
||||
>
|
||||
<span
|
||||
class="value"
|
||||
v-for="(item, index) in $t(
|
||||
'message.companyDiagram.BUILDSTATUS'
|
||||
)"
|
||||
:key="index"
|
||||
v-if="projectData.bulidStatus == item.id"
|
||||
>{{ item.name }}</span
|
||||
>
|
||||
</div>
|
||||
</vue-scroll>
|
||||
<!-- </marquee> -->
|
||||
</div>
|
||||
<ProjectInfo :projectData="projectData"></ProjectInfo>
|
||||
</div>
|
||||
<div class="blockBox">
|
||||
<!-- 人员概况 -->
|
||||
@ -798,9 +662,10 @@ import {
|
||||
eidtProjectShowConfig,
|
||||
queryBySnData
|
||||
} from '@/assets/js/api/projectSummary.js'
|
||||
import ProjectInfo from './homePage/projectInfo'
|
||||
|
||||
export default {
|
||||
components: { devNumChart, airQulityChart },
|
||||
components: { devNumChart, airQulityChart, ProjectInfo },
|
||||
data() {
|
||||
return {
|
||||
COMPANY: '',
|
||||
@ -1258,18 +1123,12 @@ export default {
|
||||
}
|
||||
console.log('当前的参数', data)
|
||||
getProjectDetail(data).then((res) => {
|
||||
// console.log(res);
|
||||
if (res.code == 200) {
|
||||
console.log('打印一下', res)
|
||||
this.projectData = res.result
|
||||
console.log(this.projectData)
|
||||
// console.log('this.projectData.constructionStage-4*230',this.projectData.constructionStage-4*230)
|
||||
console.log('projectData', this.projectData)
|
||||
if (parseInt(this.projectData.constructionStage) > 4) {
|
||||
this.$refs['stageScroll'].scrollTo(
|
||||
{
|
||||
x: (this.projectData.constructionStage - 4) * 230
|
||||
// x:'50%'
|
||||
},
|
||||
{ x: (this.projectData.constructionStage - 4) * 230 },
|
||||
500
|
||||
)
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user