金林湾(大屏):bug修复
This commit is contained in:
parent
d69116abbb
commit
d85da820a5
@ -18,7 +18,7 @@ var PROJECT = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
var PROJECT_TYPE = PROJECT.online_zjsj
|
var PROJECT_TYPE = PROJECT.local_test
|
||||||
|
|
||||||
var headerShow = true; // 是否显示头部
|
var headerShow = true; // 是否显示头部
|
||||||
var tabsShow = true; // 是否显示tabs
|
var tabsShow = true; // 是否显示tabs
|
||||||
|
|||||||
@ -52,6 +52,7 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
/** 查询 */
|
/** 查询 */
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
|
this.weatherList = []
|
||||||
this.loadWeather()
|
this.loadWeather()
|
||||||
},
|
},
|
||||||
loadWeather() {
|
loadWeather() {
|
||||||
|
|||||||
@ -159,7 +159,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
plantCap:{
|
'plantCap':{
|
||||||
handler(newVal, oldVal) {
|
handler(newVal, oldVal) {
|
||||||
if (newVal != oldVal) {
|
if (newVal != oldVal) {
|
||||||
this.createCenterChart();
|
this.createCenterChart();
|
||||||
|
|||||||
@ -57,7 +57,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
devId:{}
|
devId:''
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted(){
|
mounted(){
|
||||||
|
|||||||
@ -52,7 +52,7 @@
|
|||||||
{{$t('message.dataBoard.nodata')}}
|
{{$t('message.dataBoard.nodata')}}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="myChart" ref="myChart" /> -->
|
<div class="myChart" ref="myChart" />
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</template>
|
</template>
|
||||||
@ -73,12 +73,13 @@ export default {
|
|||||||
},
|
},
|
||||||
devId: {
|
devId: {
|
||||||
type: String,
|
type: String,
|
||||||
|
default:'40190789'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
checked: 1,
|
checked: 1,
|
||||||
deviceId: "",
|
deviceId: "40190789",
|
||||||
dustData_24: [],
|
dustData_24: [],
|
||||||
currentDevDetail: {},
|
currentDevDetail: {},
|
||||||
pm10Warning: "",
|
pm10Warning: "",
|
||||||
@ -88,16 +89,18 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
devId: {
|
devId(newVal, oldVal) {
|
||||||
handler(newVal, oldVal) {
|
|
||||||
if (newVal != oldVal) {
|
if (newVal != oldVal) {
|
||||||
this.getEnvironment();
|
this.getEnvironment();
|
||||||
this.selectDustNoiseData();
|
this.selectDustNoiseData();
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
}
|
deep:true,
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.switchingData(1);
|
||||||
|
// this.getEnvironment();
|
||||||
},
|
},
|
||||||
mounted() {},
|
|
||||||
methods: {
|
methods: {
|
||||||
getEnvironment() {
|
getEnvironment() {
|
||||||
getEnvironmentWarningInfo({
|
getEnvironmentWarningInfo({
|
||||||
@ -137,13 +140,13 @@ export default {
|
|||||||
console.log("最近24小时", res);
|
console.log("最近24小时", res);
|
||||||
this.dustData_24 = res.result;
|
this.dustData_24 = res.result;
|
||||||
});
|
});
|
||||||
|
this.initMyChart();
|
||||||
},
|
},
|
||||||
|
|
||||||
//切换 24小时数据
|
//切换 24小时数据
|
||||||
switchingData(value) {
|
switchingData(value) {
|
||||||
this.checked = value;
|
this.checked = value;
|
||||||
this.selectDustNoiseData();
|
this.selectDustNoiseData();
|
||||||
this.initMyChart();
|
|
||||||
},
|
},
|
||||||
initMyChart() {
|
initMyChart() {
|
||||||
var xdata = [],
|
var xdata = [],
|
||||||
@ -200,10 +203,25 @@ export default {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
const option = {
|
const option = {
|
||||||
|
tooltip: {
|
||||||
|
trigger: "axis"
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
x: "10%",//x 偏移量
|
||||||
|
y: "5%", // y 偏移量
|
||||||
|
width: "85%", // 宽度
|
||||||
|
height: "80%"// 高度
|
||||||
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: "category",
|
type: "category",
|
||||||
boundaryGap: false,
|
boundaryGap: false,
|
||||||
data: xdata
|
data: xdata,
|
||||||
|
axisLabel: {
|
||||||
|
show: true,
|
||||||
|
textStyle: {
|
||||||
|
color: "#9ea3ab"
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: "value",
|
type: "value",
|
||||||
@ -264,6 +282,8 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.myChart {
|
.myChart {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 2%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90%;
|
height: 90%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -89,6 +89,7 @@ export default {
|
|||||||
}
|
}
|
||||||
td {
|
td {
|
||||||
color: white;
|
color: white;
|
||||||
|
line-height: 35px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -13,7 +13,7 @@
|
|||||||
<el-option :value="2" :label="$t('message.dataBoard.accordingtoTask')"></el-option>
|
<el-option :value="2" :label="$t('message.dataBoard.accordingtoTask')"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="blockContent">
|
<div class="blockContent" v-if="alarmList.length != 0">
|
||||||
<vue-scroll>
|
<vue-scroll>
|
||||||
<table class="greenTable" v-show="alarmType==1">
|
<table class="greenTable" v-show="alarmType==1">
|
||||||
<thead>
|
<thead>
|
||||||
@ -60,15 +60,15 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<div class="noData" v-if="alarmList.length == 0">
|
</vue-scroll>
|
||||||
|
</div>
|
||||||
|
<div class="noData" v-if="alarmList.length == 0">
|
||||||
<img src="@/assets/images/noData3.png" alt srcset />
|
<img src="@/assets/images/noData3.png" alt srcset />
|
||||||
<p>
|
<p>
|
||||||
<!-- 暂无数据 -->
|
<!-- 暂无数据 -->
|
||||||
{{$t('message.dataBoard.nodata')}}
|
{{$t('message.dataBoard.nodata')}}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</vue-scroll>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</Card>
|
</Card>
|
||||||
@ -148,7 +148,7 @@ export default {
|
|||||||
.containerBox{
|
.containerBox{
|
||||||
.content{
|
.content{
|
||||||
.alarmTypeBox{
|
.alarmTypeBox{
|
||||||
margin-left: 300px;
|
margin-left: 75%;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
::v-deep .el-input__inner {
|
::v-deep .el-input__inner {
|
||||||
@ -166,7 +166,8 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.noData{
|
.noData{
|
||||||
margin-left: 200px;
|
text-align: center;
|
||||||
|
margin-top: 5%;
|
||||||
}
|
}
|
||||||
.greenTable{
|
.greenTable{
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
@ -2,6 +2,7 @@
|
|||||||
<!-- 进度总览 -->
|
<!-- 进度总览 -->
|
||||||
<Card :title="title">
|
<Card :title="title">
|
||||||
<div class="containerBox">
|
<div class="containerBox">
|
||||||
|
<!-- <i class="el-icon-s-tools" @click="dialogVisible=true"></i> -->
|
||||||
<!-- 配置项目竣工日期 -->
|
<!-- 配置项目竣工日期 -->
|
||||||
<div class="blockContent">
|
<div class="blockContent">
|
||||||
<p style="transform: translateX(-20px)">
|
<p style="transform: translateX(-20px)">
|
||||||
@ -163,7 +164,9 @@ export default {
|
|||||||
.containerBox {
|
.containerBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
.el-icon-s-tools{
|
||||||
|
margin-left: 90%;
|
||||||
|
}
|
||||||
// .content{
|
// .content{
|
||||||
// display: flex;
|
// display: flex;
|
||||||
// justify-content: center;
|
// justify-content: center;
|
||||||
|
|||||||
@ -194,7 +194,7 @@ export default {
|
|||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
width: 8px;
|
width: 8px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
background-color: #fff;
|
background-color: rgb(172, 177, 184);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,7 +3,6 @@
|
|||||||
<Card :title="title">
|
<Card :title="title">
|
||||||
<div class="intelligentManage">
|
<div class="intelligentManage">
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<el-image :src="require('@/assets/images/projectImg/intell.png')" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
@ -35,8 +34,12 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
.image {
|
.image {
|
||||||
width: 100%;
|
margin-left: 10%;
|
||||||
|
width: 85%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
background-image: url('~@/assets/images/projectImg/intell.png');
|
||||||
|
background-size: 90%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
|
|||||||
@ -21,12 +21,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<vue-scroll>
|
<vue-scroll v-if="activityList.length > 0 ">
|
||||||
<div class="info-item" v-for="(item, index) in activityList" :key="index">
|
<div class="info-item" v-for="(item, index) in activityList" :key="index">
|
||||||
{{ `${item.rectifyPeopleAme}有一条${status[item.state]}的问题` }}
|
{{ `${item.rectifyPeopleAme}有一条${status[item.state]}的问题` }}
|
||||||
</div>
|
</div>
|
||||||
</vue-scroll>
|
</vue-scroll>
|
||||||
<div v-if="!activityList.length">无数据</div>
|
<div class="nodata" v-else>
|
||||||
|
<img src="@/assets/images/noData3.png" alt srcset />
|
||||||
|
<p>暂无数据</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</template>
|
</template>
|
||||||
@ -45,6 +48,7 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
selectRectifiedSecurityManageList2Api({ projectSn: this.$store.state.projectSn }).then(res => {
|
selectRectifiedSecurityManageList2Api({ projectSn: this.$store.state.projectSn }).then(res => {
|
||||||
|
console.log('------',res)
|
||||||
this.activityList = res.result || []
|
this.activityList = res.result || []
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@ -85,5 +89,10 @@ export default {
|
|||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
.nodata{
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 10%;
|
||||||
|
box-sizing: border-box
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -170,7 +170,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.operateBar{
|
.operateBar{
|
||||||
margin-top: 5px;
|
// margin-top: 5px;
|
||||||
}
|
}
|
||||||
.greenTable{
|
.greenTable{
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
@ -2329,6 +2329,7 @@ export default {
|
|||||||
handleSuccessE() {
|
handleSuccessE() {
|
||||||
this.$message.success(this.$t('message.laborMange.hint6')) //登录成功!
|
this.$message.success(this.$t('message.laborMange.hint6')) //登录成功!
|
||||||
this.refreshBtn()
|
this.refreshBtn()
|
||||||
|
this.getTeamList()
|
||||||
},
|
},
|
||||||
handleErrorE() {
|
handleErrorE() {
|
||||||
this.$message.error(this.$t('message.laborMange.hint7'))
|
this.$message.error(this.$t('message.laborMange.hint7'))
|
||||||
@ -2673,6 +2674,7 @@ export default {
|
|||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.checkedTeamId = type !== 1 ? 0 : this.checkedTeamId
|
this.checkedTeamId = type !== 1 ? 0 : this.checkedTeamId
|
||||||
this.teamListData = res.result
|
this.teamListData = res.result
|
||||||
|
console.log('==============',res.result)
|
||||||
this.tableParameter.projectSn = this.projectSn
|
this.tableParameter.projectSn = this.projectSn
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user