You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
4.7 KiB
125 lines
4.7 KiB
<template>
|
|
<ContentWrap>
|
|
<!-- 搜索工作栏 -->
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true">
|
|
<el-form-item label="日期" prop="date">
|
|
<el-date-picker
|
|
v-model="queryParams.date"
|
|
style="width: 240px; height: 30px"
|
|
value-format="YYYY-MM-DD"
|
|
type="date"
|
|
:clearable="false"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="位置" prop="mcode">
|
|
<el-select v-model="queryParams.mcode" placeholder="请选择">
|
|
<el-option
|
|
v-for="item in mcodeList"
|
|
:key="item.code"
|
|
:label="item.label"
|
|
:value="item.code" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" size="mini" @click="handleQuery">搜索</el-button>
|
|
<el-button size="mini" @click="resetQuery">重置</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</ContentWrap>
|
|
|
|
<!-- 列表 -->
|
|
<ContentWrap>
|
|
<el-divider content-position="left"><div style="font-size:16px; float: left"><b>天然气：</b></div></el-divider>
|
|
<el-table
|
|
v-loading="loading" :data="dataList.dList" border="true" highlight-current-row="true"
|
|
header-row-style="height: 50px; text-align: center">
|
|
<!-- <el-table-column label="" prop="mname" align="right" :show-overflow-tooltip="true" width="250" /> -->
|
|
<el-table-column label="" prop="name" align="right" :show-overflow-tooltip="true" width="150" />
|
|
<el-table-column label="00:00" prop="num0" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="06:00" prop="num6" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="08:00" prop="num8" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="12:00" prop="num12" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="16:00" prop="num16" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="18:00" prop="num18" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="20:00" prop="num20" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="22:00" prop="num22" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="24:00" prop="num24" align="center" :show-overflow-tooltip="true" width="120" />
|
|
<el-table-column label="08:00-00:00" prop="num0008" align="center" :show-overflow-tooltip="true" width="150" />
|
|
<el-table-column label="16:00-08:00" prop="num0816" align="center" :show-overflow-tooltip="true" width="150" />
|
|
<el-table-column label="24:00-16:00" prop="num1624" align="center" :show-overflow-tooltip="true" width="150" />
|
|
<el-table-column label="12:00-00:00" prop="num0012" align="center" :show-overflow-tooltip="true" width="150" />
|
|
<el-table-column label="24:00-12:00" prop="num1224" align="center" :show-overflow-tooltip="true" width="150" />
|
|
<el-table-column label="总(24:00-00:00)" prop="num0024" align="center" :show-overflow-tooltip="true" width="150" />
|
|
<!-- <el-table-column label="电量" prop="numTj" align="center" :show-overflow-tooltip="true" width="100" /> -->
|
|
</el-table>
|
|
</ContentWrap>
|
|
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import * as TjanalysisApi from '@/api/tjanalysis'
|
|
import { formatDate } from '@/utils/formatTime'
|
|
import { get } from 'http'
|
|
import * as PszcCommonApi from '@/api/pszc/pszccommon'
|
|
|
|
defineOptions({ name: 'Natgasdatahr' })
|
|
|
|
const message = useMessage() // 消息弹窗
|
|
const { t } = useI18n() // 国际化
|
|
|
|
const route = useRoute() // 路由信息
|
|
const routeName = ref()
|
|
routeName.value = route.name
|
|
const loading = ref(true)
|
|
const mcodeList = ref([]);
|
|
const dataList = reactive({dList: [] , days: 0})
|
|
const icode = 'Gas_Data_008'
|
|
const queryParams = reactive({
|
|
date: formatDate(new Date() , 'YYYY-MM-DD'),
|
|
mcode:'',
|
|
icode: icode//固定查询
|
|
})
|
|
|
|
const handleQuery = async () => {
|
|
dataList.dList = []
|
|
getList()
|
|
}
|
|
|
|
const resetQuery = async () => {
|
|
dataList.dList = []
|
|
queryParams.date = formatDate(new Date() , 'YYYY-MM-DD')
|
|
getList()
|
|
}
|
|
|
|
const getList = async () => {
|
|
const res = await TjanalysisApi.queryNatgasdataDay(queryParams)
|
|
if (res != null && res.dataList != null) {
|
|
dataList.dList = res.dataList
|
|
}
|
|
loading.value = false
|
|
}
|
|
|
|
|
|
/** 初始化 **/
|
|
onMounted(async () => {
|
|
const res =await PszcCommonApi.selectMcodeListByIcode({flag:1,icode:icode});
|
|
if (res != null && res.length>0) {
|
|
mcodeList.value = res
|
|
queryParams.mcode= mcodeList.value[0].code;
|
|
}
|
|
getList()
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
<style>
|
|
.el-table .success-row {
|
|
background: #f0f9eb;
|
|
}
|
|
|
|
.el-table .success-cols {
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
|
|
|