This commit is contained in:
cclu 2023-05-19 19:44:02 +08:00
parent eb7ae3a613
commit 57e6e8f12b
10 changed files with 406 additions and 206 deletions

View File

@ -167,7 +167,8 @@
"path": "index", "path": "index",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"navigationStyle": "custom" "navigationStyle": "custom",
"disableScroll": true
} }
} }
] ]

View File

@ -5,11 +5,52 @@
<!-- <view class="content">--> <!-- <view class="content">-->
<!-- <view class="block"></view>--> <!-- <view class="block"></view>-->
<!-- <p class="title">年度经营计划</p>--> <!-- <p class="title">年度经营计划</p>-->
<!-- <view class="monthTabs">--> <!-- &lt;!&ndash; 选择月份 &ndash;&gt;-->
<!-- <scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="current" @scroll="handleScroll">--> <!-- <view class="monthTabs">-->
<!-- <div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" >{{item.label}}</div>--> <!-- <scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="selectMonthId" >-->
<!-- </scroll-view>--> <!-- <div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" :key="index" @click="handleSelectMonth(item.value)">{{item.label}}</div>-->
<!-- </view>--> <!-- </scroll-view>-->
<!-- </view>-->
<!-- <view class="monthDetailList">-->
<!-- <swiper class="swiper" previous-margin="40rpx" next-margin="40rpx" @change="handleDetailScroll" :current="selectDetail">-->
<!-- <block v-for="(item,index) in swiperList" :key="index">-->
<!-- <swiper-item class="swiper-item" :item-id="index" :data-item-id="index" bindtap='clickChange'>-->
<!-- <view class="box">-->
<!-- <view :class="selectDetail===index?'detail':'detail noShow'">-->
<!-- <view class="item">-->
<!-- <view class="itemTop">-->
<!-- <view class="left">-->
<!-- <image class="logo" src="/static/images/plan/monthLogo.svg"></image>-->
<!-- <view class="detailContent">-->
<!-- <view class="top">-->
<!-- <span class="money">7,321,433,546</span>-->
<!-- <image class="icon" src="/static/images/index/yearSuccess.svg"></image>-->
<!-- </view>-->
<!-- <p class="text">本月已完成<text class="unit">/</text></p>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="right">-->
<!-- <p class="add">+8.24%</p>-->
<!-- <text class="compare">比计划</text>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="itemBottom">-->
<!-- <view class="progress">-->
<!-- <view class="have" style="width: 78%"></view>-->
<!-- </view>-->
<!-- <view class="text">-->
<!-- <span class="success">计划完成<span class="unit">/</span></span>-->
<!-- <span class="target">8,000,000,000</span>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </swiper-item>-->
<!-- </block>-->
<!-- </swiper>-->
<!-- </view>-->
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
@ -20,35 +61,52 @@
<!-- name: "yearPlan",--> <!-- name: "yearPlan",-->
<!-- data(){--> <!-- data(){-->
<!-- return {--> <!-- return {-->
<!-- monthList:[{label:'1月',value:1},{label:'2月',value:2},{label:'3月',value:3},{label:'4月',value:4},{label:'5月',value:5},{label:'6月',value:6},{label:'7月',value:7},--> <!-- monthList:[{label:'1月',value:1},{label:'2月',value:2},{label:'3月',value:3},{label:'4月',value:4},{label:'5月',value:5},{label:'6月',value:6},{label:'7月',value:7}, {label:'8月',value:8},{label:'9月',value:9},{label:'10月',value:10},{label:'11月',value:11},{label:'12月',value:12}],-->
<!-- {label:'8月',value:8},{label:'9月',value:9},{label:'10月',value:10},{label:'11月',value:11},{label:'12月',value:12}],--> <!-- selectMonth:0,// -->
<!-- selectMonth:0,--> <!-- selectMonthId:'',// id-->
<!-- current:''--> <!-- swiperList:[{label:1111},{label:2222},{label:3333},{label:4444},{label:5555},{label:6666},{label:7777},{label:8888},{label:9999},{label:1010}, {label:11111111},{label:1212}],-->
<!-- selectDetail:0,// -->
<!-- }--> <!-- }-->
<!-- },--> <!-- },-->
<!-- onLoad(){--> <!-- onLoad(){-->
<!-- // -->
<!-- let systemInfo = uni.getSystemInfoSync()-->
<!-- this.windowHeight = systemInfo.windowHeight-->
<!-- this.statusBarHeight = Number(systemInfo.statusBarHeight)-->
<!-- this.menu = uni.getMenuButtonBoundingClientRect()-->
<!-- // lastDay-->
<!-- this.searchTime = uni.getStorageSync('lastDay')-->
<!-- this.lastDay = uni.getStorageSync('lastDay')-->
<!-- // -->
<!-- const date = new Date(this.searchTime)-->
<!-- let month = date.getMonth() + 1-->
<!-- // -->
<!-- this.monthList = this.monthList.filter(item=>item.value<=month)-->
<!-- },--> <!-- },-->
<!-- onReady(){--> <!-- onReady(){-->
<!-- var _this = this;--> <!-- this.getThisMonth()-->
<!-- _this.getThisMonth()-->
<!-- },--> <!-- },-->
<!-- methods:{--> <!-- methods:{-->
<!-- getThisMonth(){--> <!-- getThisMonth(){-->
<!-- const date = new Date()--> <!-- const date = new Date()-->
<!-- const month = date.getMonth() + 1--> <!-- const month = date.getMonth() + 1-->
<!-- this.selectMonth = month--> <!-- this.selectMonth = month-->
<!-- this.current='item'+month--> <!-- this.selectMonthId = `item${month}`-->
<!-- console.log('this.current',this.current)--> <!-- },-->
<!-- },--> <!-- // -->
<!-- handleScroll(e){--> <!-- handleSelectMonth(value){-->
<!-- console.log('e',e)--> <!-- this.selectMonth = value-->
<!-- }--> <!-- this.selectMonthId = `item${value}`-->
<!-- },-->
<!-- // -->
<!-- handleDetailScroll(e){-->
<!-- this.selectDetail = e.detail.current-->
<!-- }-->
<!-- }--> <!-- }-->
<!--}--> <!--}-->
<!--</script>--> <!--</script>-->
<!--<style scoped lang="scss">--> <!--<style scoped lang="scss">-->
<!--@import '/static/public/stylesheet.css';-->
<!--.main{--> <!--.main{-->
<!-- width: 100%;--> <!-- width: 100%;-->
@ -61,7 +119,6 @@
<!-- height: 100%;--> <!-- height: 100%;-->
<!-- position: absolute;--> <!-- position: absolute;-->
<!-- box-sizing: border-box;--> <!-- box-sizing: border-box;-->
<!-- padding: 0 16px;-->
<!-- top: 0;left: 0;--> <!-- top: 0;left: 0;-->
<!-- z-index: 2;--> <!-- z-index: 2;-->
<!-- .block{--> <!-- .block{-->
@ -75,43 +132,186 @@
<!-- line-height: 39px;--> <!-- line-height: 39px;-->
<!-- font-weight: 600;--> <!-- font-weight: 600;-->
<!-- text-shadow: 0 4px 8px rgba(2,32,202,0.2);--> <!-- text-shadow: 0 4px 8px rgba(2,32,202,0.2);-->
<!-- background: linear-gradient(180deg, #FEFFFE 0%, #B0BBFF 100%);--> <!-- background: linear-gradient(180deg, #fff 50%, #B0BBFF 100%);-->
<!-- -webkit-background-clip: text;--> <!-- -webkit-background-clip: text;-->
<!-- -webkit-text-fill-color: transparent;--> <!-- -webkit-text-fill-color: transparent;-->
<!-- margin: 14px 8px;--> <!-- margin: 14px 24px;-->
<!-- }--> <!-- }-->
<!-- .monthTabs{--> <!-- .monthTabs{-->
<!-- width: 100%;--> <!-- width: calc(100% - 32px);-->
<!-- height: 32px;--> <!-- height: 34px;-->
<!-- border-radius: 17px;--> <!-- border-radius: 17px;-->
<!-- box-sizing: border-box;--> <!-- box-sizing: border-box;-->
<!-- border: 1px solid #798DFF;--> <!-- border: 1px solid #798DFF;-->
<!-- background: linear-gradient(180deg, #4863FF 0%, #768DFF 100%);--> <!-- background: linear-gradient(180deg, #4762FF 0%, #778EFF 100%);-->
<!-- overflow: hidden;--> <!-- overflow: hidden;-->
<!-- padding: 4px 0;--> <!-- padding: 2px 0;-->
<!-- .big{--> <!-- margin-top: 16px;-->
<!-- text-align: center;--> <!-- margin-left: 16px;-->
<!-- white-space: nowrap;--> <!-- .big{-->
<!-- .monthItem{--> <!-- width: 100%;-->
<!-- display: inline-block;--> <!-- height: 100%;-->
<!-- width: 55px;--> <!-- white-space: nowrap;-->
<!-- height: 24px;--> <!-- .monthItem{-->
<!-- font-size: 14px;--> <!-- display: inline-block;-->
<!-- font-family: PingFangSC-Semibold, PingFang SC;--> <!-- font-size: 14px;-->
<!-- font-weight: 600;--> <!-- padding: 2px 16px;-->
<!-- color: #B8C2FF;--> <!-- font-family: PingFangSC-Semibold, PingFang SC;-->
<!-- line-height: 20px;--> <!-- font-weight: 600;-->
<!-- margin-right: 4px;--> <!-- color: #B8C2FF;-->
<!-- text-align: center;--> <!-- line-height: 24px;-->
<!-- border-radius: 12px;--> <!-- margin-right: 4px;-->
<!-- }--> <!-- text-align: center;-->
<!-- .selectItem{--> <!-- border-radius: 12px;-->
<!-- background: #fff;-->
<!-- }-->
<!-- .monthItem:first-child{-->
<!-- margin-left: 4px;-->
<!-- }-->
<!-- }--> <!-- }-->
<!-- .selectItem{-->
<!-- background: #fff;-->
<!-- }-->
<!-- .monthItem:first-child{-->
<!-- margin-left: 4px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .monthDetailList{-->
<!-- width: 100%;-->
<!-- height: 140px;-->
<!-- margin-top: 12px;-->
<!-- .swiper{-->
<!-- width: 100%;-->
<!-- height: 100%;-->
<!-- .swiper-item{-->
<!-- .box{-->
<!-- width: 100%;-->
<!-- height: 100%;-->
<!-- .detail{-->
<!-- width: calc(100% - 20px);-->
<!-- height: 100%;-->
<!-- background: linear-gradient(314deg, #D8EAFF 0%, #F3F5FF 32%, #F5FCFF 54%, #F0F7FF 70%, #D3D9FF 100%);-->
<!-- margin-left: 10px;-->
<!-- border-radius: 8px;-->
<!-- box-sizing: border-box;-->
<!-- padding: 16px;-->
<!-- .item{-->
<!-- .itemTop{-->
<!-- width: 100%;-->
<!-- display: flex;-->
<!-- justify-content: space-between;-->
<!-- .left{-->
<!-- display: flex;-->
<!-- .logo{-->
<!-- width: 44px;-->
<!-- height: 44px;-->
<!-- margin-right: 8px;-->
<!-- }-->
<!-- .detailContent{-->
<!-- .top{-->
<!-- display: flex;-->
<!-- align-items: center;-->
<!-- margin-bottom: 2px;-->
<!-- .money{-->
<!-- font-size: 18px;-->
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
<!-- font-weight: bold;-->
<!-- color: #160002;-->
<!-- line-height: 24px;-->
<!-- }-->
<!-- .icon{-->
<!-- width: 15px;-->
<!-- height: 15px;-->
<!-- margin-left: 6px;-->
<!-- }-->
<!-- }-->
<!-- .text{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #786B6C;-->
<!-- line-height: 20px;-->
<!-- .unit{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #A69E9F;-->
<!-- line-height: 20px;-->
<!-- margin-left: 2px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .right{-->
<!-- text-align: right;-->
<!-- .add{-->
<!-- font-size: 18px;-->
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
<!-- font-weight: bold;-->
<!-- color: #E83944;-->
<!-- line-height: 24px;-->
<!-- }-->
<!-- .compare{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #A69E9F;-->
<!-- line-height: 18px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .itemBottom{-->
<!-- margin-top: 24px;-->
<!-- .progress{-->
<!-- width: 100%;-->
<!-- height: 10px;-->
<!-- background: #ccc;-->
<!-- border-radius: 5px;-->
<!-- position: relative;-->
<!-- .have{-->
<!-- height: 100%;-->
<!-- position: absolute;-->
<!-- left: 0;-->
<!-- top: 0;-->
<!-- background: #576EFF;-->
<!-- border-radius: 5px;-->
<!-- }-->
<!-- }-->
<!-- .text{-->
<!-- margin-top: 4px;-->
<!-- width: 100%;-->
<!-- display: flex;-->
<!-- justify-content: space-between;-->
<!-- align-items: center;-->
<!-- .success{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #786B6C;-->
<!-- line-height: 20px;-->
<!-- .unit{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #A69E9F;-->
<!-- line-height: 20px;-->
<!-- margin-left: 2px;-->
<!-- }-->
<!-- }-->
<!-- .target{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #160002;-->
<!-- line-height: 20px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .noShow{-->
<!-- height: 112px;-->
<!-- margin-top: 14px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }--> <!-- }-->
<!-- }--> <!-- }-->
<!-- .headerBg{--> <!-- .headerBg{-->

View File

@ -1,5 +1,4 @@
<template> <template>
<scroll-view :style="{height:windowHeight+'px',overflow:'hidden'}" :show-scrollbar="false" scroll-with-animation enable-flex scroll-y="true" @scroll="handlePageScroll">
<view class="main"> <view class="main">
<view class="heard"> <view class="heard">
<image class="headerBg" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/bg.png"></image> <image class="headerBg" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/bg.png"></image>
@ -46,142 +45,144 @@
<view :class="selectTab===item.value?'tabItem selectItem':'tabItem'" v-for="(item,index) in tabList" :key="index" @click="handleChangeTab(item.value)">{{item.label}}</view> <view :class="selectTab===item.value?'tabItem selectItem':'tabItem'" v-for="(item,index) in tabList" :key="index" @click="handleChangeTab(item.value)">{{item.label}}</view>
</view> </view>
</view> </view>
<view v-if="selectTab===1" class="serviceList" :style="{height:scrollTop<1?'calc(100vh - 256px)':'calc(100vh - 150px)',overflow:scrollTop<95?'hidden':'scroll'}"> <scroll-view scroll-y="true">
<view v-if="serviceList.length>0"> <view v-if="selectTab===1" class="serviceList" style="height:calc(100vh - 260px);">
<view class="serviceItem" v-for="(item,index) in serviceList" :key="index"> <view v-if="serviceList.length>0">
<view class="itemTitle"> <view class="serviceItem" v-for="(item,index) in serviceList" :key="index">
<span class="title">{{item.SERVERPART_NAME}}</span> <view class="itemTitle">
<span :class="selectMonth%3===0?'secondUnit':'unit'">{{selectMonth%3===0?`${Math.abs(selectMonth/3)===1?'一':Math.abs(selectMonth/3)===2?'二':Math.abs(selectMonth/3)===3?'三':'四'}季度`:'月度'}}</span> <span class="title">{{item.SERVERPART_NAME}}</span>
<span :class="selectMonth%3===0?'secondUnit':'unit'">{{selectMonth%3===0?`${Math.abs(selectMonth/3)===1?'一':Math.abs(selectMonth/3)===2?'二':Math.abs(selectMonth/3)===3?'三':'四'}季度`:'月度'}}</span>
</view>
<view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex">
<view class="detailTop">
<view class="left">
<image class="icon" :src="subItem.REGION_NAME==='南' || subItem.REGION_NAME==='北'?'https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg':'/static/images/examine/ES.svg'"></image>
<span class="type">{{subItem.REGION_NAME}}</span>
</view>
<view class="right">
{{subItem.SERVERPARTList[0].EXAMINE_SCORE }}
<text class="unit"></text>
</view>
</view>
<view class="detailMessage">
<view class="message" style="margin-bottom: 4px">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/time.svg"></image>
<span class="value">{{subItem.SERVERPARTList[0].EXAMINE_DATE}}</span>
</view>
<view class="message">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/user.svg"></image>
<span class="value">{{subItem.SERVERPARTList[0].EXAMINE_PERSON}}</span>
</view>
</view>
</view>
</view> </view>
<view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex"> </view>
<view class="detailTop"> <view v-if="serviceList.length>0" class="load-more" style="height: 20px">
<text>{{'——— 我是有底线的 ———'}}</text>
</view>
<view class="noData" v-else>
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<p class="text">暂无数据</p>
</view>
</view>
<view v-if="selectTab===2" class="serviceList" style="height:calc(100vh - 300px);">
<view v-if="inspectionList.length>0">
<view class="dailyInspection" v-for="(item,index) in inspectionList" :key="index">
<view class="itemTitle">
<span class="title">{{item.SERVERPART_NAME}}</span>
<view class="more" @click="handleShowPopup(2,item)">
<span class="moreText">更多记录</span>
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>
</view>
</view>
<view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex">
<view class="detailTop">
<view class="left">
<image class="icon" :src="subItem.REGION_NAME==='南' || subItem.REGION_NAME==='北'?'https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg':'/static/images/examine/ES.svg'">
<span class="type">{{subItem.REGION_NAME}}</span>
<span class="number">({{subItem.SERVERPARTList.length}})</span>
</view>
<image v-if="subItem.SERVERPARTList[0].COMPLETE_STATE === 1" class="right" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/success.svg"></image>
</view>
<view class="detailMessage">
<view class="person">
<p class="value">{{subItem.SERVERPARTList[0].PATROL_PERSON}}</p>
<p class="label">检查人</p>
</view>
<view class="person">
<p class="value">{{subItem.SERVERPARTList[0].PATROL_DATE}}</p>
<p class="label">检查日期</p>
</view>
<view class="person">
<p class="value">{{subItem.SERVERPARTList[0].PATROL_ROUTE}}</p>
<p class="label">路线</p>
</view>
<view class="person">
<image v-if="subItem.SERVERPARTList[0].PATROL_IMG.length>0" class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/haveImg.svg"></image>
<p v-if="subItem.SERVERPARTList[0].PATROL_IMG.length>0" class="label">图片</p>
</view>
</view>
</view>
</view>
</view>
<view v-if="inspectionList.length>0" class="load-more" style="height: 20px">
<text>{{'——— 我是有底线的 ———'}}</text>
</view>
<view class="noData" v-else>
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<p class="text">暂无数据</p>
</view>
</view>
<view v-if="selectTab===3" class="serviceList" style="height:calc(100vh - 300px);">
<view v-if="meetDetailList.length>0">
<view class="meeting" v-for="(item,index) in meetDetailList">
<p class="title">{{item.SERVERPART_NAME}}</p>
<view class="meetContent">
<view class="left"> <view class="left">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg"></image> <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/personList.svg"></image>
<span class="type">{{subItem.REGION_NAME}}</span> <span class="text">会议内容</span>
</view> </view>
<view class="right"> <view class="right">
{{subItem.SERVERPARTList[0].EXAMINE_SCORE }} <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/place.svg"></image>
<text class="unit"></text> <span class="text">{{item.list[0].SERVERPARTList[0].MEETING_PLACE}}</span>
</view> </view>
</view> </view>
<view class="detailMessage"> <view class="noDataItem" v-if="!item.list[0].SERVERPARTList[0].MEETING_PERSONS && !item.list[0].SERVERPARTList[0].MEETING_CONTENT">
<view class="message" style="margin-bottom: 4px"> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/time.svg"></image> <p class="text">暂无会议内容</p>
<span class="value">{{subItem.SERVERPARTList[0].EXAMINE_DATE}}</span> </view>
</view> <view v-else>
<view class="message"> <view class="detail">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/user.svg"></image> <view class="message" style="margin-bottom: 6px">
<span class="value">{{subItem.SERVERPARTList[0].EXAMINE_PERSON}}</span> <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/time.svg"></image>
<span class="value">{{item.list[0].SERVERPARTList[0].MEETING_DATE}}</span>
</view>
<view class="message" style="margin-bottom: 6px" @click="handleShowPopup(3,item)">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/user.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_PERSONS.length>16">{{item.list[0].SERVERPARTList[0].MEETING_PERSONS.slice(0,16)}}{{`${10}`}}</span>
<image class="more" v-if="item.list[0].SERVERPARTList[0].MEETING_PERSONS.length>16" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/headMore.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_PERSONS.length<=16">{{item.list[0].SERVERPARTList[0].MEETING_PERSONS}}</span>
</view>
<view class="other" @click="handleShowPopup(3,item)">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/detail.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_CONTENT.length>40">{{item.list[0].SERVERPARTList[0].MEETING_CONTENT}}</span>
<image class="more" v-if="item.list[0].SERVERPARTList[0].MEETING_CONTENT.length>40" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/headMore.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_CONTENT.length<=40">{{item.list[0].SERVERPARTList[0].MEETING_CONTENT}}</span>
</view>
</view> </view>
</view> </view>
</view>
</view>
</view>
<view v-if="serviceList.length>0" class="load-more" style="height: 20px">
<text>{{'——— 我是有底线的 ———'}}</text>
</view>
<view class="noData" v-else>
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<p class="text">暂无数据</p>
</view>
</view>
<view v-if="selectTab===2" class="serviceList" :style="{height:scrollTop<1?'calc(100vh - 256px)':'calc(100vh - 210px)',overflow:scrollTop<95?'hidden':'scroll'}">
<view v-if="inspectionList.length>0">
<view class="dailyInspection" v-for="(item,index) in inspectionList" :key="index">
<view class="itemTitle">
<span class="title">{{item.SERVERPART_NAME}}</span>
<view class="more" @click="handleShowPopup(2,item)">
<span class="moreText">更多记录</span>
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>
</view>
</view>
<view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex">
<view class="detailTop">
<view class="left">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg"></image>
<span class="type">{{subItem.REGION_NAME}}</span>
<span class="number">({{subItem.SERVERPARTList.length}})</span>
</view>
<image v-if="subItem.SERVERPARTList[0].COMPLETE_STATE === 1" class="right" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/success.svg"></image>
</view>
<view class="detailMessage">
<view class="person">
<p class="value">{{subItem.SERVERPARTList[0].PATROL_PERSON}}</p>
<p class="label">检查人</p>
</view>
<view class="person">
<p class="value">{{subItem.SERVERPARTList[0].PATROL_DATE}}</p>
<p class="label">检查日期</p>
</view>
<view class="person">
<p class="value">{{subItem.SERVERPARTList[0].PATROL_ROUTE}}</p>
<p class="label">路线</p>
</view>
<view class="person">
<image v-if="subItem.SERVERPARTList[0].PATROL_IMG.length>0" class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/haveImg.svg"></image>
<p v-if="subItem.SERVERPARTList[0].PATROL_IMG.length>0" class="label">图片</p>
</view>
</view>
</view>
</view>
</view>
<view v-if="inspectionList.length>0" class="load-more" style="height: 20px">
<text>{{'——— 我是有底线的 ———'}}</text>
</view>
<view class="noData" v-else>
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<p class="text">暂无数据</p>
</view>
</view>
<view v-if="selectTab===3" class="serviceList" :style="{height:scrollTop<1?'calc(100vh - 256px)':'calc(100vh - 210px)',overflow:scrollTop<95?'hidden':'scroll'}">
<view v-if="meetDetailList.length>0">
<view class="meeting" v-for="(item,index) in meetDetailList">
<p class="title">{{item.SERVERPART_NAME}}</p>
<view class="meetContent">
<view class="left">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/personList.svg"></image>
<span class="text">会议内容</span>
</view>
<view class="right">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/place.svg"></image>
<span class="text">{{item.list[0].SERVERPARTList[0].MEETING_PLACE}}</span>
</view>
</view>
<view class="noDataItem" v-if="!item.list[0].SERVERPARTList[0].MEETING_PERSONS && !item.list[0].SERVERPARTList[0].MEETING_CONTENT">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<p class="text">暂无会议内容</p>
</view>
<view v-else>
<view class="detail">
<view class="message" style="margin-bottom: 6px">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/time.svg"></image>
<span class="value">{{item.list[0].SERVERPARTList[0].MEETING_DATE}}</span>
</view>
<view class="message" style="margin-bottom: 6px" @click="handleShowPopup(3,item)">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/user.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_PERSONS.length>16">{{item.list[0].SERVERPARTList[0].MEETING_PERSONS.slice(0,16)}}{{`${10}`}}</span>
<image class="more" v-if="item.list[0].SERVERPARTList[0].MEETING_PERSONS.length>16" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/headMore.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_PERSONS.length<=16">{{item.list[0].SERVERPARTList[0].MEETING_PERSONS}}</span>
</view>
<view class="other" @click="handleShowPopup(3,item)">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/detail.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_CONTENT.length>40">{{item.list[0].SERVERPARTList[0].MEETING_CONTENT}}</span>
<image class="more" v-if="item.list[0].SERVERPARTList[0].MEETING_CONTENT.length>40" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/headMore.svg"></image>
<span class="value" v-if="item.list[0].SERVERPARTList[0].MEETING_CONTENT.length<=40">{{item.list[0].SERVERPARTList[0].MEETING_CONTENT}}</span>
</view>
</view>
</view>
</view>
</view>
<view v-if="meetDetailList.length>0" class="load-more" style="height: 20px">
<text>{{'——— 我是有底线的 ———'}}</text>
</view>
<view class="noData" v-else>
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<p class="text">暂无数据</p>
</view> </view>
</view> </view>
<view v-if="meetDetailList.length>0" class="load-more" style="height: 20px"> </scroll-view>
<text>{{'——— 我是有底线的 ———'}}</text>
</view>
<view class="noData" v-else>
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/noData.svg"></image>
<p class="text">暂无数据</p>
</view>
</view>
</view> </view>
<uniPopup type="bottom" :round="true" :show="showPop" @hidePopup="hidePopup"> <uniPopup type="bottom" :round="true" :show="showPop" @hidePopup="hidePopup">
@ -235,7 +236,6 @@
</view> </view>
</uniPopup> </uniPopup>
</view> </view>
</scroll-view>
</template> </template>
<script> <script>
import request from '@/util/index.js' import request from '@/util/index.js'
@ -305,7 +305,7 @@ export default {
methods:{ methods:{
// //
getThisMonth(){ getThisMonth(){
const date = new Date(this.lastDay) const date = new Date()
const year = date.getFullYear() const year = date.getFullYear()
const month = date.getMonth() + 1 const month = date.getMonth() + 1
const day = date.getDate() const day = date.getDate()
@ -527,9 +527,10 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '/static/public/font/stylesheet.css';
.main{ .main{
width: 100%; width: 100%;
height: calc(100vh + 105px); height: calc(100vh - 80px);
background: #fff; background: #fff;
.heard{ .heard{
width: 100%; width: 100%;
@ -544,12 +545,9 @@ export default {
top: 0;left: 0; top: 0;left: 0;
z-index: 2; z-index: 2;
.top{ .top{
position: absolute;
top: 0;left: 0;
width: 100%; width: 100%;
position: fixed;
left: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/examine/bg.png");
background-position: 0 0;
z-index:99;
.titleModule{ .titleModule{
width: 100%; width: 100%;
bottom: 0; bottom: 0;

View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>图标/更多备份_5@2x</title>
<defs>
<linearGradient x1="50%" y1="3.05745013e-15%" x2="50%" y2="99.8934659%" id="linearGradient-1">
<stop stop-color="#AF8CFF" offset="0%"></stop>
<stop stop-color="#7242DE" offset="100%"></stop>
</linearGradient>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="考评考核0515" transform="translate(-500.000000, -2623.000000)">
<g id="编组" transform="translate(500.000000, 2623.000000)">
<rect id="矩形" fill="url(#linearGradient-1)" opacity="0.200000003" x="0" y="0" width="24" height="24" rx="3"></rect>
<g id="compass-3-fill" opacity="0.800000012" transform="translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#8441F3" fill-rule="nonzero">
<path d="M8,16 C3.58172,16 0,12.41824 0,8 C0,3.58172 3.58172,0 8,0 C12.41824,0 16,3.58172 16,8 C16,12.41824 12.41824,16 8,16 Z M11.6,4.4 L6.4,6.4 L4.4,11.6 L9.6,9.6 L11.6,4.4 Z M8,8.8 C7.55816,8.8 7.2,8.44184 7.2,8 C7.2,7.55816 7.55816,7.2 8,7.2 C8.44184,7.2 8.8,7.55816 8.8,8 C8.8,8.44184 8.44184,8.8 8,8.8 Z" id="形状"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -1,9 +0,0 @@
@font-face {
font-family: 'Alimama ShuHeiTi';
src: url("https://eshangtech.com/ShopICO/ahyd-BID/style/woff2.txt") format('woff2'),
url('https://eshangtech.com/ShopICO/ahyd-BID/style/woff.txt') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

File diff suppressed because one or more lines are too long