From 40db662861995dc9e857889b29275b32638d6600 Mon Sep 17 00:00:00 2001
From: lishenfeng <lishenfeng@gunshiiot.com>
Date: Mon, 4 Nov 2024 17:57:12 +0800
Subject: [PATCH] =?UTF-8?q?feat():=20=E6=B0=B4=E5=BA=93=E7=9B=91=E6=B5=8B?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=A8=A1=E5=9D=97=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                       |   4 +-
 pages/skDetail/tjsj/tjsj.vue  |  16 +-
 pages/skDetail/zrtx/zrtx.vue  |   9 +-
 pages/skInfo/detail/index.vue |  53 ++----
 pages/skInfo/detail/jcxx.vue  | 330 ++++++++++++++++++++++++++++++++++
 pages/xcrw/index.vue          |   2 +-
 static/images/first.jpg       | Bin 0 -> 887 bytes
 static/images/second.jpg      | Bin 0 -> 1151 bytes
 8 files changed, 356 insertions(+), 58 deletions(-)
 create mode 100644 pages/skInfo/detail/jcxx.vue
 create mode 100644 static/images/first.jpg
 create mode 100644 static/images/second.jpg

diff --git a/App.vue b/App.vue
index 3069563..d17179b 100644
--- a/App.vue
+++ b/App.vue
@@ -12,8 +12,8 @@
 				console.log(token.secretKey,'App Launch')
 			} else {
 				uni.reLaunch({
-					url: '/pages/login/login'
-					// url:'/pages/spjk/index'
+					// url: '/pages/login/login'
+					url:'/pages/skInfo/detail/index'
 				})
 				console.log(token.secretKey,'App Launch2')
 			}
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 @@
 <script>
   import moment from "moment"
   export default {
-    props:{
-      stcd:String,
-      source:String,
-      default:''
-    },
-
     data() {
       return {
         tableData:{},
@@ -117,13 +111,8 @@
     methods: {
       async getTableData(){
         try{
-          const {data} = await uni.$http.post(
-          `/gunshiApp/xfflood/river/water/detail`,{
-            source:this.source,
-            stcd:this.stcd,
-            type:2
-          }
-          )
+          const {data} = await uni.$http.get(
+            "/gunshiApp/xyt/reservoir/water/detail?stcd=716164061")
           if(data.code == 200){
             this.tableData = {...data.data};
           }
@@ -141,7 +130,6 @@
 <style lang="scss" scoped>
   .tjsj-box{
     max-height: 100vh;
-    overflow-y: auto;
     .tjsj-row{
       .first-row{
         line-height: 40px;
diff --git a/pages/skDetail/zrtx/zrtx.vue b/pages/skDetail/zrtx/zrtx.vue
index ddd08a9..2152336 100644
--- a/pages/skDetail/zrtx/zrtx.vue
+++ b/pages/skDetail/zrtx/zrtx.vue
@@ -10,10 +10,6 @@
 <script>
   import Card from "./card.vue"
   export default {
-    props:{
-      resCode:String,
-      default:''
-    },
     components:{
       Card
     },
@@ -27,11 +23,10 @@
       async getData(){
         try{ 
           const {data} = await uni.$http.post(
-          "/gunshiApp/xfflood/reservoir/water/safe/person",
+          "/gunshiApp/xyt/resSafePersonB/list",
           {
-           resCode:this.resCode
+           resCode:"42120250085"
           })
-          console.log("data",data);
           if(data.code == 200){
             this.list = [...data.data];
           }
diff --git a/pages/skInfo/detail/index.vue b/pages/skInfo/detail/index.vue
index 4ecff59..f9e15ef 100644
--- a/pages/skInfo/detail/index.vue
+++ b/pages/skInfo/detail/index.vue
@@ -1,39 +1,32 @@
 <template>
-	<view :style="{height:'100vh',overflow:'hidden',backgroundColor:'#f0f0f0'}">
-		<u-navbar title="小玉潭水库1" :autoBack="true" :titleStyle="{
+	<view :style="{height:'100vh',overflow:'auto'}">
+		<u-navbar :title="skInfo.resName" :autoBack="true" :titleStyle="{
 				fontSize:'18px'
 			}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
 		</u-navbar>
-		<u-tabs :list="list1" @click="click" style="background-color: #fff;margin-top: 45px;"></u-tabs>
-		<view class="" style="padding: 5px;">
-			<view class="swiper-content">
-				<text class="num">{{nowNum}}/{{15}}</text>
-				<u-swiper :list="list2" @change="change" @click="click"></u-swiper>
-				<text class="time">2024-08-12 11:00</text>
-			</view>
-		</view>
+		<u-tabs :list="list1" @click="click" style="background-color: #fff;margin-top: 60px;"></u-tabs>
+        <Jcxx v-show="tabs == 0"></Jcxx>
+        <Zrtx v-show="tabs == 4"></Zrtx>
+	
 	</view>
 </template>
 
 <script>
 	import moment from 'moment'
+	import Jcxx from "./jcxx.vue"
+	import Zrtx from "../../skDetail/zrtx/zrtx.vue"
 	export default {
+
 		data() {
 			return {
-				show: false,
+				tabs:0,
 				model: {
 					stm: '',
 					etm: ''
 				},
-				nowNum:1,
 				customStyle: {
 					background: '#000'
 				},
-				list2: [
-					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
-					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
-					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
-				],
 				list1: [{
 					name: '监测信息',
 				}, {
@@ -44,35 +37,27 @@
 					name: '库容曲线'
 				}, {
 					name: '责任人'
-				}]
+				}],
+				skInfo:{}
 			};
 		},
+		components:{
+			Jcxx,
+			Zrtx
+		},
 		onLoad() {
-			console.log('小玉潭水库');
-			this.getList()
+			this.getList();
 		},
 		methods: {
 			click(item) {
-				console.log('item', item);
-			},
-			change(e){
-				console.log(e);
-				this.nowNum = e.current+1
+				this.tabs = item.index;
 			},
 			getList(){
 				uni.$http.post('/gunshiApp/xyt/attResBase/list',this.model).then(res=>{
 					console.log(res,'res');
+					this.skInfo = res.data.data[0];
 				})
 			},
-			confirm(e) {
-				console.log(e);
-				this.model.start = e[0]
-				this.model.end = e[1]
-				this.show = false
-			},
-			cancel() {
-				this.show = false
-			},
 			toDetail() {
 				uni.navigateTo({
 					url: '/pages/wtcl/detail/index'
diff --git a/pages/skInfo/detail/jcxx.vue b/pages/skInfo/detail/jcxx.vue
new file mode 100644
index 0000000..dc7434a
--- /dev/null
+++ b/pages/skInfo/detail/jcxx.vue
@@ -0,0 +1,330 @@
+<template>
+    <view class="" style="padding: 5px;">
+			<view class="swiper-content">
+				<text class="num">{{nowNum}}/{{totalNum}}</text>
+				<u-swiper :list="imgList" height='230px' @change="change" imgMode="scaleToFill" keyName="imgPath"></u-swiper>
+				<text class="time">{{imgTime}}</text>
+			</view>
+             <view class="update-time">
+                <text>更新时间</text>
+                <text>{{info.tm}}</text>
+             </view>
+             <view class="sk-info">
+                <view class="sk-first-row">
+                    <view class="first-item">
+                        <text>{{info.normWatLev}}米</text>
+                        <text>水位</text>
+                    </view>
+                    <view class="first-item">
+                         <text>{{info.nowCap}}米</text>
+                        <text>蓄水量</text>
+                    </view>
+                    <view class="first-line"></view>
+                      <image
+                          style="width: 20px; height: 20px;"
+                          src="../../../static/images/first.jpg"
+                        ></image>
+                </view>
+                <view class="first-extra-row">
+                    <text>坝顶高程{{info.crestElev}}米</text>
+                    <text>汛限水位{{info.flLowLimLev}}米</text>
+                    <text>总库容{{info.totCap}}米</text>
+                </view>
+                <view class="sk-second-row">
+                     <view class="first-item">
+                        <text>{{rainInfo.today}}毫米</text>
+                        <text>今日降雨</text>
+                    </view>
+                    <view class="first-item">
+                         <text>{{rainInfo.yesterdayDrp}}毫米</text>
+                        <text>昨日降雨</text>
+                    </view>
+                    <view class="first-line" style="margin-right:17px"></view>
+                      <image
+                          style="width: 20px; height: 20px;"
+                          src="../../../static/images/second.jpg"
+                        ></image>
+                </view>
+             </view>
+             <view class="rain-box">
+                <view class="rain-title">
+                    <view class="line-icon"></view>
+                    <view >水雨情过程线</view>
+                </view>
+                <view class="time-select">
+                    <view class="time-ranger" >
+    		    <view class="start-time">
+    		    <text>开始时间</text>
+    		    <text @click="showTime=true" style="margin-left:15%;color:#3399ef">{{stm}}</text>
+    		  </view>
+    		  <view class="end-time">
+    		    <text>结束时间</text>
+    		    <text @click="showTime1=true" style="margin:0 15%;color:#3399ef">{{etm}}</text>
+    		     <view class="search-btn" @click="searchHandle">
+    		      搜索
+    		    </view>
+    		  </view>
+
+        </view>
+                </view>
+                <view class="switch-btn">
+                    <u-subsection :list="subsectionList" :current="current" mode="subsection" @change="subsectionChange"></u-subsection>
+                </view>
+                <view class="show-content">
+                    <view style=" height: 500px; overflow-y: auto; padding:0" v-show="current == 0">
+                    <qiun-data-charts  :chartData="chartData.chartData" :echartsApp="true" :eopts="chartData.eopts" />
+                    </view>
+                    <JcTable v-show="current == 1" :tableData='jcTableData'/>
+                    <Tjsj v-show="current == 2" />
+                </view>
+             </view>
+
+              <u-datetime-picker
+                :show="showTime"
+                v-model="startTime"
+                mode="datetime"
+                @confirm="handleStartTime"
+                @cancel="showTime=false"
+        ></u-datetime-picker>
+         <u-datetime-picker
+                :show="showTime1"
+                v-model="endTime"
+                mode="datetime"
+                @confirm="handleEndTime"
+                @cancel="showTime1=false"
+        ></u-datetime-picker>
+	</view>
+       
+</template>
+<script>
+	import moment from 'moment'
+    import Tjsj from "../../skDetail/tjsj/tjsj.vue"
+    import JcTable from "../../skDetail/jcsj/jcsjTable.vue"
+    import drpOption from "../../skDetail/jcsj/chartOption.js"
+    const stm = moment().subtract(7, 'days').set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm");
+    const etm =  moment().set({minute: 0, second: 0}).format("YYYY-MM-DD HH:mm");
+    const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
+  export default {
+    components:{
+        Tjsj,
+        JcTable
+    },
+    data() {
+        return {
+            startTime:stm,
+            endTime:etm,
+            imgList:[],
+            nowNum:1,
+            totalNum:0,
+            imgTime:'2024-08-12 11:00',
+            info:'',
+            rainInfo:{},
+            stm,
+            etm,
+            showTime:false,
+            showTime1:false,
+            subsectionList: ['图', '表', '统计值'],
+            current:0,
+            jcTableData:[],
+            chartData: {},
+        }
+    },
+
+    methods: {
+        // 获取监测图像
+        async getImgList () {
+            try {
+              const {data} = await uni.$http.post(
+          "/gunshiApp/xyt/reservoir/water/real/img",
+          {
+            resCode: "42120250085"
+          })
+          if(data.code == 200){
+            const newArr = data.data.map(item => ({...item,imgPath: url + item.imgPath }))
+            this.totalNum = newArr.length;
+            this.imgList = [...newArr];
+            this.imgTime = this.imgList[0]?.tm || "2024-08-12 11:00";
+            this.nowNum = !newArr.length ? 0 : 1;
+          }
+            } catch (error) {
+                 uni.$showMsg();
+                
+            }
+        },
+        // 获取水库水情基本信息
+        async getSkinfo(){
+            try {
+                 const {data} = await uni.$http.post(
+                  "/gunshiApp/xyt/reservoir/water/list")
+                  if(data.code == 200){
+                    this.info = data.data[0]
+                  }
+            } catch (error) {
+                 uni.$showMsg();
+            }
+        },
+        // 获取雨量信息
+        async getrainInfo(){
+            try {
+                 const {data} = await uni.$http.get(
+                  "/gunshiApp/xyt/reservoir/water/detail?stcd=716164061")
+                  if(data.code == 200){
+                    this.rainInfo = data.data;
+                  }
+            } catch (error) {
+                 uni.$showMsg();
+            }
+        },
+
+        // 搜索
+      async getJcsjData(){
+        try{ 
+          const {data} = await uni.$http.post(
+          "/gunshiApp/xyt/reservoir/water/monitor/data",
+          {
+            stcd:"716164061",
+            stm:moment(this.stm).format("YYYY-MM-DD HH:mm:ss"),
+            etm:moment(this.etm).format("YYYY-MM-DD HH:mm:ss"),
+          })
+          if(data.code == 200){
+            this.jcTableData = [...data.data];
+          }
+        }catch(e){
+         uni.$showMsg();
+        }
+      },
+      searchHandle(){
+         this.getJcsjData()
+     },
+        change(e){
+				this.nowNum = e.current+1;
+                this.imgTime = this.imgList[e.current].tm
+			},
+         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
+    				  },   
+        subsectionChange(e){
+            this.current = e
+        }               
+    },
+      watch:{
+      jcTableData(newV, oldV){
+        if(this.info){
+            this.chartData = {...drpOption(newV,this.info.afsltdz,this.info.flLowLimLev,this.info.desFloodLev,this.info.calFloodLev)}
+        }
+      }
+    },
+    mounted(){
+        this.getImgList();
+        this.getSkinfo();
+        this.getrainInfo();
+        this.getJcsjData();
+    },
+  }
+</script>
+<style lang="scss" scoped>
+	.swiper-content{
+		position: relative;
+		.num{
+			    position: absolute;
+			    top: 10px;
+			    left: 10px;
+			    z-index: 1;
+			    background-color: #000;
+			    color: #fff;
+			    padding: 0 4px;
+			    border-radius: 6px;
+			    opacity: .4;
+			    font-size: 12px;
+		}
+		.time{
+			position: absolute;
+			background-color: #000;
+			opacity: .4;
+			color: #fff;
+			bottom: 0;
+			width:100%;
+			padding: 4px;
+		}
+	}
+    .update-time{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 5px;
+        border-bottom: 1px solid #dfdfdf;
+    }
+    .sk-info{
+        display: flex;
+        flex-direction: column;
+        padding: 2px 5px;
+        margin: 5px 0;
+        .sk-first-row,.sk-second-row{
+            display: flex;
+            padding: 5px 10px;
+            align-items: center;
+            justify-content: space-around;
+              background-color: #f2fafc;
+            .first-line{
+                width: 3px;
+                height: 20px;
+                background-color: #c6eae6;
+            }
+            .first-item{
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+            }
+        }
+        .sk-second-row{
+            margin: 5px 0;
+            background-color: #f2f8ff;
+            padding: 5px 10px;
+        }
+    }
+    .first-extra-row{
+        display: flex;
+        padding: 5px;
+        justify-content: space-between;
+        background-color: #f2fafc;
+    }
+    .rain-box{
+        padding: 5px 0px;
+        .rain-title{
+            display: flex;
+            align-items: center;
+            .line-icon{
+                width: 3px;
+                height: 15px;
+                background-color: #0079fe;
+                margin-right: 10px;
+            }
+        }
+          .time-ranger{
+    margin-bottom: 10px;
+     .start-time, .end-time{
+      display: flex;
+      align-items: center;
+      padding: 10px 0;
+      border-bottom: 1px solid #dfdfdf;
+    }
+    }
+    .switch-btn{
+        width: 50%;
+        margin-left: auto;
+    }
+    }
+    .show-content{
+        width: 100%;
+        padding: 0;
+        margin-top: 10px;
+    }
+</style>
\ 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/static/images/first.jpg b/static/images/first.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..78bdf62fb046e47ecfca02a51072ce88e480aa37
GIT binary patch
literal 887
zcmex=<NpH&0WUXCHwH#VMur1G$ngIkgGg|GT1k0gQL2?fa9(CXVsT08|Jw}C49rYS
zAOr*~K*Y+y%F4pR%Eivk#=*nI!^6$R&CSavB*4oj$j8ksASNIvEFvl@%EK=%AtoXr
zBqAyTGK7&CsE37>la-ZIgqNFFgk<pl0D~Y0gFJ%@Goum%lOQ9rAmjfdKt2N_E6@)h
zZ$JSf6VQ!p>>Qk2+&~3e1sIqZnVFebm_e=vs;&jfGq4D<3Mm>ovIz$!vMUve7&T5@
z$f4}C@t|nX#SbdRNkvVZTw>x9l2WQ_>Kd9_CZ=ZQ7M51dF0O9w9-dyoA)#U65s^{J
zDXD4c8JStdC8cHM6_r)ZEv;?s9i3g1CQq3<ZTgIvvlcC0vUJ(<6)RV5+Pr1!w(UE1
z?mBe%$kAiRPn<k;>GGAU*RJ2VdF$b$$4{O<d;a3(tB;>PfBE|D`;VW$K>lK6V1{@L
z?lUxh2?G7a#KOYN!VdBmBU3pLGYhh?DjKp0IR>&P778mFHFAhJO<cI~Ag8i%&<D|^
zqKjN&DkcwAKZ3jl_8D;=Ya+{MaE~GUb&G+AnGqOy%z_N|41ev@xRy+AuvFXd^kZ+6
z$EkfOv;DZWgtYyG|1(UeJ^s6G#g8b{e}}i7>YF!pQ}}M1pF4{+j<5aCz+FF+{f}B%
z{GHkVewZ#__UhWNHLh>(Tl+}}Hfdd-Hvew?sf{K}IUnhIFg7+`{;)9XjeebO?47%d
zx-_LlP1CrS-I;tjan(I3pe3s7e{W3>?Ol2~Pp~qnUGz+*)!L_Lr<jQewoGKZsXC!Y
z|3awV>dRjZ=1fT!`)z;W&1!ZZ^?yRSE@e0DmpUrFy2bIi=3za1c(`>$t;UDD7p`or
letpDgqgCVQWXngBqVCM}duNz+?mxq`k}ZL*%1i#=1OPOBM#caD

literal 0
HcmV?d00001

diff --git a/static/images/second.jpg b/static/images/second.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b7b95953098512aea39de78f458c7cbca7f4b1bb
GIT binary patch
literal 1151
zcmex=<NpH&0WUXCHwH#VMur1G$ngIkgGg|GT1k0gQL2?fa9(CXVsT08|Jw}C49rYS
zAOr*~K*Y+y%F4pR%Eivk#=*nI!^6$R&CSavB*4oj$j8ksASNIvEFvl@%EK=%AtoXr
zBqAyTGK7&CsE37>la-ZIgqNFFgk<pl0D~Y0gBpWAGoum%lOQ9rAmjfd4Dt*NjI2OE
zfV=?(j7&f`vaxe;a&ZF{Y!zT&Vq|7!Vqpfk8mPJ!D9^wm$SS00=*T7<n8>bFC}Pw&
zaUqAY)5e3MK^H%$7$+4qadL@?OGrwos;O&eYMGdtnOj&|IlH*JxqEne1&4%&g-1k2
zC8wmOrDtSj6_=Ejl~+_&HMg|3wRd!OO`1Gq>a^)IX3ko)c*)Xb%U7&iwQ2K~t=qQm
z*tzS_;Uh<n9Y1mM)TPT;u3o!-<L0f0j~+jH`t13Om#;p4`uyeVx9>lG{sQ@nk%1ZF
zEx6Cn{3QtV7ZVE$GYdP&UyMxUK+G)2!m4P<Cgd2%o>(ZXWYowZ;xuvL#)F*7#z7xM
zlZq~KiK&=8RQ(9@8rWyVd8~;npTRwb@YgK{9%e>h<S`2}*fadKT^D?Ozo5x~2F4qm
zdHyr4pPz1#^Ns#^y!-7R(FJE$_<t7sw5YyvulAGuvK6=9AGbQVcc-)n?@Eami}u}C
zJ^6G-$hWED@2>r;bAM(Nc~sz}#x4=r*QZl&me((Qx%k`MeZSMKQup87{O{VEy3#jw
z>>sc8_n90l&A6Qsr_wPm<oeOlYc;k%8p|KZ2Ch?xH_~Jfa;q{}zwS&$F@I2Vg~z9}
zxzFm7Cl+3_YSYy@wcJ)Sf7$A@5x<SPj(zCweETPQ;lUNRKWyR)|GoUuw(L)*CQQ}b
z;TyU5mtJpHMOWc!&wEDU{wF@Yzr}y}`>f|J3DvIYzjcm<hrToH`k6U#V%G+Rz6ICs
zt?O2rTFSE|p~;B1a(mxC(ah-|e*UVPE`B@Cap#mor|%Xr;kTYtJ~1e{Cbp$yU;p);
zKkdaow8mW8ea7JO_cfEd_iej%?N9%djeZ`t!nwL4I}b2~@6G(rz;ANbKkmv~-7g0|
z+&tJ&R99KI_0A9FhklcnL>(=zTz=&GPnCDlO}`4VUw)KvZC@z8WB1Etb4%^*4i=bM
zO9s07YTUj1I#+hS{|-C$7v@p&&C1amLZ4Y5GXK!^MawmyOVoj(fZ?ro{FF!8r$wVe
zm+qN+{>7jD>^%E9{W;l7StbNt>(ZX`h2zn-E~aA^SGi>-u}4kn(%fEqWKxvEqApFI
G|2F}BAlB^w

literal 0
HcmV?d00001