代码修改

src/components/ContractModel/data.tsx

@@ -37,7 +37,7 @@ export const columns: (
     width: 200,
   },
   {
-    title: '投资金额',
+    title: '结算金额',
     dataIndex: 'investmentAount',
     width: 180,
   },

src/views/changeSignature/addChangeSignature.vue

@@ -30,8 +30,6 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-
-
 import {unref, computed, onMounted, reactive,ref} from 'vue';
 import {router} from "@/router";
 const getTitle = ref('');
@@ -244,6 +242,7 @@ async function handleNew(info: any) {
     const contractList = []
     const contract = {
       contractId: info.id,
+      //合同名称
       proChngeVisaQuarterId:null
     }
     if( isUpdate){

src/views/changeSignature/changeSignatrue.data.ts

@@ -130,6 +130,14 @@ export const formSchema: FormSchema[] = [
 ];
 export const Content: FormSchema[] = [
   {
+    field: 'contractName',
+    label: ' 合同名称',
+    required: true,
+    component: 'Input',
+    colProps: { span: 7, offset: 1 },
+  },
+
+    {
     //bidding_method
     field: 'biddingMethod',
     label: '招标方式',
@@ -189,13 +197,6 @@ export const Content: FormSchema[] = [
     },
     colProps: { span: 7, offset: 1 },
   },
-  {
-    field: 'contractName',
-    label: ' 合同名称',
-    required: true,
-    component: 'Input',
-    colProps: { span: 7, offset: 1 },
-  },
 
   {
     //first_party_name

src/views/dashboard/analysis/components/ConstructionNature.vue

@@ -32,7 +32,7 @@ onBeforeMount( async ()=>{
         name: '',
         type: 'pie',
         radius: ['30%', '70%'],
-        avoidLabelOverlap: false,
+        // avoidLabelOverlap: false,
         label: {
           show: false,
           position: 'center'

src/views/dashboard/analysis/components/VisitSource.vue

+<!--<template>-->
+<!--  <Card title="资金来源占比" :loading="loading" size="small">-->
+<!--    <div ref="chartRef" :style="{ width, height }"></div>-->
+<!--  </Card>-->
+<!--</template>-->
+<!--<script lang="ts" setup>-->
+<!--  import { Ref, ref, watch,onMounted } from 'vue';-->
+<!--  import { Card } from 'ant-design-vue';-->
+<!--  import { useECharts } from '@/hooks/web/useECharts';-->
+
+<!--  import  {getSourceOfFunds} from '@/api/dashboard/dashboard';-->
+<!--  const    loading=ref(true)-->
+<!--  const  dataNumber= ref([])-->
+<!--  onMounted( async ()=>{-->
+<!--     let  data=await  getSourceOfFunds();-->
+<!--     if(data){-->
+<!--       loading.value=false-->
+<!--     }-->
+<!--    dataNumber.value= data-->
+<!--    console.log(data,"数据查看")-->
+<!--    setOptions({-->
+<!--      tooltip: {-->
+<!--        trigger: 'item'-->
+<!--      },-->
+<!--      legend: {-->
+<!--        top: '20%',-->
+<!--        right: 'right'-->
+<!--      },-->
+<!--      series: [-->
+<!--        {-->
+<!--          color: ['#FF7A8C', '#52C1F5', '#8167F5', '#FFA94C'],-->
+<!--          name: 'Access From',-->
+<!--          type: 'pie',-->
+<!--          radius: ['30%', '60%'],-->
+<!--          avoidLabelOverlap: false,-->
+<!--          itemStyle: {-->
+<!--            borderRadius:7,-->
+<!--            borderColor: '#fff',-->
+<!--            borderWidth:10-->
+<!--          },-->
+<!--          label: {-->
+<!--            show: false,-->
+<!--            position: 'center'-->
+<!--          },-->
+<!--          emphasis: {-->
+<!--            label: {-->
+<!--              show: true,-->
+<!--              fontSize: 40,-->
+<!--              fontWeight: 'bold'-->
+<!--            }-->
+<!--          },-->
+<!--          labelLine: {-->
+<!--            show: false-->
+<!--          },-->
+<!--          data:  dataNumber.value-->
+<!--        }-->
+<!--      ]-->
+<!--    });-->
+
+<!--  })-->
+
+<!--  const props = defineProps({-->
+<!--    width: {-->
+<!--      type: String as PropType<string>,-->
+<!--      default: '100%',-->
+<!--    },-->
+<!--    height: {-->
+<!--      type: String as PropType<string>,-->
+<!--      default: '300px',-->
+<!--    },-->
+<!--  });-->
+<!--  const chartRef = ref<HTMLDivElement | null>(null);-->
+<!--  const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);-->
+<!--</script>-->
+
+
+
+
 <template>
   <Card title="资金来源占比" :loading="loading" size="small">
-    <div ref="chartRef" :style="{ width, height }"></div>
+    <div ref="chartRef" :style="{ width, height }" id="main"></div>
   </Card>
 </template>
 <script lang="ts" setup>
-  import { Ref, ref, watch,onMounted } from 'vue';
-  import { Card } from 'ant-design-vue';
-  import { useECharts } from '@/hooks/web/useECharts';
-
-  import  {getSourceOfFunds} from '@/api/dashboard/dashboard';
-  const    loading=ref(true)
-  const  dataNumber= ref([])
-  onMounted( async ()=>{
-     let  data=await  getSourceOfFunds();
-     if(data){
-       loading.value=false
-     }
-    dataNumber.value= data
-    console.log(data,"数据查看")
-    setOptions({
-      tooltip: {
-        trigger: 'item'
+import { Ref, ref, watch,onMounted } from 'vue';
+import { Card } from 'ant-design-vue';
+import { useECharts } from '@/hooks/web/useECharts';
+import echarts from "@/utils/lib/echarts";
+import  {getSourceOfFunds} from '@/api/dashboard/dashboard';
+const chartRef = ref<HTMLDivElement | null>(null);
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
+const    loading=ref(true)
+onMounted( async ()=>{
+  loading.value=false
+         let  result=await  getSourceOfFunds();
+  console.log(result,"数据查看")
+ //在初始化   myChart  ref是chartRef
+
+  const data = result
+  const colorList = [
+    new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+      {
+        offset: 0,
+        color: "#FF7A8C",
       },
-      legend: {
-        top: '20%',
-        right: 'right'
+      {
+        offset: 1,
+        color: "#FF7A8C",
       },
-      series: [
-        {
-          color: ['#FF7A8C', '#52C1F5', '#8167F5', '#FFA94C'],
-          name: 'Access From',
-          type: 'pie',
-          radius: ['30%', '60%'],
-          avoidLabelOverlap: false,
-          itemStyle: {
-            borderRadius:7,
-            borderColor: '#fff',
-            borderWidth:10
-          },
-          label: {
-            show: false,
-            position: 'center'
+    ]),
+    new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      {
+        offset: 0,
+        color: "#52C1F5",
+      },
+      {
+        offset: 1,
+        color: "#52C1F5",
+      },
+    ]),
+
+    new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+      {
+        offset: 0,
+        color: "#8167F5",
+      },
+      {
+        offset: 1,
+        color: "#8167F5",
+      },
+    ]),
+
+    new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+      {
+        offset: 0,
+        color: "#FFA94C",
+      },
+      {
+        offset: 1,
+        color: "#FFA94C",
+      },
+    ]),
+
+    new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+      {
+        offset: 0,
+        color: "rgba(126, 66, 255, 0)",
+      },
+      {
+        offset: 1,
+        color: "rgba(126, 66, 255, 1)",
+      },
+    ]),
+  ];
+  const color = [
+    "#FF7A8C",
+    "#52C1F5",
+    "#8167F5",
+    "#FFA94C",
+  ];
+  // 外圈数据
+  const data1 = data.map((item, index) => {
+    return {
+      ...item,
+      emphasis: {
+        show: true,
+        scaleSize: 9,
+        itemStyle: {
+          color: color[index],
+        },
+        label: {
+          show: true,
+        },
+      },
+    };
+  });
+
+  console.log(data1,"data1")
+  // 内圈数据
+  // 鼠标移入移出效果
+
+  setOptions({
+
+    legend: {
+      top: '20%',
+      right: 'right',
+      formatter: (name) => {
+        let item = data.find((item) => item.name === name);
+
+        return `${item.name}`+"   " + `${item.value}`;
+      },
+    },
+    series: [
+      {
+        // 外圈
+        // name: "mainPie",
+        type: "pie",
+        radius: [80, 100],
+        center: ["50%", "60%"],
+        itemStyle: {
+          color: (params) => {
+            return colorList[params.dataIndex];
           },
-          emphasis: {
-            label: {
-              show: true,
-              fontSize: 40,
-              fontWeight: 'bold'
-            }
+        },
+        label: {
+          show: false,
+          position: "center",
+          formatter: (params) => {
+            return `{name|${params.name}}\n{value|${params.percent}}{label|%}`;
           },
-          labelLine: {
-            show: false
+          rich: {
+            value: {
+              padding: 10,
+              align: "center",
+              verticalAlign: "middle",
+              fontSize: 26,
+              fontWeight: "bold",
+              color: "#000",
+            },
+            name: {
+              padding: 5,
+              align: "center",
+              verticalAlign: "middle",
+              fontSize: 14,
+              fontWeight: 500,
+              color: "#ccc",
+            },
           },
-          data:  dataNumber.value
-        }
-      ]
-    });
-
-  })
+        },
 
-  const props = defineProps({
-    width: {
-      type: String as PropType<string>,
-      default: '100%',
-    },
-    height: {
-      type: String as PropType<string>,
-      default: '300px',
-    },
+        data: data1,
+      },
+    ],
   });
-  const chartRef = ref<HTMLDivElement | null>(null);
-  const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
+})
+
+const props = defineProps({
+  width: {
+    type: String as PropType<string>,
+    default: '100%',
+  },
+  height: {
+    type: String as PropType<string>,
+    default: '300px',
+  },
+});
+
 </script>
+