| | |
| | | ></vxe-grid> |
| | | </div> |
| | | </div> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="Download" |
| | | @click="handleExport2" |
| | | v-hasPermi="['apsPartRouteStat:export']" |
| | | >导åº</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="info" |
| | | plain |
| | | icon="Refresh" |
| | | @click="handleRefresh2" |
| | | v-hasPermi="['apsPartRouteStat:edit']" |
| | | >æ´æ°</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar @queryTable="getList" :search="false"></right-toolbar> |
| | | </el-row> |
| | | <div class="box_container"> |
| | | <div class="title_text">æ°æè§å产è½è´è½½ç»è®¡</div> |
| | | <div class="tabel_container"> |
| | |
| | | } from "@/api/mainPlan/gasProduceStatics.js"; |
| | | import { ref } from "vue"; |
| | | import * as XLSX from "xlsx"; |
| | | import { ElMessage } from "element-plus"; |
| | | const { proxy } = getCurrentInstance(); |
| | | |
| | | const loading = ref(false); |
| | |
| | | let tableData = []; |
| | | let merges = []; |
| | | function handleChangeSelectType(e) { |
| | | searchTypeValue.value = e |
| | | console.log(e,searchTypeValue.value, "sjcsuhcushc"); |
| | | searchTypeValue.value = e; |
| | | console.log(e, searchTypeValue.value, "sjcsuhcushc"); |
| | | if (e === "day") { |
| | | dayCom.value = true; |
| | | } else { |
| | |
| | | const year = dateTime.getFullYear(); |
| | | const month = String(dateTime.getMonth() + 1).padStart(2, "0"); // æä»½ä»0å¼å§ï¼æä»¥éè¦å 1ï¼å¹¶ç¨padStartè¡¥é¶ |
| | | // æ ¼å¼å年份åæä»½ä¸º "yyyy-mm" æ ¼å¼çå符串 |
| | | return`${year}-${month}`; |
| | | return `${year}-${month}`; |
| | | } |
| | | /** æ¥è¯¢é¶ä»¶ç»è®¡è¡¨å表 */ |
| | | function getPipeList() { |
| | | let sYearMonth = ""; |
| | | let eYearMonth = ""; |
| | | // let type = ""; |
| | | // options.map((item) => { |
| | | // if (queryParams.value.searchType === item.label) { |
| | | // type = item.value; |
| | | // } |
| | | // }); |
| | | function dateRangeStr(monthRange) { |
| | | // å建ä¸ä¸ªDate对象 |
| | | let sDate = new Date(queryParams.value.monthRange[0]); |
| | | let eDate = new Date(queryParams.value.monthRange[1]); |
| | | let sDate = new Date(monthRange[0]); |
| | | let eDate = new Date(monthRange[1]); |
| | | // è·å年份åæä»½ |
| | | let sYear = sDate.getFullYear(); |
| | | let sMonth = sDate.getMonth() + 1; // æä»½æ¯ä»0å¼å§çï¼æä»¥è¦å 1 |
| | | let eYear = eDate.getFullYear(); |
| | | let eMonth = eDate.getMonth() + 1; // æä»½æ¯ä»0å¼å§çï¼æä»¥è¦å 1 |
| | | // æ ¼å¼å为"YYYY-MM"çå½¢å¼ |
| | | sYearMonth = `${sYear}-${sMonth.toString().padStart(2, "0")}`; |
| | | eYearMonth = `${eYear}-${eMonth.toString().padStart(2, "0")}`; |
| | | console.log(sYearMonth, eYearMonth, "yearMonth"); |
| | | |
| | | return { |
| | | sYearMonth: `${sYear}-${sMonth.toString().padStart(2, "0")}`, |
| | | eYearMonth: `${eYear}-${eMonth.toString().padStart(2, "0")}`, |
| | | }; |
| | | } |
| | | /** æ¥è¯¢é¶ä»¶ç»è®¡è¡¨å表 */ |
| | | function getPipeList() { |
| | | let rowKey = 0; |
| | | let colKey = 0; |
| | | headers.value = []; |
| | |
| | | tableData = []; |
| | | loading.value = true; |
| | | listGasProduceStatics({ |
| | | searchStartDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? sYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchEndDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? eYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchStartDate: !dayCom.value |
| | | ? dateRangeStr(queryParams.value.monthRange).sYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchEndDate: !dayCom.value |
| | | ? dateRangeStr(queryParams.value.monthRange).eYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchType: searchTypeValue.value, |
| | | major:'piping' |
| | | major: "piping", |
| | | }).then((response) => { |
| | | console.log(response.data.planTable,'responseresponseresponse') |
| | | console.log(response.data.planTable, "responseresponseresponse"); |
| | | const colList = []; |
| | | let headersOne = []; |
| | | let headersTwo = []; |
| | | if(response.code == '200'){ |
| | | if (response.code == "200") { |
| | | if (!response.data.planTitle) { |
| | | loading.value = false; |
| | | return; |
| | | } |
| | | headersOne.push('æ¥æ'); |
| | | headersTwo.push('å·¥åºåç§°'); |
| | | headersOne.push("æ¥æ"); |
| | | headersTwo.push("å·¥åºåç§°"); |
| | | colList.push({ |
| | | field: 'dateCol', |
| | | title: 'æ¥æ', |
| | | fixed: 'left', |
| | | children: [ |
| | | { field: `resourceName`, title: 'å·¥åºåç§°', width: 250, type: 'html'}, |
| | | ], |
| | | width: 160 |
| | | }) |
| | | response.data.planTitle.forEach(item => { |
| | | field: "dateCol", |
| | | title: "æ¥æ", |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: "å·¥åºåç§°", |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | | response.data.planTitle.forEach((item) => { |
| | | headersOne.push(item); |
| | | headersOne.push(''); |
| | | headersOne.push(''); |
| | | headersTwo.push('设计产è½'); |
| | | headersTwo.push('éæ±äº§è½'); |
| | | headersTwo.push('产è½è´è½½'); |
| | | colKey++ |
| | | headersOne.push(""); |
| | | headersOne.push(""); |
| | | headersTwo.push("设计产è½"); |
| | | headersTwo.push("éæ±äº§è½"); |
| | | headersTwo.push("产è½è´è½½"); |
| | | colKey++; |
| | | colList.push({ |
| | | field: `dateColTime${colKey}`, |
| | | title: item, |
| | | children: [ |
| | | { field: `designTimes${colKey}`, title: '设计产è½', width: 80}, |
| | | { field: `requireTimes${colKey}`, title: 'éæ±äº§è½', width: 80}, |
| | | { field: `capacityLoad${colKey}`, title: '产è½è´è½½', width: 80, type: 'html'}, |
| | | { field: `designTimes${colKey}`, title: "设计产è½", width: 80 }, |
| | | { field: `requireTimes${colKey}`, title: "éæ±äº§è½", width: 80 }, |
| | | { |
| | | field: `capacityLoad${colKey}`, |
| | | title: "产è½è´è½½", |
| | | width: 80, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160 |
| | | }) |
| | | width: 160, |
| | | }); |
| | | }); |
| | | |
| | | headers.value.push(headersOne); |
| | | headers.value.push(headersTwo); |
| | | |
| | | const columnList = [...tableColumn, ...colList] |
| | | const dataList = [] |
| | | const columnList = [...tableColumn, ...colList]; |
| | | const dataList = []; |
| | | let startCol = 1; |
| | | |
| | | //è·åmap |
| | | response.data.planTable.map(mapItem => { |
| | | rowKey++ |
| | | response.data.planTable.map((mapItem) => { |
| | | rowKey++; |
| | | let lastCol = startCol + 2; |
| | | merges.push({ s: { r: 0, c: startCol }, e: { r: 0, c: lastCol} }); |
| | | merges.push({ s: { r: 0, c: startCol }, e: { r: 0, c: lastCol } }); |
| | | startCol = lastCol + 1; |
| | | let data = []; |
| | | const item = { |
| | | id: `${rowKey}` |
| | | } |
| | | id: `${rowKey}`, |
| | | }; |
| | | for (const [key, listValue] of Object.entries(mapItem)) { |
| | | data.push(key); |
| | | |
| | | |
| | | let tableKey = 0; |
| | | let flag = false; |
| | | listValue.forEach(listItem => { |
| | | |
| | | tableKey++ |
| | | listValue.forEach((listItem) => { |
| | | tableKey++; |
| | | item[`designTimes${tableKey}`] = listItem.designTimes; |
| | | item[`requireTimes${tableKey}`] = listItem.requireTimes; |
| | | item[`capacityLoad${tableKey}`] = listItem.capacityLoad > 100 ? `<font color="red">${listItem.capacityLoad}%</font>` :listItem.capacityLoad+'%'; |
| | | item[`capacityLoad${tableKey}`] = |
| | | listItem.capacityLoad > 100 |
| | | ? `<font color="red">${listItem.capacityLoad}%</font>` |
| | | : listItem.capacityLoad + "%"; |
| | | data.push(listItem.designTimes); |
| | | data.push(listItem.requireTimes); |
| | | data.push(listItem.capacityLoad+'%'); |
| | | data.push(listItem.capacityLoad + "%"); |
| | | if (listItem.capacityLoad > 100) { |
| | | flag = true; |
| | | } |
| | | }); |
| | | |
| | | item[`resourceName`] = flag ? `<div class='el-badge'><sup class="el-badge__content is-fixed is-dot"></sup>${key}</div>` : key; |
| | | item[`resourceName`] = flag |
| | | ? `<div class='el-badge'><sup class="el-badge__content is-fixed is-dot"></sup>${key}</div>` |
| | | : key; |
| | | } |
| | | exportData.value.push(data); |
| | | dataList.push(item); |
| | | }); |
| | | |
| | | const $grid = gridRef.value |
| | | |
| | | const $grid = gridRef.value; |
| | | if ($grid) { |
| | | tableColumn = columnList |
| | | tableData = [...tableData, ...dataList] |
| | | $grid.loadColumn(tableColumn) |
| | | $grid.loadData(tableData) |
| | | gridOptions.loading = false |
| | | tableColumn = columnList; |
| | | tableData = [...tableData, ...dataList]; |
| | | $grid.loadColumn(tableColumn); |
| | | $grid.loadData(tableData); |
| | | gridOptions.loading = false; |
| | | } |
| | | |
| | | loading.value = false; |
| | |
| | | }); |
| | | } |
| | | function getGasList() { |
| | | let rowKey = 0; |
| | | let colKey = 0; |
| | | headers.value = []; |
| | | exportData.value = []; |
| | | tableColumn = []; |
| | | tableData = []; |
| | | loading.value = true; |
| | | listGasProduceStatics({ |
| | | searchStartDate: !dayCom.value |
| | | ? dateRangeStr(queryParams.value.monthRange).sYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchEndDate: !dayCom.value |
| | | ? dateRangeStr(queryParams.value.monthRange).eYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchType: searchTypeValue.value, |
| | | major: "gas", |
| | | }).then((response) => { |
| | | console.log(response.data.planTable, "responseresponseresponse"); |
| | | const colList = []; |
| | | let headersOne = []; |
| | | let headersTwo = []; |
| | | if (response.code == "200") { |
| | | if (!response.data.planTitle) { |
| | | loading.value = false; |
| | | return; |
| | | } |
| | | headersOne.push("æ¥æ"); |
| | | headersTwo.push("å·¥åºåç§°"); |
| | | colList.push({ |
| | | field: "dateCol", |
| | | title: "æ¥æ", |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: "å·¥åºåç§°", |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | | response.data.planTitle.forEach((item) => { |
| | | headersOne.push(item); |
| | | headersOne.push(""); |
| | | headersOne.push(""); |
| | | headersTwo.push("设计产è½"); |
| | | headersTwo.push("éæ±äº§è½"); |
| | | headersTwo.push("产è½è´è½½"); |
| | | colKey++; |
| | | colList.push({ |
| | | field: `dateColTime${colKey}`, |
| | | title: item, |
| | | children: [ |
| | | { field: `designTimes${colKey}`, title: "设计产è½", width: 80 }, |
| | | { field: `requireTimes${colKey}`, title: "éæ±äº§è½", width: 80 }, |
| | | { |
| | | field: `capacityLoad${colKey}`, |
| | | title: "产è½è´è½½", |
| | | width: 80, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | | }); |
| | | |
| | | headers.value.push(headersOne); |
| | | headers.value.push(headersTwo); |
| | | |
| | | const columnList = [...tableColumn, ...colList]; |
| | | const dataList = []; |
| | | let startCol = 1; |
| | | |
| | | //è·åmap |
| | | response.data.planTable.map((mapItem) => { |
| | | rowKey++; |
| | | let lastCol = startCol + 2; |
| | | merges.push({ s: { r: 0, c: startCol }, e: { r: 0, c: lastCol } }); |
| | | startCol = lastCol + 1; |
| | | let data = []; |
| | | const item = { |
| | | id: `${rowKey}`, |
| | | }; |
| | | for (const [key, listValue] of Object.entries(mapItem)) { |
| | | data.push(key); |
| | | |
| | | let tableKey = 0; |
| | | let flag = false; |
| | | listValue.forEach((listItem) => { |
| | | tableKey++; |
| | | item[`designTimes${tableKey}`] = listItem.designTimes; |
| | | item[`requireTimes${tableKey}`] = listItem.requireTimes; |
| | | item[`capacityLoad${tableKey}`] = |
| | | listItem.capacityLoad > 100 |
| | | ? `<font color="red">${listItem.capacityLoad}%</font>` |
| | | : listItem.capacityLoad + "%"; |
| | | data.push(listItem.designTimes); |
| | | data.push(listItem.requireTimes); |
| | | data.push(listItem.capacityLoad + "%"); |
| | | if (listItem.capacityLoad > 100) { |
| | | flag = true; |
| | | } |
| | | }); |
| | | |
| | | item[`resourceName`] = flag |
| | | ? `<div class='el-badge'><sup class="el-badge__content is-fixed is-dot"></sup>${key}</div>` |
| | | : key; |
| | | } |
| | | exportData.value.push(data); |
| | | dataList.push(item); |
| | | }); |
| | | |
| | | const $grid = gridRef2.value; |
| | | if ($grid) { |
| | | tableColumn = columnList; |
| | | tableData = [...tableData, ...dataList]; |
| | | $grid.loadColumn(tableColumn); |
| | | $grid.loadData(tableData); |
| | | gridOptions.loading = false; |
| | | } |
| | | |
| | | loading.value = false; |
| | | } |
| | | }); |
| | | } |
| | | function formatDate() { |
| | | let sYearMonth = ""; |
| | | let eYearMonth = ""; |
| | | // let type = ""; |
| | |
| | | // æ ¼å¼å为"YYYY-MM"çå½¢å¼ |
| | | sYearMonth = `${sYear}-${sMonth.toString().padStart(2, "0")}`; |
| | | eYearMonth = `${eYear}-${eMonth.toString().padStart(2, "0")}`; |
| | | console.log(sYearMonth, eYearMonth, "yearMonth"); |
| | | |
| | | let rowKey = 0; |
| | | let colKey = 0; |
| | | headers.value = []; |
| | | exportData.value = []; |
| | | tableColumn = []; |
| | | tableData = []; |
| | | loading.value = true; |
| | | listGasProduceStatics({ |
| | | searchStartDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? sYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchEndDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? eYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchType: searchTypeValue.value, |
| | | major:'gas' |
| | | }).then((response) => { |
| | | console.log(response.data.planTable,'responseresponseresponse') |
| | | const colList = []; |
| | | let headersOne = []; |
| | | let headersTwo = []; |
| | | if(response.code == '200'){ |
| | | if (!response.data.planTitle) { |
| | | loading.value = false; |
| | | return; |
| | | } |
| | | headersOne.push('æ¥æ'); |
| | | headersTwo.push('å·¥åºåç§°'); |
| | | colList.push({ |
| | | field: 'dateCol', |
| | | title: 'æ¥æ', |
| | | fixed: 'left', |
| | | children: [ |
| | | { field: `resourceName`, title: 'å·¥åºåç§°', width: 250, type: 'html'}, |
| | | ], |
| | | width: 160 |
| | | }) |
| | | response.data.planTitle.forEach(item => { |
| | | headersOne.push(item); |
| | | headersOne.push(''); |
| | | headersOne.push(''); |
| | | headersTwo.push('设计产è½'); |
| | | headersTwo.push('éæ±äº§è½'); |
| | | headersTwo.push('产è½è´è½½'); |
| | | colKey++ |
| | | colList.push({ |
| | | field: `dateColTime${colKey}`, |
| | | title: item, |
| | | children: [ |
| | | { field: `designTimes${colKey}`, title: '设计产è½', width: 80}, |
| | | { field: `requireTimes${colKey}`, title: 'éæ±äº§è½', width: 80}, |
| | | { field: `capacityLoad${colKey}`, title: '产è½è´è½½', width: 80, type: 'html'}, |
| | | ], |
| | | width: 160 |
| | | }) |
| | | }); |
| | | |
| | | headers.value.push(headersOne); |
| | | headers.value.push(headersTwo); |
| | | |
| | | const columnList = [...tableColumn, ...colList] |
| | | const dataList = [] |
| | | let startCol = 1; |
| | | |
| | | //è·åmap |
| | | response.data.planTable.map(mapItem => { |
| | | rowKey++ |
| | | let lastCol = startCol + 2; |
| | | merges.push({ s: { r: 0, c: startCol }, e: { r: 0, c: lastCol} }); |
| | | startCol = lastCol + 1; |
| | | let data = []; |
| | | const item = { |
| | | id: `${rowKey}` |
| | | } |
| | | for (const [key, listValue] of Object.entries(mapItem)) { |
| | | data.push(key); |
| | | |
| | | let tableKey = 0; |
| | | let flag = false; |
| | | listValue.forEach(listItem => { |
| | | |
| | | tableKey++ |
| | | item[`designTimes${tableKey}`] = listItem.designTimes; |
| | | item[`requireTimes${tableKey}`] = listItem.requireTimes; |
| | | item[`capacityLoad${tableKey}`] = listItem.capacityLoad > 100 ? `<font color="red">${listItem.capacityLoad}%</font>` :listItem.capacityLoad+'%'; |
| | | data.push(listItem.designTimes); |
| | | data.push(listItem.requireTimes); |
| | | data.push(listItem.capacityLoad+'%'); |
| | | if (listItem.capacityLoad > 100) { |
| | | flag = true; |
| | | } |
| | | }); |
| | | |
| | | item[`resourceName`] = flag ? `<div class='el-badge'><sup class="el-badge__content is-fixed is-dot"></sup>${key}</div>` : key; |
| | | } |
| | | exportData.value.push(data); |
| | | dataList.push(item); |
| | | }); |
| | | |
| | | const $grid = gridRef2.value |
| | | if ($grid) { |
| | | tableColumn = columnList |
| | | tableData = [...tableData, ...dataList] |
| | | $grid.loadColumn(tableColumn) |
| | | $grid.loadData(tableData) |
| | | gridOptions.loading = false |
| | | } |
| | | |
| | | loading.value = false; |
| | | } |
| | | }); |
| | | } |
| | | /** å¯¼åºæé®æä½ */ |
| | | function handleExport() { |
| | | let sYearMonth = ""; |
| | | let eYearMonth = ""; |
| | | // let type = ""; |
| | | // options.map((item) => { |
| | | // if (queryParams.value.searchType === item.label) { |
| | | // type = item.value; |
| | | // } |
| | | // }); |
| | | // å建ä¸ä¸ªDate对象 |
| | | let sDate = new Date(queryParams.value.monthRange[0]); |
| | | let eDate = new Date(queryParams.value.monthRange[1]); |
| | | // è·å年份åæä»½ |
| | | let sYear = sDate.getFullYear(); |
| | | let sMonth = sDate.getMonth() + 1; // æä»½æ¯ä»0å¼å§çï¼æä»¥è¦å 1 |
| | | let eYear = eDate.getFullYear(); |
| | | let eMonth = eDate.getMonth() + 1; // æä»½æ¯ä»0å¼å§çï¼æä»¥è¦å 1 |
| | | // æ ¼å¼å为"YYYY-MM"çå½¢å¼ |
| | | sYearMonth = `${sYear}-${sMonth.toString().padStart(2, "0")}`; |
| | | eYearMonth = `${eYear}-${eMonth.toString().padStart(2, "0")}`; |
| | | proxy.download( |
| | | "/aps/apsGasPipingRouteStat/exportExcel", |
| | | {}, |
| | | { |
| | | searchStartDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? sYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchEndDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? eYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchType: searchTypeValue.value, |
| | | major: "piping", |
| | | }, |
| | | `aps_gas_produce_statics_${new Date().getTime()}.xlsx` |
| | | ); |
| | | } |
| | | /** å¯¼åºæé®æä½ */ |
| | | function handleExport2() { |
| | | let sYearMonth = ""; |
| | | let eYearMonth = ""; |
| | | // let type = ""; |
| | | // options.map((item) => { |
| | | // if (queryParams.value.searchType === item.label) { |
| | | // type = item.value; |
| | | // } |
| | | // }); |
| | | // å建ä¸ä¸ªDate对象 |
| | | let sDate = new Date(queryParams.value.monthRange[0]); |
| | | let eDate = new Date(queryParams.value.monthRange[1]); |
| | | // è·å年份åæä»½ |
| | | let sYear = sDate.getFullYear(); |
| | | let sMonth = sDate.getMonth() + 1; // æä»½æ¯ä»0å¼å§çï¼æä»¥è¦å 1 |
| | | let eYear = eDate.getFullYear(); |
| | | let eMonth = eDate.getMonth() + 1; // æä»½æ¯ä»0å¼å§çï¼æä»¥è¦å 1 |
| | | // æ ¼å¼å为"YYYY-MM"çå½¢å¼ |
| | | sYearMonth = `${sYear}-${sMonth.toString().padStart(2, "0")}`; |
| | | eYearMonth = `${eYear}-${eMonth.toString().padStart(2, "0")}`; |
| | | proxy.download( |
| | | "/aps/apsGasPipingRouteStat/exportExcel", |
| | | { |
| | | searchStartDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? sYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchEndDate: |
| | | queryParams.value.searchType === "ææç»è®¡" |
| | | ? eYearMonth |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchType: searchTypeValue.value, |
| | | major: "gas", |
| | | }, |
| | | `aps_gas_produce_statics_${new Date().getTime()}.xlsx` |
| | | ); |
| | | } |
| | |
| | | |
| | | /** éç½®æé®æä½ */ |
| | | function resetQuery() { |
| | | proxy.resetForm("queryRef"); |
| | | handleQuery(); |
| | | queryParams.value.monthRange = ""; |
| | | queryParams.value.monthDays = ""; |
| | | dayCom.value = false; |
| | | (queryParams.value.searchType = "ææç»è®¡"), |
| | | (searchTypeValue.value = "month"); |
| | | tableData = []; |
| | | const $grid = gridRef.value; |
| | | const $grid2 = gridRef2.value; |
| | | if ($grid) { |
| | | $grid.loadColumn([]); |
| | | $grid.loadData([]); |
| | | gridOptions.loading = false; |
| | | } |
| | | if ($grid2) { |
| | | $grid2.loadColumn([]); |
| | | $grid2.loadData([]); |
| | | gridOptions.loading = false; |
| | | } |
| | | } |
| | | /** å·æ°æé®æä½ */ |
| | | function handleRefresh() { |
| | | updateStat().then((response) => { |
| | | if (response.code == "200") { |
| | | getPipeList(); |
| | | getGasList(); |
| | | getPipeList(); |
| | | getGasList(); |
| | | } |
| | | }); |
| | | } |