瓦斯巡检-更新

src/views/vent/gas/gasAnalysis/index.vue

@@ -66,12 +66,12 @@
                 </a-table>
             </div>
             <div class="echart-area">
-                <div class="left-echart-area">
+                <div class="left-echart-area" v-if="yDataY.length!=0">
                     <echartBox :legendV="legendData" :xData="xData" :yData1="yDataY" :yData2="yDataN"
                         :datazoomShow="false">
                     </echartBox>
                 </div>
-                <div class="right-echart-area">
+                <div class="right-echart-area" v-if="yDataL.length!=0">
                     <echartBox :legendV="legendData1" :xData="xData1" :yData1="yDataL" :datazoomShow="true"
                         :typeV="typeV">
                     </echartBox>
@@ -121,8 +121,8 @@ let legendData1 = reactive({
     itemHeight: 10,
     // itemGap: 35
 })
-let xData1 = ref<any[]>(['2024-12-23', '2024-12-24', '2024-12-25', '2024-12-26', '2024-12-27', '2024-12-28', '2024-12-29',])
-let yDataL = ref<any[]>([1, 4, 6, 8, 10, 7, 4])
+let xData1 = ref<any[]>([])
+let yDataL = ref<any[]>([])
 let typeV = ref('line')
 //table选中数据切换
 let onSelectChange = (selectedRowKeys, selectedRows) => {
@@ -136,16 +136,16 @@ let onSelectChange = (selectedRowKeys, selectedRows) => {
 async function gasReportLogLists() {
     let res = await gasReportLogList({ reportTime: searchTime.value, pageNo: pagination.current, pageSize: pagination.pageSize })
     console.log(res, '瓦斯巡检统计分析列表')
-
-    if (res.code == 200 && res.records.length != 0) {
+    // res.records=[
+    //   {id:1,aaa:111,reportTime:'2024-12-30',totalLossDay:10,totalNight1:1,totalNight2:2,totalEarly1:3,totalEarly2:4,totalNoon1:5,totalNoon2:6,finishNight1:'11',finishNight2:'22',finishEarly1:'33',finishEarly2:'44',finishNoon1:'55',finishNoon2:'66',missNight1:'111',missNight2:'222',missEarly1:'333',missEarly2:'444',missNoon1:'555',missNoon2:'666',lossNight1:'1111',lossNight2:'2222',lossEarly1:'3333',lossEarly2:'4444',lossNoon1:'5555',lossNoon2:'6666',detailsLossNight1:'11111',detailsLossNight2:'22222',detailsLossEarly1:'33333',detailsLossEarly2:'44444',detailsLossNoon1:'55555',detailsLossNoon2:'66666'},
+    //   {id:2,aaa:111,reportTime:'2024-12-29',totalLossDay:8,totalNight1:1,totalNight2:2,totalEarly1:3,totalEarly2:4,totalNoon1:5,totalNoon2:6,finishNight1:'11',finishNight2:'22',finishEarly1:'33',finishEarly2:'44',finishNoon1:'55',finishNoon2:'66',missNight1:'111',missNight2:'222',missEarly1:'333',missEarly2:'444',missNoon1:'555',missNoon2:'666',lossNight1:'1111',lossNight2:'2222',lossEarly1:'3333',lossEarly2:'4444',lossNoon1:'5555',lossNoon2:'6666',detailsLossNight1:'11111',detailsLossNight2:'22222',detailsLossEarly1:'33333',detailsLossEarly2:'44444',detailsLossNoon1:'55555',detailsLossNoon2:'66666'},
+    //   {id:3,aaa:111,reportTime:'2024-12-28',totalLossDay:6,totalNight1:1,totalNight2:2,totalEarly1:3,totalEarly2:4,totalNoon1:5,totalNoon2:6,finishNight1:'11',finishNight2:'22',finishEarly1:'33',finishEarly2:'44',finishNoon1:'55',finishNoon2:'66',missNight1:'111',missNight2:'222',missEarly1:'333',missEarly2:'444',missNoon1:'555',missNoon2:'666',lossNight1:'1111',lossNight2:'2222',lossEarly1:'3333',lossEarly2:'4444',lossNoon1:'5555',lossNoon2:'6666',detailsLossNight1:'11111',detailsLossNight2:'22222',detailsLossEarly1:'33333',detailsLossEarly2:'44444',detailsLossNoon1:'55555',detailsLossNoon2:'66666'}
+    //     ]
+    //     console.log(res,'89898089')
+    if ( res.records.length != 0) {
         pagination.current = 1
-        res.records=[
-      {totalNight1:1,totalNight2:2,totalEarly1:3,totalEarly2:4,totalNoon1:5,totalNoon2:6,finishNight1:'11',finishNight2:'22',finishEarly1:'33',finishEarly2:'44',finishNoon1:'55',finishNoon2:'66',missNight1:'111',missNight2:'222',missEarly1:'333',missEarly2:'444',missNoon1:'555',missNoon2:'666',lossNight1:'1111',lossNight2:'2222',lossEarly1:'3333',lossEarly2:'4444',lossNoon1:'5555',lossNoon2:'6666',detailsLossNight1:'11111',detailsLossNight2:'22222',detailsLossEarly1:'33333',detailsLossEarly2:'44444',detailsLossNoon1:'55555',detailsLossNoon2:'66666'},
-      {totalNight1:1,totalNight2:2,totalEarly1:3,totalEarly2:4,totalNoon1:5,totalNoon2:6,finishNight1:'11',finishNight2:'22',finishEarly1:'33',finishEarly2:'44',finishNoon1:'55',finishNoon2:'66',missNight1:'111',missNight2:'222',missEarly1:'333',missEarly2:'444',missNoon1:'555',missNoon2:'666',lossNight1:'1111',lossNight2:'2222',lossEarly1:'3333',lossEarly2:'4444',lossNoon1:'5555',lossNoon2:'6666',detailsLossNight1:'11111',detailsLossNight2:'22222',detailsLossEarly1:'33333',detailsLossEarly2:'44444',detailsLossNoon1:'55555',detailsLossNoon2:'66666'},
-      {totalNight1:1,totalNight2:2,totalEarly1:3,totalEarly2:4,totalNoon1:5,totalNoon2:6,finishNight1:'11',finishNight2:'22',finishEarly1:'33',finishEarly2:'44',finishNoon1:'55',finishNoon2:'66',missNight1:'111',missNight2:'222',missEarly1:'333',missEarly2:'444',missNoon1:'555',missNoon2:'666',lossNight1:'1111',lossNight2:'2222',lossEarly1:'3333',lossEarly2:'4444',lossNoon1:'5555',lossNoon2:'6666',detailsLossNight1:'11111',detailsLossNight2:'22222',detailsLossEarly1:'33333',detailsLossEarly2:'44444',detailsLossNoon1:'55555',detailsLossNoon2:'66666'}
-        ]
         tableData.value = res.records.map(el => {
-            el.key=new Date().getTime()
+           el.key=el.id
             el.bc = '3'
             el.insType = '2'
             el.xjzs = [el.totalNight1 || 0, el.totalNight2 || 0, el.totalEarly1 || 0, el.totalEarly2 || 0, el.totalNoon1 || 0, el.totalNoon2 || 0]
@@ -157,8 +157,11 @@ async function gasReportLogLists() {
             return el
         })
         pagination.total = res.total
-        xData1.value=res.records.map(v=>v.reportTime)
-        yDataL.value=res.records.map(m=>m.totalLossDay)
+        selectedRowKey.value=[tableData.value[0].id]
+        yDataY.value = tableData.value[0].yxjs
+        yDataN.value = tableData.value[0].wxjs
+        xData1.value=tableData.value.map(v=>v.reportTime)
+        yDataL.value=tableData.value.map(m=>m.totalLossDay)
     }
 }
 //查询
@@ -171,7 +174,7 @@ let getReset = () => {
     gasReportLogLists()
 }
 onMounted(() => {
-    // gasReportLogLists()
+    gasReportLogLists()
 })
 
 </script>