zhangqun
2 years ago
parent
553172fc12
commit
1b80e44dba
24 changed files with 4189 additions and 1614 deletions
@ -0,0 +1,196 @@ |
||||
<template> |
||||
<view class="container"> |
||||
<view class="tabbar-nav"> |
||||
<view class="nav-bar" @click="goPage('/pages/voiceRecord/list')">语音上报</view> |
||||
<view class="nav-bar" @click="goPage('/pages/positionRecord/list')">地图上报</view> |
||||
<view class="nav-bar active">巡更上报<view class="bottom-line"></view> |
||||
</view> |
||||
</view> |
||||
<!-- 滚动加载更多 --> |
||||
<scroll-view class="padding-wrap" scroll-y ref="scrollView" @scrolltolower="loadMore"> |
||||
<view v-for="(item,index) in dataList" :key="'vioce'+index" class="record-box"> |
||||
<view class="datetime"> |
||||
<view class="date">2023-07-17</view> |
||||
<view class="time">10:15:21</view> |
||||
</view> |
||||
<view class="record-cnt"> |
||||
<image class="img" src="@/static/record-icon3.png"></image> |
||||
<view class="cnt"> |
||||
<view class="txt" style="margin-bottom: 20upx;">实时定位位置或选择的常用报警位</view> |
||||
<view class="txt">应急预案类型</view> |
||||
<view> |
||||
<image @click="previewImg('../../static/c1.png')" src="../../static/c1.png" mode="scaleToFill" |
||||
class="img"></image> |
||||
<image @click="previewImg('../../static/c2.png')" src="../../static/c1.png" mode="scaleToFill" |
||||
class="img"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<uni-load-more iconType="circle" :status="status" /> |
||||
</scroll-view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
dataList: [], |
||||
pageNo: 0, |
||||
pageSize: 10, |
||||
hasMore: true, |
||||
status: '' |
||||
} |
||||
}, |
||||
onLoad() { |
||||
// #ifdef APP-PLUS |
||||
// #endif |
||||
this.loadMore(); |
||||
}, |
||||
methods: { |
||||
//滚动加载更多 |
||||
loadMore() { |
||||
if (this.hasMore) { |
||||
this.pageNo = this.pageNo + 1; |
||||
this.staus = 'loading'; |
||||
for (var i = 0; i < 10; i++) { |
||||
this.dataList.push({ |
||||
id: (this.pageNo - 1) * this.pageSize + i |
||||
}); |
||||
} |
||||
if (this.pageNo > 3) { |
||||
this.hasMore = false; |
||||
this.status = 'noMore'; |
||||
} else { |
||||
this.status = 'more'; |
||||
} |
||||
} |
||||
}, |
||||
//页面跳转 |
||||
goPage(url) { |
||||
uni.navigateTo({ |
||||
url: url |
||||
}) |
||||
}, |
||||
//图片预览 |
||||
previewImg(url) { |
||||
uni.previewImage({ |
||||
urls: [url], |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
page, |
||||
.container { |
||||
min-height: 100vh; |
||||
} |
||||
|
||||
.tabbar-nav { |
||||
position: fixed; |
||||
left: 0; |
||||
top: 0; |
||||
right: 0; |
||||
z-index: 99; |
||||
display: flex; |
||||
height: 70upx; |
||||
padding-top: 28upx; |
||||
justify-content: space-around; |
||||
text-align: center; |
||||
background-color: #fff; |
||||
z-index: 99; |
||||
|
||||
.nav-bar { |
||||
flex: 1; |
||||
position: relative; |
||||
color: #031945; |
||||
line-height: 40upx; |
||||
font-size: 28upx; |
||||
font-family: PingFang SC-Bold, PingFang SC; |
||||
font-weight: bold; |
||||
|
||||
.bottom-line { |
||||
position: absolute; |
||||
display: none; |
||||
left: 50%; |
||||
bottom: -3upx; |
||||
margin-left: -30upx; |
||||
width: 60upx; |
||||
height: 6upx; |
||||
background: #338AF8; |
||||
} |
||||
|
||||
&.active { |
||||
color: #338AF8; |
||||
|
||||
.bottom-line { |
||||
display: inline-block; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.padding-wrap { |
||||
height: calc(100vh - 98upx - 44upx); |
||||
padding-top: 30upx; |
||||
margin-top: 14upx; |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.record-box { |
||||
display: flex; |
||||
padding: 0 30upx; |
||||
margin-bottom: 30upx; |
||||
|
||||
.datetime { |
||||
color: #273757; |
||||
line-height: 40upx; |
||||
font-size: 26upx; |
||||
font-family: PingFang SC-Regular, PingFang SC; |
||||
font-weight: 400; |
||||
margin-right: 20upx; |
||||
|
||||
.time { |
||||
color: #B6B8BB; |
||||
font-size: 24upx; |
||||
} |
||||
} |
||||
|
||||
.record-cnt { |
||||
flex: 1; |
||||
display: flex; |
||||
padding: 30upx; |
||||
background: #FBF0F2; |
||||
border-radius: 0 40upx 40upx 40upx; |
||||
|
||||
.img { |
||||
width: 56upx; |
||||
height: 56upx; |
||||
margin-right: 20upx; |
||||
} |
||||
|
||||
.cnt { |
||||
flex: 1; |
||||
|
||||
.txt { |
||||
color: #031945; |
||||
line-height: 40upx; |
||||
font-size: 28upx; |
||||
font-family: PingFang SC-Regular, PingFang SC; |
||||
font-weight: 400; |
||||
} |
||||
|
||||
.img { |
||||
width: 120upx; |
||||
height: 120upx; |
||||
border-radius: 20upx; |
||||
margin: 10upx; |
||||
background-color: #fff; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,168 @@ |
||||
<template> |
||||
<view class="container"> |
||||
<view class="tabbar-nav"> |
||||
<view class="nav-bar" @click="goPage('/pages/voiceRecord/list')">语音上报</view> |
||||
<view class="nav-bar active">地图上报<view class="bottom-line"></view></view> |
||||
<view class="nav-bar" @click="goPage('/pages/patrolRecord/list')">巡更上报</view> |
||||
</view> |
||||
<!-- 滚动加载更多 --> |
||||
<scroll-view class="padding-wrap" scroll-y ref="scrollView" @scrolltolower="loadMore"> |
||||
<view v-for="(item,index) in dataList" :key="'vioce'+index" class="record-box"> |
||||
<view class="datetime"> |
||||
<view class="date">2023-07-17</view> |
||||
<view class="time">10:15:21</view> |
||||
</view> |
||||
<view class="record-cnt"> |
||||
<image class="img" src="@/static/record-icon2.png"></image> |
||||
<view class="cnt"> |
||||
<view class="txt" style="margin-bottom: 20upx;">实时定位位置或选择的常用报警位</view> |
||||
<view class="txt">应急预案类型</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<uni-load-more iconType="circle" :status="status" /> |
||||
</scroll-view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
dataList: [], |
||||
pageNo: 0, |
||||
pageSize: 10, |
||||
hasMore: true, |
||||
status: '' |
||||
} |
||||
}, |
||||
onLoad() { |
||||
// #ifdef APP-PLUS |
||||
// #endif |
||||
this.loadMore(); |
||||
}, |
||||
methods: { |
||||
//滚动加载更多 |
||||
loadMore() { |
||||
if(this.hasMore){ |
||||
this.pageNo = this.pageNo + 1; |
||||
this.staus = 'loading'; |
||||
for(var i = 0; i < 10; i++){ |
||||
this.dataList.push({id:(this.pageNo - 1)*this.pageSize + i}); |
||||
} |
||||
if (this.pageNo > 3) { |
||||
this.hasMore = false; |
||||
this.status = 'noMore'; |
||||
}else{ |
||||
this.status = 'more'; |
||||
} |
||||
} |
||||
}, |
||||
//页面跳转 |
||||
goPage(url) { |
||||
uni.navigateTo({ |
||||
url: url |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
page, |
||||
.container { |
||||
min-height: 100vh; |
||||
} |
||||
|
||||
.tabbar-nav { |
||||
position: fixed; |
||||
left: 0; |
||||
top: 0; |
||||
right: 0; |
||||
z-index: 99; |
||||
display: flex; |
||||
height: 70upx; |
||||
padding-top: 28upx; |
||||
justify-content: space-around; |
||||
text-align: center; |
||||
background-color: #fff; |
||||
z-index: 99; |
||||
|
||||
.nav-bar { |
||||
flex: 1; |
||||
position: relative; |
||||
color: #031945; |
||||
line-height: 40upx; |
||||
font-size: 28upx; |
||||
font-family: PingFang SC-Bold, PingFang SC; |
||||
font-weight: bold; |
||||
.bottom-line { |
||||
position: absolute; |
||||
display: none; |
||||
left: 50%; |
||||
bottom: -3upx; |
||||
margin-left: -30upx; |
||||
width: 60upx; |
||||
height: 6upx; |
||||
background: #338AF8; |
||||
} |
||||
|
||||
&.active { |
||||
color: #338AF8; |
||||
.bottom-line{ |
||||
display: inline-block; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.padding-wrap { |
||||
height: calc(100vh - 98upx - 44upx); |
||||
padding-top: 30upx; |
||||
margin-top: 14upx; |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.record-box { |
||||
display: flex; |
||||
padding: 0 30upx; |
||||
margin-bottom: 30upx; |
||||
.datetime{ |
||||
color: #273757; |
||||
line-height: 40upx; |
||||
font-size: 26upx; |
||||
font-family: PingFang SC-Regular, PingFang SC; |
||||
font-weight: 400; |
||||
margin-right:20upx; |
||||
.time{ |
||||
color: #B6B8BB; |
||||
font-size: 24upx; |
||||
} |
||||
} |
||||
.record-cnt { |
||||
flex: 1; |
||||
display: flex; |
||||
padding: 30upx; |
||||
background: #E4FFEE; |
||||
border-radius: 0 40upx 40upx 40upx; |
||||
|
||||
.img { |
||||
width: 56upx; |
||||
height: 56upx; |
||||
margin-right: 20upx; |
||||
} |
||||
|
||||
.cnt { |
||||
flex: 1; |
||||
|
||||
.txt{ |
||||
color: #031945; |
||||
line-height: 40upx; |
||||
font-size: 28upx; |
||||
font-family: PingFang SC-Regular, PingFang SC; |
||||
font-weight: 400; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
@ -1,8 +1,8 @@ |
||||
|
||||
var isReady=false;var onReadyCallbacks=[]; |
||||
var isServiceReady=false;var onServiceReadyCallbacks=[]; |
||||
var __uniConfig = {"pages":["pages/index/index","pages/voiceRecord/report","pages/voiceRecord/list","pages/positionRecord/report","pages/patrolRecord/report","pages/setting/index","pages/message/list","pages/message/detail"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8","background":"#efeff4"},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"qilu_hospital_app","compilerVersion":"3.8.7","entryPagePath":"pages/index/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}}; |
||||
var __uniRoutes = [{"path":"/pages/index/index","meta":{"isQuit":true},"window":{"navigationBarTitleText":"uni-app"}},{"path":"/pages/voiceRecord/report","meta":{},"window":{"navigationBarTitleText":"语音上报"}},{"path":"/pages/voiceRecord/list","meta":{},"window":{"navigationBarTitleText":"语音上报记录"}},{"path":"/pages/positionRecord/report","meta":{},"window":{"navigationBarTitleText":"位置上报"}},{"path":"/pages/patrolRecord/report","meta":{},"window":{"navigationBarTitleText":"巡更上报"}},{"path":"/pages/setting/index","meta":{},"window":{"navigationBarTitleText":"远端设置"}},{"path":"/pages/message/list","meta":{},"window":{"navigationBarTitleText":"报警消息"}},{"path":"/pages/message/detail","meta":{},"window":{"navigationBarTitleText":"报警消息详情"}}]; |
||||
var __uniConfig = {"pages":["pages/index/index","pages/voiceRecord/report","pages/voiceRecord/list","pages/positionRecord/report","pages/positionRecord/list","pages/patrolRecord/report","pages/patrolRecord/list","pages/setting/index","pages/message/list","pages/message/detail"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8","background":"#efeff4"},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"qilu_hospital_app","compilerVersion":"3.8.7","entryPagePath":"pages/index/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}}; |
||||
var __uniRoutes = [{"path":"/pages/index/index","meta":{"isQuit":true},"window":{"navigationBarTitleText":"uni-app"}},{"path":"/pages/voiceRecord/report","meta":{},"window":{"navigationBarTitleText":"语音上报"}},{"path":"/pages/voiceRecord/list","meta":{},"window":{"navigationBarTitleText":"语音上报记录"}},{"path":"/pages/positionRecord/report","meta":{},"window":{"navigationBarTitleText":"位置上报"}},{"path":"/pages/positionRecord/list","meta":{},"window":{"navigationBarTitleText":"位置上报记录"}},{"path":"/pages/patrolRecord/report","meta":{},"window":{"navigationBarTitleText":"巡更上报"}},{"path":"/pages/patrolRecord/list","meta":{},"window":{"navigationBarTitleText":"巡更上报记录"}},{"path":"/pages/setting/index","meta":{},"window":{"navigationBarTitleText":"远端设置"}},{"path":"/pages/message/list","meta":{},"window":{"navigationBarTitleText":"报警消息"}},{"path":"/pages/message/detail","meta":{},"window":{"navigationBarTitleText":"报警消息详情"}}]; |
||||
__uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}}); |
||||
__uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}}); |
||||
service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:Math.round(f/20)})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:void 0,window:void 0,document:void 0,frames:void 0,self:void 0,location:void 0,navigator:void 0,localStorage:void 0,history:void 0,Caches:void 0,screen:void 0,alert:void 0,confirm:void 0,prompt:void 0,fetch:void 0,XMLHttpRequest:void 0,WebSocket:void 0,webkit:void 0,print:void 0}}}}); |
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__B814B58","name":"qilu_hospital_app","version":{"name":"1.0.0","code":"100"},"description":"","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"target":"id:1","autoclose":true,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"render":"always","id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"usingComponents":true,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","distribute":{"google":{"permissions":["<uses-feature android:name=\"android.hardware.camera\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.BIND_ACCESSIBILITY_SERVICE\"/>","<uses-permission android:name=\"android.permission.BIND_NOTIFICATION_LISTENER_SERVICE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"]},"apple":{"dSYMs":false},"plugins":{"ad":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}}},"nativePlugins":{"Ba-KeepAliveSuit":{"__plugin_info__":{"name":"安卓保活套装（通用、常驻通知、电池优化、自启管理、后台运行等） - [试用版，仅用于自定义调试基座]","description":"在Ba-KeepAlive的基础上，新增了忽略电池优化、自启管理、常驻通知。为定位、推送、websocket、定时任务、蓝牙、聊天等保驾护航（**注意：**不保证支持所有机型和场景，建议先试用再购买）","platforms":"Android","url":"https://ext.dcloud.net.cn/plugin?id=11765","android_package_name":"","ios_bundle_id":"","isCloud":true,"bought":0,"pid":"11765","parameters":{}}}},"allowsInlineMediaPlayback":true,"uni-app":{"compilerVersion":"3.8.7","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"launch_path":"__uniappview.html"}} |
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__B814B58","name":"qilu_hospital_app","version":{"name":"1.0.0","code":"100"},"description":"","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"Record":{},"VideoPlayer":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"target":"id:1","autoclose":true,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"render":"always","id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"usingComponents":true,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","distribute":{"google":{"permissions":["<uses-feature android:name=\"android.hardware.camera\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.BIND_ACCESSIBILITY_SERVICE\"/>","<uses-permission android:name=\"android.permission.BIND_NOTIFICATION_LISTENER_SERVICE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"]},"apple":{"dSYMs":false},"plugins":{"ad":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}}},"nativePlugins":{"Ba-KeepAliveSuit":{"__plugin_info__":{"name":"安卓保活套装（通用、常驻通知、电池优化、自启管理、后台运行等） - [试用版，仅用于自定义调试基座]","description":"在Ba-KeepAlive的基础上，新增了忽略电池优化、自启管理、常驻通知。为定位、推送、websocket、定时任务、蓝牙、聊天等保驾护航（**注意：**不保证支持所有机型和场景，建议先试用再购买）","platforms":"Android","url":"https://ext.dcloud.net.cn/plugin?id=11765","android_package_name":"","ios_bundle_id":"","isCloud":true,"bought":0,"pid":"11765","parameters":{}}}},"allowsInlineMediaPlayback":true,"uni-app":{"compilerVersion":"3.8.7","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"launch_path":"__uniappview.html"}} |
||||
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
Loading…
Reference in new issue