diff --git a/pages/hdDetail/jcsj/jcsj.vue b/pages/hdDetail/jcsj/jcsj.vue index 0fe7737..0d4ab04 100644 --- a/pages/hdDetail/jcsj/jcsj.vue +++ b/pages/hdDetail/jcsj/jcsj.vue @@ -1,10 +1,21 @@ @@ -23,7 +48,7 @@ import JcsjTable from "./jcsjTable" import drpOption from "./chartOption.js" const stm = moment().subtract(7, 'days').add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm"); - const etm = moment().add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm"); + const etm = moment().add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm"); export default { props:{ stcd:String, @@ -31,21 +56,39 @@ }, data() { return { - tm:[stm,etm], + startTime:stm, + endTime:etm, + stm, + etm, tableData:[], - chartData: {}, + chartData: {chartData:{},eopts:{}}, rainChartData:{}, + showTime:false, + showTime1:false } }, components:{ JcsjTable }, watch:{ - rainChartData(newV, oldV){ + rainChartData:{ + handler(newV){ this.chartData = {...drpOption(newV)} + }, + deep:true } }, methods: { + handleStartTime(e){ + let time = moment(e.value).format("YYYY-MM-DD HH:mm") + this.stm = time + this.showTime = false + }, + handleEndTime(e){ + let time = moment(e.value).format("YYYY-MM-DD HH:mm") + this.etm = time; + this.showTime1 = false + }, handleRanger(e){ console.log(e); this.tm = [...e] @@ -57,8 +100,8 @@ "/gunshiApp/xfflood/attResBase/rainBasinDivision/queryStStbprpPerHour/StcdAndStartTimeAndEndTime", { stcd:this.stcd, - startTime:moment(this.tm[0]).format("YYYY-MM-DD HH:mm:ss"), - endTime:moment(this.tm[1]).format("YYYY-MM-DD HH:mm:ss"), + startTime:moment(this.stm).format("YYYY-MM-DD HH:mm:ss"), + endTime:moment(this.etm).format("YYYY-MM-DD HH:mm:ss"), }) if(data.code == 200){ this.tableData = [...data.data] @@ -74,10 +117,9 @@ "/gunshiApp/xfflood/attResBase/rainBasinDivision/queryStStbprpPerHourChart/StcdAndStartTimeAndEndTime", { stcd:this.stcd, - startTime:moment(this.tm[0]).format("YYYY-MM-DD HH:mm:ss"), - endTime:moment(this.tm[1]).format("YYYY-MM-DD HH:mm:ss"), + startTime:moment(this.stm).format("YYYY-MM-DD HH:mm:ss"), + endTime:moment(this.etm).format("YYYY-MM-DD HH:mm:ss"), }) - console.log("data",data); if(data.code == 200){ this.rainChartData = {...data.data} } @@ -101,12 +143,18 @@ diff --git a/uni_modules/qiun-data-charts/js_sdk/u-charts/config-echarts.js b/uni_modules/qiun-data-charts/js_sdk/u-charts/config-echarts.js index 7b8168f..8d335c1 100644 --- a/uni_modules/qiun-data-charts/js_sdk/u-charts/config-echarts.js +++ b/uni_modules/qiun-data-charts/js_sdk/u-charts/config-echarts.js @@ -53,7 +53,10 @@ const cfe = { }, legendFormat:function(name){ return "自定义图例+"+name; - }, + }, + "xAxisFormat": function (value) { + return value.substr('2020--'.length, 11) + }, yAxisFormatDemo:function (value, index) { return value + '元'; },