删除文件名字问题
This commit is contained in:
		
							parent
							
								
									5a8aba0d65
								
							
						
					
					
						commit
						fe949c3747
					
				
							
								
								
									
										20
									
								
								sub-government-screen-service/components.d.ts
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										20
									
								
								sub-government-screen-service/components.d.ts
									
									
									
									
										vendored
									
									
										Normal file
									
								
							| @ -0,0 +1,20 @@ | |||||||
|  | /* eslint-disable */ | ||||||
|  | /* prettier-ignore */ | ||||||
|  | // @ts-nocheck
 | ||||||
|  | // Generated by unplugin-vue-components
 | ||||||
|  | // Read more: https://github.com/vuejs/core/pull/3399
 | ||||||
|  | export {} | ||||||
|  | 
 | ||||||
|  | declare module 'vue' { | ||||||
|  |   export interface GlobalComponents { | ||||||
|  |     BaseBg: typeof import('./src/components/baseBg.vue')['default'] | ||||||
|  |     CenterMap: typeof import('./src/components/centerMap.vue')['default'] | ||||||
|  |     CodeDialog: typeof import('./src/components/code-dialog/index.vue')['default'] | ||||||
|  |     CurrentTime: typeof import('./src/components/currentTime.vue')['default'] | ||||||
|  |     CustomBack: typeof import('./src/components/customBack.vue')['default'] | ||||||
|  |     CustomProgress: typeof import('./src/components/customProgress.vue')['default'] | ||||||
|  |     RouterLink: typeof import('vue-router')['RouterLink'] | ||||||
|  |     RouterView: typeof import('vue-router')['RouterView'] | ||||||
|  |     SubTop: typeof import('./src/components/subTop.vue')['default'] | ||||||
|  |   } | ||||||
|  | } | ||||||
| @ -1,122 +0,0 @@ | |||||||
| <template> |  | ||||||
|   <div class="insect-pests-charts"> |  | ||||||
|     <custom-echart-mixin :chart-data="handelData" :option="chartsData.option" height="100%" /> |  | ||||||
|   </div> |  | ||||||
| </template> |  | ||||||
| <script setup> |  | ||||||
| import { ref, reactive, onMounted, computed } from 'vue'; |  | ||||||
| let itemStyle = reactive({ |  | ||||||
|   itemStyle: { borderRadius: [8, 8, 0, 0] }, |  | ||||||
| }); |  | ||||||
| 
 |  | ||||||
| let legendList = reactive(['蝗虫', '飞蛾', '其他', '蚜虫']); |  | ||||||
| const chartsData = reactive({ |  | ||||||
|   option: { |  | ||||||
|     color: ['#3685fe', '#41b879', '#ffd500', '#e57373'], |  | ||||||
|     title: { |  | ||||||
|       text: ' ', |  | ||||||
|       textStyle: { |  | ||||||
|         color: '#333', |  | ||||||
|       }, |  | ||||||
|     }, |  | ||||||
|     legend: { |  | ||||||
|       show: true, |  | ||||||
|       data: legendList, |  | ||||||
|       left: '0', // 距离左侧10%的位置 |  | ||||||
|       top: '0', // 垂直居中 |  | ||||||
|       itemWidth: 15, // 图例标记的宽度 |  | ||||||
|       itemHeight: 8, // 图例标记的高度 |  | ||||||
|       textStyle: { |  | ||||||
|         fontSize: 10, // 图例文字的字体大小 |  | ||||||
|         color: '#fff', // 图例文字的颜色 |  | ||||||
|       }, |  | ||||||
|     }, |  | ||||||
|     barStyle: { |  | ||||||
|       barWidth: 10, |  | ||||||
|     }, |  | ||||||
|     dataZoom: [ |  | ||||||
|       { |  | ||||||
|         type: 'slider', // 滑动条型数据区域缩放组件 |  | ||||||
|         startValue: 0, // 数据窗口起始值的索引 |  | ||||||
|         endValue: 2, // 数据窗口结束值的索引 |  | ||||||
|       }, |  | ||||||
|       { |  | ||||||
|         type: 'inside', // 支持鼠标滚轮和触控板缩放和平移 |  | ||||||
|         startValue: 0, |  | ||||||
|         endValue: 2, |  | ||||||
|       }, |  | ||||||
|     ], |  | ||||||
|     yAxis: [ |  | ||||||
|       { |  | ||||||
|         type: 'value', |  | ||||||
|         name: ' ', |  | ||||||
|         axisLabel: { |  | ||||||
|           formatter: '{value}', |  | ||||||
|         }, |  | ||||||
|         splitLine: { |  | ||||||
|           show: true, // 显示分割线 |  | ||||||
|           lineStyle: { |  | ||||||
|             type: 'dashed', // 设置为虚线 |  | ||||||
|             width: 0.5, // 分割线宽度 |  | ||||||
|           }, |  | ||||||
|         }, |  | ||||||
| 
 |  | ||||||
|         itemStyle: { fontSize: 8 }, |  | ||||||
|       }, |  | ||||||
|     ], |  | ||||||
|     grid: { |  | ||||||
|       x: '10%', |  | ||||||
|       x2: '15%', |  | ||||||
|       y: '20%', |  | ||||||
|       y2: '20%', |  | ||||||
|     }, |  | ||||||
|   }, |  | ||||||
|   valData: [ |  | ||||||
|     { name: '1月', value: 40, type: '蝗虫', seriesType: 'bar', ...itemStyle }, |  | ||||||
|     { name: '1月', value: 30, type: '飞蛾', seriesType: 'bar', ...itemStyle }, |  | ||||||
|     { name: '1月', value: 100, type: '其他', seriesType: 'bar', ...itemStyle }, |  | ||||||
|     { name: '1月', value: 60, type: '蚜虫', seriesType: 'bar', ...itemStyle }, |  | ||||||
|     { name: '2月', value: 20, type: '蝗虫', seriesType: 'bar', ...itemStyle }, |  | ||||||
|     { name: '2月', value: 20, type: '飞蛾', seriesType: 'bar', ...itemStyle }, |  | ||||||
|     { name: '2月', value: 80, type: '其他', seriesType: 'bar', ...itemStyle }, |  | ||||||
|     { name: '2月', value: 40, type: '蚜虫', seriesType: 'bar', ...itemStyle }, |  | ||||||
|   ], |  | ||||||
| }); |  | ||||||
| 
 |  | ||||||
| const randomVal = (num) => { |  | ||||||
|   let list = []; |  | ||||||
|   for (let i = 0; i < legendList.length; i++) { |  | ||||||
|     let addNum = [10, 8, 2, 5]; |  | ||||||
|     let val = { |  | ||||||
|       name: num + '月', |  | ||||||
|       value: Number(Math.random() * 100 + addNum[i]).toFixed(2), |  | ||||||
|       seriesType: 'bar', |  | ||||||
|       type: legendList[i], |  | ||||||
|       ...itemStyle, |  | ||||||
|     }; |  | ||||||
|     list[i] = val; |  | ||||||
|   } |  | ||||||
|   return list; |  | ||||||
| }; |  | ||||||
| let handelData = computed(() => { |  | ||||||
|   let list = []; |  | ||||||
|   let maxMouth = 12; |  | ||||||
|   for (let i = 0; i < maxMouth; i++) { |  | ||||||
|     let val = randomVal(i + 1); |  | ||||||
|     list = [...list, ...val]; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   list.map((m) => { |  | ||||||
|     return { ...m, value: Number(m.value + Math.random() + 10).toFixed(2) }; |  | ||||||
|   }); |  | ||||||
|   // console.info('handelData', list); |  | ||||||
|   return list; |  | ||||||
| }); |  | ||||||
| 
 |  | ||||||
| onMounted(() => {}); |  | ||||||
| </script> |  | ||||||
| <style lang="scss" scoped> |  | ||||||
| .insect-pests-charts { |  | ||||||
|   height: 100%; |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
| @ -6,16 +6,16 @@ | |||||||
|           <vc-layer-imagery :minimum-level="12" :maximum-level="18" :contrast="1.8" :saturation="1" :alpha="1"> |           <vc-layer-imagery :minimum-level="12" :maximum-level="18" :contrast="1.8" :saturation="1" :alpha="1"> | ||||||
|             <vc-imagery-provider-amap :key="'c843a50db7157faf295c6fa37c48719f'"></vc-imagery-provider-amap> |             <vc-imagery-provider-amap :key="'c843a50db7157faf295c6fa37c48719f'"></vc-imagery-provider-amap> | ||||||
|           </vc-layer-imagery> |           </vc-layer-imagery> | ||||||
|           <!-- <vc-entity :position="[99.402267, 23.538889, 4000]" description="Hello VueCesium"> |           <vc-entity> | ||||||
|             <vc-graphics-plane |             <!-- <vc-graphics-polygon | ||||||
|               ref="plane2" |               ref="polygon5" | ||||||
|               :plane="[{ x: 0, y: 1, z: 1 }, 0]" |               :hierarchy="[99.402267, 23.538889, 99.402267, 23.538889, 5000.0, 99.402267, 23.538889, 0.0]" | ||||||
|               :dimensions="[400, 300]" |               :material="[0, 255, 255, 125]" | ||||||
|               :material="[255, 0, 0, 125]" |               :per-position-height="true" | ||||||
|               :outline="true" |               :outline="true" | ||||||
|               outline-color="black" |               outline-color="black" | ||||||
|             ></vc-graphics-plane> |             ></vc-graphics-polygon> --> | ||||||
|           </vc-entity> --> |           </vc-entity> | ||||||
|         </vc-viewer> |         </vc-viewer> | ||||||
|       </vc-config-provider> |       </vc-config-provider> | ||||||
|     </div> |     </div> | ||||||
| @ -24,7 +24,7 @@ | |||||||
| <script setup> | <script setup> | ||||||
| import { isEmpty, getAssetsFile } from '@/utils'; | import { isEmpty, getAssetsFile } from '@/utils'; | ||||||
| import { ref, reactive, onMounted, computed, nextTick, getCurrentInstance } from 'vue'; | import { ref, reactive, onMounted, computed, nextTick, getCurrentInstance } from 'vue'; | ||||||
| import { VcViewer, VcConfigProvider, VcImageryProviderAmap, VcLayerImagery, VcGraphicsPlane, VcEntity } from 'vue-cesium'; | import { VcViewer, VcConfigProvider, VcImageryProviderAmap, VcLayerImagery, VcGraphicsPlane, VcEntity, VcGraphicsPolygon } from 'vue-cesium'; | ||||||
| import 'vue-cesium/dist/index.css'; | import 'vue-cesium/dist/index.css'; | ||||||
| 
 | 
 | ||||||
| const vcConfig = reactive({ | const vcConfig = reactive({ | ||||||
|  | |||||||
| @ -14,7 +14,7 @@ | |||||||
|             <div class="left-charts-item"> |             <div class="left-charts-item"> | ||||||
|               <customBack top-title="昆虫害监测" :top-postion="'left'"> |               <customBack top-title="昆虫害监测" :top-postion="'left'"> | ||||||
|                 <template #back> |                 <template #back> | ||||||
|                   <insectPestsCharts></insectPestsCharts> |                   <!-- <insectPestsCharts></insectPestsCharts> --> | ||||||
|                 </template> |                 </template> | ||||||
|               </customBack> |               </customBack> | ||||||
|             </div> |             </div> | ||||||
| @ -87,7 +87,7 @@ | |||||||
| </template> | </template> | ||||||
| <script setup> | <script setup> | ||||||
| import plantTypeCharts from './components/plantTypeCharts.vue'; | import plantTypeCharts from './components/plantTypeCharts.vue'; | ||||||
| import insectPestsCharts from './components/insectPestsCharts.vue'; | // import insectPestsCharts from './components/insectPestsCharts.vue'; | ||||||
| import pathologyCharts from './components/pathologyCharts.vue'; | import pathologyCharts from './components/pathologyCharts.vue'; | ||||||
| import waterfertilizerCharts from './components/waterfertilizerCharts.vue'; | import waterfertilizerCharts from './components/waterfertilizerCharts.vue'; | ||||||
| import irrigationCharts from './components/irrigationCharts.vue'; | import irrigationCharts from './components/irrigationCharts.vue'; | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user
	 lzc
						lzc