| | |
| | | |
| | | <template> |
| | | <view> |
| | | <view class="tab"> |
| | | <u-tabs :list="tabList" :current="tabIndex" @click="changeTab" :inactiveStyle="{color:'#999999'}" :activeStyle="{color:'#017BFC'}"></u-tabs> |
| | | <u-tabs :list="tabList" :current="tabIndex" @click="changeTab" :inactiveStyle="{color:'#999999'}" |
| | | :activeStyle="{color:'#017BFC'}"></u-tabs> |
| | | </view> |
| | | <view class="list"> |
| | | <view class="list-item bgc-ff mb-20" v-for="(i,k) in list" :key="k" @click="navTo(i.name,i.id)"> |
| | | <view class="list-item bgc-ff mb-20" v-for="(i,k) in list" :key="k" @click="navTo(i.name,i.id)"> |
| | | <view class="item-title flex a-i-c j-c-s-b mb-20"> |
| | | <text class="f-32 fw">{{i.name}}</text> |
| | | <u-tag v-if="i.status == 1" text="待审批" type="warning" plain plainFill></u-tag> |
| | | <u-tag v-if="i.status == 1" text="待审批" type="warning" plain plainFill></u-tag> |
| | | <u-tag v-if="i.status == 2" text="审核通过" type="success" plain plainFill></u-tag> |
| | | <u-tag v-if="i.status == 3" text="审核拒绝" type="error" plain plainFill></u-tag> |
| | | </view> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <u-loadmore :status="loadingStatus" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line /> |
| | | <u-loadmore :status="loadingStatus" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line /> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | import { getAuditReportingList } from "@/api/reporting/reporting" |
| | | import { |
| | | getAuditReportingList |
| | | } from "@/api/reporting/reporting" |
| | | export default { |
| | | data(){ |
| | | data() { |
| | | return { |
| | | tabList:[ |
| | | tabList: [{ |
| | | name: "待审核", |
| | | status: 1 |
| | | }, |
| | | { |
| | | name:"待审核", |
| | | status:1 |
| | | }, |
| | | { |
| | | name:"审核通过", |
| | | status:2 |
| | | }, |
| | | { |
| | | name:"已拒绝", |
| | | status:3 |
| | | }, |
| | | name: "审核通过", |
| | | status: 2 |
| | | }, |
| | | { |
| | | name: "已拒绝", |
| | | status: 3 |
| | | }, |
| | | ], |
| | | tabIndex:0, |
| | | currentStatus:1, |
| | | list:[], |
| | | tabIndex: 0, |
| | | currentStatus: 1, |
| | | list: [], |
| | | loadingStatus: 'nomore', |
| | | currentPage:1 |
| | | currentPage: 1 |
| | | } |
| | | }, |
| | | |
| | | onLoad(){ |
| | | |
| | | onLoad() { |
| | | this.getList() |
| | | }, |
| | | onReachBottom() { |
| | | this.currentPage++ |
| | | this.getPageList() |
| | | }, |
| | | |
| | | methods:{ |
| | | changeTab(e){ |
| | | |
| | | methods: { |
| | | changeTab(e) { |
| | | this.tabIndex = e.index; |
| | | this.currentStatus = e.status; |
| | | this.list = []; |
| | | this.currentPage = 1; |
| | | this.getList(); |
| | | }, |
| | | getList(){ |
| | | getList() { |
| | | getAuditReportingList({ |
| | | page:this.currentPage, |
| | | size:20, |
| | | status:this.currentStatus |
| | | }).then(res=>{ |
| | | if(res.code != 200){ |
| | | page: this.currentPage, |
| | | size: 20, |
| | | status: this.currentStatus |
| | | }).then(res => { |
| | | if (res.code != 200) { |
| | | uni.showToast({ |
| | | title: '数据请求失败', |
| | | icon: 'error' |
| | |
| | | this.loadingStatus = 'nomore' |
| | | }) |
| | | }, |
| | | navTo(name,id){ |
| | | if(name == "旅馆安全"){ |
| | | navTo(name, id) { |
| | | if (name == "旅馆安全") { |
| | | this.$u.func.globalNavigator(`hotelReportDetail?id=${id}`) |
| | | }else if (name == "取保候审"){ |
| | | } else if (name == "取保候审") { |
| | | this.$u.func.globalNavigator(`bailReportDetail?id=${id}`) |
| | | }else{ |
| | | } else { |
| | | this.$u.func.globalNavigator(`labelReportDetail?id=${id}`) |
| | | } |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | page{ |
| | | background-color:#F5F5F5; |
| | | page { |
| | | background-color: #F5F5F5; |
| | | } |
| | | .tab{ |
| | | width:100%; |
| | | height:88rpx; |
| | | position:fixed; |
| | | |
| | | .tab { |
| | | width: 100%; |
| | | height: 88rpx; |
| | | position: fixed; |
| | | /*#ifdef H5*/ |
| | | top:88rpx; |
| | | top: 88rpx; |
| | | /*#endif*/ |
| | | /*#ifdef MP-WEIXIN*/ |
| | | top:0; |
| | | /*#ifdef MP-WEIXIN*/ |
| | | top: 0; |
| | | /*#endif*/ |
| | | left:0; |
| | | background-color:#fff; |
| | | padding:0 30rpx; |
| | | left: 0; |
| | | background-color: #fff; |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | z-index: 999; |
| | | |
| | | |
| | | } |
| | | .tab /deep/.u-tabs__wrapper__nav__item{ |
| | | flex:1; |
| | | |
| | | .tab /deep/.u-tabs__wrapper__nav__item { |
| | | flex: 1; |
| | | } |
| | | .list{ |
| | | margin:118rpx 30rpx 0; |
| | | |
| | | .list { |
| | | margin: 118rpx 30rpx 0; |
| | | } |
| | | .list-item{ |
| | | padding:0 30rpx 20rpx; |
| | | |
| | | .list-item { |
| | | padding: 0 30rpx 20rpx; |
| | | border-radius: 8rpx; |
| | | .item-title{ |
| | | padding:30rpx 0; |
| | | border-bottom:1px solid #F5F5F5; |
| | | |
| | | .item-title { |
| | | padding: 30rpx 0; |
| | | border-bottom: 1px solid #F5F5F5; |
| | | } |
| | | .item-row{ |
| | | padding:10rpx 0; |
| | | .address{ |
| | | width:65%; |
| | | |
| | | .item-row { |
| | | padding: 10rpx 0; |
| | | |
| | | .address { |
| | | width: 65%; |
| | | } |
| | | } |
| | | } |