Merge remote-tracking branch 'origin/main'

.idea/misc.xml

@@ -1,3 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ASMSmaliIdeaPluginConfiguration">
     <asm skipDebug="true" skipFrames="true" skipCode="false" expandFrames="false" />
@@ -11,7 +12,7 @@
       </list>
     </option>
   </component>
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_18" default="true" project-jdk-name="1.8" project-jdk-type="JavaSDK">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="true" project-jdk-name="1.8" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/out" />
   </component>
 </project>

display_model_for_smartagriculture/public/data/mapdata.json

@@ -6,16 +6,16 @@
 		[115.9360135,28.5507510],
 		[115.8745735,28.4958505],
 		[115.7973310,28.3333952],
-		[115.6310868,28.4415251],
+		[116.6310868,28.4415251],
 		[115.8107210,28.3282578],
 		[115.8517146,28.5100308],
 		[115.8328994,28.5063351],
-		[115.8105080,28.4896648],
+		[114.8105080,28.4896648],
 		[115.7898152,28.4469589],
-		[115.7550595,28.4763871],
+		[114.7550595,28.4763871],
 		[115.7499461,28.5655270],
 		[115.7887218,28.5417034],
-		[115.7478533,28.5208911],
+		[116.7478533,28.5208911],
 		[116.1401343,28.6375681],
 		[116.1354980,28.6238570],
 		[116.1488919,28.6142129],

display_model_for_smartagriculture/src/pages/crop.vue

@@ -117,7 +117,7 @@
         </el-row>
       </div>
       <div class="chart" :style="{height:((height-80)/3 - 10)+'px'}">
-        <div class="itemtitle" style="">监控视频</div>
+        <div class="itemtitle" style="">捕捉画面</div>
         <div style="padding:10px">
           <div>
             <div v-for="(item,index) in videos" class="vidoeitem" :style="{height:(((height-80)/3 - 10 - 35 - 20)/2)+'px'}">
@@ -229,7 +229,7 @@ export default{
         url:'/src/assets/444.webp',
         status:'1'
       }],
-      categorys:['玉米', '水稻', '小麦', '大豆', '青稞', '蔬菜', '水果', '花卉', '薯类', '药材', '蚕豆', '油籽', '蔓青', '大芥', '花生',
+      categorys:['玉米', '水稻', '小麦', '大豆', '青稞', '蔬菜', '水果', '花卉', '薯类', '药材', '毛豆', '油籽', '榻青', '大芥', '花生',
         '胡麻', '大麻', '向日葵', '梨', '苹果', '桃', '杏', '核桃', '李子', '樱桃', '草莓', '酸梨', '野杏', '毛桃', '苞瑙', '山樱桃',
         '沙棘', '草莓'
       ],

display_model_for_smartagriculture/src/pages/device.vue

@@ -364,21 +364,21 @@
 						radius:'60%',
 				        indicator: indicator,
 				        splitNumber:3,
-				        splitArea: { // 坐标轴在 grid 区域中的分隔区域，默认不显示。
+				        splitArea: {
 				            show: true,
-				            areaStyle: { // 分隔区域的样式设置。
-				                color: ['rgba(24,60,108,.5)', 'rgba(15,36,80,.5)','rgba(12,25,59,.5)'], // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
+				            areaStyle: {
+				                color: ['rgba(24,60,108,.5)', 'rgba(15,36,80,.5)','rgba(12,25,59,.5)'],
 				            }
 				        },
-				        axisLine: { //指向外圈文本的分隔线样式
+				        axisLine: {
 				            lineStyle: {
 				                color: utils.getChartXColor()
 				            }
 				        },
 				        splitLine: {
 				            lineStyle: {
-				                color: utils.getChartXColor(), // 分隔线颜色
-				                width: 1, // 分隔线线宽
+				                color: utils.getChartXColor(),
+				                width: 1,
 				            }
 				        },
 				    },
@@ -402,7 +402,6 @@
 							.toFixed(0));
 					}
 				}
-			
 				var option = {
 					geoCoordMap: res.data.geoCoordMap,
 					title: utils.createChartTitle('设备分布概览'),
@@ -418,42 +417,23 @@
 						rotateEnable: true,
 						pitchEnable: true,
 						pitch: 45,
-						// rotation: -45,
-						// 3D模式，无论你使用的是1.x版本还是2.x版本，都建议开启此项以获得更好的渲染体验
 						viewMode: '3D',
-						// 高德地图支持的初始化地图配置
-						// 高德地图初始中心经纬度
 						center: [115.8540042,28.687547],
 						// 高德地图初始缩放级别
 						zoom: 9,
-						// 是否开启resize
 						resizeEnable: true,
-						// 自定义地图样式主题
 						mapStyle: 'amap://styles/darkblue',
-						// 移动过程中实时渲染 默认为true 如数据量较大 建议置为false
 						renderOnMoving: true,
-						// ECharts 图层的 zIndex 默认 2000
-						// 从 v1.9.0 起 此配置项已被弃用 请使用 `echartsLayerInteractive` 代替
 						echartsLayerZIndex: 2019,
-						// 设置 ECharts 图层是否可交互 默认为 true
-						// 设置为 false 可实现高德地图自身图层交互
-						// 此配置项从 v1.9.0 起开始支持
 						echartsLayerInteractive: true,
-						// 是否启用大数据模式 默认为 false
-						// 此配置项从 v1.9.0 起开始支持
 						layers: [new AMap.TileLayer.Satellite()],
 						largeMode: false
-						// 说明：如果想要添加卫星、路网等图层
-						// 暂时先不要使用layers配置，因为存在Bug
-						// 建议使用amap.add的方式，使用方式参见最下方代码
 					},
 					series: [{
 						name:'正常设备',
 						type: 'effectScatter',
 						// 使用百度地图坐标系
 						coordinateSystem: 'amap',
-						//设置图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-						// symbol: 'image://http://localhost:3000/src/assets/video.png',
 						symbol: 'pin',
 						// //标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10
 						symbolSize: [20, 20],
@@ -510,14 +490,6 @@
 					},
 					showControlButton: true,  // 是否显示倾斜、旋转按钮。默认为 true
 				}));
-				// amap.addControl(new AMap.MapType({
-				// 	defaultType: 1,
-				// 	position: {
-				// 		right: '30px',
-				// 		top: '10px'
-				// 	}
-				// }));
-				// 禁用 ECharts 图层交互，从而使高德地图图层可以点击交互
 				amapComponent.setEChartsLayerInteractive(false);
 				
 				var disProvince = new AMap.DistrictLayer.Province({
@@ -526,25 +498,12 @@
 					depth: 2,
 					styles: {
 						'fill': function(properties) {
-							// properties为可用于做样式映射的字段，包含
-							// NAME_CHN:中文名称
-							// adcode_pro
-							// adcode_cit
-							// adcode
-							// console.log(properties)
 							var adcode = properties.adcode;
-							// var colors = {};
-							// if (!colors[adcode]) {
-							// 	var gb = Math.random() * 155 + 50;
-							// 	colors[adcode] = 'rgb(' + gb + ',' + gb + ',255)';
-							// }
-							// return colors[adcode];
 							var colors = ['#fac858', '#ee6666', '#91cc75', '#38cafb', '#4caff9', '#4adeca',
 								'#2aa7ee', '#0270f2', '#488cf7'
 							];
 							return colors[adcode % colors.length] + 'aa';
-			
-							// return 'red';
+
 						},
 						'province-stroke': 'cornflowerblue',
 						'city-stroke': 'white', // 中国地级市边界
@@ -554,11 +513,7 @@
 				disProvince.setMap(amap);
 			
 				this.charts['mapchart'] = mapchart;
-				
-				// setTimeout(function(){
-				// 	amap.setZoom(9,false,30000);
-				// 	amap.setPitch(45,false,30000);
-				// },1000);
+
 			}
 		}
 	}

display_model_for_smartagriculture/src/pages/environment.vue

@@ -21,7 +21,7 @@
 						<div class="flex_item">
 							<div class="flex" style="line-height:35px;text-align: center;">
 								<div class="flex_item">
-									<div style="font-size:20px;color:#FF5252">{{wendu}}℃</div>
+									<div style="font-size:20px;color:#FF5252">31℃</div>
 									<div>温度</div>
 								</div>
 								<div class="name_v_border"></div>
@@ -67,7 +67,7 @@
 		<el-col :span="10">
 			<!-- 当前光照、湿度、温度等 -->
 			<div class="chart" :style="{height:(height-80 - 20)+'px'}">
-				<div class="itemtitle" style="">光照、湿度、温度、氮磷钾含量</div>
+				<div class="itemtitle" style="">光照、湿度、温度、氮磷氧含量</div>
 				<div>
 					<div class="flex">
 						<div class="flex_item">
@@ -99,7 +99,7 @@
 							<v-chart ref="danchart" :style="{height:((height-80 - 65)/3+'px')}" :option="danchart" />
 						</div>
 						<div class="flex_item">
-							<!-- 土壤钾含量 -->
+							<!-- 土壤氧含量 -->
 							<v-chart ref="jiachart" :style="{height:((height-80 - 65)/3+'px')}" :option="jiachart" />
 						</div>
 					</div>
@@ -150,10 +150,10 @@
 				height: $(window).height(),
 				charts: {},
 				timer: null,
-				wendu:(Math.random(100) * 100).toFixed(0),
+				wendu:(Math.random(40) * 100).toFixed(0),
 				fensu:(Math.random(100) * 100).toFixed(0),
 				shidu:(Math.random(100) * 100).toFixed(0),
-				areas: ['穆家村', '王李村', '曹家湾', '刘家湾', '潘家集', '赵家村'],
+				areas: ['南湾村', '三山村', '钱溪村', '江家村', '塘南村', '刘家屯'],
 				categorychart: {},
 				yushuichart: {},
 				tempchart: {},
@@ -217,7 +217,7 @@
 				});
 
 				this.timer = setInterval(function() {
-					that.wendu = (Math.random(100) * 100).toFixed(0);
+					that.wendu = (Math.random(40) * 100).toFixed(0);
 					that.fensu = (Math.random(100) * 100).toFixed(0);
 					that.shidu = (Math.random(100) * 100).toFixed(0);
 					//------------
@@ -237,12 +237,12 @@
 					];
 					//------------
 					// 	this.tempchart = this.inittempchart();
-					that.tempchart.series[0].data = [(Math.random(100) * 100).toFixed(0), (Math.random(100) *
-							100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100)
-						.toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(
-							0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (
-							Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-							.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0)
+					that.tempchart.series[0].data = [(Math.random(40) * 100).toFixed(0), (Math.random(40) *
+							100).toFixed(0), (Math.random(40) * 100).toFixed(0), (Math.random(40) * 100)
+						.toFixed(0), (Math.random(40) * 100).toFixed(0), (Math.random(40) * 100).toFixed(
+							0), (Math.random(40) * 100).toFixed(0), (Math.random(40) * 100).toFixed(0), (
+							Math.random(40) * 100).toFixed(0), (Math.random(40) * 100).toFixed(0), (Math
+							.random(40) * 100).toFixed(0), (Math.random(40) * 100).toFixed(0)
 					];
 					//------------
 					// 	this.shiduchart = this.initshiduchart();
@@ -486,7 +486,7 @@
 			inittempchart: function() {
 				return {
 					backgroundColor: '#000000',
-					title: utils.createChartTitle('温度'),
+					title: utils.createChartTitle('适宜情况'),
 					grid: utils.createChartGaid(null, '20px', "50px", "40px"),
 					tooltip: {
 						trigger: 'axis',
@@ -534,15 +534,15 @@
 					},
 					series: [{
 						name: "含量",
-						data: [(Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-							.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-							.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-							.random(100) * 100).toFixed(0)],
+						data: [(Math.random(40) * 100).toFixed(0), (Math.random(40) * 100).toFixed(0), (Math
+							.random(40) * 100).toFixed(0), (Math.random(40) * 100).toFixed(0), (Math
+							.random(40) * 100).toFixed(0), (Math.random(40) * 100).toFixed(0), (Math
+							.random(40) * 100).toFixed(0)],
 						type: 'line',
 						lineStyle: {
 							normal: {
 								width: 1,
-								color: "#FF8A26", // 线条颜色
+								color: "green", // 线条颜色
 							}
 						},
 						label: {
@@ -561,7 +561,7 @@
 									},
 									{
 										offset: 1,
-										color: "#FF8A2600"
+										color: "yellow"
 									}
 								], false),
 								shadowColor: '#FF8A2688', //阴影颜色
@@ -666,7 +666,7 @@
 				];
 				return {
 					backgroundColor: '#000000',
-					title: utils.createChartTitle('光照'),
+					title: utils.createChartTitle('光照情况'),
 					grid: utils.createChartGaid(null, '20px', "50px", "40px"),
 					tooltip: {
 						trigger: 'axis',
@@ -741,7 +741,7 @@
 						symbolOffset: [0, -5],
 						symbolPosition: 'end',
 						z: 15,
-						color: '#ffc241',
+						color: 'yellow',
 						zlevel: 2,
 						data: value,
 					}]
@@ -797,16 +797,11 @@
 						name: '',
 					},
 					series: [{
-						// name: "含量",
-						// data: [(Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0)],
-						// type: 'line',
-						// itemStyle:{
-						// 	color:'#6648FF'
-						// }
+
 						type: 'pictorialBar',
 						itemStyle: {
 							normal: {
-								color: '#6DF95A',
+								color: '#6658FF',
 							},
 						},
 						symbolRepeat: 'fixed',
@@ -875,16 +870,10 @@
 						name: '',
 					},
 					series: [{
-						// name: "含量",
-						// data: [(Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0)],
-						// type: 'line',
-						// itemStyle:{
-						// 	color:'#ee6666'
-						// },
 						type: 'pictorialBar',
 						itemStyle: {
 							normal: {
-								color: '#ee6666',
+								color: 'pink',
 							},
 						},
 						symbolRepeat: 'fixed',
@@ -906,7 +895,7 @@
 			initjiachart: function() {
 				return {
 					backgroundColor: '#000000',
-					title: utils.createChartTitle('钾含量'),
+					title: utils.createChartTitle('氧含量'),
 					grid: utils.createChartGaid(null, '20px', "50px", "40px"),
 					tooltip: {
 						trigger: 'axis',
@@ -953,16 +942,10 @@
 						name: '',
 					},
 					series: [{
-						// name: "含量",
-						// data: [(Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0)],
-						// type: 'line',
-						// itemStyle:{
-						// 	color:'#488cf7'
-						// }
 						type: 'pictorialBar',
 						itemStyle: {
 							normal: {
-								color: '#488cf7',
+								color: 'green',
 							},
 						},
 						symbolRepeat: 'fixed',
@@ -984,7 +967,7 @@
 			initphchart: function() {
 				return {
 					backgroundColor: '#000000',
-					// title:utils.createChartTitle('钾含量'),
+					// title:utils.createChartTitle('氧含量'),
 					grid: utils.createChartGaid(null, '20px', "20px", "20px"),
 					tooltip: {
 						trigger: 'axis',
@@ -1078,7 +1061,7 @@
 			inityanchart: function() {
 				return {
 					backgroundColor: '#000000',
-					// title:utils.createChartTitle('钾含量'),
+					// title:utils.createChartTitle('氧含量'),
 					grid: utils.createChartGaid(null, '20px', "20px", "20px"),
 					tooltip: {
 						trigger: 'axis',

display_model_for_smartagriculture/src/pages/index.vue

@@ -12,7 +12,7 @@
 								</el-icon>
 							</div>
 							<div class="flex_item" style="text-align: center;">
-								<div style="line-height: 40px;color: #24fda3;">
+								<div style="line-height: 40px;color: green;">
 									<span style="font-size: 24px;font-weight: bold;">{{size}}</span>
 									<span style="font-size:20px;margin-left:5px">㎡</span>
 								</div>
@@ -30,7 +30,7 @@
 								</el-icon>
 							</div>
 							<div class="flex_item" style="text-align: center;">
-								<div style="line-height: 40px;color: #24fda3;">
+								<div style="line-height: 40px;color: green;">
 									<span style="font-size: 24px;font-weight: bold;">{{count}}</span>
 									<span style="font-size:20px;margin-left:5px">户</span>
 								</div>
@@ -50,7 +50,7 @@
 								</el-icon>
 							</div>
 							<div class="flex_item" style="text-align: center;">
-								<div style="line-height: 40px;color: #24fda3;">
+								<div style="line-height: 40px;color: green;">
 									<span style="font-size: 24px;font-weight: bold;">{{category}}</span>
 									<span style="font-size:20px;margin-left:5px">种</span>
 								</div>
@@ -68,7 +68,7 @@
 								</el-icon>
 							</div>
 							<div class="flex_item" style="text-align: center;">
-								<div style="line-height: 40px;color: #24fda3;">
+								<div style="line-height: 40px;color: green;">
 									<span style="font-size: 24px;font-weight: bold;">{{cost}}</span>
 									<span style="font-size:20px;margin-left:5px">元</span>
 								</div>
@@ -91,7 +91,7 @@
 								</el-icon>
 								<span style="margin-left: 5px;">温度</span>
 							</div>
-							<div style="line-height: 40px;color: #24fda3;">
+							<div style="line-height: 40px;color: yellow;">
 								<span style="font-size: 24px;font-weight: bold;">{{temp}}</span>
 								<span style="font-size:20px;margin-left:5px">℃</span>
 							</div>
@@ -105,7 +105,7 @@
 								</el-icon>
 								<span style="margin-left: 5px;">风速</span>
 							</div>
-							<div style="line-height: 40px;color: #24fda3;">
+							<div style="line-height: 40px;color: yellow;">
 								<span style="font-size: 24px;font-weight: bold;">{{spedd}}</span>
 								<span style="font-size:20px;margin-left:5px">km/h</span>
 							</div>
@@ -119,7 +119,7 @@
 								</el-icon>
 								<span style="margin-left: 5px;">风向</span>
 							</div>
-							<div style="line-height: 40px;color: #24fda3;">
+							<div style="line-height: 40px;color: yellow;">
 								<span style="font-size: 24px;font-weight: bold;">{{deriction}}</span>
 								<span style="font-size:20px;margin-left:5px"></span>
 							</div>
@@ -135,7 +135,7 @@
 								</el-icon>
 								<span style="margin-left: 5px;">湿度</span>
 							</div>
-							<div style="line-height: 40px;color: #24fda3;">
+							<div style="line-height: 40px;color: yellow;">
 								<span style="font-size: 24px;font-weight: bold;">{{water}}</span>
 								<span style="font-size:20px;margin-left:5px">rh</span>
 							</div>
@@ -149,7 +149,7 @@
 								</el-icon>
 								<span style="margin-left: 5px;">光照</span>
 							</div>
-							<div style="line-height: 40px;color: #24fda3;">
+							<div style="line-height: 40px;color: yellow;">
 								<span style="font-size: 24px;font-weight: bold;">{{lint}}</span>
 								<span style="font-size:20px;margin-left:5px">lx</span>
 							</div>
@@ -163,7 +163,7 @@
 								</el-icon>
 								<span style="margin-left: 5px;">降雨量</span>
 							</div>
-							<div style="line-height: 40px;color: #24fda3;">
+							<div style="line-height: 40px;color: yellow;">
 								<span style="font-size: 24px;font-weight: bold;">{{wend}}</span>
 								<span style="font-size:20px;margin-left:5px">cm</span>
 							</div>
@@ -185,7 +185,7 @@
 				<div class="itemtitle flex" style="">
 					<div class="flex_item">物联网设备状况</div>
 					<div style="width: 250px;">
-						<span class="device_status_item">
+						<span class="device_status_item" style="color: green">
 							正常({{device.status.ok}})
 						</span>
 						<span class="device_status_item" style="color:#FF8A26">
@@ -213,6 +213,7 @@
 						</div>
 					</div>
 				</div>
+
 			</div>
 		</el-col>
 		<el-col :span="6">
@@ -332,24 +333,24 @@
 						pm2_5: 21,
 						pm10: 10,
 						tsp: 11,
-						temp: 25,
+						temp: 31,
 						shidu: 30
 					}, {
 						name: '设备A00002',
 						status: '2',
 						pm2_5: 11,
-						pm10: 1,
+						pm10: 31,
 						tsp: 11,
-						temp: 25,
-						shidu: 30
+						temp: 24,
+						shidu: 31
 					}, {
 						name: '设备A00003',
 						status: '1',
 						pm2_5: 11,
-						pm10: 1,
+						pm10: 42,
 						tsp: 11,
-						temp: 25,
-						shidu: 30
+						temp: 11,
+						shidu: 20
 					}, {
 						name: '设备A00004',
 						status: '3',
@@ -361,35 +362,35 @@
 					}, {
 						name: '设备A00005',
 						status: '1',
-						pm2_5: 11,
-						pm10: 1,
+						pm2_5: 13,
+						pm10: 29,
 						tsp: 11,
-						temp: 25,
-						shidu: 30
+						temp: 27,
+						shidu: 32
 					}, {
 						name: '设备A00006',
 						status: '1',
-						pm2_5: 11,
-						pm10: 1,
+						pm2_5: 21,
+						pm10: 51,
 						tsp: 11,
-						temp: 25,
-						shidu: 30
+						temp: 21,
+						shidu: 19
 					}, {
 						name: '设备A00007',
 						status: '1',
-						pm2_5: 11,
-						pm10: 1,
+						pm2_5: 16,
+						pm10: 52,
 						tsp: 11,
-						temp: 25,
-						shidu: 30
+						temp: 33,
+						shidu: 31
 					}, {
 						name: '设备A00008',
 						status: '2',
-						pm2_5: 11,
-						pm10: 1,
+						pm2_5: 17,
+						pm10: 42,
 						tsp: 11,
-						temp: 25,
-						shidu: 30
+						temp: 31,
+						shidu: 29
 					}]
 				},
 				categorys:['玉米', '水稻', '小麦', '大豆', '青稞', '蔬菜', '水果', '花卉', '薯类', '药材', '蚕豆', '油籽', '蔓青', '大芥', '花生',
@@ -410,7 +411,7 @@
 				deriction: '东北',
 				water: (Math.random(100) * 50).toFixed(0),
 				lint: (Math.random(100) * 1000).toFixed(0),
-				wend: (Math.random(100) * 1000).toFixed(0),
+				wend: (Math.random(40) * 1000).toFixed(0),
 			}
 		},
 		mounted: function() {
@@ -468,12 +469,12 @@
 					that.count = (Math.random(100) * 1000).toFixed(0);
 					that.category = (Math.random(100) * 1000).toFixed(0);
 					that.cost = (Math.random(100) * 1000).toFixed(0);
-					that.temp = (Math.random(100) * 40).toFixed(0);
+					that.temp = (Math.random(40) * 40).toFixed(0);
 					that.spedd = (Math.random(100) * 100).toFixed(0);
 					that.deriction = '东南';
 					that.water = (Math.random(100) * 50).toFixed(0);
 					that.lint = (Math.random(100) * 1000).toFixed(0);
-					that.wend = (Math.random(100) * 1000).toFixed(0);
+					that.wend = (Math.random(40) * 1000).toFixed(0);
 					//------------------------------
 
 					that.emvorromntchart.series[0].data = [(Math.random(100) * 1000).toFixed(0), (Math.random(
@@ -491,7 +492,7 @@
 						item.pm2_5 = (Math.random(100) * 100).toFixed(0);
 						item.pm10 = (Math.random(100) * 100).toFixed(0);
 						item.tsp = (Math.random(100) * 100).toFixed(0);
-						item.temp = (Math.random(100) * 100).toFixed(0);
+						item.temp = (Math.random(40) * 40).toFixed(0);
 						item.shidu = (Math.random(100) * 100).toFixed(0);
 					});
 					//------------------------------
@@ -537,49 +538,27 @@
 						rotateEnable: true,
 						pitchEnable: true,
 						pitch: 45,
-						// rotation: -45,
-						// 3D模式，无论你使用的是1.x版本还是2.x版本，都建议开启此项以获得更好的渲染体验
 						viewMode: '3D',
-						// 高德地图支持的初始化地图配置
-						// 高德地图初始中心经纬度
 						center: [115.8540042,28.687547],
-						// 高德地图初始缩放级别
 						zoom: 9,
-						// 是否开启resize
 						resizeEnable: true,
-						// 自定义地图样式主题
 						mapStyle: 'amap://styles/darkblue',
-						// 移动过程中实时渲染 默认为true 如数据量较大 建议置为false
 						renderOnMoving: true,
-						// ECharts 图层的 zIndex 默认 2000
-						// 从 v1.9.0 起 此配置项已被弃用 请使用 `echartsLayerInteractive` 代替
 						echartsLayerZIndex: 2019,
-						// 设置 ECharts 图层是否可交互 默认为 true
-						// 设置为 false 可实现高德地图自身图层交互
-						// 此配置项从 v1.9.0 起开始支持
 						echartsLayerInteractive: true,
-						// 是否启用大数据模式 默认为 false
-						// 此配置项从 v1.9.0 起开始支持
 						largeMode: false
-						// 说明：如果想要添加卫星、路网等图层
-						// 暂时先不要使用layers配置，因为存在Bug
-						// 建议使用amap.add的方式，使用方式参见最下方代码
 					},
 					series: [{
 						type: 'effectScatter',
 						// 使用百度地图坐标系
 						coordinateSystem: 'amap',
-						//设置图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-						// symbol: 'image://http://localhost:3000/src/assets/video.png',
 						symbol: 'pin',
-						// //标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10
 						symbolSize: [20, 20],
 						itemStyle: {
 							normal: {
-								color: '#ee6666', //标志颜色
+								color: 'red', //标志颜色
 							}
 						},
-						// 数据格式跟在 geo 坐标系上一样，每一项都是 [经度，纬度，数值大小，其它维度...]
 						data: values,
 						rippleEffect: {
 							scale: 6,
@@ -589,16 +568,9 @@
 					}]
 				}
 
-				// 使用刚指定的配置项和数据显示图表。
 				mapchart.setOption(option);
 
-				// // 获取百度地图实例，使用百度地图自带的控件
-				// var bmap = myChart.getModel().getComponent('bmap').getBMap();
-				// bmap.addControl(new BMap.MapTypeControl());
-
-				// 获取 ECharts 高德地图组件
 				var amapComponent = mapchart.getModel().getComponent('amap');
-				// 获取高德地图实例，使用高德地图自带的控件(需要在高德地图js API script标签手动引入)
 				var amap = amapComponent.getAMap();
 				// 添加控件
 				amap.addControl(new AMap.Scale());
@@ -613,19 +585,8 @@
 					depth: 2,
 					styles: {
 						'fill': function(properties) {
-							// properties为可用于做样式映射的字段，包含
-							// NAME_CHN:中文名称
-							// adcode_pro
-							// adcode_cit
-							// adcode
-							// console.log(properties)
 							var adcode = properties.adcode;
-							// var colors = {};
-							// if (!colors[adcode]) {
-							// 	var gb = Math.random() * 155 + 50;
-							// 	colors[adcode] = 'rgb(' + gb + ',' + gb + ',255)';
-							// }
-							// return colors[adcode];
+
 							var colors = ['#fac858', '#ee6666', '#91cc75', '#38cafb', '#4caff9', '#4adeca',
 								'#2aa7ee', '#0270f2', '#488cf7'
 							];
@@ -698,7 +659,7 @@
 						itemStyle: {
 							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
 									offset: 0,
-									color: '#fac858ff',
+									color: 'green',
 								},
 								{
 									offset: 1,
@@ -737,8 +698,6 @@
 						type: "wordCloud",
 						// 网格大小，各项之间间距
 						gridSize: 20,
-						// 形状 circle 圆，cardioid  心， diamond 菱形，
-						// triangle-forward 、triangle 三角，star五角星
 						shape: 'circle',
 						// 字体大小范围
 						sizeRange: [12, 30],
@@ -831,7 +790,7 @@
 	}
 
 	.deviceitem .deviceitemerror {
-		background: #FF5252aa;
+		background: #FF5252;
 	}
 
 	.newitem {

display_model_for_smartagriculture/src/pages/market.vue

@@ -12,7 +12,7 @@
         <el-col :span="12">
           <!-- 在售产品 -->
           <div class="chart" :style="{height:((height-80)/2 - 30)+'px'}">
-            <div class="itemtitle" style="">产品供应排行</div>
+            <div class="itemtitle" style="">农产品供应排行</div>
             <v-chart ref="goodschart" :style="{height:(((height-80)/2 - 30 - 25)+'px')}" :option="goodschart" />
           </div>
         </el-col>
@@ -28,7 +28,7 @@
     <el-col :span="6">
       <!-- 市场资讯 -->
       <div class="chart" :style="{height:((height-80 - 20) )+'px'}">
-        <div class="itemtitle" style="">市场资讯</div>
+        <div class="itemtitle" style="">重要信息</div>
         <div>
           <div class="swiper-container" :style="{height:(((height-80) - 20  - 45)+'px')}">
             <div class="swiper-wrapper" :style="{height:(((height-80) - 20 - 45)+'px')}">
@@ -289,40 +289,6 @@ export default {
           name: '',
         },
         series: [
-          // 	{
-          // 	name: "含量",
-          // 	data: [(Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-          // 		.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-          // 		.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-          // 		.random(100) * 100).toFixed(0)],
-          // 	type: 'bar',
-          // 	barWidth: '20px',
-          // 	label: {
-          // 		show: true,
-          // 		formatter: '{c}%',
-          // 		position: 'top',
-          // 		color: 'rgba(255,228,59,1)',
-          // 		fontSize: 12,
-          // 		textAlign: 'center',
-          // 	},
-          // 	itemStyle: {
-          // 		color: function(pama) {
-          // 			var colors = ['#fac858', '#2aa7ee', '#ee6666', '#91cc75', '#38cafb',
-          // 				'#4caff9', '#4adeca', '#0270f2', '#488cf7'
-          // 			];
-          // 			return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-          // 					offset: 0,
-          // 					color: colors[pama.dataIndex % colors.length] + 'ff',
-          // 				},
-          // 				{
-          // 					offset: 1,
-          // 					color: colors[pama.dataIndex % colors.length] + '66',
-          // 				},
-          // 			])
-          // 		},
-          // 		barBorderRadius: 20
-          // 	}
-          // },
           {
             name: '光照',
             type: 'bar',
@@ -422,40 +388,6 @@ export default {
           name: '',
         },
         series: [
-          // 	{
-          // 	name: "含量",
-          // 	data: [(Math.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-          // 		.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-          // 		.random(100) * 100).toFixed(0), (Math.random(100) * 100).toFixed(0), (Math
-          // 		.random(100) * 100).toFixed(0)],
-          // 	type: 'bar',
-          // 	barWidth: '20px',
-          // 	label: {
-          // 		show: true,
-          // 		formatter: '{c}%',
-          // 		position: 'top',
-          // 		color: 'rgba(255,228,59,1)',
-          // 		fontSize: 12,
-          // 		textAlign: 'center',
-          // 	},
-          // 	itemStyle: {
-          // 		color: function(pama) {
-          // 			var colors = ['#fac858', '#4adeca', '#0270f2', '#488cf7', '#2aa7ee', '#ee6666', '#91cc75', '#38cafb',
-          // 				'#4caff9'
-          // 			];
-          // 			return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-          // 					offset: 0,
-          // 					color: colors[pama.dataIndex % colors.length] + 'ff',
-          // 				},
-          // 				{
-          // 					offset: 1,
-          // 					color: colors[pama.dataIndex % colors.length] + '66',
-          // 				},
-          // 			])
-          // 		},
-          // 		barBorderRadius: 20
-          // 	}
-          // },
           {
             name: '光照',
             type: 'bar',

vue/src/views/VisibleView/index.vue

@@ -409,7 +409,7 @@
 				deriction: '东南',
 				water: (Math.random(100) * 50).toFixed(0),
 				lint: (Math.random(100) * 1000).toFixed(0),
-				wend: (Math.random(100) * 1000).toFixed(0),
+				wend: (Math.random(50) * 1000).toFixed(0),
 			}
 		},
 		mounted: function() {
@@ -469,7 +469,7 @@
 					that.deriction = '东南';
 					that.water = (Math.random(100) * 50).toFixed(0);
 					that.lint = (Math.random(100) * 1000).toFixed(0);
-					that.wend = (Math.random(100) * 1000).toFixed(0);
+					that.wend = (Math.random(50) * 1000).toFixed(0);
 					//------------------------------
 
 					that.emvorromntchart.series[0].data = [(Math.random(100) * 1000).toFixed(0), (Math.random(
@@ -827,7 +827,7 @@
 	}
 
 	.deviceitem .deviceitemerror {
-		background: #FF5252aa;
+		background: red;
 	}
 
 	.newitem {