Browse Source

style:echarts

master
waibao2 3 days ago
parent
commit
46eee636b7
  1. 1
      src/components/ChartsBar/index.vue
  2. 1
      src/components/ChartsDataZoom/index.vue
  3. 44
      src/components/ZhengBian/index.vue

1
src/components/ChartsBar/index.vue

@ -247,6 +247,7 @@
nameTextStyle: {//y nameTextStyle: {//y
color: '#464b50' color: '#464b50'
}, },
scale: true,
nameGap: 50, nameGap: 50,
axisLine: { axisLine: {
show: true, show: true,

1
src/components/ChartsDataZoom/index.vue

@ -281,6 +281,7 @@
nameTextStyle: {//y nameTextStyle: {//y
color: '#464b50' color: '#464b50'
}, },
scale: true,
nameGap: 50, nameGap: 50,
axisLine: { axisLine: {
show: true, show: true,

44
src/components/ZhengBian/index.vue

@ -10,7 +10,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="站点"> <el-form-item label="站点">
<el-tree-select filterable :props="{ value: 'stnmId', label: 'name' }" v-model="queryParams.stnmId" style="width: 240px" :data="treeSelectOptions" node-key="id" /> <el-tree-select filterable :props="{ value: 'stnmId', label: 'name' }" v-model="queryParams.stnmId" style="width: 240px" :data="treeSelectOptions" node-key="id" @update:modelValue="changeStnmId"/>
</el-form-item> </el-form-item>
<el-form-item label="开始时间"> <el-form-item label="开始时间">
<el-date-picker v-model="queryParams.startTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" placeholder="选择开始时间" :disabled-date="disabledStartDate"> <el-date-picker v-model="queryParams.startTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" placeholder="选择开始时间" :disabled-date="disabledStartDate">
@ -353,7 +353,7 @@
const handleStationChange = async (stnmId, options, stnm) => { const handleStationChange = async (stnmId, options, stnm) => {
queryParams.stnm = stnm queryParams.stnm = stnm
queryParams.stnmId = stnmId queryParams.stnmId = stnmId
queryParams.stnmIds = stnmId queryParams.stnmIds = queryParams.stnmId
const data = options.filter(item => item.stnmId != stnmId) const data = options.filter(item => item.stnmId != stnmId)
// const data = options // const data = options
stationOptions.value = data stationOptions.value = data
@ -364,10 +364,11 @@
uploadUrl = `${import.meta.env.VUE_APP_BASE_API}${props.requestPrefix}/updatedatabyexcel?stnmId=${queryParams.stnmId}&stationType=${props.stationType}&ycMethod=2` uploadUrl = `${import.meta.env.VUE_APP_BASE_API}${props.requestPrefix}/updatedatabyexcel?stnmId=${queryParams.stnmId}&stationType=${props.stationType}&ycMethod=2`
try { try {
await Promise.all([ await Promise.all([
drawTable1(), getEchartsData(),
drawTable2(), // drawTable1(),
drawTable3(), // drawTable2(),
getEchartsData() // drawTable3(),
]); ]);
} catch (error) { } catch (error) {
@ -416,10 +417,11 @@
} }
} }
await Promise.all([ await Promise.all([
drawTable1(), getEchartsData(),
drawTable2(), // drawTable1(),
drawTable3(), // drawTable2(),
getEchartsData() // drawTable3(),
]); ]);
} }
@ -531,6 +533,7 @@
// //
const drawTable1 = async () => { const drawTable1 = async () => {
gridOptions1.data = []
gridOptions1.loading = true gridOptions1.loading = true
try { try {
let url = props.requestPrefix + '/originaldata' let url = props.requestPrefix + '/originaldata'
@ -568,6 +571,7 @@
}) })
// //
const drawTable2 = async () => { const drawTable2 = async () => {
gridOptions2.data = []
gridOptions2.loading = true gridOptions2.loading = true
try { try {
let url = props.requestPrefix + '/countdata' let url = props.requestPrefix + '/countdata'
@ -589,6 +593,7 @@
}) })
// //
const drawTable3 = async () => { const drawTable3 = async () => {
gridOptions3.data = []
gridOptions3.loading = true gridOptions3.loading = true
try { try {
let url = props.requestPrefix + '/xindaodaydata' let url = props.requestPrefix + '/xindaodaydata'
@ -641,6 +646,10 @@
let url = props.requestPrefix + baseUrl let url = props.requestPrefix + baseUrl
let res = await proxy.axiosPost2(url, queryParams); let res = await proxy.axiosPost2(url, queryParams);
if (res.code === 0) { if (res.code === 0) {
let data = res.data
gridOptions1.data = data.origionDataList
gridOptions2.data = data.hourDataList
gridOptions3.data = data.xindaoDataList
legendData.value = res.data.legend legendData.value = res.data.legend
if (props.stationType !== 'A' && staticType.value == '1') { if (props.stationType !== 'A' && staticType.value == '1') {
@ -734,10 +743,10 @@
const handleQuery = async () => { const handleQuery = async () => {
try { try {
await Promise.all([ await Promise.all([
drawTable1(), getEchartsData(),
drawTable2(), // drawTable1(),
drawTable3(), // drawTable2(),
getEchartsData() // drawTable3(),
]); ]);
} catch (error) { } catch (error) {
@ -750,7 +759,12 @@
queryParams.dataType = val queryParams.dataType = val
handleQuery() handleQuery()
} }
// //
const changeStnmId=(val)=>{
queryParams.stnmId = val
queryParams.stnmIds = val
}
//
let compareStation = ref([]) let compareStation = ref([])
const changeCompareStnmIds = (val) => { const changeCompareStnmIds = (val) => {
compareStation.value = val compareStation.value = val

Loading…
Cancel
Save