v1.7_EDB

src/views/dataEDB/components/EDBChartDetail.vue

@@ -1,19 +1,46 @@
 <script setup>
-import {ref} from 'vue'
+import {ref,onMounted} from 'vue'
 import moment from 'moment'
 import {yearSelectOpt} from '@/hooks/chart/config'
+import apiDataEDB from '@/api/dataEDB'
 import { useWindowSize } from '@vueuse/core'
+import { useRoute } from 'vue-router'
 
 const { width } = useWindowSize()
+const route=useRoute()
 
 const props=defineProps({
     edbInfo:{
-        type:Object||null,
+        type:Object,
         default:null,
         require:true
     }
 })
 
+// 设置曲线图
+function setLineChart(){
+
+}
+
+// 获取指标曲线图数据
+async function getEDBLineChartData(){
+    const res=await apiDataEDB.edbLineChartData({
+        EdbInfoId:route.query.edbInfoId,
+        DateType:selectYear.value,
+        StartDate:selectStartDate.value,
+        EndDate:selectEndDate.value
+    })
+    if(res.Ret===200){
+
+    }
+}
+
+onMounted(() => {
+    getEDBLineChartData()
+})
+
+
+
 // 图表类型
 const chartTypeOpts=[
     {
@@ -74,7 +101,7 @@ const selectYear=ref(10)
                     <path d="M2.50049 11.9999L26.0165 11.9999L18.3281 4.50217L19.7244 3.07031L29.0668 12.181C29.7475 12.8447 29.2776 13.9999 28.3268 13.9999L2.50049 13.9999V11.9999Z" fill="#0052D9"/>
                     <path d="M29.5 19.9999L6.04053 19.9999L13.6611 27.2007L12.2874 28.6544L2.94908 19.8303C2.2522 19.1718 2.71812 17.9999 3.6771 17.9999L29.5 17.9999V19.9999Z" fill="#0052D9"/>
                 </svg>
-                <span>曲线图</span>
+                <span>{{chartType}}</span>
             </div>
         </div>
         <!-- 图表渲染区域 -->