删除文件名字问题
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