pages.json
@@ -52,6 +52,15 @@ } }, { "path": "pages/business/business", "style": { "navigationBarTitleText": "工作台", "app-plus":{ "titleNView":false } } }, { "path": "pages/myself/childen/xinxi", "name": "xinxi", "style": { @@ -278,38 +287,27 @@ "backgroundColor": "#ffffff", "list": [{ "pagePath": "pages/alarm_list/alarm_list", "text": "我要查", "iconPath": "static/tabbar/workbench.png", "selectedIconPath": "static/tabbar/workbenchH.png" "text": "首页", "iconPath": "static/tabbar/index01.png", "selectedIconPath": "static/tabbar/index02.png" },{ "pagePath": "pages/article/article", "text": "我要看", "text": "资讯", "iconPath": "static/tabbar/article.png", "selectedIconPath": "static/tabbar/articleH.png" }, { "pagePath": "pages/reported/reported", "text": "我要报", "iconPath": "static/tabbar/business.png", "selectedIconPath": "static/tabbar/businessH.png" }, { "pagePath": "pages/groupChat/groupChat", "text": "我要说", "iconPath": "static/tabbar/investigation.png", "selectedIconPath": "static/tabbar/investigationH.png" },{ "pagePath": "pages/workbench/workbench", "text": "我要巡", "iconPath": "static/img/bar/patrol.png", "selectedIconPath": "static/img/bar/patrol-blue.png" "pagePath": "pages/business/business", "text": "工作台", "iconPath": "static/tabbar/workbench.png", "selectedIconPath": "static/tabbar/workbenchH.png" }, { "pagePath": "pages/myself/myself", "text": "我的", "iconPath": "static/tabbar/my.png", "selectedIconPath": "./static/tabbar/my-blue.png" } // ,{ // "pagePath": "pages/myself/myself", // "text": "我的", // "iconPath": "static/tabbar/userHL.png", // "selectedIconPath": "static/workbench/user01.png" // } ] }, pages/alarm_list/alarm_list.vue
@@ -85,6 +85,7 @@ this.getAlarmListInfo(1); }, methods:{ // 获取滚动窗口高度 getSysteminfo() { uni.getSystemInfo({ pages/article/article.vue
@@ -1,11 +1,27 @@ <template> <view class="advisory-big"> <!-- 自定义顶部导航栏 --> <navBarTop :title="'我要看'"></navBarTop> <!-- 顶部下拉刷新 --> <!-- <view v-show="isFlash"> <uni-load-more :status="loadStatus" ></uni-load-more> </view> --> <view class="uni-nav-bar-info" :style="{marginTop:navbarTopHeight}"> <view class="title" @click="goTabDetail(index)" v-for="(item,index) in titleList" :style="titleNum==index? 'color:#000000':'color:#808080'">{{item}}</view> </view> <view class="article-tab"> <view :class="{'article-tab-title':true,'cccc':index == articleTabNum}" @click="goArticleTab(index)" v-for="(item,index) in articleTabArr" :style="articleTabNum==index?'color:#000000':'color:#808080'">{{item}}</view> <image src="../../static/images/article/menu.png"></image> </view> <view class="search-block"> <view class="search-ico-wapper"> <image src="../../static/images/search/search.png" class="search-ico" mode=""></image> </view> <input type="text" value="" placeholder="搜索" class="search-text" maxlength="10" focus/> <view class="search-ico-wapper1"> <image src="../../static/images/article/microphone.png" class="search-ico-1" mode=""></image> </view> </view> <view class="article-content"> <view v-for="i in data" class="advisory-model" @click="goDetail(i)"> <view class="advisory-left"> <view class="advisory-title-top"> @@ -19,12 +35,8 @@ <view class="advisory-right"> <image :src="i.url"></image> </view> </view> <!-- loading加载提示处 --> <!-- <view v-show="isLoadMore"> <uni-load-more :status="loadStatus" ></uni-load-more> </view> --> </view> </view> </template> @@ -43,36 +55,47 @@ // loadStatus:'loading', //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式 isLoadMore:false, //是否加载中 isFlash:false,//是否刷新 data:[] data: [], titleList: ['推荐', '要闻', '新思想'], titleNum: 0, articleTabArr: ['全部', '视频', '社会', '经济', '关注'], articleTabNum: 0, navbarTopHeight: "10px" } }, mounted(){ // this.getArtcilePageList(); }, //上拉加载更多 onReachBottom(){ //上拉触底函数 console.log("上拉了") if(!this.isLoadMore){ //此处判断，上锁，防止重复请求 // this.isLoadMore=true this.page+=1 this.getArtcilePageList(2) } }, //下拉刷新 onPullDownRefresh() { // console.log("下拉了！...."); if(!this.isFlash){ //此处判断，上锁，防止重复请求 // this.isFlash=true; this.page =1; this.getArtcilePageList(1); uni.stopPullDownRefresh(); } }, // onReachBottom() { //上拉触底函数 // console.log("上拉了") // if (!this.isLoadMore) { //此处判断，上锁，防止重复请求 // // this.isLoadMore=true // this.page += 1 // this.getArtcilePageList(2) // } // }, // //下拉刷新 // onPullDownRefresh() { // // console.log("下拉了！...."); // if (!this.isFlash) { //此处判断，上锁，防止重复请求 // // this.isFlash=true; // this.page = 1; // this.getArtcilePageList(1); // uni.stopPullDownRefresh(); // } // }, onLoad() { this.getArtcilePageList(1); uni.stopPullDownRefresh(); }, methods:{ goArticleTab(index) { this.articleTabNum = index; }, goTabDetail(index) { this.titleNum = index; }, //去跳转详情页面 goDetail(e){ @@ -145,13 +168,47 @@ .advisory-big{ width: 100%; height: 70%; position: absolute; // top: 2%; // background-color: #0078A8; .uni-nav-bar-info { display: flex; align-items: center; height: 50px; .title { font-size: 1.2rem; color: #808080; margin-left: 1rem; } } .article-tab { // background-color: #007AFF; width: 100%; height: 2rem; border-bottom: 2px solid #D7D7D7; .article-tab-title { // text-align: center; width: 14%; float: left; margin-left: 1rem; // border-bottom: 4px solid #000000; } image { width: 1.5rem; height: 1.5rem; } } .article-content{ margin-top: 1rem; width: 100%; .advisory-model{ width: 100%; height: 20%; height: 6rem; // background-color: #00FF00; @@ -232,8 +289,68 @@ } } } } .cccc{ position: relative; top: -5px; } .cccc::before { position: relative; top: 25px; content: ''; width: 30px; display: block; height: 3.5px; background-color: #000; } /* 搜索框 */ .search-ico, .search-ico-1{ width: 40upx; height: 40upx; } .search-block{ width: 94%; margin: 0 auto; // background-color: #007AFF; display: flex; flex-direction: row; position: relative; top: 0.35rem; .search-ico-wapper{ background-color: #F1F1F1; display: flex; flex-direction:column; justify-content: center; padding: 0upx 0upx 0upx 15upx; border-bottom-left-radius:7px; border-top-left-radius: 7px; } .search-text{ font-size: 14px; background-color: #F1F1F1; height: 70upx; width: 100%; padding-left: 0.5rem; } .search-ico-wapper1{ background-color: #F1F1F1; display: flex; flex-direction:column; justify-content: center; padding: 0upx 15upx 0upx 0upx; border-bottom-right-radius:7px; border-top-right-radius: 7px; } } </style> pages/business/business.vue
@@ -1,36 +1,32 @@ <!-- 业务办理 --> <template> <view> <!-- <uni-nav-bar class="uni-nav-bar-info" :fixed="true" :status-bar="true" > </uni-nav-bar> --> <view class="view-business"> <!-- <squareBut :data="squareBut"></squareBut> --> <view class="view-business-nav"> <navigator class="patrolBtn" url="/pages/infoRegistration/infoRegistration"> <image src="../../static/img/register.png"></image> <span>信息登记</span> <navigator class="patrolBtn" url="/pages/alarm_list/alarm_list"> <image src="../../static/workbench/task.png"></image> <span>群防任务</span> </navigator> </view> <view class="view-business-nav"> <navigator class="patrolBtn" url="/pages/infoRegistration/infoCheck"> <image src="../../static/img/checkinfo.png"></image> <span>信息核实</span> <navigator class="patrolBtn" url="/pages/alarm_list/alarm_list"> <image src="../../static/workbench/task1.png"></image> <span>巡视任务</span> </navigator> </view> <view class="view-business-nav"> <navigator class="patrolBtn" url="/pages/visitRecord/visitRecord"> <image src="../../static/img/record.png"></image> <span>拜访记录</span> <navigator class="patrolBtn" url="/pages/reported/reported"> <image src="../../static/workbench/report.png"></image> <span>异常上报</span> </navigator> </view> <view class="view-business-nav"> <navigator class="patrolBtn" url="/pages/riskReporting/riskReporting"> <image src="../../static/img/risk.png"></image> <span>风险上报</span> </navigator> </view> <view class="view-business-nav"> <navigator class="patrolBtn" url="/pages/equipment/equipment"> <image src="../../static/img/eq02.png"></image> <span>设备安装</span> <image src="../../static/workbench/addressbook.png"></image> <span>通讯录</span> </navigator> </view> </view> @@ -55,43 +51,39 @@ } </script> <style> <style lang="scss" scoped> .view-business{ width: 100%; height: 300rpx; /* border: 1px solid #007AFF; */ margin-top: 2rem; } .view-business-nav{ width: 31%; float: left; position: relative; left: 20px; } .patrolBtn image{ width: 80rpx; height: 80rpx; position: relative; left: 55rpx; top: 30rpx; } display: flex; width: 33%; align-items: center; justify-content: center; .patrolBtn { /* border: 1rpx solid #999999; */ // border: 1rpx solid #999999; border-radius: 25rpx; width: 200rpx; height: 200rpx; position: relative; /* left: 30rpx; */ top: 30rpx; width: 8rem; height: 7.5rem; display: flex; align-items: center; justify-content: center; flex-direction: column; image{ width: 4rem; height: 4rem; } .patrolBtn span { position: relative; left: -32rpx; top: 85rpx; font-size: 24rpx; letter-spacing: 2rpx; span { margin-top: 0.4rem; font-size: 0.9rem; } } } </style> pages/reported/reported.vue
@@ -1,7 +1,16 @@ <template> <view class="policeDetails"> <!-- 自定义顶部导航栏 --> <navBarTop :title="'我要报'"></navBarTop> <!-- <navBarTop :title="'我要报'"></navBarTop> --> <uni-nav-bar class="uni-nav-bar-info" :fixed="true" :status-bar="true" > <view class="title" slot="default">{{title}}</view> <view slot="left" class="uni-nav-bar-left" @click="goBack()"> <image :src="backImage"></image> </view> <view class="right" slot="right"> <view class="title-right">历史上报</view> </view> </uni-nav-bar> <view class="row address"> <view class="title">地址</view> <input v-model="place" placeholder="请输入地址"/> @@ -50,10 +59,18 @@ result:'', place:"", imgs: [], videos: [] videos: [], title:'事件上报', backImage:'../../static/images/nav/back02.png' } }, methods: { //返回上一页 goBack(){ uni.navigateBack({ }) }, //日期选择 stimeChange(e) { // this.stime = e.substr(0,e.length-3); @@ -216,6 +233,46 @@ </script> <style lang="scss"> .uni-nav-bar-info { // font-weight: 550; .title{ position: fixed; right: 42%; font-weight: 550; letter-spacing: 1px; } .uni-nav-bar-left{ display: flex; justify-items: center; image{ // background-color: #00BFFF; margin-left: 1rem; width: 1.6rem; height: 1.6rem; border-radius: 100px; } } .right{ display: flex; .title-right{ position: relative; font-size: 0.7rem; color: #808080; right: 0.5rem; top: 0.2rem; } } } .policeDetails { width: 92%; margin: 0 auto; static/images/article/menu.png
