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 @@
-
+
+ 开始时间
+ {{stm}}
+
+
+ 结束时间
+ {{etm}}
+
+ 搜索
+
+
+
-
+
+
+
@@ -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 + '元';
},