大屏(首页概览)：解耦项目信息组件
This commit is contained in:
Jack
parent
1f85483d7f
commit
984ec5fbb7
@ -1,11 +1,151 @@
|
|||||||
<template>
|
<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>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {};
|
export default {
|
||||||
|
props: ['projectData']
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
.projectInfo {
|
||||||
</style>>
|
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="fullHeight aside">
|
||||||
<div class="blockBox">
|
<div class="blockBox">
|
||||||
<!-- 项目信息 -->
|
<!-- 项目信息 -->
|
||||||
<div class="blockTitle">
|
<ProjectInfo :projectData="projectData"></ProjectInfo>
|
||||||
{{ $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>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="blockBox">
|
<div class="blockBox">
|
||||||
<!-- 人员概况 -->
|
<!-- 人员概况 -->
|
||||||
@ -798,9 +662,10 @@ import {
|
|||||||
eidtProjectShowConfig,
|
eidtProjectShowConfig,
|
||||||
queryBySnData
|
queryBySnData
|
||||||
} from '@/assets/js/api/projectSummary.js'
|
} from '@/assets/js/api/projectSummary.js'
|
||||||
|
import ProjectInfo from './homePage/projectInfo'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { devNumChart, airQulityChart },
|
components: { devNumChart, airQulityChart, ProjectInfo },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
COMPANY: '',
|
COMPANY: '',
|
||||||
@ -1258,18 +1123,12 @@ export default {
|
|||||||
}
|
}
|
||||||
console.log('当前的参数', data)
|
console.log('当前的参数', data)
|
||||||
getProjectDetail(data).then((res) => {
|
getProjectDetail(data).then((res) => {
|
||||||
// console.log(res);
|
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
console.log('打印一下', res)
|
|
||||||
this.projectData = res.result
|
this.projectData = res.result
|
||||||
console.log(this.projectData)
|
console.log('projectData', this.projectData)
|
||||||
// console.log('this.projectData.constructionStage-4*230',this.projectData.constructionStage-4*230)
|
|
||||||
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
|
|
||||||
// x:'50%'
|
|
||||||
},
|
|
||||||
500
|
500
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user