数据对接

@@ -69,3 +69,60 @@ export function getYS005() {
     }
   })
 }
+
+/**
+ * 左侧 应收账款
+ * @returns {*}
+ */
+export function getYS006() {
+  return request({
+    method: 'post',
+    data: {
+      'INTERFACEID': 'YS006',
+      'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
+    }
+  })
+}
+
+/**
+ * 右侧 开票计划与执行
+ * @returns {*}
+ */
+export function getYS007() {
+  return request({
+    method: 'post',
+    data: {
+      'INTERFACEID': 'YS007',
+      'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
+    }
+  })
+}
+
+
+/**
+ * 右侧 回款
+ * @returns {*}
+ */
+export function getYS008() {
+  return request({
+    method: 'post',
+    data: {
+      'INTERFACEID': 'YS008',
+      'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
+    }
+  })
+}
+
+/**
+ * 右侧 右侧模块-逾期360天以上未开票
+ * @returns {*}
+ */
+export function getYS009() {
+  return request({
+    method: 'post',
+    data: {
+      'INTERFACEID': 'YS009',
+      'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
+    }
+  })
+}

@@ -108,7 +108,9 @@ const bing1 = ref(null)
 const bing2 = ref(null)
 const bing3 = ref(null)
 const textRef = ref(null)
-const form = ref({})
+const form = ref({
+  leaderinfo: []
+})
 
 const resYear1 = ref()
 const resYear2 = ref()
@@ -182,8 +184,6 @@ async function handelGetYS004() {
 async function handelGetYS005() {
   const res = await getYS005()
   form.value = res.data
-  console.log(res)
-
 }
 
 const init = () => {

@@ -18,8 +18,7 @@
             </el-select>
           </div>
           <div class="itemBox">
-            <el-select v-model="queryParams.select2" class="select" placeholder="数据因素(可多选)"
-                       size="small">
+            <el-select v-model="queryParams.select2" class="select" placeholder="数据因素(可多选)" size="small">
               <el-option label="数据因素(可多选)" value="month"/>
             </el-select>
           </div>
@@ -71,6 +70,8 @@ import {onMounted, ref, onUnmounted} from 'vue'
 import {autoToolTip} from "@/plugins/auto-toolTip";
 import * as echarts from "echarts";
 import * as api from "@/apiPc/common"
+import {getYS006} from '@/api/server.js'
+
 
 const queryParams = ref({
   select: null,
@@ -83,6 +84,18 @@ const kindList = ref([])
 const dataA = ref([])
 const radioA = ref('month')
 const radioB = ref('month')
+
+const list = ref([])
+const set1 = ref([])
+const arr1 = ref([])
+const arr2 = ref([])
+const arr3 = ref([])
+const arr4 = ref([])
+
+const h1 = ref([])
+const h2 = ref([])
+const h3 = ref([])
+
 let chartA
 let chartB
 let chartC
@@ -92,11 +105,47 @@ let intervalA = null;
 onMounted(() => {
   // init()
   window.addEventListener('resize', handleResize);
-  setA()
+  handelGetYS006()
+  // setA()
   setB()
-  setC()
+  // setC()
 })
 
+async function handelGetYS006() {
+  const res = await getYS006()
+  list.value = res.data.baselist
+  set1.value = []
+  arr1.value = []
+  arr2.value = []
+  arr3.value = []
+  arr4.value = []
+  h1.value = []
+  h2.value = []
+  h3.value = []
+  for (const val of list.value) {
+    set1.value.push({
+      value: val.TOTAL,
+      name: val.BASE
+    })
+    arr1.value.push(val.YSBALANCE)
+    arr2.value.push(val.LASTTOTAL)
+    arr3.value.push(val.TOTAL)
+    arr4.value.push(val.LASTTOTAL)
+    h1.value.push(val.YSDSK)
+    h2.value.push(val.SFDDQ)
+    h3.value.push(val.HTDQ)
+  }
+
+
+  setA(set1.value)
+  setC(h1.value, h2.value, h3.value)
+  // resYear1.value = res.data.yeargroup
+  // handelBing1(res.data.yeargroup[0], res.data.yeargroup[1])
+  // handelZhu1(res.data.yeargroup[0], res.data.yeargroup[1])
+  // activeName1.value = res.data.yeargroup[1].YEAR
+}
+
+
 const init = () => {
   if (!intervalA) {
     getdata()
@@ -138,7 +187,7 @@ const getBdata = () => {
   })
 }
 
-const setA = () => {
+const setA = (arr) => {
   chartA = echarts.init(zhuRef.value)
   const option = {
     tooltip: {
@@ -161,8 +210,9 @@ const setA = () => {
           }
         }
         // 计算百分比
-        let percentage = ((value / option.series[2].data.reduce((a, b) => a + b.value, 0)) * 100).toFixed(2) + '%';
-        return name + '    ' + percentage;
+        let num1 = ((value / option.series[2].data.reduce((a, b) => a + b.value, 0)) * 100).toFixed(2);
+        let num2 = num1 > 0 ? num1 + '%' : 0 + '%'
+        return name + '    ' + num2;
       },
     },
     series: [
@@ -238,16 +288,17 @@ const setA = () => {
         labelLine: {
           show: false
         },
-        data: [
-          {value: 1048, name: '山西'},
-          {value: 735, name: '深圳'},
-          {value: 580, name: '上海'},
-          {value: 484, name: '海南'},
-          {value: 484, name: '郑州'},
-          {value: 484, name: '合肥'},
-          {value: 484, name: '武汉'},
-          {value: 300, name: '新疆'}
-        ],
+        // data: [
+        //   {value: 1048, name: '山西'},
+        //   {value: 735, name: '深圳'},
+        //   {value: 580, name: '上海'},
+        //   {value: 484, name: '海南'},
+        //   {value: 484, name: '郑州'},
+        //   {value: 484, name: '合肥'},
+        //   {value: 484, name: '武汉'},
+        //   {value: 300, name: '新疆'}
+        // ],
+        data: arr,
       }
     ]
   };
@@ -400,7 +451,7 @@ const setB = () => {
   chartB.setOption(option)
   autoHover(chartB, option, 0, 2000)
 }
-const setC = () => {
+const setC = (h1, h2, h3) => {
   chartC = echarts.init(payeeRef.value)
   const option = {
     tooltip: {
@@ -461,7 +512,8 @@ const setC = () => {
         emphasis: {
           focus: 'series'
         },
-        data: [320, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390],
+        // data: [320, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390],
+        data: h1,
         itemStyle: {
           color: {
             type: 'linear',
@@ -481,7 +533,8 @@ const setC = () => {
         emphasis: {
           focus: 'series'
         },
-        data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210],
+        // data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210],
+        data: h2,
         itemStyle: {
           color: {
             type: 'linear',
@@ -501,7 +554,8 @@ const setC = () => {
         emphasis: {
           focus: 'series'
         },
-        data: [220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290,],
+        // data: [220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290,],
+        data: h3,
         itemStyle: {
           color: {
             type: 'linear',

@@ -30,7 +30,7 @@ const props = defineProps({
   }
 });
 
-const dataList = ref([...props.data]);
+const dataList = ref([...props.data] || []);
 const offset = ref(0);
 const scrollInterval = ref(null);
 const isPaused = ref(false);