update code
parent
46cb3de58c
commit
a9a9a62af3
|
|
@ -4770,6 +4770,13 @@ table{
|
||||||
.toSafety-fixed-left-max{
|
.toSafety-fixed-left-max{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
.toSafety-fixed-bottom-max{
|
||||||
|
position: absolute;
|
||||||
|
width: calc(100% - 1000px);
|
||||||
|
left: 500px;
|
||||||
|
bottom: 10px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
.toSafety-fixed-left{
|
.toSafety-fixed-left{
|
||||||
padding: 10px 0 10px 15px;
|
padding: 10px 0 10px 15px;
|
||||||
width: 473px;
|
width: 473px;
|
||||||
|
|
@ -4786,10 +4793,16 @@ table{
|
||||||
align-items: center;
|
align-items: center;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
.toSafety-fixed-bottom-img{
|
||||||
|
position: absolute;
|
||||||
|
margin-left:-50px;
|
||||||
|
top:-20px;
|
||||||
|
}
|
||||||
.toSafety-fixed-right{
|
.toSafety-fixed-right{
|
||||||
padding: 10px 15px 10px 0;
|
padding: 10px 15px 10px 0;
|
||||||
width: 473px;
|
width: 473px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toSafety-fixed-right-img{
|
.toSafety-fixed-right-img{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 490px;
|
right: 490px;
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="main-index">
|
<div class="main-index">
|
||||||
|
<iframe src="http://192.168.126.200:12020/#/model/3a1384b4-5d86-6070-dcc0-d13936634761?v=2000" style="position: absolute;top:0px;left:0px;width:100%;height:100%;"></iframe>
|
||||||
<div class="screen-content">
|
<div class="toSafety-fixed-left-max">
|
||||||
<el-row>
|
<transition name="left">
|
||||||
<el-col :span="6" style="position: relative;">
|
<div class="toSafety-fixed-left" v-show="leftShow">
|
||||||
<module-one-2-1 label="集团项目总览" :key="elKey">
|
<module-one-2-1 label="集团项目总览" :key="elKey">
|
||||||
<img src="images/icon2001.png" v-if="1==2" style="position: absolute;cursor: pointer;right: 0px;top: 8px;"
|
<img src="images/icon2001.png" v-if="1==2" style="position: absolute;cursor: pointer;right: 0px;top: 8px;"
|
||||||
@click="doShowDlg1">
|
@click="doShowDlg1">
|
||||||
|
|
@ -38,17 +38,85 @@
|
||||||
:key="elKey" :typedata="dangersDatas" :text="qualityNavTitle" :height="260" gifTop="77px"
|
:key="elKey" :typedata="dangersDatas" :text="qualityNavTitle" :height="260" gifTop="77px"
|
||||||
style="top:-30px"></project-overview-chart>
|
style="top:-30px"></project-overview-chart>
|
||||||
</module-one-1-1>
|
</module-one-1-1>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="12">
|
</transition>
|
||||||
<module-one-2-1 class="center-image" label="集团项目区域分布">
|
<img :src="leftSrc" class="toSafety-fixed-left-img" @click="arrowRetract" id="arrowLeft">
|
||||||
<iframe src="http://192.168.126.200:12020/#/model/3a13046b-f33a-4754-ed84-48246d128ca1" style="width:100%;height:100%;border:none"></iframe>
|
</div>
|
||||||
<!--
|
<div class="toSafety-fixed-right-max">
|
||||||
<iframe src="newmap/index.html" style="width:100%;height:100%;border:none" ></iframe>
|
<img :src="rightSrc" class="toSafety-fixed-right-img" @click="arrowRetract" id="arrowRight">
|
||||||
-->
|
<transition name="right">
|
||||||
<!--
|
<div class="toSafety-fixed-right" v-show="leftShow">
|
||||||
<iframe src="#/map" style="width:100%;height:100%;border:none" v-if="!isLocalhost"></iframe>
|
<module-one-1-1 label="集团新闻">
|
||||||
-->
|
<el-carousel>
|
||||||
</module-one-2-1>
|
<el-carousel-item v-for="(item, idx) in JournalismList" :key="idx">
|
||||||
|
<div style="height: 94%;text-align: center;" @click="handJournalism(item)">
|
||||||
|
<img :src="$apiPath + item.mainImage + '.1000.jpg'" style="width: 99%;height: 100%;">
|
||||||
|
</div>
|
||||||
|
<div style="text-align: center;font-size: 12px;line-height: 32px;margin-top: -32px;">
|
||||||
|
{{ item.title }}
|
||||||
|
</div>
|
||||||
|
</el-carousel-item>
|
||||||
|
</el-carousel>
|
||||||
|
</module-one-1-1>
|
||||||
|
<module-one-1-1 label="成本管理" :key="elKey">
|
||||||
|
<div class="glr-max cost-out" style="position: relative;">
|
||||||
|
<div class="glr-min">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="glr-title">开累产值</div>
|
||||||
|
<div class="labour-education">
|
||||||
|
<div style="transform: scale(0.8);margin-left:-20px">
|
||||||
|
<people-number
|
||||||
|
:number="((sumCost.totalMonth * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit="万元"></people-number>
|
||||||
|
</div>
|
||||||
|
<div class="survey_content" style="position: absolute;right: 15px;top: -36px;">
|
||||||
|
<div class="survey_content_img labour-education_bgd">
|
||||||
|
<svg class="my-svg-icon"
|
||||||
|
style="vertical-align: middle;fill: currentColor;overflow: hidden;"
|
||||||
|
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
p-id="16007">
|
||||||
|
<path
|
||||||
|
d="M544.853333 545.322667v54.826666h100.053334a33.749333 33.749333 0 1 1 0 67.541334h-99.989334v91.648a33.749333 33.749333 0 0 1-67.52 0v-91.648h-98.282666a33.749333 33.749333 0 0 1 0-67.52h98.282666v-54.848h-98.282666a33.749333 33.749333 0 0 1 0-67.52h76.565333l-90.176-151.658667a33.856 33.856 0 0 1 58.133333-34.453333l88.298667 148.501333 88.362667-148.501333a33.856 33.856 0 0 1 58.069333 34.453333l-90.176 151.68h76.693333a33.749333 33.749333 0 0 1 0 67.498667H544.853333zM512 110.186667a400 400 0 0 0-284.16 117.674666A400.426667 400.426667 0 0 0 110.208 512a400 400 0 0 0 117.674667 284.16A400.426667 400.426667 0 0 0 512 913.792a400 400 0 0 0 284.16-117.674667A400.426667 400.426667 0 0 0 913.792 512a400 400 0 0 0-117.653333-284.16A400.426667 400.426667 0 0 0 512 110.208zM512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z"
|
||||||
|
fill="#8A8A8A" p-id="16008"></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glr-title">年度产值</div>
|
||||||
|
<div class="labour-education">
|
||||||
|
<div style="transform: scale(0.8);margin-left:-20px">
|
||||||
|
<people-number
|
||||||
|
:number="((sumCost.curYear * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit="万元"></people-number>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glr-title">月度产值</div>
|
||||||
|
<div class="labour-education">
|
||||||
|
<div style="transform: scale(0.8);margin-left:-20px">
|
||||||
|
<people-number
|
||||||
|
:number="((sumCost.curMonth * 1.0 || 0).toFixed(2)) || '0.00'"
|
||||||
|
unit="万元"></people-number>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</module-one-1-1>
|
||||||
|
<module-one-1-1 label="项目监测预警">
|
||||||
|
<MonitAndWarning></MonitAndWarning>
|
||||||
|
</module-one-1-1>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="toSafety-fixed-bottom-max">
|
||||||
|
<img :src="bottomSrc" class="toSafety-fixed-bottom-img" @click="arrowRetract" id="arrowBottom">
|
||||||
|
<transition name="bottom">
|
||||||
|
<div class="toSafety-fixed-bottom" v-show="leftShow">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12" style="position: relative;">
|
<el-col :span="12" style="position: relative;">
|
||||||
<module-one-1-1 label="人员统计" :key="elDeptWorks">
|
<module-one-1-1 label="人员统计" :key="elDeptWorks">
|
||||||
|
|
@ -153,72 +221,30 @@
|
||||||
</module-one-1-1>
|
</module-one-1-1>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</div>
|
||||||
|
<div class="screen-content" v-if="1==2">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6" style="position: relative;">
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<module-one-2-1 class="center-image" label="集团项目区域分布" >
|
||||||
|
|
||||||
|
<iframe v-if="1==2" src="http://192.168.126.200:12020/#/model/3a13046b-f33a-4754-ed84-48246d128ca1" style="width:100%;height:100%;border:none"></iframe>
|
||||||
|
<!--
|
||||||
|
<iframe src="newmap/index.html" style="width:100%;height:100%;border:none" ></iframe>
|
||||||
|
-->
|
||||||
|
<!--
|
||||||
|
<iframe src="#/map" style="width:100%;height:100%;border:none" v-if="!isLocalhost"></iframe>
|
||||||
|
-->
|
||||||
|
</module-one-2-1>
|
||||||
|
|
||||||
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<module-one-1-1 label="集团新闻">
|
|
||||||
<el-carousel>
|
|
||||||
<el-carousel-item v-for="(item, idx) in JournalismList" :key="idx">
|
|
||||||
<div style="height: 94%;text-align: center;" @click="handJournalism(item)">
|
|
||||||
<img :src="$apiPath + item.mainImage + '.1000.jpg'" style="width: 99%;height: 100%;">
|
|
||||||
</div>
|
|
||||||
<div style="text-align: center;font-size: 12px;line-height: 32px;margin-top: -32px;">
|
|
||||||
{{ item.title }}
|
|
||||||
</div>
|
|
||||||
</el-carousel-item>
|
|
||||||
</el-carousel>
|
|
||||||
</module-one-1-1>
|
|
||||||
<module-one-1-1 label="成本管理" :key="elKey">
|
|
||||||
<div class="glr-max cost-out" style="position: relative;">
|
|
||||||
<div class="glr-min">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="glr-title">开累产值</div>
|
|
||||||
<div class="labour-education">
|
|
||||||
<div style="transform: scale(0.8);margin-left:-20px">
|
|
||||||
<people-number
|
|
||||||
:number="((sumCost.totalMonth * 1.0 || 0).toFixed(2)) || '0.00'"
|
|
||||||
unit="万元"></people-number>
|
|
||||||
</div>
|
|
||||||
<div class="survey_content" style="position: absolute;right: 15px;top: -36px;">
|
|
||||||
<div class="survey_content_img labour-education_bgd">
|
|
||||||
<svg class="my-svg-icon"
|
|
||||||
style="vertical-align: middle;fill: currentColor;overflow: hidden;"
|
|
||||||
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
p-id="16007">
|
|
||||||
<path
|
|
||||||
d="M544.853333 545.322667v54.826666h100.053334a33.749333 33.749333 0 1 1 0 67.541334h-99.989334v91.648a33.749333 33.749333 0 0 1-67.52 0v-91.648h-98.282666a33.749333 33.749333 0 0 1 0-67.52h98.282666v-54.848h-98.282666a33.749333 33.749333 0 0 1 0-67.52h76.565333l-90.176-151.658667a33.856 33.856 0 0 1 58.133333-34.453333l88.298667 148.501333 88.362667-148.501333a33.856 33.856 0 0 1 58.069333 34.453333l-90.176 151.68h76.693333a33.749333 33.749333 0 0 1 0 67.498667H544.853333zM512 110.186667a400 400 0 0 0-284.16 117.674666A400.426667 400.426667 0 0 0 110.208 512a400 400 0 0 0 117.674667 284.16A400.426667 400.426667 0 0 0 512 913.792a400 400 0 0 0 284.16-117.674667A400.426667 400.426667 0 0 0 913.792 512a400 400 0 0 0-117.653333-284.16A400.426667 400.426667 0 0 0 512 110.208zM512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z"
|
|
||||||
fill="#8A8A8A" p-id="16008"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="glr-title">年度产值</div>
|
|
||||||
<div class="labour-education">
|
|
||||||
<div style="transform: scale(0.8);margin-left:-20px">
|
|
||||||
<people-number
|
|
||||||
:number="((sumCost.curYear * 1.0 || 0).toFixed(2)) || '0.00'"
|
|
||||||
unit="万元"></people-number>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="glr-title">月度产值</div>
|
|
||||||
<div class="labour-education">
|
|
||||||
<div style="transform: scale(0.8);margin-left:-20px">
|
|
||||||
<people-number
|
|
||||||
:number="((sumCost.curMonth * 1.0 || 0).toFixed(2)) || '0.00'"
|
|
||||||
unit="万元"></people-number>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</module-one-1-1>
|
|
||||||
<module-one-1-1 label="项目监测预警">
|
|
||||||
<MonitAndWarning></MonitAndWarning>
|
|
||||||
</module-one-1-1>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -464,6 +490,11 @@ export default {
|
||||||
deptInfo: {},
|
deptInfo: {},
|
||||||
JournalismList: [],
|
JournalismList: [],
|
||||||
sumCost: {},
|
sumCost: {},
|
||||||
|
//动画
|
||||||
|
leftShow:true,
|
||||||
|
leftSrc:'./images/arrow_left_retract.png',
|
||||||
|
rightSrc:'./images/arrow_right_retract.png',
|
||||||
|
bottomSrc:'./images/arrow_bottom_retract.png'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
@ -495,6 +526,24 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
arrowRetract(){
|
||||||
|
if(this.leftShow == true){
|
||||||
|
this.leftSrc = './images/arrow_right_retract.png'
|
||||||
|
this.rightSrc = './images/arrow_right_open.png'
|
||||||
|
this.bottomSrc = './images/arrow_bottom_open.png'
|
||||||
|
$("#arrowLeft").animate({left: 10+'px'},300)
|
||||||
|
$("#arrowRight").animate({right: 10+'px'},300)
|
||||||
|
$("#arrowBottom").animate({bottom: 10+'px'},300)
|
||||||
|
}else{
|
||||||
|
this.leftSrc = './images/arrow_left_retract.png'
|
||||||
|
this.rightSrc = './images/arrow_left_open.png'
|
||||||
|
this.bottomSrc = './images/arrow_bottom_retract.png'
|
||||||
|
$("#arrowLeft").animate({left: 490+'px'},300)
|
||||||
|
$("#arrowRight").animate({right: 490+'px'},300)
|
||||||
|
$("#arrowBottom").animate({bottom: -490+'px'},300)
|
||||||
|
}
|
||||||
|
this.leftShow = !this.leftShow;
|
||||||
|
},
|
||||||
initMe(){
|
initMe(){
|
||||||
this.prj=this.$root.project||{};
|
this.prj=this.$root.project||{};
|
||||||
this.deptInfo=this.$root.dept||{};
|
this.deptInfo=this.$root.dept||{};
|
||||||
|
|
|
||||||
|
|
@ -293,6 +293,7 @@ export default {
|
||||||
this.prjs = this.$root.projects || this.prjs || [];
|
this.prjs = this.$root.projects || this.prjs || [];
|
||||||
this.dept = this.$root.dept || this.dept;
|
this.dept = this.$root.dept || this.dept;
|
||||||
this.loadData();
|
this.loadData();
|
||||||
|
this.getCommList({ value: this.selType })
|
||||||
}));
|
}));
|
||||||
if (this.$root.hasInitHeader) {
|
if (this.$root.hasInitHeader) {
|
||||||
this.initMe();
|
this.initMe();
|
||||||
|
|
@ -483,16 +484,23 @@ export default {
|
||||||
if (this.$refs.listByCat) {
|
if (this.$refs.listByCat) {
|
||||||
this.$refs.listByCat.reLoad()
|
this.$refs.listByCat.reLoad()
|
||||||
}
|
}
|
||||||
|
let postData = {
|
||||||
|
committeeId: this.selComm,
|
||||||
|
projectId: this.project?.id || 0, deptId: this.dept?.id || 0
|
||||||
|
};
|
||||||
|
if (this.selDate.length > 0) {
|
||||||
|
postData.createTime = +this.$dt(this.selDate[0]).$d;
|
||||||
|
}
|
||||||
|
if (this.selDate.length > 1) {
|
||||||
|
postData.updateTime = +this.$dt(this.selDate[1]).$d;
|
||||||
|
}
|
||||||
this.getProjectId(id => {
|
this.getProjectId(id => {
|
||||||
let ajaxs = [
|
let ajaxs = [
|
||||||
this.$api.standard.groupByType({ projectId: this.project?.id || 0, deptId: this.dept?.id || 0 }),
|
this.$api.standard.groupByType({ projectId: this.project?.id || 0, deptId: this.dept?.id || 0 }),
|
||||||
this.$api.standard.groupByProject(),
|
this.$api.standard.groupByProject(),
|
||||||
this.$api.engin.magGroupByTopic(),
|
this.$api.engin.magGroupByTopic(),
|
||||||
this.$api.engin.groupByMag(this.selMag),
|
this.$api.engin.groupByMag(this.selMag),
|
||||||
this.$api.engin.committeeSumGroupByType({
|
this.$api.engin.committeeSumGroupByType(postData)
|
||||||
committeeId: this.selComm,
|
|
||||||
projectId: this.project?.id || 0, deptId: this.dept?.id || 0
|
|
||||||
})
|
|
||||||
];
|
];
|
||||||
this.$api.http.all(ajaxs).then(res => {
|
this.$api.http.all(ajaxs).then(res => {
|
||||||
this.showChart1(res[0]);
|
this.showChart1(res[0]);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue