|
|
@@ -1,8 +1,13 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
<view class="tabs">
|
|
|
- <u-subsection height="90" active-color="#2f7ff5" :list="subsectionList" :animation="false" :current="subsectionCurrent" @change="subsectionChange"></u-subsection>
|
|
|
- <view class="" style="height: 20rpx;"></view>
|
|
|
+ <scroll-view scroll-x class="nav" style="background-color: #efefef;color: #5b5b5b;">
|
|
|
+ <view class="flex text-center">
|
|
|
+ <view class="cu-item flex-sub" :class="index==subsectionCurrent?'text-checked':''" v-for="(item,index) in subsectionList" :key="index" @tap="subsectionChange(index)" >
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
</view>
|
|
|
<view style="height: 100%;">
|
|
|
<swiper style="height: 100%;" :current="subsectionCurrent" @change="swiperChange"
|
|
|
@@ -65,32 +70,31 @@
|
|
|
</swiper-item>
|
|
|
<swiper-item >
|
|
|
<scroll-view scroll-y style="height: 100%;background-color: #F1F1F1;">
|
|
|
- <view style="height: 20rpx;"></view>
|
|
|
<view style="margin: 0 20rpx;">
|
|
|
<u-waterfall v-model="oldManList" ref="uWaterfall">
|
|
|
<template v-slot:left="{leftList}">
|
|
|
- <view class="demo-warter" v-for="(item, index) in leftList" :key="index">
|
|
|
- <image :src="item.image" class="demo-image" ></image>
|
|
|
+ <view @click="goElderlyDetail(item)" class="demo-warter" v-for="(item, index) in leftList" :key="index">
|
|
|
+ <image :src="item.image" mode="scaleToFill" class="demo-image" ></image>
|
|
|
<view class="time">
|
|
|
<text class="padding-bottom-10">抓拍时间:</text>
|
|
|
<text>{{item.time}}</text>
|
|
|
</view>
|
|
|
<view class="flex justify-center margin-bottom-50">
|
|
|
- <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
+ <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
查看详情
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
<template v-slot:right="{rightList}">
|
|
|
- <view class="demo-warter" v-for="(item, index) in rightList" :key="index">
|
|
|
- <image :src="item.image" class="demo-image" ></image>
|
|
|
+ <view @click="goElderlyDetail(item)" class="demo-warter" v-for="(item, index) in rightList" :key="index">
|
|
|
+ <image :src="item.image" mode="scaleToFill" class="demo-image" ></image>
|
|
|
<view class="time">
|
|
|
<text class="padding-bottom-10">抓拍时间:</text>
|
|
|
<text>{{item.time}}</text>
|
|
|
</view>
|
|
|
<view class="flex justify-center margin-bottom-50">
|
|
|
- <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
+ <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
查看详情
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -99,37 +103,35 @@
|
|
|
</template>
|
|
|
</u-waterfall>
|
|
|
</view>
|
|
|
- <!-- <oldMan></oldMan> -->
|
|
|
</scroll-view>
|
|
|
</swiper-item>
|
|
|
<swiper-item >
|
|
|
<scroll-view scroll-y style="height: 100%;background-color: #F1F1F1;">
|
|
|
- <view style="height: 20rpx;"></view>
|
|
|
<view style="margin: 0 20rpx;">
|
|
|
<u-waterfall v-model="carList" ref="uWaterfall">
|
|
|
<template v-slot:left="{leftList}">
|
|
|
- <view class="demo-warter" v-for="(item, index) in leftList" :key="index">
|
|
|
- <image :src="item.image" class="demo-image" ></image>
|
|
|
+ <view @click="goCarDetail(item)" class="demo-warter" v-for="(item, index) in leftList" :key="index">
|
|
|
+ <image :src="item.image" class="demo-image" mode="scaleToFill"></image>
|
|
|
<view class="time">
|
|
|
<text class="padding-bottom-10">抓拍时间:</text>
|
|
|
<text>{{item.time}}</text>
|
|
|
</view>
|
|
|
<view class="flex justify-center margin-bottom-50">
|
|
|
- <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
+ <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
查看详情
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
<template v-slot:right="{rightList}">
|
|
|
- <view class="demo-warter" v-for="(item, index) in rightList" :key="index">
|
|
|
- <image :src="item.image" class="demo-image" ></image>
|
|
|
+ <view @click="goCarDetail(item)" class="demo-warter" v-for="(item, index) in rightList" :key="index">
|
|
|
+ <image :src="item.image" class="demo-image" mode="scaleToFill"></image>
|
|
|
<view class="time">
|
|
|
<text class="padding-bottom-10">抓拍时间:</text>
|
|
|
<text>{{item.time}}</text>
|
|
|
</view>
|
|
|
<view class="flex justify-center margin-bottom-50">
|
|
|
- <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
+ <view class="cu-btn line-blue round df" style="width: 70%;">
|
|
|
查看详情
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -143,41 +145,16 @@
|
|
|
</swiper>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
+ var app=getApp()
|
|
|
export default {
|
|
|
components:{
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- oldManList:[
|
|
|
- {
|
|
|
- image:'http://139.9.103.171:1888/miniofile/app/old1.jpg',
|
|
|
- time:'2020-11-02 15:31:22'
|
|
|
- },
|
|
|
- {
|
|
|
- image:'http://139.9.103.171:1888/miniofile/app/c3a3a7d714e74b749a88ecefabfd86d.jpg',
|
|
|
- time:'2020-11-22 09:51:56'
|
|
|
- }
|
|
|
- ],
|
|
|
- carList:[
|
|
|
- {
|
|
|
- image:'http://139.9.103.171:1888/miniofile/app/1606682778(1).jpg',
|
|
|
- time:'2020-11-04 12:38:26'
|
|
|
- },
|
|
|
- {
|
|
|
- image:'http://139.9.103.171:1888/miniofile/app/1606682866(1).jpg',
|
|
|
- time:'2020-11-13 19:42:52'
|
|
|
- }
|
|
|
- ],
|
|
|
-
|
|
|
- tanList: [ {
|
|
|
- name: '老人关爱'
|
|
|
- }, {
|
|
|
- name: '车辆关爱'
|
|
|
- }],
|
|
|
+ oldManList:[],
|
|
|
+ carList:[],
|
|
|
tabCurrent:0,
|
|
|
subsectionCurrent: 0,
|
|
|
subsectionList: [
|
|
|
@@ -361,6 +338,9 @@
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
+ onLoad() {
|
|
|
+ this.fetchStaticData()
|
|
|
+ },
|
|
|
methods: {
|
|
|
subsectionChange(index) {
|
|
|
this.subsectionCurrent = index
|
|
|
@@ -395,6 +375,200 @@
|
|
|
url:"../webview/webview?url="+item.target
|
|
|
})
|
|
|
}
|
|
|
+ },
|
|
|
+ goElderlyDetail(item){
|
|
|
+ app.globalData.elderlyDetail=item
|
|
|
+ uni.navigateTo({
|
|
|
+ url:"./detail/elderlyDetail",
|
|
|
+ })
|
|
|
+ },
|
|
|
+ goCarDetail(item){
|
|
|
+ app.globalData.carDetail=item
|
|
|
+ uni.navigateTo({
|
|
|
+ url:"./detail/carDetail",
|
|
|
+ })
|
|
|
+ },
|
|
|
+ fetchStaticData(){
|
|
|
+ this.oldManList=[
|
|
|
+
|
|
|
+ {
|
|
|
+ name:'李爱琴',
|
|
|
+ sex:'女',
|
|
|
+ age:'64',
|
|
|
+ temperature:'36.5',
|
|
|
+ idCard:'640302195608152578',
|
|
|
+ device:'阅海万家D区西北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/old01.jpg',
|
|
|
+ time:'2020-12-06 09:52:28'
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ name:'李爱琴',
|
|
|
+ sex:'女',
|
|
|
+ age:'64',
|
|
|
+ temperature:'36.2',
|
|
|
+ idCard:'640302195608152578',
|
|
|
+ device:'阅海万家D区北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607607799(1).jpg',
|
|
|
+ time:'2020-12-02 14:23:34'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'李爱琴',
|
|
|
+ sex:'女',
|
|
|
+ age:'64',
|
|
|
+ temperature:'36.2',
|
|
|
+ idCard:'640302195608152578',
|
|
|
+ device:'阅海万家D区西北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607607892(1).jpg',
|
|
|
+ time:'2020-12-01 08:31:22'
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ name:'李爱琴',
|
|
|
+ sex:'女',
|
|
|
+ age:'64',
|
|
|
+ temperature:'36.6',
|
|
|
+ idCard:'640302195608152578',
|
|
|
+ device:'阅海万家D区北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607607824(1).jpg',
|
|
|
+ time:'2020-12-02 16:31:22'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'李爱琴',
|
|
|
+ sex:'女',
|
|
|
+ age:'64',
|
|
|
+ temperature:'36.4',
|
|
|
+ idCard:'640302195608152578',
|
|
|
+ device:'阅海万家D区西北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607607748(1).jpg',
|
|
|
+ time:'2020-12-05 09:31:22'
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ name:'阮启方',
|
|
|
+ sex:'男',
|
|
|
+ age:'66',
|
|
|
+ temperature:'36.1',
|
|
|
+ idCard:'640302195804232481',
|
|
|
+ device:'阅海万家D区北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607607925(1).jpg',
|
|
|
+ time:'2020-12-01 15:36:24'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'李爱琴',
|
|
|
+ sex:'女',
|
|
|
+ age:'64',
|
|
|
+ temperature:'36.2',
|
|
|
+ idCard:'640302195608152578',
|
|
|
+ device:'阅海万家D区北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607607676(1).jpg',
|
|
|
+ time:'2020-12-10 15:31:22'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'阮启方',
|
|
|
+ sex:'男',
|
|
|
+ age:'66',
|
|
|
+ temperature:'36.3',
|
|
|
+ idCard:'640302195804232481',
|
|
|
+ device:'阅海万家D区西北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607608168(1).jpg',
|
|
|
+ time:'2020-11-20 15:31:22'
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ {
|
|
|
+ name:'阮启方',
|
|
|
+ sex:'男',
|
|
|
+ age:'66',
|
|
|
+ temperature:'36.6',
|
|
|
+ idCard:'640302195804232481',
|
|
|
+ device:'阅海万家D区西北门',
|
|
|
+ plotName:'阅海万家D区',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607608107.jpg',
|
|
|
+ time:'2020-11-20 12:32:52'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.carList=[
|
|
|
+
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607602946(1).jpg',
|
|
|
+ time:'2020-12-10 12:38:26'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607602903(1).jpg',
|
|
|
+ time:'2020-12-10 19:42:52'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607602845(1).jpg',
|
|
|
+ time:'2020-12-05 11:32:16'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/cb034601a1594a248da5bef3d29fcebd.jpeg',
|
|
|
+ time:'2020-12-05 14:46:32'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1607602745(1).jpg',
|
|
|
+ time:'2020-12-04 12:38:26'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/31ff5310f499d55764b24bf6c7c8083e.jpeg',
|
|
|
+ time:'2020-12-04 18:22:52'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1566433075317.jpg',
|
|
|
+ time:'2020-12-01 11:26:32'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/del/1566433083707.jpg',
|
|
|
+ time:'2020-12-01 16:42:52'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/1606682778(1).jpg',
|
|
|
+ time:'2020-11-24 09:38:26'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number:'宁A096L0',
|
|
|
+ device:'粤海玩家D区西门',
|
|
|
+ parking:'阅海万家D区西门停车场',
|
|
|
+ image:'http://139.9.103.171:1888/miniofile/app/1606682866(1).jpg',
|
|
|
+ time:'2020-11-24 16:42:52'
|
|
|
+ }
|
|
|
+
|
|
|
+ ]
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -405,6 +579,13 @@
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
}
|
|
|
+ .text-checked{
|
|
|
+ font-weight: 800;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ color: #2f7ff5;
|
|
|
+ font-size: 800;
|
|
|
+ }
|
|
|
+
|
|
|
.container {
|
|
|
height: calc(100vh);
|
|
|
background-color: #F6F6F6;
|