update code
parent
46cb3de58c
commit
a9a9a62af3
|
|
@ -4770,6 +4770,13 @@ table{
|
|||
.toSafety-fixed-left-max{
|
||||
position: absolute;
|
||||
}
|
||||
.toSafety-fixed-bottom-max{
|
||||
position: absolute;
|
||||
width: calc(100% - 1000px);
|
||||
left: 500px;
|
||||
bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.toSafety-fixed-left{
|
||||
padding: 10px 0 10px 15px;
|
||||
width: 473px;
|
||||
|
|
@ -4786,10 +4793,16 @@ table{
|
|||
align-items: center;
|
||||
right: 0;
|
||||
}
|
||||
.toSafety-fixed-bottom-img{
|
||||
position: absolute;
|
||||
margin-left:-50px;
|
||||
top:-20px;
|
||||
}
|
||||
.toSafety-fixed-right{
|
||||
padding: 10px 15px 10px 0;
|
||||
width: 473px;
|
||||
}
|
||||
|
||||
.toSafety-fixed-right-img{
|
||||
position: absolute;
|
||||
right: 490px;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<template>
|
||||
<div class="main-index">
|
||||
|
||||
<div class="screen-content">
|
||||
<el-row>
|
||||
<el-col :span="6" style="position: relative;">
|
||||
<module-one-2-1 label="集团项目总览" :key="elKey">
|
||||
<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="toSafety-fixed-left-max">
|
||||
<transition name="left">
|
||||
<div class="toSafety-fixed-left" v-show="leftShow">
|
||||
<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;"
|
||||
@click="doShowDlg1">
|
||||
<div class="survey_title">
|
||||
|
|
@ -38,18 +38,86 @@
|
|||
:key="elKey" :typedata="dangersDatas" :text="qualityNavTitle" :height="260" gifTop="77px"
|
||||
style="top:-30px"></project-overview-chart>
|
||||
</module-one-1-1>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<module-one-2-1 class="center-image" label="集团项目区域分布">
|
||||
<iframe 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-row>
|
||||
</div>
|
||||
</transition>
|
||||
<img :src="leftSrc" class="toSafety-fixed-left-img" @click="arrowRetract" id="arrowLeft">
|
||||
</div>
|
||||
<div class="toSafety-fixed-right-max">
|
||||
<img :src="rightSrc" class="toSafety-fixed-right-img" @click="arrowRetract" id="arrowRight">
|
||||
<transition name="right">
|
||||
<div class="toSafety-fixed-right" v-show="leftShow">
|
||||
<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>
|
||||
</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-col :span="12" style="position: relative;">
|
||||
<module-one-1-1 label="人员统计" :key="elDeptWorks">
|
||||
<img src="images/icon2001.png" v-show="laborPersonnelTotal>0" style="position: absolute;cursor: pointer;right: 20px;top: 12px;"
|
||||
|
|
@ -153,72 +221,30 @@
|
|||
</module-one-1-1>
|
||||
</el-col>
|
||||
</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 :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-row>
|
||||
</div>
|
||||
|
|
@ -464,6 +490,11 @@ export default {
|
|||
deptInfo: {},
|
||||
JournalismList: [],
|
||||
sumCost: {},
|
||||
//动画
|
||||
leftShow:true,
|
||||
leftSrc:'./images/arrow_left_retract.png',
|
||||
rightSrc:'./images/arrow_right_retract.png',
|
||||
bottomSrc:'./images/arrow_bottom_retract.png'
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
|
@ -495,6 +526,24 @@ export default {
|
|||
}
|
||||
},
|
||||
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(){
|
||||
this.prj=this.$root.project||{};
|
||||
this.deptInfo=this.$root.dept||{};
|
||||
|
|
|
|||
|
|
@ -293,6 +293,7 @@ export default {
|
|||
this.prjs = this.$root.projects || this.prjs || [];
|
||||
this.dept = this.$root.dept || this.dept;
|
||||
this.loadData();
|
||||
this.getCommList({ value: this.selType })
|
||||
}));
|
||||
if (this.$root.hasInitHeader) {
|
||||
this.initMe();
|
||||
|
|
@ -483,16 +484,23 @@ export default {
|
|||
if (this.$refs.listByCat) {
|
||||
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 => {
|
||||
let ajaxs = [
|
||||
this.$api.standard.groupByType({ projectId: this.project?.id || 0, deptId: this.dept?.id || 0 }),
|
||||
this.$api.standard.groupByProject(),
|
||||
this.$api.engin.magGroupByTopic(),
|
||||
this.$api.engin.groupByMag(this.selMag),
|
||||
this.$api.engin.committeeSumGroupByType({
|
||||
committeeId: this.selComm,
|
||||
projectId: this.project?.id || 0, deptId: this.dept?.id || 0
|
||||
})
|
||||
this.$api.engin.groupByMag(this.selMag),
|
||||
this.$api.engin.committeeSumGroupByType(postData)
|
||||
];
|
||||
this.$api.http.all(ajaxs).then(res => {
|
||||
this.showChart1(res[0]);
|
||||
|
|
|
|||
Loading…
Reference in New Issue