+
版本号
@@ -45,16 +45,11 @@
+ .userinfo {
+ border-radius: 5px;
+ display: flex;
+ flex-direction: row;
+ margin-top: 5vh;
+ margin-left: 2vw;
+ margin-bottom: 2vh;
+ align-items: center;
+ width: 95%;
+ height: 6vh;
+ background-color: #007afd;
+
+ }
+
+ .icon {
+ width: 6vw;
+ height: 6vh;
+ align-items: center;
+ line-height: 6vh;
+ }
+
+ .Header {
+ display: flex;
+ flex-direction: row;
+ flex: 0.95;
+ justify-content: center;
+ color: white;
+ font-size: 20px;
+ }
+
+ .info {
+ margin: 1vh;
+
+ }
+
+ .listContainer {
+ height: 6vh;
+ line-height: 8vh;
+ }
+
+ .button {
+ margin-top: 60vh;
+ border-radius: 10px;
+ display: flex;
+ flex-direction: column-reverse;
+ width: 92%;
+ height: 6vh;
+ font-size: 20px;
+ color: white;
+ background-color: #007afd;
+ }
+
+ .slot-image {
+ margin-top: 12px;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ }
+
\ No newline at end of file
diff --git a/pages/skDetail/tjsj/tjsj.vue b/pages/skDetail/tjsj/tjsj.vue
index 3c9c003..f7a4880 100644
--- a/pages/skDetail/tjsj/tjsj.vue
+++ b/pages/skDetail/tjsj/tjsj.vue
@@ -95,12 +95,6 @@
+
\ No newline at end of file
diff --git a/pages/skInfo/detail/index.vue b/pages/skInfo/detail/index.vue
index 4ecff59..d88e39c 100644
--- a/pages/skInfo/detail/index.vue
+++ b/pages/skInfo/detail/index.vue
@@ -1,39 +1,36 @@
-
-
+
-
-
-
- {{nowNum}}/{{15}}
-
- 2024-08-12 11:00
-
-
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/skInfo/detail/krqx/chartOptions.js b/pages/skInfo/detail/krqx/chartOptions.js
new file mode 100644
index 0000000..76efa7e
--- /dev/null
+++ b/pages/skInfo/detail/krqx/chartOptions.js
@@ -0,0 +1,80 @@
+import {GetInterval} from "../../../../utils/tools"
+export default function DrpOption(data) {
+ const maxVal = Math.ceil(Math.max(...data.map(obj => obj.rz)))
+ const minVal = Math.floor(Math.min(...data.map(obj => obj.rz)))
+ const maxValX = Math.max(...data.map(obj => obj.w))
+ const minValX = Math.min(...data.map(obj => obj.w))
+ let arr = []
+
+ data.forEach(item=>{
+ arr.push([item.w,item.rz])
+ })
+ let eopts = {
+ tooltip: {
+ trigger: 'axis',
+ },
+ grid: [
+ {
+ top: "12%",
+ left: "12%",
+ right: "18%",
+ bottom: "8%"
+ },
+ ],
+ xAxis: [
+ {
+ name: "库容(万m³)",
+ nameGap: 5,
+ type: 'value',
+ min:Math.floor(minValX / 5) *5,
+ max:Math.ceil(maxValX / 5) *5,
+ interval:GetInterval(minValX,maxValX),
+ data: data.map(o => o.w),
+ splitLine: {
+ show: false
+ },
+ }
+ ],
+ yAxis: [
+ {
+ type: 'value',
+ name: "库水位(m)",
+ minInterval:1,
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: '#07a6ff',
+ width: 0.25,
+ type: 'dotted'
+ }
+ },
+ axisLabel: {
+ color: '#333',
+ fontSize: 12,
+ },
+ axisLine: {
+ show: true
+ },
+ axisTick: {
+ show: true,
+ },
+ min: minVal,
+ max: maxVal
+ }
+ ],
+ };
+ let chartData = {
+ series: [
+ {
+ type: 'line',
+ color: "#007AFD",
+ data: arr,
+ smooth: true
+ },
+ ]
+ };
+ return {
+ eopts,
+ chartData
+ }
+}
\ No newline at end of file
diff --git a/pages/skInfo/detail/krqx/index.vue b/pages/skInfo/detail/krqx/index.vue
new file mode 100644
index 0000000..c9955a2
--- /dev/null
+++ b/pages/skInfo/detail/krqx/index.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/skInfo/detail/krqx/jcsjTable.vue b/pages/skInfo/detail/krqx/jcsjTable.vue
new file mode 100644
index 0000000..dd7a4bd
--- /dev/null
+++ b/pages/skInfo/detail/krqx/jcsjTable.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+ |
+ 水位(m)
+ |
+ 库容(万m³) |
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/skInfo/detail/tzcs.vue b/pages/skInfo/detail/tzcs.vue
new file mode 100644
index 0000000..fe4f9e5
--- /dev/null
+++ b/pages/skInfo/detail/tzcs.vue
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+ {{item.name}}
+ {{item.value||"-"}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/xcrw/index.vue b/pages/xcrw/index.vue
index bf5c4aa..1f0cf55 100644
--- a/pages/xcrw/index.vue
+++ b/pages/xcrw/index.vue
@@ -87,7 +87,7 @@
this.getData()
},
handleStartTime(e){
- let time = moment(e.value).format("YYYY-MM-DD HH:mm")
+ let time = moment(e.value).format("YYYY-MM-DD HH:mm")
this.stm = time
this.showTime = false
},
diff --git a/pages/ylzList/detail/index.vue b/pages/ylzList/detail/index.vue
new file mode 100644
index 0000000..b151bb3
--- /dev/null
+++ b/pages/ylzList/detail/index.vue
@@ -0,0 +1,172 @@
+
+
+
+
+
+
+ 监测数据
+
+
+ 统计数据
+
+
+
+
+
+ 开始时间
+ {{stm}}
+
+
+ 结束时间
+ {{etm}}
+
+ 搜索
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/ylzList/detail/jcOptions.js b/pages/ylzList/detail/jcOptions.js
new file mode 100644
index 0000000..fbdbf4b
--- /dev/null
+++ b/pages/ylzList/detail/jcOptions.js
@@ -0,0 +1,181 @@
+
+import echarts from 'echarts/lib/echarts';
+export default function DrpOption(echartData) {
+ console.log("echartData",echartData);
+
+ let totalDrp = 0;
+ const DRPLEVEL = [10, 20, 50, 100, 250];
+ const maxVal = DRPLEVEL.find(o => o > totalDrp);
+ const xMaxVal = echartData?.actual ? DRPLEVEL.find(o => {
+ let max = Math.max(...echartData?.actual || [])
+ return o > max
+ }):maxVal
+ // const xMaxVal = Math.ceil(Math.max(...echartData.actual)) + 2
+ const yMaxVal = echartData?.actual ? DRPLEVEL.find(o => {
+ let max = Math.max(...echartData?.total)
+ return o > max
+ }): maxVal
+ let eopts = {
+ tooltip: {
+ trigger: 'axis',
+ },
+ grid: {
+ x: 40,
+ y: 30,
+ x2: 30,
+ y2: 28,
+ borderWidth: 0
+ },
+ legend: {
+ // 显示图例
+ show: true,
+ // 图例的位置
+ data: ['实测', '累计']
+ },
+ calculable: true,
+ xAxis: [
+ {
+ type: 'category',
+ data: echartData.time,
+ splitLine: {
+ show: false
+ },
+ axisLabel: {
+ color: '#333',
+ fontSize: 12,
+ format:"jcDataFormat"
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#07a6ff',
+ width: 0.5,
+ }
+ },
+ axisTick: {
+ show: false,
+ },
+ }
+ ],
+ yAxis: [
+ {
+ type: 'value',
+ position: 'left',
+ name:"雨量mm",
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: '#07a6ff',
+ width: 0.25,
+ type: 'dashed'
+ }
+ },
+ axisLabel: {
+ color: '#333',
+ fontSize: 12,
+ },
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false,
+ },
+ min: 0,
+ max: xMaxVal
+ },
+ {
+ type: 'value',
+ position: 'right',
+ name:"累计mm",
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: '#07a6ff',
+ width: 0.25,
+ type: 'dashed'
+ }
+ },
+ axisLabel: {
+ color: '#333',
+ fontSize: 12,
+ },
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false,
+ },
+ min: 0,
+ max: yMaxVal
+ }
+ ],
+ };
+ let chartData = {
+ series: [
+ {
+ name: '实测',
+ type: 'bar',
+ barWidth: '60%',
+ data: echartData.actual,
+ itemStyle: {
+ normal: {
+ barBorderRadius: [3, 3, 0, 0],
+ color: new echarts.graphic.LinearGradient(
+ 0, 0, 0, 1,
+ [
+ { offset: 0, color: '#3876cd' },
+ { offset: 0.5, color: '#45b4e7' },
+ { offset: 1, color: '#54ffff' }
+ ]
+ ),
+ },
+ },
+ label: {
+ show: false,
+ },
+ markPoint: {
+ data: [
+ { type: 'max', name: '最大值', symbol: 'circle', symbolSize: 1, symbolOffset: [0, -12] },
+ ]
+ },
+ },
+ {
+ yAxisIndex: 1,
+ name: '累计',
+ type: 'line',
+ showSymbol: false,
+ label: {
+ show: false,
+ },
+ data: echartData.total,
+ lineStyle: {
+ normal: {
+ width: 1,
+ }
+ },
+ areaStyle: {
+ normal: {
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+ offset: 0,
+ color: 'rgba(3, 194, 236, 0.3)'
+ }, {
+ offset: 0.8,
+ color: 'rgba(3, 194, 236, 0)'
+ }
+ ], false),
+ shadowColor: 'rgba(0, 0, 0, 0.1)',
+ shadowBlur: 10
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: '#03C2EC'
+ }
+ },
+ }
+ ]
+ };
+ return {
+ eopts,
+ chartData
+ }
+}
\ No newline at end of file
diff --git a/pages/ylzList/detail/jcTable.vue b/pages/ylzList/detail/jcTable.vue
new file mode 100644
index 0000000..6687c1b
--- /dev/null
+++ b/pages/ylzList/detail/jcTable.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+ |
+ 序号
+ |
+
+ 时间
+ |
+ 小时雨量(mm) |
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/ylzList/detail/tjsjTable.vue b/pages/ylzList/detail/tjsjTable.vue
new file mode 100644
index 0000000..527de70
--- /dev/null
+++ b/pages/ylzList/detail/tjsjTable.vue
@@ -0,0 +1,139 @@
+
+
+
+
+ 近1h雨量(mm)
+
+
+ {{tableData.h1||0}}
+
+
+ 近3h雨量(mm)
+
+
+ {{tableData.h3||0}}
+
+
+ 近6h雨量(mm)
+
+
+ {{tableData.h6||0}}
+
+
+ 近12h雨量(mm)
+
+
+ {{tableData.h12||0}}
+
+
+ 近24h雨量(mm)
+
+
+ {{tableData.h24||0}}
+
+
+ 近48h雨量(mm)
+
+
+ {{tableData.h48||0}}
+
+
+ 今日雨量(mm)
+
+
+ {{tableData.today||0}}
+
+
+ 昨日雨量(mm)
+
+
+ {{tableData.yesterdayDrp||0}}
+
+
+ 本月雨量(mm)
+
+
+ {{tableData.monthDrp||0}}
+
+
+ 本年雨量(mm)
+
+
+ {{tableData.yearDrp||0}}
+
+
+ 本年降雨天数
+
+
+ {{tableData.yearDrpDay||0}}/{{days}}
+
+
+ 本年最大日雨量(mm)
+
+
+
+ {{tableData.maxDrp||0}}
+ ({{maxDrpTime}})
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/ylzList/index.vue b/pages/ylzList/index.vue
index ce19010..b291430 100644
--- a/pages/ylzList/index.vue
+++ b/pages/ylzList/index.vue
@@ -1,5 +1,5 @@
-
+
{{item.stnm}}
@@ -39,9 +39,32 @@
h12:22,
h24:35,
},
-
+ ylzList:[]
}
- }
+ },
+ methods:{
+
+ // 获取雨量站
+ async getYlzData(){
+ try {
+ const {data} = await uni.$http.post(
+ "/gunshiApp/xyt/stPptnRReal/list")
+ if(data.code == 200){
+ this.ylzList = [...data.data];
+ }
+ } catch (error) {
+ uni.$showMsg();
+ }
+ },
+ toDetail(){
+ uni.navigateTo({
+ url:'/pages/ylzList/detail/index'
+ })
+ },
+ },
+ mounted() {
+ this.getYlzData();
+ },
}
diff --git a/static/images/bg_img.png b/static/images/bg_img.png
new file mode 100644
index 0000000..9422fa5
Binary files /dev/null and b/static/images/bg_img.png differ
diff --git a/static/images/first.jpg b/static/images/first.jpg
new file mode 100644
index 0000000..78bdf62
Binary files /dev/null and b/static/images/first.jpg differ
diff --git a/static/images/second.jpg b/static/images/second.jpg
new file mode 100644
index 0000000..b7b9595
Binary files /dev/null and b/static/images/second.jpg differ
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 25ca87f..06a95f7 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
@@ -85,6 +85,9 @@ const cfe = {
let val = value.data.coord[1]
return `${months}月核定生态流量${val}m³/s`
},
+ "jcDataFormat": function (val) {
+ return val.substr('2020-'.length, 11)
+ },
"yhidden": function (value, index, axis) {
console.log("axis",axis);
diff --git a/utils/tools.js b/utils/tools.js
new file mode 100644
index 0000000..72d5c5e
--- /dev/null
+++ b/utils/tools.js
@@ -0,0 +1,12 @@
+export const GetInterval=(min,max,step=10)=>{
+ const distance = Math.ceil(max) - Math.floor(min)
+ console.log(distance);
+ let s = (distance / step);
+ console.log(s);
+ if (s > 5){
+ s = Math.ceil(s / 5) *5;
+ return s;
+ }else{
+ return Math.ceil(s)
+ }
+ }
\ No newline at end of file