feat:edit

.env.development

@@ -1,6 +1,6 @@
 # 开发环境
 VITE_PORT = 9000
 VITE_APP_NAME = 'digital-agriculture-screen'
-VITE_APP_NAME = '政务云数据大屏可视化'
+VITE_APP_TITLE = '政务云数据大屏可视化'
 VITE_APP_BASE_API = '/apis' 
 VITE_APP_BASE_URL = 'http://192.168.18.99:8080'

.env.production

@@ -1,5 +1,5 @@
 # 生产环境
 VITE_APP_NAME = 'digital-agriculture-screen'
-VITE_APP_NAME = '政务云数据大屏可视化'
+VITE_APP_TITLE = '政务云数据大屏可视化'
 VITE_APP_BASE_API = '/apis' 
 VITE_APP_BASE_URL = ''

.env.test

@@ -1,5 +1,5 @@
 # 测试环境
 VITE_APP_NAME = 'digital-agriculture-screen'
-VITE_APP_NAME = '政务云数据大屏可视化'
+VITE_APP_TITLE = '政务云数据大屏可视化'
 VITE_APP_BASE_API = '/apis' 
 VITE_APP_BASE_URL = ''

components.d.ts

@@ -18,6 +18,7 @@ declare module 'vue' {
     CustomEchartPictorialBar: typeof import('./src/components/custom-echart-pictorial-bar/index.vue')['default']
     CustomEchartPie: typeof import('./src/components/custom-echart-pie/index.vue')['default']
     CustomEchartPie3d: typeof import('./src/components/custom-echart-pie-3d/index.vue')['default']
+    CustomEchartPieCircle: typeof import('./src/components/custom-echart-pie-circle/index.vue')['default']
     CustomEchartPieGauge: typeof import('./src/components/custom-echart-pie-gauge/index.vue')['default']
     CustomEchartRadar: typeof import('./src/components/custom-echart-radar/index.vue')['default']
     CustomEchartScatterBlister: typeof import('./src/components/custom-echart-scatter-blister/index.vue')['default']

package.json

@@ -34,6 +34,7 @@
     "screenfull": "^6.0.2",
     "vue": "^3.3.11",
     "vue-cesium": "^3.2.9",
+    "vue-echarts": "^7.0.3",
     "vue-router": "^4.2.5",
     "vue3-scroll-seamless": "^1.0.6"
   },

src/components/custom-echart-bar/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 export default {
   name: 'CustomEchartBar',
   props: {

src/components/custom-echart-bubble/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'customEchartBubble',

src/components/custom-echart-line-line/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartLineLine',

src/components/custom-echart-line/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartLine',

src/components/custom-echart-maps/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartMaps',

src/components/custom-echart-mixin/index.vue

@@ -5,7 +5,7 @@
 <script>
 import { ref, reactive, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartMixin',

src/components/custom-echart-pictorial-bar/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'customEchartPictorialBar',

src/components/custom-echart-pie-3d/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartPie3d',

src/components/custom-echart-pie-gauge/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartPieGauge',

src/components/custom-echart-pie/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartPie',

src/components/custom-echart-radar/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartRadar',

src/components/custom-echart-scatter-blister/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'customEchartScatterBlister',

src/components/custom-echart-water-droplet/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'customEchartWaterDroplet',

src/components/custom-echart-word-cloud/index.vue

@@ -4,7 +4,7 @@
 <script>
 import { ref, reactive, watch, watchEffect } from 'vue';
 import { cloneDeep } from 'lodash';
-import { useEcharts } from '../../hooks/useEcharts';
+import { useEcharts } from '@/hooks/useEcharts';
 
 export default {
   name: 'CustomEchartWordCloud',

src/views/demo/rank.vue

@@ -55,7 +55,8 @@ const options = ref({
   width: 500px;
   height: 500px;
   margin: 30px auto 0;
-  background-color: #fff;
+  padding: 50px;
+  background-color: #999;
 
   &-title {
     margin-bottom: 20px;