|
@@ -1,8 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
<el-breadcrumb separator-class="el-icon-arrow-right">
|
|
<el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
- <el-breadcrumb-item>测报系统</el-breadcrumb-item>
|
|
|
|
|
- <el-breadcrumb-item :to="{ path: '/index/bzy' }">孢子仪</el-breadcrumb-item>
|
|
|
|
|
|
|
+ <el-breadcrumb-item :to="{ path: '/index/bzy' }">植物孢子捕捉仪</el-breadcrumb-item>
|
|
|
<el-breadcrumb-item>数据详情</el-breadcrumb-item>
|
|
<el-breadcrumb-item>数据详情</el-breadcrumb-item>
|
|
|
</el-breadcrumb>
|
|
</el-breadcrumb>
|
|
|
<div class="equipInfo">
|
|
<div class="equipInfo">
|
|
@@ -19,7 +18,8 @@
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :md="24" :lg="12">
|
|
<el-col :md="24" :lg="12">
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
|
- <div class="charts">
|
|
|
|
|
|
|
+ <div style="text-align:center;font-size:20px;height:360px;position: relative;" v-if="Object.keys(option1).length<=0"><div class="el-loading-mask" style=""><div class="el-loading-spinner"><svg viewBox="25 25 50 50" class="circular"><circle cx="50" cy="50" r="20" fill="none" class="path"></circle></svg><!----></div></div></div>
|
|
|
|
|
+ <div v-else class="charts">
|
|
|
<highcharts :options="option1" v-if="Object.keys(option1).length>0"></highcharts>
|
|
<highcharts :options="option1" v-if="Object.keys(option1).length>0"></highcharts>
|
|
|
<div v-else style="text-align:center;font-size:20px;line-height:360px">暂无数据</div>
|
|
<div v-else style="text-align:center;font-size:20px;line-height:360px">暂无数据</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -27,7 +27,8 @@
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :md="24" :lg="12">
|
|
<el-col :md="24" :lg="12">
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
|
- <div class="charts">
|
|
|
|
|
|
|
+ <div style="text-align:center;font-size:20px;height:360px;position: relative;" v-if="Object.keys(option2).length<=0"><div class="el-loading-mask" style=""><div class="el-loading-spinner"><svg viewBox="25 25 50 50" class="circular"><circle cx="50" cy="50" r="20" fill="none" class="path"></circle></svg><!----></div></div></div>
|
|
|
|
|
+ <div v-else class="charts">
|
|
|
<highcharts :options="option2" v-if="Object.keys(option2).length>0"></highcharts>
|
|
<highcharts :options="option2" v-if="Object.keys(option2).length>0"></highcharts>
|
|
|
<div v-else style="text-align:center;font-size:20px;line-height:360px">暂无数据</div>
|
|
<div v-else style="text-align:center;font-size:20px;line-height:360px">暂无数据</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -37,7 +38,7 @@
|
|
|
<div class="dataTableSearch">
|
|
<div class="dataTableSearch">
|
|
|
</div>
|
|
</div>
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
|
- <el-table :data="tableData" stripe style="width: 100%">
|
|
|
|
|
|
|
+ <el-table v-loading="loading" :data="tableData" stripe style="width: 100%">
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
v-for="(item,index) in tableHeadTxt"
|
|
v-for="(item,index) in tableHeadTxt"
|
|
|
:key="index"
|
|
:key="index"
|
|
@@ -65,6 +66,7 @@ import DateSearch from '@/components/DateSearch'
|
|
|
export default {
|
|
export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ loading:true,
|
|
|
id: this.$route.params.e_id,
|
|
id: this.$route.params.e_id,
|
|
|
name: this.$route.query.name,
|
|
name: this.$route.query.name,
|
|
|
option1: {},
|
|
option1: {},
|
|
@@ -361,6 +363,7 @@ export default {
|
|
|
}else{
|
|
}else{
|
|
|
this.tableData = []
|
|
this.tableData = []
|
|
|
}
|
|
}
|
|
|
|
|
+ this.loading = false;
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
dateChange(data) {
|
|
dateChange(data) {
|