diff --git a/src/assets/css/index.css b/src/assets/css/index.css index a125714..a843c35 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -419,9 +419,6 @@ color:#cce21d ; display: block; } -.mywrcov_onenumjx{ - font-size: 1.4vw; -} .mywrcov_three{ width:33%; height: 4.5vw; @@ -485,17 +482,6 @@ margin-left: 1%; margin-bottom: 0.4vw; } -.jcsssj_rt_time{ - font-size: 0.8vw; - display: inline-block; - width: 28%; - overflow: hidden; - color: #fff; - margin-top: 0.2vw; - float: right; - margin-top: 0.4vw; - line-height: 1.5vw; -} .jcsssj_rtbiao{ display: inline-block; font-size: 0.8vw; @@ -505,28 +491,41 @@ padding: 0 0.2vw; margin-left: 2%; float: left; + /*width: 34%;*/ } .jcsssj_rt_num{ display: inline-block; font-size: 0.8vw; color: #48c944; - margin-left: 10%; + margin-left: 5%; text-align: right; - width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + float: right; + /*width: 74%;*/ +} +.jcsssj_rt_time{ + font-size: 0.6vw; + display: inline-block; + width: 28%; + overflow: hidden; + color: #fff; + float: right; + margin-top: 0.4vw; + line-height: 1.5vw; } .jcsssj_rt_numsy{ display: inline-block; font-size: 0.8vw; color: #48c944; - margin-left: 10%; + margin-left: 20px; text-align: right; - width: 40%; + /*width: 40%;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + float: right; } .zlxg{ position: relative; diff --git a/src/components/SoilDialog.vue b/src/components/SoilDialog.vue index 768868f..f6e536a 100644 --- a/src/components/SoilDialog.vue +++ b/src/components/SoilDialog.vue @@ -17,7 +17,7 @@ alt="" />
- 土壤环境监测 + 长期定位监测
@@ -82,7 +82,7 @@
- diff --git a/src/components/TaizhangDialog.vue b/src/components/TaizhangDialog.vue new file mode 100644 index 0000000..2c9b854 --- /dev/null +++ b/src/components/TaizhangDialog.vue @@ -0,0 +1,413 @@ + + + + + \ No newline at end of file diff --git a/src/pages/Home/index.vue b/src/pages/Home/index.vue index 9d24d6b..18c2d04 100644 --- a/src/pages/Home/index.vue +++ b/src/pages/Home/index.vue @@ -98,7 +98,7 @@
- 长期监测点位 + 长期定位监测点位 个 @@ -179,7 +179,7 @@
- 土壤监测点 + 长期定位监测
- {{ item.stationName }}
@@ -277,13 +277,13 @@
-
- 面源污染治理效果评价 +
+ 核算与评估 +
- -
+
{{ effect_assess0.detailCode }} {{ effect_assess0.detailValue }} @@ -294,14 +294,13 @@ {{ effect_assess1.detailValue }}
- -
+
{{ effect_assess2.detailValue }} {{ effect_assess2.detailCode }}
-
- + {{ effect_assess3.detailValue }} {{ effect_assess3.detailCode }}
@@ -316,7 +315,7 @@
- 土壤监测实时数据 + 长期定位监测实时数据
@@ -335,7 +334,7 @@
- {{ item.dataDateTime }} + {{ item.dataDateTime?item.dataDateTime.substring(0,16):'--' }}
@@ -345,63 +344,6 @@
- - -
- -
- 农业废弃物台账 -
-
-
- 主要农业废弃物类型 -
-
-
- -
-
-
- -
-
- - - - - - -
-
- 废弃农膜采样信息 -
- 累计 {{ ntfmnumbtotal }} -
- - - - - - - - - - -
采样时间监测站作物农膜残留量(kg/h㎡)覆膜年份
- -
-
-
-
@@ -425,6 +367,10 @@ 设备数量:{{ qcdtinfor.deviceCount }}
+
+ + 运行状态:正常 +
监测指标 @@ -447,68 +393,6 @@
- - -
- -
- 畜禽粪污台账 -
-
-
- 资源化利用方向 -
-
-
- -
-
-
- -
-
- - - - - - -
-
- 粪污台账 -
- 累计 {{ qcfmnumbtotal }} -
- - - - - - - - - - - - - -
年份养殖场名称养殖品种现有存栏固体粪便液体粪污混合粪污收入金额
- -
-
-
@@ -539,7 +423,8 @@
- + + @@ -563,10 +448,12 @@ import hefentianqi from '@/pages/weather/weather.vue' import SoilDialog from '@/components/SoilDialog.vue' import {_colors} from '@/utils/color.js' import SingleEchartDialog from "@/components/SingleEchartDialog.vue"; +import TaizhangDialog from "@/components/TaizhangDialog.vue"; export default { name: 'mainHome', components: { + TaizhangDialog, SingleEchartDialog, vueSeamlessScroll, hefentianqi, @@ -575,6 +462,7 @@ export default { }, data() { return { + taizhangDialogShowFlag: false, singleEchartDialogShowFlag: false, singleEchartData: null, aMap: null, @@ -593,10 +481,6 @@ export default { roll_info: [], stationInfoList: [], wrwcode: [], - ntfmnumblist: [], - ntfmnumbtotal: '', - qcfmnumblist: [], - qcfmnumbtotal: '', getPollutionDictCover: [], effect_assess0: '', effect_assess0Value: 0, @@ -686,11 +570,11 @@ export default { }, mounted() { console.log('开始初始化!!!!') - setTimeout(() => { - this.$nextTick(() => { - this.indexinfor(); - }) - }, 2000) + // setTimeout(() => { + // this.$nextTick(() => { + // this.indexinfor(); + // }) + // }, 2000) // 实时时间 setTimeout(() => { this.$nextTick(() => { @@ -915,158 +799,6 @@ export default { }); }) }, - tzalin() {//农业台账 - this.dialogTableVisible = true - this.fwlistcover() - this.$nextTick(() => { - var myChart = this.$echarts.init(document.getElementById('main')); - //配置图表 - var option = { - tooltip: { - trigger: 'item' - }, - legend: { - bottom: '-2%', - left: 'center', - itemWidth: 20, - itemHeight: 10, - textStyle: { - color: '#fff' // 图例文字颜色 - }, - }, - series: [ - { - name: '', - type: 'pie', - radius: ['40%', '50%'], - avoidLabelOverlap: false, - itemStyle: { - // borderRadius: 10, - // borderColor: '#fff', - // borderWidth: 2 - }, - label: { - show: false, - position: 'center' - }, - emphasis: { - label: { - show: false, - fontSize: 40, - fontWeight: 'bold' - } - }, - labelLine: { - show: true - }, - labelLine: { - normal: { - show: true // show设置线是否显示,默认为true,可选值:true ¦ false - } - }, - // 设置值域的标签 - label: { - normal: { - position: 'outer', // 设置标签位置,默认在饼状图外 可选值:'outer' ¦ 'inner(饼状图上)' - // formatter: '{a} {b} : {c}个 ({d}%)' 设置标签显示内容 ,默认显示{b} - // {a}指series.name {b}指series.data的name - // {c}指series.data的value {d}%指这一部分占总数的百分比 - formatter: '{b} : {c}个 ' - }, - textStyle: { - color: '#595959', // 提示文字颜色 - fontSize: 18, // 提示文字大小 - } - }, - data: this.resourcedirect, - } - ] - }; - myChart.setOption(option); - }); - }, - tzqcalin() {//台账禽畜弹窗 - this.qcdialogTableVisible = true - this.qclistcover() - this.$nextTick(() => { - var myChart = this.$echarts.init(document.getElementById('main')); - //配置图表 - var option = { - tooltip: { - trigger: 'item' - }, - legend: { - bottom: '-2%', - left: 'center', - itemWidth: 20, - itemHeight: 10, - textStyle: { - color: '#fff' // 图例文字颜色 - }, - }, - series: [ - { - name: '', - type: 'pie', - radius: ['40%', '50%'], - avoidLabelOverlap: false, - itemStyle: { - // borderRadius: 10, - // borderColor: '#fff', - // borderWidth: 2 - }, - label: { - show: false, - position: 'center' - }, - emphasis: { - label: { - show: false, - fontSize: 40, - fontWeight: 'bold' - } - }, - labelLine: { - show: true - }, - labelLine: { - normal: { - show: true // show设置线是否显示,默认为true,可选值:true ¦ false - } - }, - // 设置值域的标签 - label: { - normal: { - position: 'outer', // 设置标签位置,默认在饼状图外 可选值:'outer' ¦ 'inner(饼状图上)' - // formatter: '{a} {b} : {c}个 ({d}%)' 设置标签显示内容 ,默认显示{b} - // {a}指series.name {b}指series.data的name - // {c}指series.data的value {d}%指这一部分占总数的百分比 - formatter: '{b} : {c}个 ' - }, - textStyle: { - color: '#595959', // 提示文字颜色 - fontSize: 18, // 提示文字大小 - } - }, - data: this.resourcedirect, - } - ] - }; - myChart.setOption(option); - }); - }, - fwlistcover() { - ntfmlist().then(res => { - this.ntfmnumblist = res.result.records - this.ntfmnumbtotal = res.result.total - }) - }, - qclistcover() { - fwlist().then(res => { - this.qcfmnumblist = res.result.records - this.qcfmnumbtotal = res.result.total - }) - }, getNewestDataList() { getNewestData().then(res => { this.listData = res.result.soilHisSurvData @@ -1391,170 +1123,14 @@ export default { font-family: douyuFont; } -.tz_cov_left { - width: 35%; - float: left; -} -.tz_cov_right { - width: 65%; - float: right; -} - -.tz_cov_left_tit { - width: 11vw; - height: 2vw; - text-align: left; - padding-left: 3%; - line-height: 2vw; - background: url(../../assets/image/tz_title2_bg.png) no-repeat; - background-size: cover; - margin-left: 2vw; -} - -.tz_cov_left_tit_text { - font-size: 0.9vw; - font-weight: 500; - color: #E5EEFA; -} - -.tz_cov_left_bincov { - position: relative; - width: 100%; - height: 16vw; -} - -.tz_cov_left_bin { - width: 9vw; - height: 9vw; - background: url(../../assets/image/tz_binzhuangtu_bg.png) no-repeat; - background-size: cover; - position: absolute; - top: 42px; - left: 28.5%; - z-index: 1; -} - -.tz_cov_left_bineca { - width: 100%; - height: 13.5vw; - position: absolute; - top: 0; - left: 0%; - z-index: 2; -} - -.tz_cov_right_num { - font-size: 0.9vw; - float: right; - font-weight: 500; - color: #B3C1D1; - margin-right: 3%; -} - -.tz_cov_right_num_big { - color: #FFF220; - font-size: 1.5vw; - font-family: HYChangLiSongKeBen; -} - -.tz_cov_right_tab { - width: 92%; - height: 20vw; - overflow: auto; - display: block; - margin-left: 5%; - margin-top: 1vw; -} - -/* 定义滚动条样式 */ -.tz_cov_right_tab::-webkit-scrollbar { - width: 2px; - height: 2px; - background-color: rgba(240, 240, 240, 0.1); -} - -/*定义滚动条轨道 内阴影+圆角*/ -.tz_cov_right_tab::-webkit-scrollbar-track { - box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); - border-radius: 10px; - background-color: rgba(240, 240, 240, .5); -} - -/*定义滑块 内阴影+圆角*/ -.tz_cov_right_tab::-webkit-scrollbar-thumb { - border-radius: 10px; - box-shadow: inset 0 0 0px rgba(87, 146, 255, .8); - background-color: rgba(87, 146, 255, .8); -} - -.tz_cov_right_tab_tit { - width: 100%; - height: 1.8vw; - background: rgba(27, 63, 112, 1); - font-size: 0.8vw; - font-weight: 400; - color: #5792FF; - position: sticky; - top: -3px; /* 固定表头位置 */ -} - -.tz_cov_right_tab_tit th { - width: 20%; - height: 1.8vw; - border: 1px solid #285A93; -} - -.tz_cov_right_tab_list { - width: 100%; - height: 1.8vw; - background: rgba(80, 131, 246, 0); - font-size: 0.8vw; - font-weight: 400; - color: #5792FF; -} - -.tz_cov_right_tab_list td { - width: 20%; - height: 1.8vw; - text-align: center; - border: 1px solid #285A93; - color: #fff; -} .mywrcov_onehover { cursor: pointer; } -/* 台账弹窗结束 */ -.boxRader { - position: relative; - width: 100%; - height: 80%; -} -.centerBox { - width: 76%; - margin-right: 15px; - background: transparent; -} - -.boxFont { - font-size: 1.2vw; -} - -.centerMainBox1 { - width: 100%; - height: 60.5%; -} - -.centerMainBox2 { - width: 100%; - height: 38.5%; - position: relative; - margin-top: 15px; -} .centerMainBox2 img { position: absolute; @@ -1562,15 +1138,6 @@ export default { height: 100%; } -.boxTitle2 { - width: 100%; - height: 10%; - font-size: .6vw; - text-align: center; - line-height: 10%; - margin-top: 1vw; - color: #0efcff; -} .boxLis { width: 70%; @@ -1974,12 +1541,6 @@ a:hover { background: none; } -.noneNumber { - width: 30%; - margin: 0 auto; - display: block; - margin-top: 60px; -} .in1con_lf_titshow1 { font-size: 1vw; @@ -1993,6 +1554,19 @@ a:hover { width: 100%; text-align: center; } +.in1con_lf_titshow2 { + font-size: 11px; + color: #fff; + text-shadow: 0px 2px 0px rgba(4, 49, 52, 0.55); + //font-family: douyuFont; + position: absolute; + top: 1.3vw; + right: 18px; + display: block; + width: 100%; + text-align: right; + cursor: pointer; +} diff --git a/src/pages/MywrList/index.vue b/src/pages/MywrList/index.vue index d0d1667..282b9b4 100644 --- a/src/pages/MywrList/index.vue +++ b/src/pages/MywrList/index.vue @@ -74,19 +74,23 @@ 站点名称:{{ DetailList.stationName }}
-
- - 建站时间:{{ DetailList.buildTime }} -
站点位置:{{ DetailList.stationLocation }}
+
+ + 建站时间:{{ DetailList.buildTime }} +
-
+
+ + 设备状态:正常 +
+
监测指标 重要污染实时监测
-
    +
    • -
      +
      -
      +
      {{ item.name }} - {{ item.value }}{{ item.unit }} + + {{ item.value }}{{ item.unit }} +
      - {{ item.dataDateTime }} + {{ item.dataDateTime?item.dataDateTime.substring(0,16):'--' }}
    • @@ -196,34 +201,34 @@
-
-
+
+
{{ DetailList.latestWaterData[0].dataWaterTemp }}
水温
-
-
+
+
{{ DetailList.latestWaterData[0].dataWaterPh }}
PH值
-
-
+
+
{{ DetailList.latestWaterData[0].dataWaterDo }}mg/L
溶解氧
-
-
+
+
{{ DetailList.latestWaterData[0].dataWaterDdl }}μS/cm
电导率
-
-
+
+
{{ DetailList.latestWaterData[0].dataWaterNtu }}NTU
浊度
@@ -1271,6 +1276,7 @@ export default { height: 2.4vw; background: #0c2139; float: right; + display:block; } .jcsssj_rt_tit { @@ -1285,15 +1291,15 @@ export default { } .jcsssj_rt_time { - font-size: 0.8vw; - display: inline-block; - width: 48%; - overflow: hidden; - color: #dbe8fb; - margin-right: 0.2vw; + //font-size: 0.8vw; + //display: inline-block; + //width: 38%; + //overflow: hidden; + //color: #dbe8fb; + //margin-right: 0.2vw; /* float:right; */ - margin-top: 0.6vw; - text-align: right; + //margin-top: 0.6vw; + //text-align: right; } .jcsssj_rtbiao { @@ -1311,7 +1317,7 @@ export default { display: inline-block; font-size: 0.8vw; /* color: #fff; */ - margin-left: 5%; + margin-left: 10px; text-align: right; margin-top: 0.4vw; } @@ -1509,7 +1515,8 @@ export default { border-radius: 0.2vw; background: #46a385; margin-left: 0.8vw; - margin-top: 0vw; + margin-top: 0vw !important; + margin-bottom: 10px !important; color: #fff; } @@ -2275,7 +2282,7 @@ a:hover { .changguiwucanshu { display: flex; justify-content: center; - + cursor: pointer; .wucanshuDiv { width: 144px; height: 104px;