ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
cclu 2023-05-18 19:15:42 +08:00
parent 6a8d324702
commit 51a9802407
10 changed files with 962 additions and 334 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
common/utils.js
View File

@ -287,6 +287,78 @@ function playVideo(opt) {
return new EZUIPlayer(opt) return new EZUIPlayer(opt)
} }
// 输入年份和月份 输出该月的天数 是一个数组 格式为 *月**日
function getThisMonthDateList(value){
let date = new Date(value)
let y = date.getFullYear()
let m = date.getMonth() + 1
let howDay;
let flag = false
if( y%4 ===0 && y%100!==0 || y%400===0 ){
flag = true
}
switch (m){
case 1: case 3: case 5: case 7: case 8: case 10: case 12:
howDay=31
break
case 4: case 6: case 9: case 11:
howDay=30
break
case 2 :
if(flag){
howDay=29
}else{
howDay = 28
}
break
}
let list = []
for (let i = 0;i <= howDay,++i;) {
if (i>howDay){
break
}else{
list.push({label:`${m}月${i}日`,value:`${y}-${m}-${i}`})
}
}
return list
}
// 传入 老的时间和要变成的时间 老时间要日期 新时间不用 月份为1无效
function handleReduceAMonth(nowTime,newTime){
const oldDate = new Date(nowTime)
let y = oldDate.getFullYear()
let m = oldDate.getMonth() + 1
let d = oldDate.getDate()
const newDate = new Date(newTime)
let newY = newDate.getFullYear()
let newM = newDate.getMonth() + 1
let howDay = this.getThisMonthDay(`${y}-${m}`)
let newHowDay = this.getThisMonthDay(`${newY}-${newM}`)
if (d === howDay){
console.log('111',`${y}-${newM}-${newHowDay}`)
return `${newY}-${newM}-${newHowDay}`
}else{
if (newM===2){
if (d>newHowDay){
console.log('222',`${newY}-${newM}-${newHowDay}`)
return `${newY}-${newM}-${newHowDay}`
}else{
console.log('222',`${newY}-${newM}-${d}`)
return `${newY}-${newM}-${d}`
}
}else{
console.log('333',`${y}-${newM}-${d}`)
return `${newY}-${newM}-${d}`
}
}
}
export default { export default {
netChange, netChange,
cutDate, cutDate,
@ -302,5 +374,7 @@ export default {
getFieldEnumByField, // 获取枚举参数 getFieldEnumByField, // 获取枚举参数
// calculateDistance, // calculateDistance,
// bMapToQQMap, // bMapToQQMap,
playVideo playVideo,
getThisMonthDateList,
handleReduceAMonth
} }

248
pages/commercialBI/yearPlan.vue
View File

@ -1,127 +1,127 @@
<template> <!--<template>-->
<view class="main"> <!-- <view class="main">-->
<view class="heard"> <!-- <view class="heard">-->
<image class="headerBg" src="/static/images/plan/blueBack.png"></image> <!-- <image class="headerBg" src="/static/images/plan/blueBack.png"></image>-->
<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"> <!-- <view class="monthTabs">-->
<scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="current" @scroll="handleScroll"> <!-- <scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="current" @scroll="handleScroll">-->
<div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" >{{item.label}}</div> <!-- <div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" >{{item.label}}</div>-->
</scroll-view> <!-- </scroll-view>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
</template> <!--</template>-->
<script> <!--<script>-->
export default{ <!--export default{-->
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,-->
current:'' <!-- current:''-->
} <!-- }-->
}, <!-- },-->
onLoad(){ <!-- onLoad(){-->
}, <!-- },-->
onReady(){ <!-- onReady(){-->
var _this = this; <!-- 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.current='item'+month-->
console.log('this.current',this.current) <!-- console.log('this.current',this.current)-->
}, <!-- },-->
handleScroll(e){ <!-- handleScroll(e){-->
console.log('e',e) <!-- console.log('e',e)-->
} <!-- }-->
} <!-- }-->
} <!--}-->
</script> <!--</script>-->
<style scoped lang="scss"> <!--<style scoped lang="scss">-->
@import '/static/public/stylesheet.css'; <!--@import '/static/public/stylesheet.css';-->
.main{ <!--.main{-->
width: 100%; <!-- width: 100%;-->
.heard{ <!-- .heard{-->
width: 100%; <!-- width: 100%;-->
height: 366px; <!-- height: 366px;-->
position: relative; <!-- position: relative;-->
.content{ <!-- .content{-->
width: 100%; <!-- width: 100%;-->
height: 100%; <!-- height: 100%;-->
position: absolute; <!-- position: absolute;-->
box-sizing: border-box; <!-- box-sizing: border-box;-->
padding: 0 16px; <!-- padding: 0 16px;-->
top: 0;left: 0; <!-- top: 0;left: 0;-->
z-index: 2; <!-- z-index: 2;-->
.block{ <!-- .block{-->
width: 100%; <!-- width: 100%;-->
height: 83px; <!-- height: 83px;-->
} <!-- }-->
.title{ <!-- .title{-->
font-size: 28px; <!-- font-size: 28px;-->
font-family: "Alimama ShuHeiTi"; <!-- font-family: "Alimama ShuHeiTi";-->
color: #160002; <!-- color: #160002;-->
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, #FEFFFE 0%, #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 8px;-->
} <!-- }-->
.monthTabs{ <!-- .monthTabs{-->
width: 100%; <!-- width: 100%;-->
height: 32px; <!-- height: 32px;-->
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, #4863FF 0%, #768DFF 100%);-->
overflow: hidden; <!-- overflow: hidden;-->
padding: 4px 0; <!-- padding: 4px 0;-->
.big{ <!-- .big{-->
text-align: center; <!-- text-align: center;-->
white-space: nowrap; <!-- white-space: nowrap;-->
.monthItem{ <!-- .monthItem{-->
display: inline-block; <!-- display: inline-block;-->
width: 55px; <!-- width: 55px;-->
height: 24px; <!-- height: 24px;-->
font-size: 14px; <!-- font-size: 14px;-->
font-family: PingFangSC-Semibold, PingFang SC; <!-- font-family: PingFangSC-Semibold, PingFang SC;-->
font-weight: 600; <!-- font-weight: 600;-->
color: #B8C2FF; <!-- color: #B8C2FF;-->
line-height: 20px; <!-- line-height: 20px;-->
margin-right: 4px; <!-- margin-right: 4px;-->
text-align: center; <!-- text-align: center;-->
border-radius: 12px; <!-- border-radius: 12px;-->
} <!-- }-->
.selectItem{ <!-- .selectItem{-->
background: #fff; <!-- background: #fff;-->
} <!-- }-->
.monthItem:first-child{ <!-- .monthItem:first-child{-->
margin-left: 4px; <!-- margin-left: 4px;-->
} <!-- }-->
} <!-- }-->
} <!-- }-->
} <!-- }-->
.headerBg{ <!-- .headerBg{-->
position: absolute; <!-- position: absolute;-->
top: 0; <!-- top: 0;-->
left: 0; <!-- left: 0;-->
width: 100%; <!-- width: 100%;-->
height: 100%; <!-- height: 100%;-->
z-index: 1; <!-- z-index: 1;-->
} <!-- }-->
} <!-- }-->
} <!--}-->
</style> <!--</style>-->

789
pages/examine/index.vue
View File

@ -2,12 +2,12 @@
<scroll-view :style="{height:windowHeight+'px',overflow:'hidden'}" :show-scrollbar="false" scroll-with-animation enable-flex scroll-y="true" @scroll="handlePageScroll"> <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="/static/images/examine/bg.png"></image> <image class="headerBg" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/bg.png"></image>
<view class="contentHeard"> <view class="contentHeard">
<!-- 顶部标题 --> <!-- 顶部标题 -->
<view class="top" :style="{height:menu.bottom+'px'}"> <view class="top" :style="{height:menu.bottom+'px'}">
<view class="titleModule" :style="{height:(menu.bottom-menu.top)+'px'}"> <view class="titleModule" :style="{height:(menu.bottom-menu.top)+'px'}">
<image @click="handleBack" class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"></image> <image @click="handleBack" class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"></image>
<text class="title">考评考核</text> <text class="title">考评考核</text>
</view> </view>
</view> </view>
@ -16,13 +16,13 @@
</view> </view>
<!-- 选择片区 --> <!-- 选择片区 -->
<div class="picker"> <div class="picker">
<div class="selectService" @click="handleShowPopup"> <div class="selectService" @click="handleShowPopup(1)">
<image class="img" src="/static/images/examine/fixed.svg"></image> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/fixed.svg"></image>
<view class="select"> <view class="select">
<view class="selectContent"> <view class="selectContent">
<view class="name">皖中</view> <view class="name">{{selectAreaName}}</view>
<p class="area">片区</p> <p class="area">片区</p>
<image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image> <image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/headMore.svg"></image>
</view> </view>
</view> </view>
</div> </div>
@ -37,74 +37,180 @@
</view> </view>
<view class="content"> <view class="content">
<view class="date" v-if="selectTab!==1">
<scroll-view class="dateList" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="currentDate">
<view :id="'item'+item.value" :class="selectDate===item.value?'dateItem selectDateItem':'dateItem'" v-for="(item,index) in dateList" :key="index" @click="handleChangeDate(item.value)">{{item.label}}</view>
</scroll-view>
</view>
<view style="height: 50px"> <view style="height: 50px">
<view class="tab"> <view class="tab">
<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<95?'calc(100vh - 256px)':'calc(100vh - 150px)',overflow:scrollTop<95?'hidden':'scroll'}"> <view v-if="selectTab===1" class="serviceList" :style="{height:scrollTop<1?'calc(100vh - 256px)':'calc(100vh - 150px)',overflow:scrollTop<95?'hidden':'scroll'}">
<view class="serviceItem" v-for="item in 5"> <view class="serviceItem" v-for="(item,index) in serviceList" :key="index">
<view class="itemTitle"> <view class="itemTitle">
<text class="title">新桥服务区</text> <span class="title">{{item.SERVERPART_NAME}}</span>
<text :class="selectMonth%3===0?'secondUnit':'unit'">{{selectMonth%3===0?`${Math.abs(selectMonth/3)===1?'一':Math.abs(selectMonth/3)===2?'二':Math.abs(selectMonth/3)===3?'三':'四'}季度`:'月度'}}</text> <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>
<view class="detail"> <view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex">
<view class="detailTop"> <view class="detailTop">
<view class="left"> <view class="left">
<image class="icon" src="/static/images/examine/NS.svg"></image> <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg"></image>
<text class="type">南区</text> <span class="type">{{subItem.REGION_NAME}}区</span>
</view> </view>
<view class="right"> <view class="right">
89 {{subItem.SERVERPARTList[0].EXAMINE_SCORE }}
<text class="unit">分</text> <text class="unit">分</text>
</view> </view>
</view> </view>
<view class="detailMessage"> <view class="detailMessage">
<view class="message" style="margin-bottom: 4px"> <view class="message" style="margin-bottom: 4px">
<image class="icon" src="/static/images/examine/time.svg"></image> <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/time.svg"></image>
<text class="value">2023/05/11 14:21:03</text> <span class="value">{{subItem.SERVERPARTList[0].EXAMINE_DATE}}</span>
</view> </view>
<view class="message"> <view class="message">
<image class="icon" src="/static/images/examine/user.svg"></image> <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/user.svg"></image>
<text class="value">陈佳、赵卓雅、张三、李文文、胡静</text> <span class="value">{{subItem.SERVERPARTList[0].EXAMINE_PERSON}}</span>
</view> </view>
</view> </view>
</view> </view>
</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 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="detail"> <view class="detail">
<view class="detailTop"> <view class="message" style="margin-bottom: 6px">
<view class="left"> <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/time.svg"></image>
<image class="icon" src="/static/images/examine/NS.svg"></image> <span class="value">{{item.list[0].SERVERPARTList[0].MEETING_DATE}}</span>
<text class="type">南区</text>
</view> </view>
<view class="right"> <view class="message" style="margin-bottom: 6px" @click="handleShowPopup(3,item)">
89 <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/user.svg"></image>
<text class="unit">分</text> <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 class="detailMessage">
<view class="message" style="margin-bottom: 4px">
<image class="icon" src="/static/images/examine/time.svg"></image>
<text class="value">2023/05/11 14:21:03</text>
</view>
<view class="message">
<image class="icon" src="/static/images/examine/user.svg"></image>
<text class="value">陈佳、赵卓雅、张三、李文文、胡静</text>
</view> </view>
</view> </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> </view>
</view>
<uniPopup type="bottom" :round="true" :show="showPop" @hidePopup="hidePopup"> <uniPopup type="bottom" :round="true" :show="showPop" @hidePopup="hidePopup">
<view class="popup"> <view class="popup" :style="{height:selectTab!==2?'60vh':'78vh'}">
<view class="top"> <view class="top">
<text class="popupTitle">选择片区</text> <text class="popupTitle">{{ selectTab===1?'选择片区':selectTab===2?`${popupServiceName}`:'会议内容' }}</text>
<image @click="hidePopup" class="close" src="/static/images/examine/close.svg"></image> <image @click="hidePopup" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
</view>
<view class="areaList" v-if="popupShow===1">
<view @click="handleChangeArea(item)" :class="selectAreaValue===item.value?'selectItem item':'item'" v-for="(item,index) in areaList" :key="index">{{item.label}}<text class="unit">片区</text></view>
</view>
<view class="serviceList" v-if="popupShow===2">
<view class="tab">
<view :class="popupTabSelect===item.value?'tabItem selectTabItem':'tabItem'" v-for="(item,index) in popupTab" :key="index" @click="handleChangePopupTab(item.value)">{{item.label}}</view>
</view> </view>
<view class="list"> <view class="list">
<view class="item" v-for="(item,index) in areaList" :key="index">{{item.label}}<text class="unit">片区</text></view> <view class="item" v-for="(item,index) in popupServiceShowList.SERVERPARTList" :key="index">
<view class="person">
<p class="value">{{item.PATROL_PERSON}}</p>
<p class="label">检查人</p>
</view>
<view class="person">
<p class="value">{{item.PATROL_DATE}}</p>
<p class="label">检查日期</p>
</view>
<view class="person">
<p class="value">{{item.PATROL_ROUTE}}</p>
<p class="label">路线</p>
</view>
<view class="person">
<image v-if="item.PATROL_IMG.length>0" class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/haveImg.svg"></image>
<p v-if="item.PATROL_IMG.length>0" class="label">图片</p>
</view>
</view>
</view>
</view>
<view class="meetList" v-if="popupShow===3">
<view class="message" style="margin-bottom: 8px">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/time.svg"></image>
<span class="value">{{popupMeetDetail.MEETING_DATE}}</span>
</view>
<view class="message" style="margin-bottom: 8px" >
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/user.svg"></image>
<span class="value" >{{popupMeetDetail.MEETING_PERSONS}}</span>
</view>
<view class="message">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/detail.svg"></image>
<span class="value">{{popupMeetDetail.MEETING_CONTENT}}</span>
</view>
</view> </view>
</view> </view>
</uniPopup> </uniPopup>
@ -112,13 +218,17 @@
</scroll-view> </scroll-view>
</template> </template>
<script> <script>
import request from '@/util/index.js'
import uniPopup from '@/components/uni-popup' import uniPopup from '@/components/uni-popup'
import Store from "../../store/store";
export default { export default {
components:{ components:{
uniPopup uniPopup
}, },
data(){ data(){
return { return {
searchTime:'',// 查询的时间默认是拿首页的时间
lastDay:'',// 首页的时间
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,
@ -126,12 +236,28 @@ export default {
menu:{}, menu:{},
statusBarHeight:'', statusBarHeight:'',
showPop:false, showPop:false,
areaList:[{label:'皖中',value:'皖中'},{label:'皖中',value:'皖中'},{label:'皖中',value:'皖中'}],// 片区列表 areaList:[],// 片区列表
selectAreaValue:'',// 选择的片区value
selectAreaName:'',// 选择的片区名字
tabList:[{label:'考核管理',value:1},{label:'日常巡检',value:2},{label:'晨会管理',value:3}],// tab选项卡 tabList:[{label:'考核管理',value:1},{label:'日常巡检',value:2},{label:'晨会管理',value:3}],// tab选项卡
selectTab:1,// 选中的tab选项卡 selectTab:1,// 选中的tab选项卡
serviceList:[],// 服务区列表 serviceList:[],// 服务区列表
inspectionList:[],// 日常巡检列表
meetDetailList:[],// 晨会管理列表
scrollTop:0,// 页面整体滚动了多少 scrollTop:0,// 页面整体滚动了多少
windowHeight:0,// 页面高度 windowHeight:0,// 页面高度
dateList:[],// 日历滚动条
selectDate:'',// 当前选中的日期
currentDate:'',// 当前选中的月份
popupShow:1,
popupTab:[],// 弹出框中的选项卡
popupTabSelect:0,// 选中的弹出框选项卡
popupServiceList:[],// tab选中第二个的时候的点击更多记录全部表单
popupServiceShowList:[],// 显示的表单内容
popupServiceName:'',// 点击更多记录的表单名称
popupMeetDetail:{},// 弹出框的会议详情内容
str1:'陈佳、赵卓雅、张三、陈佳、赵卓雅、陈佳、赵卓雅、张三、里斯、李青青',
str2:'这里是会议内容,这里是会议内容,这里是会议内容,这里是会议内容,这里是是会议内容,这里是会议内容,这里是会议内容,这里是会议内容这里是会议内容,这里是会议内容,这里是会议内容,这里是会议内容,这里是是会议内容'
} }
}, },
onLoad(){ onLoad(){
@ -140,9 +266,17 @@ export default {
this.windowHeight = systemInfo.windowHeight this.windowHeight = systemInfo.windowHeight
this.statusBarHeight = Number(systemInfo.statusBarHeight) this.statusBarHeight = Number(systemInfo.statusBarHeight)
this.menu = uni.getMenuButtonBoundingClientRect() this.menu = uni.getMenuButtonBoundingClientRect()
const date = new Date() this.searchTime = uni.getStorageSync('lastDay')
this.lastDay = uni.getStorageSync('lastDay')
// 拿到当前时间
const date = new Date(this.searchTime)
let month = date.getMonth() + 1 let month = date.getMonth() + 1
// 滚动的月份列表
this.monthList = this.monthList.filter(item=>item.value<=month) this.monthList = this.monthList.filter(item=>item.value<=month)
// 日历数组
this.dateList = this.$util.getThisMonthDateList(date)
// 获得片区列表
this.getAreaList()
}, },
onReady(){ onReady(){
var _this = this; var _this = this;
@ -151,26 +285,105 @@ export default {
methods:{ methods:{
// 拿到当前月份 用于页面一开始自动滚动到相对应的月份 // 拿到当前月份 用于页面一开始自动滚动到相对应的月份
getThisMonth(){ getThisMonth(){
const date = new Date() const date = new Date(this.lastDay)
const year = date.getFullYear()
const month = date.getMonth() + 1 const month = date.getMonth() + 1
const day = date.getDate()
// 月份选择器 拿到当前月份 和自动滚动到当前月份
this.selectMonth = month this.selectMonth = month
this.current='item'+month this.current='item'+month
// 日期选择器
this.selectDate = `${year}-${month}-${day}`
this.currentDate = 'item'+`${year}-${month}-${day}`
}, },
// 是否显示弹出框 // 是否显示弹出框
handleShowPopup(){ handleShowPopup(value,obj){
this.popupShow = value
if (value===2){
// 是日常巡检时
// 显示的服务区名称从点击的更多记录的那个item里面拿 方法的第二个形参就是item这个对象
this.popupServiceName = obj.SERVERPART_NAME
// 两个区一起的数组
this.popupServiceList = obj.list
// 页面上展示的数组
this.popupServiceShowList = this.popupServiceList[0]
console.log('this.popupServiceShowList',this.popupServiceShowList)
// 方位选项卡的数组判断
let list = []
obj.list.forEach((item,index)=>{
list.push({label:`${item.REGION_NAME}区`,value:index})
})
this.popupTab = list
}else if (value===3){
this.popupMeetDetail = obj.list[0].SERVERPARTList[0]
console.log('this.popupMeetDetail',this.popupMeetDetail)
}
// 弹出框显示
this.showPop = true this.showPop = true
}, },
// 弹出框点击蒙层关闭 // 弹出框点击蒙层关闭
hidePopup(){ hidePopup(){
this.showPop = false this.showPop = false
// 弹出框选择的选项卡变回默认
this.popupTabSelect = 0
}, },
// 点击月份改变选中月份 // 点击月份改变选中月份
handleSelectMonth(value){ handleSelectMonth(value){
this.selectMonth = value this.selectMonth = value
// 当前时间
const nowDate = new Date()
let nowYear = nowDate.getFullYear()
let nowMonth = nowDate.getMonth() + 1
let nowDay = nowDate.getDate()
// 搜索时间
const date = new Date(this.searchTime)
let y = date.getFullYear()
let m = date.getMonth() + 1
// 如果当前的时间 和 选中的时间一样 那么 搜索的时间就是当前时间的前一天 否则就是当前月份的最后一天
if (nowMonth === this.selectMonth){
this.searchTime = this.lastDay
}else{
let howDay = this.$util.getThisMonthDay(`${y}-${this.selectMonth}`)
this.searchTime = `${y}-${this.selectMonth}-${howDay}`
}
if (this.selectTab===1){
// 选中的是考核管理 调用拿到考核管理的列表
this.getManagerList()
}else if (this.selectTab===2){
// 选中日常巡检 就调用拿到日常巡检的方法
// 月份改变之后 重新渲染选择日期的数组
this.dateList = this.$util.getThisMonthDateList(`${y}-${this.selectMonth}`)
// 当月份改变了之后 日期栏也会根据当前选中的时间 选择新月份默认的时间
this.selectDate = this.$util.handleReduceAMonth(`${this.selectDate}`,`${y}-${this.selectMonth}`)
// 日期的自动滚动设置
this.currentDate = 'item'+this.selectDate
// 调用日常巡检的方法
this.getDailyInspectionList()
}else if(this.selectTab===3){
// 选中日常巡检 就调用拿到日常巡检的方法
// 月份改变之后 重新渲染选择日期的数组
this.dateList = this.$util.getThisMonthDateList(`${y}-${this.selectMonth}`)
// 当月份改变了之后 日期栏也会根据当前选中的时间 选择新月份默认的时间
this.selectDate = this.$util.handleReduceAMonth(`${this.selectDate}`,`${y}-${this.selectMonth}`)
// 日期的自动滚动设置
this.currentDate = 'item'+this.selectDate
// 晨会管理列表
this.getMeetingDetail()
}
}, },
// 点击选项卡改变选项卡 // 点击选项卡改变选项卡
handleChangeTab(value){ handleChangeTab(value){
this.selectTab = value this.selectTab = value
if (value===1){
// 考核管理列表
this.getManagerList()
}else if(value===2){
// 日常巡检列表
this.getDailyInspectionList()
}else if (value===3){
// 晨会管理列表
this.getMeetingDetail()
}
}, },
// 页面的整体滚动 // 页面的整体滚动
handlePageScroll(e){ handlePageScroll(e){
@ -182,13 +395,127 @@ export default {
url: '/pages/userCenter/userCenter' url: '/pages/userCenter/userCenter'
}) })
}, },
// 选择日期的方法
handleChangeDate(value){
const date = new Date(this.lastDay)
let d = date.getDate()
const selectDay = new Date(value)
let selectd = selectDay.getDate()
if (d<selectd){
uni.showToast({
title: '时间还未到,不可选择',
icon: 'none'
})
}else{
this.selectDate = value
// 切换日期日常巡检列表 选项卡为2的时候调用
if (this.selectTab===2){
this.getDailyInspectionList()
}else if(this.selectTab===3){
// 晨会管理列表
this.getMeetingDetail()
}
}
},
// 改变弹出框中的选项卡
handleChangePopupTab(value){
this.popupTabSelect = value
// 弹出框选项卡切换 表单内容切换
this.popupServiceShowList = this.popupServiceList[this.popupTabSelect]
},
// 片区列表
async getAreaList(){
uni.showLoading({
title: '正在加载...'
})
const total = await request.$webGet(`CommercialApi/BaseInfo/GetSPRegionList`,{Province_Code:Store.state.userData.ProvinceCode})
uni.hideLoading()
if (total.Result_Code===100){
let list = []
total.Result_Data.List.forEach(item=>{
list.push({label:item.name.split('片区')[0],value:item.value})
})
this.areaList = list
this.selectAreaValue = this.areaList[0].value
this.selectAreaName = this.areaList[0].label
// 只能先拿到 selectAreaValue 再去请求列表
// 获得考核管理列表
this.getManagerList()
}
},
// 修改当前选中的片区
handleChangeArea(item){
this.selectAreaValue = item.value
this.selectAreaName = item.label
if (this.selectTab===1){
// 考核管理列表重新调用
this.getManagerList()
}else if (this.selectTab===2){
// 日常巡检列表重新调用
this.getDailyInspectionList()
}else if(this.selectTab===3){
// 晨会管理列表
this.getMeetingDetail()
}
this.hidePopup()
},
// 考核管理列表
async getManagerList(){
const date = new Date(this.searchTime)
let y = date.getFullYear()
let m = date.getMonth() + 1
if (m<10){
m = '0' + m
}
let d = date.getDate()
let startTime = `${y}-${m}-01`
let endTime = `${y}-${m}-${d}`
const res = await request.$webGet(`CommercialApi/Examine/WeChat_GetExamineList`,{
SearchStartDate: startTime,// 考核日期（开始时间）
SearchEndDate: endTime,// 考核日期（结束时间）
SPRegionType_ID: this.selectAreaValue,// 片区内码，多个片区用","隔开
Serverpart_ID:'',// 服务区内码，多个服务区用","隔开
})
this.serviceList = res.Result_Data
},
// 日常巡检列表
async getDailyInspectionList(){
console.log('this.selectDate',this.selectDate)
const res = await request.$webGet(`CommercialApi/Examine/WeChat_GetPatrolList`,{
SearchStartDate:this.selectDate,// 巡检日期（开始时间）
SearchEndDate:this.selectDate,// 巡检日期（结束时间）
SPRegionType_ID:this.selectAreaValue,// 片区内码，多个片区用","隔开
Serverpart_ID:'',// 服务区内码，多个服务区用","隔开
})
this.inspectionList = res.Result_Data
},
// 晨会管理列表
async getMeetingDetail(){
const res = await request.$webGet(`CommercialApi/Examine/WeChat_GetMeetingList`,{
SearchStartDate:this.selectDate,// 巡检日期（开始时间）
SearchEndDate:this.selectDate,// 巡检日期（结束时间）
SPRegionType_ID:this.selectAreaValue,// 片区内码，多个片区用","隔开
Serverpart_ID:'',// 服务区内码，多个服务区用","隔开
})
this.meetDetailList = res.Result_Data
console.log('this.meetDetailList',this.meetDetailList)
}
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '/static/public/font/stylesheet.css'; //@font-face {
// font-family: 'Alimama ShuHeiTi';
// src: url("https://eshangtech.com/ShopICO/ahyd-BID/style/Alimama_ShuHeiTi_Bold.ttf");
// font-weight: normal;
// font-style: normal;
// font-display: swap;
//}
.main{ .main{
width: 100%; width: 100%;
height: calc(100vh + 105px); height: calc(100vh + 105px);
@ -281,7 +608,7 @@ export default {
} }
.monthTabs{ .monthTabs{
width: 100%; width: 100%;
height: 32px; height: 34px;
border-radius: 17px; border-radius: 17px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #BF99FE; border: 1px solid #BF99FE;
@ -290,13 +617,13 @@ export default {
padding: 2px 0; padding: 2px 0;
margin-top: 16px; margin-top: 16px;
.big{ .big{
text-align: center; width: 100%;
height: 100%;
white-space: nowrap; white-space: nowrap;
.monthItem{ .monthItem{
display: inline-block; display: inline-block;
width: 55px;
height: 24px;
font-size: 14px; font-size: 14px;
padding: 2px 16px;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #B8C2FF; color: #B8C2FF;
@ -332,6 +659,42 @@ export default {
position: relative; position: relative;
background: #fff; background: #fff;
z-index:99; z-index:99;
.date{
width: 100%;
height: 31px;
border-bottom: 1px solid #F3F1F5;
margin-bottom: 12px;
.dateList{
height: 100%;
white-space: nowrap;
.dateItem{
display: inline-block;
margin-right: 16px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 20px;
}
.selectDateItem{
font-size: 14px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #8441F3;
line-height: 20px;
position: relative;
}
.selectDateItem:after{
content:'';
display: block;
position: absolute;
width: 100%;
height: 3px;
background: rgba(132, 65, 243, 1);
bottom: -4px;
}
}
}
.tab{ .tab{
width: 100%; width: 100%;
height: 38px; height: 38px;
@ -365,7 +728,6 @@ export default {
width: 100%; width: 100%;
.serviceItem{ .serviceItem{
width: 100%; width: 100%;
height: 270px;
box-sizing: border-box; box-sizing: border-box;
padding: 16px; padding: 16px;
border-radius: 8px; border-radius: 8px;
@ -376,7 +738,7 @@ export default {
align-items: center; align-items: center;
.title{ .title{
font-size: 18px; font-size: 18px;
font-family: AlimamaShuHeiTi; font-family: Alimama ShuHeiTi;
color: #33077A; color: #33077A;
line-height: 26px; line-height: 26px;
} }
@ -468,11 +830,248 @@ export default {
} }
} }
} }
.dailyInspection{
width: 100%;
height: 267px;
background: linear-gradient(314deg, #FFF1F8 0%, #F2F2FF 32%, #FCFAFF 54%, #FCF6FF 70%, #F2EAFF 100%);
border-radius: 8px;
margin-bottom: 12px;
box-sizing: border-box;
padding: 16px;
.itemTitle{
display: flex;
align-items: center;
justify-content: space-between;
.title{
font-size: 18px;
font-family: Alimama ShuHeiTi;
color: #33077A;
line-height: 26px;
}
.more{
display: flex;
align-items: center;
.moreText{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 20px;
}
.icon{
width: 15px;
height: 15px;
margin-left: 7px;
}
}
}
.detail{
margin-top: 19px;
.detailTop{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.left{
display: flex;
align-items: center;
.icon{
width: 22px;
height: 22px;
margin-right: 8px;
}
.type{
font-size: 14px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 20px;
margin-right: 4px;
}
.number{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 20px;
}
}
.right{
width: 20px;
height: 20px;
}
}
.detailMessage{
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 16px;
.person{
margin-top: 12px;
.value{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 20px;
margin-bottom: 2px;
}
.label{
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 18px;
}
.icon{
margin-bottom:-2px;
width: 16px;
height: 19px;
}
}
}
}
}
.meeting{
width: 100%;
height: 209px;
background: linear-gradient(314deg, #FFF1F8 0%, #F2F2FF 32%, #FCFAFF 54%, #FCF6FF 70%, #F2EAFF 100%);
border-radius: 8px;
margin-bottom: 12px;
box-sizing: border-box;
padding: 16px;
.title{
font-size: 18px;
font-family: Alimama ShuHeiTi;
color: #33077A;
line-height: 26px;
margin-bottom: 18px;
}
.meetContent{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 8px;
border-bottom: 1px solid rgba(212, 196, 244, 0.2);
.left{
display: flex;
align-items: center;
.icon{
width: 24px;
height: 24px;
margin-right: 8px;
}
.text{
font-size: 14px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 20px;
}
}
.right{
display: flex;
align-items: center;
.icon{
width: 12px;
height: 12px;
margin-right: 4px;
}
.text{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 20px
}
}
}
.detail{
margin-top: 12px;
.message{
display: flex;
align-items: center;
position: relative;
.icon{
width: 16px;
height: 16px;
}
.value{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 20px;
margin-left: 8px;
width: 90%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.more{
width: 12px;
height: 12px;
position: absolute;
right: 0;
}
}
.other{
display: flex;
align-items: flex-start;
position: relative;
.icon{
width: 16px;
height: 16px;
margin-top: 2px;
}
.value{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 20px;
margin-left: 8px;
width: 90%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.more{
width: 12px;
height: 12px;
position: absolute;
right: 0;bottom: 3px;
}
}
}
}
.noData{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20vh;
.img{
width: 80px;
height: 80px;
}
.text{
text-align: center;
font-size: 20px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 20px;
margin-top: 8px;
}
}
} }
} }
.popup{ .popup{
width: 100%; width: 100%;
height: 60vh;
box-sizing: border-box; box-sizing: border-box;
padding: 16px; padding: 16px;
.top{ .top{
@ -492,9 +1091,11 @@ export default {
height: 20px; height: 20px;
} }
} }
.list{ .areaList{
width: 100%; width: 100%;
height: calc(60vh - 70px);
margin-top: 12px; margin-top: 12px;
overflow-y: scroll;
.item{ .item{
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;
@ -503,7 +1104,8 @@ export default {
color: #160002; color: #160002;
line-height: 20px; line-height: 20px;
text-align: left; text-align: left;
padding:12px 0; padding:9px 12px;
box-sizing: border-box;
.unit{ .unit{
font-size: 12px; font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
@ -512,6 +1114,89 @@ export default {
line-height: 18px; line-height: 18px;
} }
} }
.selectItem{
background: RGBA(243, 235, 255, 0.5);
}
}
.serviceList{
.tab{
width: 100%;
height: 38px;
background: #F3F1F5;
border-radius: 4px;
margin-top: 16px;
box-sizing: border-box;
padding: 4px;
.tabItem{
display: inline-block;
width: 50%;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 30px;
}
.selectTabItem{
background: #fff;
border-radius: 4px;
}
}
.list{
margin-top: 12px;
height: calc(78vh - 130px);
overflow-y: scroll;
.item{
display: flex;
justify-content: space-between;
.person{
margin-top: 12px;
text-align: left;
.value{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 20px;
margin-bottom: 2px;
}
.label{
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #786B6C;
line-height: 18px;
}
.icon{
margin-bottom:-2px;
width: 16px;
height: 19px;
}
}
}
}
}
.meetList{
margin-top: 16px;
.message{
display: flex;
align-items: flex-start;
.icon{
width: 16px;
height: 16px;
margin-top: 2px;
}
.value{
display: inline-block;
text-align: left;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 20px;
margin-left: 8px;
width: 90%;
}
}
} }
} }
::-webkit-scrollbar { ::-webkit-scrollbar {

20
static/images/examine/NS.svg
View File

@ -1,20 +0,0 @@
<?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>图标/更多备份_4@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(-460.000000, -2623.000000)">
<g id="编组" transform="translate(460.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(-45.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>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/images/examine/bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 108 KiB

11
static/images/examine/close.svg
View File

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>图标/更多备份@2x</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="考评考核0515" transform="translate(-352.000000, -2623.000000)" fill="#A69E9F" fill-rule="nonzero">
<g id="close-circle-fill" transform="translate(352.000000, 2623.000000)">
<path d="M10,20 C4.47715,20 0,15.5228 0,10 C0,4.47715 4.47715,0 10,0 C15.5228,0 20,4.47715 20,10 C20,15.5228 15.5228,20 10,20 Z M10,8.5858 L7.17157,5.75736 L5.75736,7.17157 L8.5858,10 L5.75736,12.8284 L7.17157,14.2426 L10,11.4142 L12.8284,14.2426 L14.2426,12.8284 L11.4142,10 L14.2426,7.17157 L12.8284,5.75736 L10,8.5858 Z" id="形状"></path>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 920 B

54
static/images/examine/fixed.svg
View File

@ -1,54 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>图标/更多@2x</title>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#A874FD" offset="0%"></stop>
<stop stop-color="#D3BEF6" offset="56.5829048%"></stop>
<stop stop-color="#EDCFFF" offset="100%"></stop>
</linearGradient>
<path d="M9,21 C15,16.3137085 18,12.3137085 18,9 C18,4.02943725 13.9705627,0 9,0 C4.02943725,0 0,4.02943725 0,9 C0,12.3137085 3,16.3137085 9,21 Z" id="path-2"></path>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
<stop stop-color="#9558FB" offset="0%"></stop>
<stop stop-color="#9759FC" offset="100%"></stop>
</linearGradient>
<filter x="-50.0%" y="-42.9%" width="200.0%" height="185.7%" filterUnits="objectBoundingBox" id="filter-5">
<feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
</filter>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
<stop stop-color="#BB92FF" offset="0%"></stop>
<stop stop-color="#9C62FC" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0.595498252%" x2="50%" y2="100%" id="linearGradient-7">
<stop stop-color="#E9CCFF" offset="0%"></stop>
<stop stop-color="#B489FA" offset="100%"></stop>
</linearGradient>
<circle id="path-8" cx="9" cy="8" r="3"></circle>
<filter x="-116.7%" y="-83.3%" width="333.3%" height="333.3%" filterUnits="objectBoundingBox" id="filter-9">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.517647059 0 0 0 0 0.254901961 0 0 0 0 0.952941176 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="考评考核0515" transform="translate(-540.000000, -2623.000000)">
<g id="图标/更多备份" transform="translate(540.000000, 2623.000000)">
<circle id="椭圆形" stroke="#FFFFFF" stroke-width="2" fill="url(#linearGradient-1)" cx="20" cy="20" r="19"></circle>
<g id="编组" transform="translate(11.000000, 10.000000)">
<g id="椭圆形备份-9">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<use id="蒙版" fill="#BE97FF" xlink:href="#path-2"></use>
<path d="M5,21 C11,16.3137085 14,12.3137085 14,9 C14,4.02943725 9.97056275,0 5,0 C0.0294372518,0 -4,4.02943725 -4,9 C-4,12.3137085 -1,16.3137085 5,21 Z" fill="url(#linearGradient-4)" filter="url(#filter-5)" mask="url(#mask-3)"></path>
</g>
<path d="M9,21 C15,16.3137085 18,12.3137085 18,9 C18,4.02943725 13.9705627,0 9,0 C4.02943725,0 0,4.02943725 0,9 C0,12.3137085 3,16.3137085 9,21 Z" id="椭圆形备份-10" fill="url(#linearGradient-6)" opacity="0.400000006"></path>
<g id="椭圆形">
<use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
<use fill="url(#linearGradient-7)" fill-rule="evenodd" xlink:href="#path-8"></use>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.7 KiB

20
static/images/examine/serviceItemBg.svg
View File

@ -1,20 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="343px" height="168px" viewBox="0 0 343 168" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>蒙版@2x</title>
<defs>
<linearGradient x1="100%" y1="61.4145423%" x2="0%" y2="38.6163006%" id="linearGradient-1">
<stop stop-color="#FFF1F8" offset="0%"></stop>
<stop stop-color="#F2F2FF" offset="31.8603111%"></stop>
<stop stop-color="#FCFAFF" offset="53.7641017%"></stop>
<stop stop-color="#FCF6FF" offset="70.0721697%"></stop>
<stop stop-color="#F2EAFF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="考评考核0515" transform="translate(-615.000000, -2703.000000)" fill="url(#linearGradient-1)">
<g id="蒙版" transform="translate(615.000000, 2703.000000)">
<rect x="0" y="0" width="343" height="168"></rect>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

13
static/images/examine/time.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>图标/更多备份_8@2x</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="考评考核0515" transform="translate(-320.000000, -2623.000000)" fill="#A69E9F" fill-rule="nonzero">
<g id="图标/更多备份-8" transform="translate(312.000000, 2615.000000)">
<g id="形状结合" transform="translate(8.000000, 8.000000)">
<path d="M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M8,1.25 C4.27207794,1.25 1.25,4.27207794 1.25,8 C1.25,11.7279221 4.27207794,14.75 8,14.75 C11.7279221,14.75 14.75,11.7279221 14.75,8 C14.75,4.27207794 11.7279221,1.25 8,1.25 Z M7.5,4 L8.75,4 L8.75,7.5 L12,7.5 L12,8.75 L7.5,8.75 L7.5,4 Z"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

13
static/images/examine/user.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>图标/更多备份_7@2x</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="考评考核0515" transform="translate(-288.000000, -2623.000000)" fill="#A69E9F" fill-rule="nonzero">
<g id="图标/更多备份-7" transform="translate(280.000000, 2607.000000)">
<g id="形状结合" transform="translate(8.000000, 16.000000)">
<path d="M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M8,11.25 C6.28403874,11.25 4.74363766,12.0016625 3.6900947,13.1936897 C4.85915962,14.1661233 6.36139396,14.75 8,14.75 C9.63860604,14.75 11.1408404,14.1661233 12.3100025,13.1950706 C11.256618,12.0017873 9.71610365,11.25 8,11.25 Z M8,1.25 C4.27207794,1.25 1.25,4.27207794 1.25,8 C1.25,9.63860604 1.83387666,11.1408404 2.80492943,12.3100025 C4.08560898,10.8909096 5.93876295,10 8,10 C10.0613311,10 11.9145601,10.8909908 13.1955736,12.3088591 C14.1661233,11.1408404 14.75,9.63860604 14.75,8 C14.75,4.27207794 11.7279221,1.25 8,1.25 Z M8,3 C9.65685425,3 11,4.34314575 11,6 C11,7.65685425 9.65685425,9 8,9 C6.34314575,9 5,7.65685425 5,6 C5,4.34314575 6.34314575,3 8,3 Z M8,4.25 C7.03350169,4.25 6.25,5.03350169 6.25,6 C6.25,6.96649831 7.03350169,7.75 8,7.75 C8.96649831,7.75 9.75,6.96649831 9.75,6 C9.75,5.03350169 8.96649831,4.25 8,4.25 Z"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB