静态完成版本
This commit is contained in:
parent
80d28040e2
commit
7f2dd9faa8
@ -253,6 +253,7 @@ async function getFieldEnumByField(params) {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 得到这个月有多少天
|
// 得到这个月有多少天
|
||||||
function getThisMonthDay(value){
|
function getThisMonthDay(value){
|
||||||
let date = new Date(value)
|
let date = new Date(value)
|
||||||
|
|||||||
14
pages.json
14
pages.json
@ -91,6 +91,20 @@
|
|||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "incomeDetail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "expenditureDetail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
@ -709,6 +709,7 @@ export default {
|
|||||||
})
|
})
|
||||||
const realDate = new Date(this.lastDay)
|
const realDate = new Date(this.lastDay)
|
||||||
let realMonth = realDate.getMonth() + 1
|
let realMonth = realDate.getMonth() + 1
|
||||||
|
let realDay = realDate.getDate()
|
||||||
|
|
||||||
const date = time ? new Date(time) :new Date(this.searchTime)
|
const date = time ? new Date(time) :new Date(this.searchTime)
|
||||||
let y = date.getFullYear()
|
let y = date.getFullYear()
|
||||||
@ -733,7 +734,7 @@ export default {
|
|||||||
m = '0' + m
|
m = '0' + m
|
||||||
}
|
}
|
||||||
startTime=`${y}-${m}-01`
|
startTime=`${y}-${m}-01`
|
||||||
endTime=`${y}-${m}-${d}`
|
endTime=`${y}-${m}-${realDay}`
|
||||||
}
|
}
|
||||||
|
|
||||||
const res = await request.$webGet(`CommercialApi/Examine/WeChat_GetExamineList`,{
|
const res = await request.$webGet(`CommercialApi/Examine/WeChat_GetExamineList`,{
|
||||||
|
|||||||
@ -16,8 +16,8 @@
|
|||||||
<!-- <text class="day" >{{ thisDay }}</text>-->
|
<!-- <text class="day" >{{ thisDay }}</text>-->
|
||||||
<view class="uni-input" :style="{color: 1<=selectMonth && selectMonth<=3?'#B33115':4<=selectMonth && selectMonth<=6?'#025B93':7<=selectMonth && selectMonth<=9?'#2249A2':'#783F0F'}" style="background: transparent;padding: 0;height:100%">{{ single }}</view>
|
<view class="uni-input" :style="{color: 1<=selectMonth && selectMonth<=3?'#B33115':4<=selectMonth && selectMonth<=6?'#025B93':7<=selectMonth && selectMonth<=9?'#2249A2':'#783F0F'}" style="background: transparent;padding: 0;height:100%">{{ single }}</view>
|
||||||
<image class="icon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDownArrow.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stDownArrow.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stDownArrow.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stDownArrow.svg'"></image>
|
<image class="icon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDownArrow.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stDownArrow.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stDownArrow.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stDownArrow.svg'"></image>
|
||||||
</view>
|
</view>
|
||||||
</picker>
|
</picker>
|
||||||
</view>
|
</view>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -1464,7 +1464,6 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.examineObj = obj
|
this.examineObj = obj
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 获得日常巡检数据
|
// 获得日常巡检数据
|
||||||
@ -4195,6 +4194,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
|
|||||||
background: #EBEEEE;
|
background: #EBEEEE;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
.progress{
|
.progress{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;left: 0;
|
top: 0;left: 0;
|
||||||
|
|||||||
@ -9,12 +9,22 @@
|
|||||||
<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/commercial/navigation-left.svg"></image>
|
||||||
<view class="selectDateBox">
|
<view class="selectDateBox">
|
||||||
<image class="leftIcon" style="transform: rotate(-180deg)" src="/static/images/newExamine/rightIcon.svg"/>
|
<image class="leftIcon" @click="handleAddDate(1)" style="transform: rotate(-180deg)" src="/static/images/newExamine/rightIcon.svg"/>
|
||||||
<view class="dateBox">
|
<view class="dateBox">
|
||||||
<image class="dateIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDateTime.svg"></image>
|
<image class="dateIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDateTime.svg"></image>
|
||||||
<text class="dateText">2023/08/09</text>
|
<picker v-if="selectTab===2" mode="date" fields="day" :value="singleDay" :start="startDateDay" :end="endData" @change="bindDateChange" >
|
||||||
|
<view class="time">
|
||||||
|
<view class="dateText">{{ singleDay }}</view>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
|
|
||||||
|
<picker v-else mode="date" fields="month" :value="single" :start="startDate" :end="endData" @change="bindDateChange" >
|
||||||
|
<view class="time">
|
||||||
|
<view class="dateText">{{ single }}</view>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
</view>
|
</view>
|
||||||
<image class="leftIcon" src="/static/images/newExamine/rightIcon.svg"/>
|
<image class="leftIcon" @click="handleAddDate(2)" src="/static/images/newExamine/rightIcon.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -38,7 +48,7 @@
|
|||||||
<view class="contentItem">
|
<view class="contentItem">
|
||||||
<image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/good.svg"/>
|
<image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/good.svg"/>
|
||||||
<view class="typeBox">
|
<view class="typeBox">
|
||||||
<text class="typeNum">92</text>
|
<text class="typeNum">{{examineObj.A || '0'}}</text>
|
||||||
<text class="typeLabel">优秀<text class="typeUnit">/个</text></text>
|
<text class="typeLabel">优秀<text class="typeUnit">/个</text></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -46,7 +56,7 @@
|
|||||||
<view class="contentItem">
|
<view class="contentItem">
|
||||||
<image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/normal.svg"/>
|
<image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/normal.svg"/>
|
||||||
<view class="typeBox">
|
<view class="typeBox">
|
||||||
<text class="typeNum">92</text>
|
<text class="typeNum">{{examineObj.B || '0'}}</text>
|
||||||
<text class="typeLabel">良好<text class="typeUnit">/个</text></text>
|
<text class="typeLabel">良好<text class="typeUnit">/个</text></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -54,7 +64,7 @@
|
|||||||
<view class="contentItem">
|
<view class="contentItem">
|
||||||
<image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/bad.svg"/>
|
<image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/bad.svg"/>
|
||||||
<view class="typeBox">
|
<view class="typeBox">
|
||||||
<text class="typeNum">92</text>
|
<text class="typeNum">{{examineObj.C || '0'}}</text>
|
||||||
<text class="typeLabel">一般<text class="typeUnit">/个</text></text>
|
<text class="typeLabel">一般<text class="typeUnit">/个</text></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -68,11 +78,11 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="detailDaily">
|
<view class="detailDaily">
|
||||||
<view class="dailyItem">
|
<view class="dailyItem">
|
||||||
<text class="itemValue">17</text>
|
<text class="itemValue">{{dailyExamineObj.RectifyCount||'0'}}</text>
|
||||||
<text class="itemLabel">整改中<text class="itemValue">/个</text></text>
|
<text class="itemLabel">整改中<text class="itemValue">/个</text></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="dailyItem">
|
<view class="dailyItem">
|
||||||
<text class="itemValue">6</text>
|
<text class="itemValue">{{dailyExamineObj.UnRectifyCount||'0' }}</text>
|
||||||
<text class="itemLabel">未整改<text class="itemValue">/个</text></text>
|
<text class="itemLabel">未整改<text class="itemValue">/个</text></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="otherItem">
|
<view class="otherItem">
|
||||||
@ -80,7 +90,7 @@
|
|||||||
<YearCharts :success="rate"/>
|
<YearCharts :success="rate"/>
|
||||||
</view>
|
</view>
|
||||||
<view class="otherDetail">
|
<view class="otherDetail">
|
||||||
<text class="itemValue">92.81%</text>
|
<text class="itemValue">{{dailyExamineObj.CompleteRate?dailyExamineObj.CompleteRate + '%' :'-' }}</text>
|
||||||
<text class="itemLabel">达标率<text class="itemUnit">/全省</text></text>
|
<text class="itemLabel">达标率<text class="itemUnit">/全省</text></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -95,9 +105,9 @@
|
|||||||
<view class="contentBox" v-if="selectTab===1">
|
<view class="contentBox" v-if="selectTab===1">
|
||||||
<view class="contentTop">
|
<view class="contentTop">
|
||||||
<text class="contentTitle">服务区排名</text>
|
<text class="contentTitle">服务区排名</text>
|
||||||
<view class="sort">
|
<view class="sort" @click="handleSort">
|
||||||
<text class="sortLabel">排序</text>
|
<text class="sortLabel">排序</text>
|
||||||
<image class="sortIcon" src="/static/images/newExamine/sort.svg"/>
|
<image class="sortIcon" :style="{transform: `rotate(${sortType==='sequence'?'':'180deg'})`}" src="/static/images/newExamine/sort.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -110,6 +120,7 @@
|
|||||||
<view class="scrollItem" v-for="(item,index) in serviceList" :key="index" @click="handleDetail(item,index)">
|
<view class="scrollItem" v-for="(item,index) in serviceList" :key="index" @click="handleDetail(item,index)">
|
||||||
<view class="scrollItemTop">
|
<view class="scrollItemTop">
|
||||||
<view class="itemTopLeft">
|
<view class="itemTopLeft">
|
||||||
|
<view class="index" :style="{backgroundImage:`url(${index===0?'/static/images/revenueBox/fistBg.svg':index===1?'/static/images/revenueBox/secondBg.svg':index===2?'/static/images/revenueBox/thirdBg.svg':'/static/images/revenueBox/otherBg.svg'})`}">{{index + 1}}</view>
|
||||||
<text class="itemName">{{item.SERVERPART_NAME}}</text>
|
<text class="itemName">{{item.SERVERPART_NAME}}</text>
|
||||||
<!-- <span class="unit">月度</span>-->
|
<!-- <span class="unit">月度</span>-->
|
||||||
<span :class="item.EXAMINE_MQUARTER!=='0'?'secondUnit':'unit'">{{item.EXAMINE_MQUARTER!=='0'?item.EXAMINE_MQUARTER==='1'?'一'+'季度':item.EXAMINE_MQUARTER==='2'?'二'+'季度':item.EXAMINE_MQUARTER==='3'?'三'+'季度':'四' + '季度':'月度'}}</span>
|
<span :class="item.EXAMINE_MQUARTER!=='0'?'secondUnit':'unit'">{{item.EXAMINE_MQUARTER!=='0'?item.EXAMINE_MQUARTER==='1'?'一'+'季度':item.EXAMINE_MQUARTER==='2'?'二'+'季度':item.EXAMINE_MQUARTER==='3'?'三'+'季度':'四' + '季度':'月度'}}</span>
|
||||||
@ -136,7 +147,7 @@
|
|||||||
<view class="contentBox" v-if="selectTab===2">
|
<view class="contentBox" v-if="selectTab===2">
|
||||||
<view class="contentTop">
|
<view class="contentTop">
|
||||||
<text class="contentTitle">服务区排名</text>
|
<text class="contentTitle">服务区排名</text>
|
||||||
<view class="sort">
|
<view class="sort" @click="handleSort">
|
||||||
<text class="sortLabel">排序</text>
|
<text class="sortLabel">排序</text>
|
||||||
<image class="sortIcon" src="/static/images/newExamine/sort.svg"/>
|
<image class="sortIcon" src="/static/images/newExamine/sort.svg"/>
|
||||||
</view>
|
</view>
|
||||||
@ -148,9 +159,10 @@
|
|||||||
|
|
||||||
<view class="dailyList">
|
<view class="dailyList">
|
||||||
<scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-y="true" enable-flex>
|
<scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-y="true" enable-flex>
|
||||||
<view class="scrollItem" v-for="(item,index) in 20" :key="index">
|
<view class="scrollItem" v-for="(item,index) in 20" :key="index" @click="handleOpenPopup">
|
||||||
<view class="scrollItemTop">
|
<view class="scrollItemTop">
|
||||||
<view class="scrollTopLeft">
|
<view class="scrollTopLeft">
|
||||||
|
<view class="index" :style="{background:`url(${index===0?'/static/images/revenueBox/fistBg.svg':index===1?'/static/images/revenueBox/secondBg.svg':index===2?'/static/images/revenueBox/thirdBg.svg':'/static/images/revenueBox/otherBg.svg'})`}">{{index+1}}</view>
|
||||||
<text class="scrollName">黄山服务区</text>
|
<text class="scrollName">黄山服务区</text>
|
||||||
<image class="rightIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"/>
|
<image class="rightIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"/>
|
||||||
</view>
|
</view>
|
||||||
@ -183,40 +195,71 @@
|
|||||||
<view :id="index" :class="index===selectMenu?'serviceSelect currentSelect':'serviceSelect'" v-for="(item,index) in serviceList" :key="index" @click="handleChangeMenu(index,item)">{{item.SERVERPART_NAME.split('服务区')[0]}}</view>
|
<view :id="index" :class="index===selectMenu?'serviceSelect currentSelect':'serviceSelect'" v-for="(item,index) in serviceList" :key="index" @click="handleChangeMenu(index,item)">{{item.SERVERPART_NAME.split('服务区')[0]}}</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
<view class="serviceDetail">
|
<scroll-view scroll-y="true" class="serviceDetail">
|
||||||
<view class="serviceDetailItem" v-for="(item,index) in currentObj.list" :key="index">
|
<view class="serviceDetailItem" v-for="(item,index) in currentObj.list" :key="index">
|
||||||
<view class="detailItemTop">
|
<view class="detailItemTop" v-if="selectTab===1">
|
||||||
<view class="fixedName">{{item.REGION_NAME}}</view>
|
<view class="fixedName">{{item.REGION_NAME}}</view>
|
||||||
<view class="store"><text class="unit">分</text></view>
|
<view class="store"><text class="unit">分</text></view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="detailItemTop" v-if="selectTab===2">
|
||||||
|
<view class="detailItemTopLeft">
|
||||||
|
<image class="leftIcon" src="/static/images/newExamine/fixedIcon.svg"/>
|
||||||
|
<text class="leftName">前厅</text>
|
||||||
|
</view>
|
||||||
|
<image class="rightIcon" src="/static/images/newExamine/OK.svg"/>
|
||||||
|
</view>
|
||||||
|
<view class="messageItem">
|
||||||
|
<image class="itemIcon" src="/static/images/newExamine/userIcon.svg"/>
|
||||||
|
<text class="itemValue">{{item.EXAMINE_PERSON}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="messageItem">
|
||||||
|
<image class="itemIcon" src="/static/images/newExamine/timeIcon.svg"/>
|
||||||
|
<text class="itemValue">{{item.EXAMINE_OPERATEDATE}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="detailItemMessage" v-for="(subItem,subIndex) in item.SERVERPARTList" :key="subIndex">
|
<view v-if="selectTab===1">
|
||||||
<view class="messageItem">
|
<view class="detailItemMessage" v-for="(subItem,subIndex) in 10" :key="subIndex">
|
||||||
<image class="itemIcon" src="/static/images/newExamine/userIcon.svg"/>
|
<view class="messageBox">
|
||||||
<text class="itemValue">{{subItem.EXAMINE_PERSON}}</text>
|
<view class="messageBoxTop">
|
||||||
</view>
|
<view class="messageBoxTopLeft">
|
||||||
<view class="messageItem">
|
<image class="fixedIcon" src="/static/images/newExamine/fixedIcon.svg"/>
|
||||||
<image class="itemIcon" src="/static/images/newExamine/timeIcon.svg"/>
|
<text class="name">便利店</text>
|
||||||
<text class="itemValue">{{subItem.EXAMINE_OPERATEDATE}}</text>
|
</view>
|
||||||
</view>
|
<view class="messageBoxTopRight">
|
||||||
<view class="messageBox">
|
<text class="mark">-2<text class="unit">分</text></text>
|
||||||
<view class="messageBoxTop">
|
</view>
|
||||||
<view class="messageBoxTopLeft">
|
|
||||||
<image class="fixedIcon" src="/static/images/newExamine/fixedIcon.svg"/>
|
|
||||||
<text class="name">便利店</text>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="messageBoxTopRight">
|
<view class="desc">便利店标签内容与信息不符, 酒类商品无温馨提示; </view>
|
||||||
<text class="mark">-2<text class="unit">分</text></text>
|
<view class="imgList">
|
||||||
|
<!-- <image v-for="(imgItem,imgIndex) in subItem.imgList" :key="imgIndex" class="img" :src="imgItem" :data-src="imgItem" @click.stop="previewImage($event,subItem)"></image>-->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="desc">便利店标签内容与信息不符, 酒类商品无温馨提示; </view>
|
|
||||||
<view class="imgList">
|
|
||||||
<!-- <image v-for="(imgItem,imgIndex) in subItem.imgList" :key="imgIndex" class="img" :src="imgItem" :data-src="imgItem" @click.stop="previewImage($event,subItem)"></image>-->
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view v-if="selectTab===2">
|
||||||
|
<view class="rectifyBox">
|
||||||
|
<view class="beforeTop">
|
||||||
|
<view class="beforeTitle">前</view>
|
||||||
|
</view>
|
||||||
|
<view class="beforeText">这是整改前的问题描述,这是整改前的问题描述, 这是整改前的问题描述; 这是整改前的问题描述; </view>
|
||||||
|
<view class="imgList">
|
||||||
|
<!-- <image v-for="(imgItem,imgIndex) in subItem.imgList" :key="imgIndex" class="img" :src="imgItem" :data-src="imgItem" @click.stop="previewImage($event,subItem)"></image>-->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="afterTop">
|
||||||
|
<view class="afterTitle">后</view>
|
||||||
|
<text class="afterTime">2023/05/11 14:21:03</text>
|
||||||
|
</view>
|
||||||
|
<view class="afterText">这是整改前的问题描述,这是整改前的问题描述, 这是整改前的问题描述; 这是整改前的问题描述; </view>
|
||||||
|
<view class="imgList">
|
||||||
|
<!-- <image v-for="(imgItem,imgIndex) in subItem.imgList" :key="imgIndex" class="img" :src="imgItem" :data-src="imgItem" @click.stop="previewImage($event,subItem)"></image>-->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="examineList" v-if="popupShow===4">
|
<view class="examineList" v-if="popupShow===4">
|
||||||
@ -261,6 +304,7 @@ import request from '@/util/index.js'
|
|||||||
import uniPopup from '@/components/uni-popup'
|
import uniPopup from '@/components/uni-popup'
|
||||||
import Store from "../../store/store";
|
import Store from "../../store/store";
|
||||||
import YearCharts from "./component/yearCharts.vue";
|
import YearCharts from "./component/yearCharts.vue";
|
||||||
|
import {timestampToTimeMonth} from "../../util/dateTime";
|
||||||
export default {
|
export default {
|
||||||
components:{
|
components:{
|
||||||
YearCharts,
|
YearCharts,
|
||||||
@ -310,14 +354,26 @@ export default {
|
|||||||
rate:0,
|
rate:0,
|
||||||
currentObj:{},// 考核弹出框的内容
|
currentObj:{},// 考核弹出框的内容
|
||||||
selectMenu:0,// 选中左侧菜单的第几个
|
selectMenu:0,// 选中左侧菜单的第几个
|
||||||
|
single:'', // 开始时间的月份
|
||||||
|
singleDay:'',// 开始时间的日期
|
||||||
|
startDate:'',
|
||||||
|
startDateDay:'',
|
||||||
|
endData:'',
|
||||||
|
dailyExamineObj:{},//考核数据
|
||||||
|
examineObj:{},
|
||||||
|
useInfo:{},
|
||||||
|
sortType:'sequence',// reverse倒序 sequence正序
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(query){
|
onLoad(query){
|
||||||
console.log('query',query)
|
console.log('query',query)
|
||||||
|
// 判断从哪里点击进去的 首页 还是用户页面
|
||||||
this.come = query.come
|
this.come = query.come
|
||||||
|
// 首页跳转时带上的 判断是默认选中考核 还是巡检
|
||||||
if (query.type){
|
if (query.type){
|
||||||
this.selectTab = Number(query.type)
|
this.selectTab = Number(query.type)
|
||||||
}
|
}
|
||||||
|
// 首页的时间
|
||||||
if (query.time){
|
if (query.time){
|
||||||
this.queryTime = query.time
|
this.queryTime = query.time
|
||||||
}
|
}
|
||||||
@ -329,23 +385,29 @@ export default {
|
|||||||
// 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用
|
// 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用
|
||||||
this.searchTime = new Date()
|
this.searchTime = new Date()
|
||||||
this.lastDay = uni.getStorageSync('lastDay')
|
this.lastDay = uni.getStorageSync('lastDay')
|
||||||
// 拿到当前时间
|
// 顶部时间显示的月份的
|
||||||
const date = new Date()
|
this.single = timestampToTimeMonth((new Date(this.lastDay).getTime()))
|
||||||
let month = date.getMonth() + 1
|
// 顶部时间显示到日期的
|
||||||
// 滚动的月份列表
|
this.singleDay = this.lastDay
|
||||||
let list = []
|
// 顶部时间的开始时间
|
||||||
this.monthList.forEach((item)=>{
|
const start = new Date(this.lastDay)
|
||||||
if (item.value<=month){
|
this.startDate = `${start.getFullYear()}-01`
|
||||||
list.push(item)
|
this.startDateDay = `${start.getFullYear()}-01-01`
|
||||||
}
|
// 时间选择器的结束时间
|
||||||
})
|
this.endData = new Date()
|
||||||
this.monthList = list
|
// 拿到用户的信息
|
||||||
// 日历数组
|
let userInfo = uni.getStorageSync('vuex')
|
||||||
// this.dateList = this.$util.getThisMonthDateList(date)
|
userInfo = JSON.parse(userInfo)
|
||||||
console.log('this.dateList',this.dateList)
|
this.useInfo = JSON.parse(JSON.stringify(userInfo))
|
||||||
|
// 该页面全部接口接上之后可以删除
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
this.rate = 92.81
|
this.rate = 92.81
|
||||||
},100)
|
},100)
|
||||||
|
|
||||||
|
// 拿到顶部的考核数据详情
|
||||||
|
this.handleGetDailyPatrol()
|
||||||
|
// 获取月度考核数据
|
||||||
|
this.handleGetExamine()
|
||||||
},
|
},
|
||||||
onReady(){
|
onReady(){
|
||||||
// 只有在页面已经渲染好了 才能把选中的日期 移到可视区域里面
|
// 只有在页面已经渲染好了 才能把选中的日期 移到可视区域里面
|
||||||
@ -353,16 +415,26 @@ export default {
|
|||||||
_this.getThisMonth()
|
_this.getThisMonth()
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
|
handleSort(){
|
||||||
|
if (this.sortType==='sequence'){
|
||||||
|
this.sortType = 'reverse'
|
||||||
|
this.serviceList = this.serviceList.reverse()
|
||||||
|
}else{
|
||||||
|
this.sortType = 'sequence'
|
||||||
|
this.serviceList = this.serviceList.reverse()
|
||||||
|
}
|
||||||
|
},
|
||||||
handleDetail(item,index){
|
handleDetail(item,index){
|
||||||
this.selectMenu = index
|
this.selectMenu = index
|
||||||
console.log(item)
|
console.log(item)
|
||||||
this.handleGetExamineDetail(item.list[0],true)
|
this.handleGetExamineDetail(item.list[0],true)
|
||||||
},
|
},
|
||||||
handleOpenDetail(item){
|
handleOpenPopup(){
|
||||||
console.log('item',item)
|
this.showPop = true
|
||||||
},
|
},
|
||||||
// 拿到当前月份 用于页面一开始自动滚动到相对应的月份
|
// 拿到当前月份 用于页面一开始自动滚动到相对应的月份
|
||||||
getThisMonth(){
|
getThisMonth(){
|
||||||
|
// 判断是否有传入的时间 如果有就以传入的时间为准 反之以当前时间为准
|
||||||
const date = this.queryTime ? new Date(this.queryTime): new Date()
|
const date = this.queryTime ? new Date(this.queryTime): new Date()
|
||||||
let year = date.getFullYear()
|
let year = date.getFullYear()
|
||||||
let month = date.getMonth() + 1
|
let month = date.getMonth() + 1
|
||||||
@ -462,10 +534,171 @@ export default {
|
|||||||
this.showPop = true
|
this.showPop = true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 拿到考核和巡检上面的详情
|
||||||
|
handleGetDailyPatrol(){
|
||||||
|
console.log('this.lastDay',this.lastDay)
|
||||||
|
console.log('this.selectMonth',this.selectMonth)
|
||||||
|
const date = new Date(this.lastDay)
|
||||||
|
let obj ={
|
||||||
|
start:'',
|
||||||
|
end:''
|
||||||
|
}
|
||||||
|
if (this.selectMonth === date.getMonth()+1){
|
||||||
|
const date = new Date(this.singleDay)
|
||||||
|
let y = date.getFullYear()
|
||||||
|
let m = date.getMonth() + 1
|
||||||
|
if(m<10){
|
||||||
|
m='0'+m
|
||||||
|
}
|
||||||
|
obj.start = `${y}-${m}-01`
|
||||||
|
}else{
|
||||||
|
const date = new Date(this.singleDay)
|
||||||
|
let y = date.getFullYear()
|
||||||
|
let m = date.getMonth() + 1
|
||||||
|
if(m<10){
|
||||||
|
m='0'+m
|
||||||
|
}
|
||||||
|
obj.start = `${y}-${m}-01`
|
||||||
|
let d = this.$util.getThisMonthDay(this.singleDay)
|
||||||
|
if (d<10){
|
||||||
|
d = '0'+ d
|
||||||
|
}
|
||||||
|
obj.end = `${y}-${m}-${d}`
|
||||||
|
}
|
||||||
|
const req = {
|
||||||
|
StartDate:obj.start,
|
||||||
|
EndDate:obj && obj.end?obj.end:this.singleDay,
|
||||||
|
provinceCode:this.useInfo.userData.ProvinceCode || '340000'
|
||||||
|
}
|
||||||
|
request.$webGet('CommercialApi/Examine/GetPatrolAnalysis',req).then(res=>{
|
||||||
|
this.dailyExamineObj = res.Result_Data
|
||||||
|
console.log('this.dailyExamineObj',this.dailyExamineObj)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取月度考核数据
|
||||||
|
handleGetExamine(){
|
||||||
|
let date = this.$util.cutDate(this.single, 'YYYYMM')
|
||||||
|
const req = {
|
||||||
|
DataType:1,
|
||||||
|
StartMonth: date,
|
||||||
|
EndMonth: date,
|
||||||
|
provinceCode:this.useInfo.userData.ProvinceCode || '340000'
|
||||||
|
}
|
||||||
|
|
||||||
|
request.$webGet('CommercialApi/Examine/GetExamineAnalysis',req).then(res=>{
|
||||||
|
let obj={
|
||||||
|
A:0,
|
||||||
|
B:0,
|
||||||
|
C:0
|
||||||
|
}
|
||||||
|
res.Result_Data.List.forEach(item=>{
|
||||||
|
if(item.data==="A"){
|
||||||
|
obj.A+=Number(item.value)
|
||||||
|
}else if(item.data==="B"){
|
||||||
|
obj.B+=Number(item.value)
|
||||||
|
}else if(item.data==="C"){
|
||||||
|
obj.C+=Number(item.value)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.examineObj = obj
|
||||||
|
})
|
||||||
|
},
|
||||||
|
bindDateChange(e){
|
||||||
|
console.log('e',e)
|
||||||
|
const date = new Date(e.detail.value)
|
||||||
|
this.selectMonth = date.getMonth() + 1
|
||||||
|
if (this.selectTab===1){
|
||||||
|
this.single = e.detail.value
|
||||||
|
this.handleGetExamine()
|
||||||
|
}else if(this.selectTab===2){
|
||||||
|
this.singleDay = e.detail.value
|
||||||
|
this.handleGetDailyPatrol()
|
||||||
|
}
|
||||||
|
},
|
||||||
handleChangeChild(subItem){
|
handleChangeChild(subItem){
|
||||||
console.log('subItem',subItem)
|
console.log('subItem',subItem)
|
||||||
subItem.showChild = !subItem.showChild
|
subItem.showChild = !subItem.showChild
|
||||||
},
|
},
|
||||||
|
// 增加日期
|
||||||
|
handleAddDate(type){
|
||||||
|
const nowDate = new Date(this.lastDay)
|
||||||
|
let nowMonth = nowDate.getMonth() + 1
|
||||||
|
let nowDay = nowDate.getDate()
|
||||||
|
// 1 是减 2是加
|
||||||
|
if (type===1){
|
||||||
|
if (this.selectTab===1){
|
||||||
|
const date = new Date(this.single)
|
||||||
|
let y = date.getFullYear()
|
||||||
|
let m = date.getMonth() + 1
|
||||||
|
m = m -1
|
||||||
|
if (m!==0){
|
||||||
|
if (m<10){
|
||||||
|
m = '0'+m
|
||||||
|
}
|
||||||
|
this.single = `${y}-${m}`
|
||||||
|
}
|
||||||
|
}else if(this.selectTab===2){
|
||||||
|
const date = new Date(this.singleDay)
|
||||||
|
let y = date.getFullYear()
|
||||||
|
let m = date.getMonth() + 1
|
||||||
|
if (m<10){
|
||||||
|
m = '0'+m
|
||||||
|
}
|
||||||
|
let d = date.getDate() - 1
|
||||||
|
if (d<=0){
|
||||||
|
let month = Number(m) - 1
|
||||||
|
if (month!==0){
|
||||||
|
if (month<10){
|
||||||
|
month = '0'+month
|
||||||
|
}
|
||||||
|
d = this.$util.getThisMonthDay(`${y}-${month}`)
|
||||||
|
this.singleDay = `${y}-${month}-${d}`
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
if (d<10){
|
||||||
|
d = '0' + d
|
||||||
|
}
|
||||||
|
this.singleDay = `${y}-${m}-${d}`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
if (this.selectTab===1){
|
||||||
|
const date = new Date(this.single)
|
||||||
|
let y = date.getFullYear()
|
||||||
|
let m = date.getMonth() + 1
|
||||||
|
m = m + 1
|
||||||
|
if (m>nowMonth){
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (m<10){
|
||||||
|
m = '0'+m
|
||||||
|
}
|
||||||
|
this.single = `${y}-${m}`
|
||||||
|
}else if(this.selectTab===2){
|
||||||
|
const date = new Date(this.singleDay)
|
||||||
|
let y = date.getFullYear()
|
||||||
|
let m = date.getMonth() + 1
|
||||||
|
|
||||||
|
let d = date.getDate() + 1
|
||||||
|
if (nowMonth===m && d>nowDay){
|
||||||
|
return
|
||||||
|
}else{
|
||||||
|
if (nowMonth>m){
|
||||||
|
let allDay = this.$util.getThisMonthDay(`${y}-${m<10?'0'+m:m}`)
|
||||||
|
if (allDay<d){
|
||||||
|
d = '01'
|
||||||
|
m = m + 1
|
||||||
|
this.singleDay = `${y}-${m<10?'0'+m:m}-${d}`
|
||||||
|
}else{
|
||||||
|
this.singleDay = `${y}-${m<10?'0'+m:m}-${d<10?'0'+d:d}`
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
this.singleDay = `${y}-${m<10?'0'+m:m}-${d<10?'0'+d:d}`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
// 打开看整改图片的弹出框
|
// 打开看整改图片的弹出框
|
||||||
handleShowImgDetail(subItem){
|
handleShowImgDetail(subItem){
|
||||||
if (subItem.PATROL_SITUATION){
|
if (subItem.PATROL_SITUATION){
|
||||||
@ -558,6 +791,7 @@ export default {
|
|||||||
},
|
},
|
||||||
handleChangeContentTab(value){
|
handleChangeContentTab(value){
|
||||||
this.selectContentTab = value
|
this.selectContentTab = value
|
||||||
|
this.sortType = 'sequence'
|
||||||
this.serviceList = this.serviceAllList[value - 1]
|
this.serviceList = this.serviceAllList[value - 1]
|
||||||
},
|
},
|
||||||
handleChangeMenu(value,obj){
|
handleChangeMenu(value,obj){
|
||||||
@ -572,16 +806,16 @@ export default {
|
|||||||
// 根据点击的 去请求这个种类下面的列表
|
// 根据点击的 去请求这个种类下面的列表
|
||||||
handleChangeTab(value){
|
handleChangeTab(value){
|
||||||
this.selectTab = value
|
this.selectTab = value
|
||||||
uni.showLoading({
|
// uni.showLoading({
|
||||||
title: '正在加载...'
|
// title: '正在加载...'
|
||||||
})
|
// })
|
||||||
if (value===1){
|
// if (value===1){
|
||||||
// 考核管理列表
|
// // 考核管理列表
|
||||||
this.getManagerList()
|
// this.getManagerList()
|
||||||
}else if(value===2){
|
// }else if(value===2){
|
||||||
// 日常巡检列表
|
// // 日常巡检列表
|
||||||
this.getDailyInspectionList()
|
// this.getDailyInspectionList()
|
||||||
}
|
// }
|
||||||
},
|
},
|
||||||
// 返回按钮的方法
|
// 返回按钮的方法
|
||||||
handleBack(){
|
handleBack(){
|
||||||
@ -1249,13 +1483,26 @@ export default {
|
|||||||
.itemTopLeft{
|
.itemTopLeft{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
.index{
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 2rpx 12rpx 2rpx 8rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FEFFFF;
|
||||||
|
line-height: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
.itemName{
|
.itemName{
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-family: PingFangSC-Semibold, PingFang SC;
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
margin-right: 16rpx;
|
margin: 0 16rpx 0 8rpx;
|
||||||
}
|
}
|
||||||
.unit{
|
.unit{
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -1373,12 +1620,26 @@ export default {
|
|||||||
.scrollTopLeft{
|
.scrollTopLeft{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
.index{
|
||||||
|
display: inline-block;
|
||||||
|
width: 36rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FEFFFF;
|
||||||
|
line-height: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-right: 4rpx;
|
||||||
|
}
|
||||||
.scrollName{
|
.scrollName{
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-family: PingFangSC-Semibold, PingFang SC;
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
|
margin: 0 8rpx;
|
||||||
}
|
}
|
||||||
.rightIcon{
|
.rightIcon{
|
||||||
width: 30rpx;
|
width: 30rpx;
|
||||||
@ -1945,17 +2206,20 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.serviceDetail{
|
.serviceDetail{
|
||||||
width: calc(100vw - 184rpx);
|
width: calc(100vw - 200rpx);
|
||||||
height: calc(100vh - 108rpx);
|
height: calc(100vh - 108rpx);
|
||||||
.serviceDetailItem{
|
.serviceDetailItem{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
|
background: #F8F8F8;
|
||||||
|
border-radius: 12rpx;
|
||||||
.detailItemTop{
|
.detailItemTop{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
.fixedName{
|
.fixedName{
|
||||||
padding: 8rpx 14rpx;
|
padding: 8rpx 14rpx;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
@ -1980,26 +2244,50 @@ export default {
|
|||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.detailItemTopLeft{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.leftIcon{
|
||||||
|
width: 27rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
.leftName{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 44rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rightIcon{
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.messageItem{
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
.itemIcon{
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
margin-right: 12rpx;
|
||||||
|
}
|
||||||
|
.itemValue{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 40rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.detailItemMessage{
|
.detailItemMessage{
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
.messageItem{
|
background: #fff;
|
||||||
display: flex;
|
box-sizing: border-box;
|
||||||
justify-content: flex-start;
|
padding: 22rpx 26rpx;
|
||||||
margin-bottom: 8rpx;
|
border-radius: 8rpx;
|
||||||
.itemIcon{
|
|
||||||
width: 32rpx;
|
|
||||||
height: 32rpx;
|
|
||||||
margin-right: 12rpx;
|
|
||||||
}
|
|
||||||
.itemValue{
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #786B6C;
|
|
||||||
line-height: 40rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.messageBox{
|
.messageBox{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -2012,6 +2300,7 @@ export default {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
.messageBoxTopLeft{
|
.messageBoxTopLeft{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
.fixedIcon{
|
.fixedIcon{
|
||||||
width: 27rpx;
|
width: 27rpx;
|
||||||
height: 32rpx;
|
height: 32rpx;
|
||||||
@ -2033,6 +2322,7 @@ export default {
|
|||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
.unit{
|
.unit{
|
||||||
|
margin-left: 4rpx;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -2059,6 +2349,78 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.rectifyBox{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 24rpx;
|
||||||
|
background: #fff;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
.beforeTop{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
.beforeTitle{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 32rpx;
|
||||||
|
padding: 4rpx 8rpx;
|
||||||
|
background: #4D86F7;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.beforeText{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 40rpx;
|
||||||
|
margin-top: 8rpx;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.imgList{
|
||||||
|
margin-top: 12rpx;
|
||||||
|
width: 100%;
|
||||||
|
.img{
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.afterTop{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin: 32rpx 0 8rpx 0;
|
||||||
|
.afterTitle{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 32rpx;
|
||||||
|
padding: 4rpx 8rpx;
|
||||||
|
background: #FF5000;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
.afterTime{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 32rpx;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.afterText{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
454
pages/revenue/expenditureDetail.vue
Normal file
454
pages/revenue/expenditureDetail.vue
Normal file
@ -0,0 +1,454 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<view class="header">
|
||||||
|
<view class="headerTop" :style="{top: menu.top + 'px',height:menu.height + 'px'}">
|
||||||
|
<image @click="handleBack" class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"></image>
|
||||||
|
<text class="pageTitle">支出详情</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="incomeTab" :style="{top:(menu.bottom + 18) + 'px'}">
|
||||||
|
<view :class="selectTab===item.value?'selectItem incomeItem':'incomeItem'" v-for="(item,index) in pageTab" :key="index"
|
||||||
|
@click="handleChangePageTab(item.value)">{{item.label}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="contentDetail">
|
||||||
|
<view class="detailItem">
|
||||||
|
<view class="itemTop">
|
||||||
|
<view class="itemTitle">服务区自营小计</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/expenditure.png"/>
|
||||||
|
<view class="itemBox">
|
||||||
|
<view class="leftChar">
|
||||||
|
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||||
|
<text class="rateText">39.67%</text>
|
||||||
|
</view>
|
||||||
|
<view class="rightDetail">
|
||||||
|
<view class="messageBox">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="messageBox" style="margin-top: 32rpx">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="contentBox">
|
||||||
|
<view class="contentItem" v-for="(item,index) in 3" :key="index">
|
||||||
|
<view class="topItem">
|
||||||
|
<view class="index" :style="{background:`url(${index===0?'/static/images/revenueBox/secondBg.svg':index===1?'/static/images/revenueBox/thirdBg.svg':'/static/images/revenueBox/otherBg.svg'})`}">{{index + 1}}</view>
|
||||||
|
<view class="smallItemName">餐饮小吃</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottomItem">
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">46.47</text>
|
||||||
|
<text class="smallItemLabel">2022年完成<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">100.00</text>
|
||||||
|
<text class="smallItemLabel">2023年预计<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="otherItem">
|
||||||
|
<text class="otherValue">46.47%</text>
|
||||||
|
<text class="otherLabel">完成率</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="detailItem">
|
||||||
|
<view class="itemTop">
|
||||||
|
<view class="itemTitle">分公司收入小计</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/expenditure.png"/>
|
||||||
|
<view class="itemBox">
|
||||||
|
<view class="leftChar">
|
||||||
|
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||||
|
<text class="rateText">39.67%</text>
|
||||||
|
</view>
|
||||||
|
<view class="rightDetail">
|
||||||
|
<view class="messageBox">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="messageBox" style="margin-top: 32rpx">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="contentBox">
|
||||||
|
<view class="contentItem" v-for="(item,index) in 3" :key="index">
|
||||||
|
<view class="topItem">
|
||||||
|
<view class="index" :style="{background:`url(${index===0?'/static/images/revenueBox/secondBg.svg':index===1?'/static/images/revenueBox/thirdBg.svg':'/static/images/revenueBox/otherBg.svg'})`}">{{index + 1}}</view>
|
||||||
|
<view class="smallItemName">餐饮小吃</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottomItem">
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">46.47</text>
|
||||||
|
<text class="smallItemLabel">2022年完成<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">100.00</text>
|
||||||
|
<text class="smallItemLabel">2023年预计<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="otherItem">
|
||||||
|
<text class="otherValue">46.47%</text>
|
||||||
|
<text class="otherLabel">完成率</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import OtherCharts from "./component/otherCharts.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components:{OtherCharts},
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
windowHeight: null,
|
||||||
|
statusBarHeight: null,
|
||||||
|
menu:{},
|
||||||
|
number:0,
|
||||||
|
pageTab:[{label:'管理费用',value:1},{label:'销售费用',value:2},{label:'运营成本',value:3},{label:'其他费用',value:4}],
|
||||||
|
selectTab:1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(){
|
||||||
|
// 获取手机参数对页面进行适配
|
||||||
|
let systemInfo = uni.getSystemInfoSync()
|
||||||
|
this.windowHeight = systemInfo.windowHeight
|
||||||
|
this.statusBarHeight = Number(systemInfo.statusBarHeight)
|
||||||
|
this.menu = uni.getMenuButtonBoundingClientRect()
|
||||||
|
console.log('this.menu',this.menu)
|
||||||
|
let _this = this
|
||||||
|
setTimeout(()=>{
|
||||||
|
_this.number = 40
|
||||||
|
},100)
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
// 返回按钮的方法
|
||||||
|
handleBack(){
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleChangePageTab(value){
|
||||||
|
this.selectTab = value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/static/public/font/stylesheet.css';
|
||||||
|
.main{
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
|
.header{
|
||||||
|
width: 100%;
|
||||||
|
height: 328rpx;
|
||||||
|
background: linear-gradient(180deg, #D4E5FD 0%, #F5F5F5 100%);
|
||||||
|
.headerTop{
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.backIcon{
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
}
|
||||||
|
.pageTitle{
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #202020;
|
||||||
|
line-height: 56rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.incomeTab{
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-left: 24rpx;
|
||||||
|
.incomeItem{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 40rpx;
|
||||||
|
padding: 20rpx 22rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: 1rpx solid #B6D4FB;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
.selectItem{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #096EF7;
|
||||||
|
line-height: 40rpx;
|
||||||
|
background: linear-gradient(360deg, #E9F2FF 0%, #FEFFFE 100%);
|
||||||
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(4,36,79,0.08);
|
||||||
|
border: 1rpx solid #B6D4FB;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.selectItem:after{
|
||||||
|
content:'';
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
background: #EDF4FF;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -18rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%) rotate(45deg);
|
||||||
|
border-right: 1rpx solid #B6D4FB;
|
||||||
|
border-bottom: 1rpx solid #B6D4FB;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contentDetail{
|
||||||
|
width: calc(100% - 64rpx);
|
||||||
|
margin-left: 32rpx;
|
||||||
|
.detailItem{
|
||||||
|
width: 100%;
|
||||||
|
background: #FEFFFF;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 4rpx;
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
.itemTop{
|
||||||
|
width: 100%;
|
||||||
|
height: 400rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 22rpx 24rpx;
|
||||||
|
background: linear-gradient(180deg, #F1F7FF 0%, #FDFEFF 100%);
|
||||||
|
border-radius: 12rpx 12rpx 0rpx 0rpx;
|
||||||
|
position: relative;
|
||||||
|
.monthSumBg{
|
||||||
|
position: absolute;
|
||||||
|
width: 320rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
right: 0;top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.itemTitle{
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-family: Alimama ShuHeiTi;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #096EF7;
|
||||||
|
line-height: 44rpx;
|
||||||
|
}
|
||||||
|
.itemBox{
|
||||||
|
position: relative;
|
||||||
|
z-index:2;
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 32rpx;
|
||||||
|
margin-top: 22rpx;
|
||||||
|
display: flex;
|
||||||
|
.leftChar{
|
||||||
|
width: 224rpx;
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.rateText{
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1679FF;
|
||||||
|
line-height: 48rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rightDetail{
|
||||||
|
flex: 1;
|
||||||
|
.messageBox{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.success{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.revenueValue{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
.revenueLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-top: 4rpx;
|
||||||
|
.revenueUnit{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #A69E9F;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-left: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rateBox{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.rateValue{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #E83944;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
.rateLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-top: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contentBox{
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
.contentItem{
|
||||||
|
width: 100%;
|
||||||
|
.topItem{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
.index{
|
||||||
|
display: inline-block;
|
||||||
|
width: 36rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FEFFFF;
|
||||||
|
line-height: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-right: 4rpx;
|
||||||
|
}
|
||||||
|
.smallItemName{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 40rpx;
|
||||||
|
margin-left: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottomItem{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 32rpx;
|
||||||
|
border-bottom: 1px solid #F7F4F4;
|
||||||
|
.smallItem{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.smallItemValue{
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
.smallItemLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
.unit{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #A69E9F;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-left: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.otherItem{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.otherValue{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #E83944;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
}
|
||||||
|
.otherLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
456
pages/revenue/incomeDetail.vue
Normal file
456
pages/revenue/incomeDetail.vue
Normal file
@ -0,0 +1,456 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<view class="header">
|
||||||
|
<view class="headerTop" :style="{top: menu.top + 'px',height:menu.height + 'px'}">
|
||||||
|
<image @click="handleBack" class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"></image>
|
||||||
|
<text class="pageTitle">收入详情</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="incomeTab" :style="{top:(menu.bottom + 18) + 'px'}">
|
||||||
|
<view :class="selectTab===item.value?'selectItem incomeItem':'incomeItem'" v-for="(item,index) in pageTab" :key="index"
|
||||||
|
@click="handleChangePageTab(item.value)">{{item.label}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="contentDetail">
|
||||||
|
<view class="detailItem">
|
||||||
|
<view class="itemTop">
|
||||||
|
<view class="itemTitle">服务区自营小计</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/allInCome.png"/>
|
||||||
|
<view class="itemBox">
|
||||||
|
<view class="leftChar">
|
||||||
|
<OtherCharts :success="number" :colorList="['#FC7909', '#FEE4CE']"/>
|
||||||
|
<text class="rateText">39.67%</text>
|
||||||
|
</view>
|
||||||
|
<view class="rightDetail">
|
||||||
|
<view class="messageBox">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="messageBox" style="margin-top: 32rpx">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="contentBox">
|
||||||
|
<view class="contentItem" v-for="(item,index) in 10" :key="index">
|
||||||
|
<view class="topItem">
|
||||||
|
<view class="index" :style="{background:`url(${index===0?'/static/images/revenueBox/secondBg.svg':index===1?'/static/images/revenueBox/thirdBg.svg':'/static/images/revenueBox/otherBg.svg'})`}">{{index+1}}</view>
|
||||||
|
<view class="smallItemName">餐饮小吃</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottomItem">
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">46.47</text>
|
||||||
|
<text class="smallItemLabel">2022年完成<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">100.00</text>
|
||||||
|
<text class="smallItemLabel">2023年预计<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="otherItem">
|
||||||
|
<text class="otherValue">46.47%</text>
|
||||||
|
<text class="otherLabel">完成率</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="detailItem">
|
||||||
|
<view class="itemTop">
|
||||||
|
<view class="itemTitle">分公司收入小计</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/allInCome.png"/>
|
||||||
|
<view class="itemBox">
|
||||||
|
<view class="leftChar">
|
||||||
|
<OtherCharts :success="number" :colorList="['#FC7909', '#FEE4CE']"/>
|
||||||
|
<text class="rateText">39.67%</text>
|
||||||
|
</view>
|
||||||
|
<view class="rightDetail">
|
||||||
|
<view class="messageBox">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="messageBox" style="margin-top: 32rpx">
|
||||||
|
<view class="success">
|
||||||
|
<text class="revenueValue">119.01</text>
|
||||||
|
<text class="revenueLabel">2022年完成<text class="revenueUnit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="rateBox">
|
||||||
|
<text class="rateValue">32.54%</text>
|
||||||
|
<text class="rateLabel">成本比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="contentBox">
|
||||||
|
<view class="contentItem" v-for="(item,index) in 3" :key="index">
|
||||||
|
<view class="topItem">
|
||||||
|
<view class="index" :style="{background:`url(${index===0?'/static/images/revenueBox/secondBg.svg':index===1?'/static/images/revenueBox/thirdBg.svg':'/static/images/revenueBox/otherBg.svg'})`}">{{index + 1}}</view>
|
||||||
|
<view class="smallItemName">餐饮小吃</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottomItem">
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">46.47</text>
|
||||||
|
<text class="smallItemLabel">2022年完成<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="smallItem">
|
||||||
|
<text class="smallItemValue">100.00</text>
|
||||||
|
<text class="smallItemLabel">2023年预计<text class="unit">/万元</text></text>
|
||||||
|
</view>
|
||||||
|
<view class="otherItem">
|
||||||
|
<text class="otherValue">46.47%</text>
|
||||||
|
<text class="otherLabel">完成率</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import OtherCharts from './component/otherCharts.vue'
|
||||||
|
export default {
|
||||||
|
components:{OtherCharts},
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
windowHeight: null,
|
||||||
|
statusBarHeight: null,
|
||||||
|
menu:{},
|
||||||
|
number:0,
|
||||||
|
pageTab:[{label:'自营收入',value:1},{label:'其他收入',value:2}],
|
||||||
|
selectTab:1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(){
|
||||||
|
// 获取手机参数对页面进行适配
|
||||||
|
let systemInfo = uni.getSystemInfoSync()
|
||||||
|
this.windowHeight = systemInfo.windowHeight
|
||||||
|
this.statusBarHeight = Number(systemInfo.statusBarHeight)
|
||||||
|
this.menu = uni.getMenuButtonBoundingClientRect()
|
||||||
|
console.log('this.menu',this.menu)
|
||||||
|
let _this = this
|
||||||
|
setTimeout(()=>{
|
||||||
|
_this.number = 40
|
||||||
|
},100)
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
// 返回按钮的方法
|
||||||
|
handleBack(){
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleChangePageTab(value){
|
||||||
|
this.selectTab = value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/static/public/font/stylesheet.css';
|
||||||
|
.main{
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
|
.header{
|
||||||
|
width: 100%;
|
||||||
|
height: 328rpx;
|
||||||
|
background: linear-gradient(180deg, #FFE6C2 0%, rgba(255,230,194,0) 100%);
|
||||||
|
.headerTop{
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.backIcon{
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
}
|
||||||
|
.pageTitle{
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #202020;
|
||||||
|
line-height: 56rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.incomeTab{
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-left: 24rpx;
|
||||||
|
.incomeItem{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 40rpx;
|
||||||
|
padding: 24rpx 26rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: 1rpx solid #FFD4AF;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
.selectItem{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #DC6500;
|
||||||
|
line-height: 40rpx;
|
||||||
|
background: linear-gradient(360deg, #FFEFDC 0%, #FEFFFE 100%);
|
||||||
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(235,190,152,0.3);
|
||||||
|
border: 1rpx solid #FFD4AF;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.selectItem:after{
|
||||||
|
content:'';
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
background: #FFF0DF;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -18rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%) rotate(45deg);
|
||||||
|
border-right: 1rpx solid #FFD4AF;
|
||||||
|
border-bottom: 1rpx solid #FFD4AF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contentDetail{
|
||||||
|
width: calc(100% - 64rpx);
|
||||||
|
margin-left: 32rpx;
|
||||||
|
.detailItem{
|
||||||
|
width: 100%;
|
||||||
|
background: #FEFFFF;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 4rpx;
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
.itemTop{
|
||||||
|
width: 100%;
|
||||||
|
height: 400rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 22rpx 24rpx;
|
||||||
|
background: linear-gradient(180deg, #FEF4E6 0%, #FDFAF4 100%);
|
||||||
|
border-radius: 12rpx 12rpx 0rpx 0rpx;
|
||||||
|
position: relative;
|
||||||
|
.itemTitle{
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-family: Alimama ShuHeiTi;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #EC6C00;
|
||||||
|
line-height: 44rpx;
|
||||||
|
}
|
||||||
|
.monthSumBg{
|
||||||
|
position: absolute;
|
||||||
|
width: 320rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
right: 0;top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.itemBox{
|
||||||
|
position: relative;
|
||||||
|
z-index:2;
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 32rpx;
|
||||||
|
margin-top: 22rpx;
|
||||||
|
display: flex;
|
||||||
|
.leftChar{
|
||||||
|
width: 224rpx;
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.rateText{
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #FE7500;
|
||||||
|
line-height: 48rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rightDetail{
|
||||||
|
flex: 1;
|
||||||
|
.messageBox{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.success{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.revenueValue{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
.revenueLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-top: 4rpx;
|
||||||
|
.revenueUnit{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #A69E9F;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-left: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rateBox{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.rateValue{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #E83944;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
.rateLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-top: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contentBox{
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
.contentItem{
|
||||||
|
width: 100%;
|
||||||
|
.topItem{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
.index{
|
||||||
|
display: inline-block;
|
||||||
|
width: 36rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #FEFFFF;
|
||||||
|
line-height: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-right: 4rpx;
|
||||||
|
}
|
||||||
|
.smallItemName{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 40rpx;
|
||||||
|
margin-left: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottomItem{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 32rpx;
|
||||||
|
border-bottom: 1px solid #F7F4F4;
|
||||||
|
.smallItem{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.smallItemValue{
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
.smallItemLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
.unit{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #A69E9F;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-left: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.otherItem{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.otherValue{
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #E83944;
|
||||||
|
line-height: 36rpx;
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
}
|
||||||
|
.otherLabel{
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -9,6 +9,8 @@
|
|||||||
|
|
||||||
<view class="headerDetail" :style="{top: (menu.bottom+68) +'px'}">
|
<view class="headerDetail" :style="{top: (menu.bottom+68) +'px'}">
|
||||||
<view class="detailBox">
|
<view class="detailBox">
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/monthSum.png"/>
|
||||||
|
|
||||||
<view class="detailPage">月度累计收支金额</view>
|
<view class="detailPage">月度累计收支金额</view>
|
||||||
|
|
||||||
<view class="moneyBox">
|
<view class="moneyBox">
|
||||||
@ -52,7 +54,7 @@
|
|||||||
<view class="profitYear">
|
<view class="profitYear">
|
||||||
<view class="itemBox">
|
<view class="itemBox">
|
||||||
<view class="itemBoxTitle">年度累计利润</view>
|
<view class="itemBoxTitle">年度累计利润</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/yearSum.png"/>
|
||||||
<view class="itemDetailBox">
|
<view class="itemDetailBox">
|
||||||
<view class="detailBoxTop">
|
<view class="detailBoxTop">
|
||||||
<text class="successLabel">完成率</text>
|
<text class="successLabel">完成率</text>
|
||||||
@ -86,6 +88,7 @@
|
|||||||
<view class="accrueYear">
|
<view class="accrueYear">
|
||||||
<view class="itemBox">
|
<view class="itemBox">
|
||||||
<view class="itemBoxTitle">年度营收累计</view>
|
<view class="itemBoxTitle">年度营收累计</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/yearRevenue.png"/>
|
||||||
<view class="itemDetailBox">
|
<view class="itemDetailBox">
|
||||||
<view class="leftCharts">
|
<view class="leftCharts">
|
||||||
<OtherCharts :success="number" :colorList="['#9E3CE9', '#ECD8FB']"/>
|
<OtherCharts :success="number" :colorList="['#9E3CE9', '#ECD8FB']"/>
|
||||||
@ -120,6 +123,7 @@
|
|||||||
<view class="incomeAll">
|
<view class="incomeAll">
|
||||||
<view class="itemBox">
|
<view class="itemBox">
|
||||||
<view class="itemBoxTitle" style="color: #EC6C00">收入合计</view>
|
<view class="itemBoxTitle" style="color: #EC6C00">收入合计</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/allInCome.png"/>
|
||||||
<view class="itemDetailBox">
|
<view class="itemDetailBox">
|
||||||
<view class="leftCharts">
|
<view class="leftCharts">
|
||||||
<OtherCharts :success="number" :colorList="['#FC7909', '#FEE4CE']"/>
|
<OtherCharts :success="number" :colorList="['#FC7909', '#FEE4CE']"/>
|
||||||
@ -153,12 +157,14 @@
|
|||||||
<view class="itemSmallBox">
|
<view class="itemSmallBox">
|
||||||
<view class="itemSmallTop">
|
<view class="itemSmallTop">
|
||||||
<view class="leftBox">
|
<view class="leftBox">
|
||||||
<view class="smallIcon"></view>
|
<view class="smallIcon">
|
||||||
|
<image class="img" src="/static/images/revenueBox/selfOperat.svg"/>
|
||||||
|
</view>
|
||||||
<view class="smallTitle">自营收入小计</view>
|
<view class="smallTitle">自营收入小计</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="leftRight">
|
<view class="leftRight" @click="handleGoInComeDetail">
|
||||||
<text class="more">查看更多</text>
|
<text class="more">查看更多</text>
|
||||||
<view class="moreIcon"></view>
|
<image class="moreIcon" src="/static/images/revenueBox/moreIcon.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -221,12 +227,14 @@
|
|||||||
<view class="itemSmallBox">
|
<view class="itemSmallBox">
|
||||||
<view class="itemSmallTop">
|
<view class="itemSmallTop">
|
||||||
<view class="leftBox">
|
<view class="leftBox">
|
||||||
<view class="smallIcon"></view>
|
<view class="smallIcon">
|
||||||
|
<image class="img" src="/static/images/revenueBox/otherSum.svg"/>
|
||||||
|
</view>
|
||||||
<view class="smallTitle">其他收入小计</view>
|
<view class="smallTitle">其他收入小计</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="leftRight">
|
<view class="leftRight" @click="handleGoInComeDetail">
|
||||||
<text class="more">查看更多</text>
|
<text class="more">查看更多</text>
|
||||||
<view class="moreIcon"></view>
|
<image class="moreIcon" src="/static/images/revenueBox/moreIcon.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -291,6 +299,7 @@
|
|||||||
<view class="expenditure">
|
<view class="expenditure">
|
||||||
<view class="itemBox">
|
<view class="itemBox">
|
||||||
<view class="itemBoxTitle" style="color: #096EF7">支出合计</view>
|
<view class="itemBoxTitle" style="color: #096EF7">支出合计</view>
|
||||||
|
<image class="monthSumBg" src="/static/images/revenueBox/expenditure.png"/>
|
||||||
<view class="itemDetailBox">
|
<view class="itemDetailBox">
|
||||||
<view class="leftCharts">
|
<view class="leftCharts">
|
||||||
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
<OtherCharts :success="number" :colorList="['#1679FF', '#E7F1FF']"/>
|
||||||
@ -324,12 +333,14 @@
|
|||||||
<view class="itemSmallBox">
|
<view class="itemSmallBox">
|
||||||
<view class="itemSmallTop">
|
<view class="itemSmallTop">
|
||||||
<view class="leftBox">
|
<view class="leftBox">
|
||||||
<view class="smallIcon"></view>
|
<view class="smallIcon">
|
||||||
|
<image class="img" src="/static/images/revenueBox/operateSum.svg"/>
|
||||||
|
</view>
|
||||||
<view class="smallTitle">运营成本小计</view>
|
<view class="smallTitle">运营成本小计</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="leftRight">
|
<view class="leftRight" @click="handleGoExpenditure">
|
||||||
<text class="more">查看更多</text>
|
<text class="more">查看更多</text>
|
||||||
<view class="moreIcon"></view>
|
<image class="moreIcon" src="/static/images/revenueBox/moreIcon.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -392,12 +403,14 @@
|
|||||||
<view class="itemSmallBox">
|
<view class="itemSmallBox">
|
||||||
<view class="itemSmallTop">
|
<view class="itemSmallTop">
|
||||||
<view class="leftBox">
|
<view class="leftBox">
|
||||||
<view class="smallIcon"></view>
|
<view class="smallIcon">
|
||||||
|
<image class="img" src="/static/images/revenueBox/operateManager.svg"/>
|
||||||
|
</view>
|
||||||
<view class="smallTitle">管理费用小计</view>
|
<view class="smallTitle">管理费用小计</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="leftRight">
|
<view class="leftRight" @click="handleGoExpenditure">
|
||||||
<text class="more">查看更多</text>
|
<text class="more">查看更多</text>
|
||||||
<view class="moreIcon"></view>
|
<image class="moreIcon" src="/static/images/revenueBox/moreIcon.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -460,12 +473,14 @@
|
|||||||
<view class="itemSmallBox">
|
<view class="itemSmallBox">
|
||||||
<view class="itemSmallTop">
|
<view class="itemSmallTop">
|
||||||
<view class="leftBox">
|
<view class="leftBox">
|
||||||
<view class="smallIcon"></view>
|
<view class="smallIcon">
|
||||||
|
<image class="img" src="/static/images/revenueBox/buySum.svg"/>
|
||||||
|
</view>
|
||||||
<view class="smallTitle">销售费用小计</view>
|
<view class="smallTitle">销售费用小计</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="leftRight">
|
<view class="leftRight" @click="handleGoExpenditure">
|
||||||
<text class="more">查看更多</text>
|
<text class="more">查看更多</text>
|
||||||
<view class="moreIcon"></view>
|
<image class="moreIcon" src="/static/images/revenueBox/moreIcon.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -528,12 +543,14 @@
|
|||||||
<view class="itemSmallBox">
|
<view class="itemSmallBox">
|
||||||
<view class="itemSmallTop">
|
<view class="itemSmallTop">
|
||||||
<view class="leftBox">
|
<view class="leftBox">
|
||||||
<view class="smallIcon"></view>
|
<view class="smallIcon">
|
||||||
|
<image class="img" src="/static/images/revenueBox/otherBuy.svg"/>
|
||||||
|
</view>
|
||||||
<view class="smallTitle">其他费用小计</view>
|
<view class="smallTitle">其他费用小计</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="leftRight">
|
<view class="leftRight" @click="handleGoExpenditure">
|
||||||
<text class="more">查看更多</text>
|
<text class="more">查看更多</text>
|
||||||
<view class="moreIcon"></view>
|
<image class="moreIcon" src="/static/images/revenueBox/moreIcon.svg"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -636,6 +653,19 @@ export default {
|
|||||||
// })
|
// })
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
|
// 进入收入详情
|
||||||
|
handleGoInComeDetail(){
|
||||||
|
console.log('1111')
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/revenue/incomeDetail'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 进入支出详情
|
||||||
|
handleGoExpenditure(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/revenue/expenditureDetail'
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -644,13 +674,13 @@ export default {
|
|||||||
.main{
|
.main{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
.header{
|
.header{width: 100%;
|
||||||
width: 100%;
|
|
||||||
height: 664rpx;
|
height: 664rpx;
|
||||||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/revenyeBg.png");
|
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/revenueBox/revenyeBg.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% 560rpx;
|
background-size: 100% 560rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.headerTop{
|
.headerTop{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -686,6 +716,14 @@ export default {
|
|||||||
padding: 22rpx 24rpx;
|
padding: 22rpx 24rpx;
|
||||||
background: linear-gradient(180deg, #E9F5FA 0%, #FBFDFE 100%);
|
background: linear-gradient(180deg, #E9F5FA 0%, #FBFDFE 100%);
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
|
position: relative;
|
||||||
|
.monthSumBg{
|
||||||
|
position: absolute;
|
||||||
|
width: 320rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
right: 0;top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
.detailPage{
|
.detailPage{
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-family: Alimama ShuHeiTi;
|
font-family: Alimama ShuHeiTi;
|
||||||
@ -702,6 +740,8 @@ export default {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 32rpx;
|
padding: 32rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
.moneyItem{
|
.moneyItem{
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -788,6 +828,7 @@ export default {
|
|||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 22rpx 24rpx;
|
padding: 22rpx 24rpx;
|
||||||
|
position: relative;
|
||||||
.itemBoxTitle{
|
.itemBoxTitle{
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-family: Alimama ShuHeiTi;
|
font-family: Alimama ShuHeiTi;
|
||||||
@ -795,7 +836,16 @@ export default {
|
|||||||
color: #474EF4;
|
color: #474EF4;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
}
|
}
|
||||||
|
.monthSumBg{
|
||||||
|
position: absolute;
|
||||||
|
width: 320rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
right: 0;top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
.itemDetailBox{
|
.itemDetailBox{
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 256rpx;
|
height: 256rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -887,6 +937,7 @@ export default {
|
|||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 22rpx 24rpx;
|
padding: 22rpx 24rpx;
|
||||||
|
position: relative;
|
||||||
.itemBoxTitle{
|
.itemBoxTitle{
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-family: Alimama ShuHeiTi;
|
font-family: Alimama ShuHeiTi;
|
||||||
@ -894,7 +945,16 @@ export default {
|
|||||||
color: #9635E0;
|
color: #9635E0;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
}
|
}
|
||||||
|
.monthSumBg{
|
||||||
|
position: absolute;
|
||||||
|
width: 320rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
right: 0;top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
.itemDetailBox{
|
.itemDetailBox{
|
||||||
|
position: relative;
|
||||||
|
z-index:2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 256rpx;
|
height: 256rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -990,6 +1050,7 @@ export default {
|
|||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 22rpx 24rpx;
|
padding: 22rpx 24rpx;
|
||||||
|
position: relative;
|
||||||
.itemBoxTitle{
|
.itemBoxTitle{
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-family: Alimama ShuHeiTi;
|
font-family: Alimama ShuHeiTi;
|
||||||
@ -997,7 +1058,16 @@ export default {
|
|||||||
color: #9635E0;
|
color: #9635E0;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
}
|
}
|
||||||
|
.monthSumBg{
|
||||||
|
position: absolute;
|
||||||
|
width: 320rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
right: 0;top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
.itemDetailBox{
|
.itemDetailBox{
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 256rpx;
|
height: 256rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -1096,7 +1166,10 @@ export default {
|
|||||||
width: 72rpx;
|
width: 72rpx;
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
margin-right: 16rpx;
|
margin-right: 16rpx;
|
||||||
background: #F2750B;
|
.img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.smallTitle{
|
.smallTitle{
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
@ -1118,8 +1191,8 @@ export default {
|
|||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
}
|
}
|
||||||
.moreIcon{
|
.moreIcon{
|
||||||
width: 11rpx;
|
width: 24rpx;
|
||||||
height: 19rpx;
|
height: 24rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1234,6 +1307,7 @@ export default {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #E83944;
|
color: #E83944;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
|
margin-left: 8rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1255,6 +1329,14 @@ export default {
|
|||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 22rpx 24rpx;
|
padding: 22rpx 24rpx;
|
||||||
|
position: relative;
|
||||||
|
.monthSumBg{
|
||||||
|
position: absolute;
|
||||||
|
width: 320rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
right: 0;top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
.itemBoxTitle{
|
.itemBoxTitle{
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-family: Alimama ShuHeiTi;
|
font-family: Alimama ShuHeiTi;
|
||||||
@ -1263,6 +1345,8 @@ export default {
|
|||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
}
|
}
|
||||||
.itemDetailBox{
|
.itemDetailBox{
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 256rpx;
|
height: 256rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -1361,7 +1445,10 @@ export default {
|
|||||||
width: 72rpx;
|
width: 72rpx;
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
margin-right: 16rpx;
|
margin-right: 16rpx;
|
||||||
background: #1679FF;
|
.img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.smallTitle{
|
.smallTitle{
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
@ -1383,8 +1470,8 @@ export default {
|
|||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
}
|
}
|
||||||
.moreIcon{
|
.moreIcon{
|
||||||
width: 11rpx;
|
width: 24rpx;
|
||||||
height: 19rpx;
|
height: 24rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
13
static/images/newExamine/OK.svg
Normal file
13
static/images/newExamine/OK.svg
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>考核图标/已完成备份@2x</title>
|
||||||
|
<g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="考核巡检0811" transform="translate(-359.000000, -1349.000000)" fill="#049E77" fill-rule="nonzero">
|
||||||
|
<g id="考核图标/已完成备份" transform="translate(359.000000, 1349.000000)">
|
||||||
|
<g id="checkbox-circle-fill" transform="translate(0.000217, 0.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 M9.0026,14 L16.0737,6.92893 L14.6595,5.51472 L9.0026,11.1716 L6.17421,8.3431 L4.75999,9.7574 L9.0026,14 Z" id="形状"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 964 B |
13
static/images/newExamine/error.svg
Normal file
13
static/images/newExamine/error.svg
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>考核图标/已完成备份@2x</title>
|
||||||
|
<g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="考核巡检0811" transform="translate(-323.000000, -1349.000000)" fill="#E83944" fill-rule="nonzero">
|
||||||
|
<g id="考核图标/已完成备份" transform="translate(323.000000, 1349.000000)">
|
||||||
|
<g id="close-circle-fill" transform="translate(0.000217, 0.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>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
BIN
static/images/revenueBox/allInCome.png
Normal file
BIN
static/images/revenueBox/allInCome.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
46
static/images/revenueBox/buySum.svg
Normal file
46
static/images/revenueBox/buySum.svg
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>收支预测/其他费用小计@2x</title>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#1679FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="9.97229917%" y1="0%" x2="87.0218035%" y2="100%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#B1D3FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D6E8FF" offset="32.1893722%"></stop>
|
||||||
|
<stop stop-color="#D8E9FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<rect id="path-3" x="0" y="0" width="17" height="19" rx="2"></rect>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-5">
|
||||||
|
<stop stop-color="#0053DA" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-60.0%" y="-40.0%" width="220.0%" height="180.0%" filterUnits="objectBoundingBox" id="filter-6">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="9.97229917%" y1="0%" x2="90.0277008%" y2="100%" id="linearGradient-7">
|
||||||
|
<stop stop-color="#73AEFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#E9F3FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="收支预测0811" transform="translate(-2108.000000, -1824.000000)">
|
||||||
|
<g id="编组" transform="translate(2108.000000, 1824.000000)">
|
||||||
|
<rect id="矩形" fill="#1679FF" opacity="0.100000001" x="0" y="0" width="36" height="36" rx="4"></rect>
|
||||||
|
<g transform="translate(7.003058, 8.499374)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient-1)" x="12" y="7" width="10" height="12" rx="2"></rect>
|
||||||
|
<g id="矩形备份-85">
|
||||||
|
<mask id="mask-4" fill="white">
|
||||||
|
<use xlink:href="#path-3"></use>
|
||||||
|
</mask>
|
||||||
|
<use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
|
||||||
|
<rect fill="url(#linearGradient-5)" opacity="0.699999988" filter="url(#filter-6)" mask="url(#mask-4)" x="13" y="7" width="10" height="15" rx="1"></rect>
|
||||||
|
</g>
|
||||||
|
<rect id="矩形" stroke="url(#linearGradient-7)" stroke-width="0.5" x="0.25" y="0.25" width="16.5" height="18.5" rx="2"></rect>
|
||||||
|
<path d="M8.49694183,5.00062638 C9.82242522,5.00062638 10.8969418,6.28272005 10.8969418,7.86426275 C10.8969418,8.92385711 10.4146271,9.84903876 9.69766329,10.3442974 L9.69821086,10.8029754 C10.7781009,10.941891 11.660501,11.2631306 12.129789,11.678485 C12.3506737,11.8220328 12.4969418,12.0719755 12.4969418,12.3560809 L12.4969418,13.1906264 C12.4969418,13.637977 12.1342925,14.0006264 11.6869418,14.0006264 L5.30694183,14.0006264 C4.85959118,14.0006264 4.49694183,13.637977 4.49694183,13.1906264 L4.49694183,12.3560809 C4.49694183,12.0719755 4.64321,11.8220328 4.86454994,11.6774493 C5.33356164,11.2628078 6.21604165,10.9417381 7.29609954,10.8029033 L7.29721629,10.344985 C6.57970329,9.84989538 6.09694183,8.92434766 6.09694183,7.86426275 C6.09694183,6.28272005 7.17145843,5.00062638 8.49694183,5.00062638 Z" id="形状结合" fill="#FFFFFF" opacity="0.800000012"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.6 KiB |
BIN
static/images/revenueBox/expenditure.png
Normal file
BIN
static/images/revenueBox/expenditure.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
9
static/images/revenueBox/fistBg.svg
Normal file
9
static/images/revenueBox/fistBg.svg
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>排名</title>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="排名" transform="translate(-23, -23)" fill="#EE4B11">
|
||||||
|
<path d="M25,23 L38.2796182,23 C39.3841877,23 40.2796182,23.8954305 40.2796182,25 C40.2796182,25.2023101 40.2489222,25.4034491 40.1885781,25.59655 L36.4385781,37.59655 C36.1776561,38.4315004 35.4043881,39 34.5296182,39 L25,39 C23.8954305,39 23,38.1045695 23,37 L23,25 C23,23.8954305 23.8954305,23 25,23 Z" id="矩形备份"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 738 B |
BIN
static/images/revenueBox/monthSum.png
Normal file
BIN
static/images/revenueBox/monthSum.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
13
static/images/revenueBox/moreIcon.svg
Normal file
13
static/images/revenueBox/moreIcon.svg
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="12px" height="12px" viewBox="0 0 12 12" 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="收支预测0811" transform="translate(-1888.000000, -1798.000000)" fill="#D9DADC">
|
||||||
|
<g id="收支预测/查看更多" transform="translate(1888.000000, 1798.000000)">
|
||||||
|
<g id="计划图标/更多-白色" transform="translate(3.000000, 1.000000)">
|
||||||
|
<path d="M1.58058262,0.580582618 L5.46966991,4.46966991 L5.46966991,4.46966991 C5.76256313,4.76256313 5.76256313,5.23743687 5.46966991,5.53033009 L1.58058262,9.41941738 C1.2876894,9.7123106 0.812815665,9.7123106 0.519922446,9.41941738 C0.227029227,9.12652416 0.227029227,8.65165043 0.519922446,8.35875721 L3.87825253,4.9999127 L0.519922446,1.64124279 C0.227029227,1.34834957 0.227029227,0.873475836 0.519922446,0.580582618 C0.812815665,0.287689399 1.2876894,0.287689399 1.58058262,0.580582618 Z" id="形状结合"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
46
static/images/revenueBox/operateManager.svg
Normal file
46
static/images/revenueBox/operateManager.svg
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>收支预测/管理费用小计@2x</title>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#1679FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="0%" y1="0%" x2="96.2452285%" y2="100%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#C0DCFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D6E8FF" offset="32.1893722%"></stop>
|
||||||
|
<stop stop-color="#D8E9FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<polygon id="path-3" points="21 9 29.660254 14 29.660254 24 21 29 12.339746 24 12.339746 14"></polygon>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-5">
|
||||||
|
<stop stop-color="#0053DA" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-36.2%" y="-42.9%" width="172.3%" height="185.7%" filterUnits="objectBoundingBox" id="filter-6">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="0%" y1="2.71908438%" x2="94.7642944%" y2="100%" id="linearGradient-7">
|
||||||
|
<stop stop-color="#DCEBFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5198FA" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<polygon id="path-8" points="21 9 29.660254 14 29.660254 24 21 29 12.339746 24 12.339746 14"></polygon>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="收支预测0811" transform="translate(-2052.000000, -1824.000000)">
|
||||||
|
<g id="编组" transform="translate(2052.000000, 1824.000000)">
|
||||||
|
<rect id="矩形" fill="#1679FF" opacity="0.100000001" x="0" y="0" width="36" height="36" rx="4"></rect>
|
||||||
|
<polygon id="多边形备份" fill="url(#linearGradient-1)" transform="translate(13.535898, 13.535898) rotate(-330.000000) translate(-13.535898, -13.535898) " points="13.5358984 6.53589838 19.5980762 10.0358984 19.5980762 17.0358984 13.5358984 20.5358984 7.47372056 17.0358984 7.47372056 10.0358984"></polygon>
|
||||||
|
<mask id="mask-4" fill="white">
|
||||||
|
<use xlink:href="#path-3"></use>
|
||||||
|
</mask>
|
||||||
|
<use id="蒙版" fill="url(#linearGradient-2)" transform="translate(21.000000, 19.000000) rotate(-330.000000) translate(-21.000000, -19.000000) " xlink:href="#path-3"></use>
|
||||||
|
<polygon id="多边形备份-2" fill="url(#linearGradient-5)" opacity="0.699999988" filter="url(#filter-6)" mask="url(#mask-4)" transform="translate(12.535898, 13.535898) rotate(-330.000000) translate(-12.535898, -13.535898) " points="12.5358984 6.53589838 18.5980762 10.0358984 18.5980762 17.0358984 12.5358984 20.5358984 6.47372056 17.0358984 6.47372056 10.0358984"></polygon>
|
||||||
|
<path d="M21,16.5 C21.6903559,16.5 22.3153559,16.779822 22.767767,17.232233 C23.220178,17.6846441 23.5,18.3096441 23.5,19 C23.5,19.6903559 23.220178,20.3153559 22.767767,20.767767 C22.3153559,21.220178 21.6903559,21.5 21,21.5 C20.3096441,21.5 19.6846441,21.220178 19.232233,20.767767 C18.779822,20.3153559 18.5,19.6903559 18.5,19 C18.5,18.3096441 18.779822,17.6846441 19.232233,17.232233 C19.6846441,16.779822 20.3096441,16.5 21,16.5 Z" id="椭圆形" stroke="#F6FAFF" stroke-width="2" mask="url(#mask-4)"></path>
|
||||||
|
<mask id="mask-9" fill="white">
|
||||||
|
<use xlink:href="#path-8"></use>
|
||||||
|
</mask>
|
||||||
|
<path stroke="url(#linearGradient-7)" stroke-width="0.5" d="M21,9.28867513 L29.410254,14.1443376 L29.410254,23.8556624 L21,28.7113249 L12.589746,23.8556624 L12.589746,14.1443376 L21,9.28867513 Z"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.0 KiB |
44
static/images/revenueBox/operateSum.svg
Normal file
44
static/images/revenueBox/operateSum.svg
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>收支预测/管理费用小计@2x</title>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#1679FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="14.5429363%" y1="0%" x2="82.7944003%" y2="100%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#C0DCFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D6E8FF" offset="32.1893722%"></stop>
|
||||||
|
<stop stop-color="#D8E9FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<path d="M1,0 L15,0 C15.5522847,-1.01453063e-16 16,0.44771525 16,1 L16,9.94721362 C16,12.7764949 14.4698026,15.3845221 12,16.7647059 L8.48782136,18.7273939 C8.18466896,18.8968026 7.81533104,18.8968026 7.51217864,18.7273939 L4,16.7647059 C1.53019739,15.3845221 3.4648702e-16,12.7764949 0,9.94721362 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z" id="path-3"></path>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-5">
|
||||||
|
<stop stop-color="#0053DA" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-60.0%" y="-54.5%" width="220.0%" height="208.4%" filterUnits="objectBoundingBox" id="filter-6">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="14.5429363%" y1="2.71908438%" x2="81.7442087%" y2="100%" id="linearGradient-7">
|
||||||
|
<stop stop-color="#DCEBFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5198FA" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="收支预测0811" transform="translate(-1996.000000, -1824.000000)">
|
||||||
|
<g id="编组" transform="translate(1996.000000, 1824.000000)">
|
||||||
|
<rect id="矩形" fill="#1679FF" opacity="0.100000001" x="0" y="0" width="36" height="36" rx="4"></rect>
|
||||||
|
<path d="M9,7 L17,7 C17.5522847,7 18,7.44771525 18,8 L18,13.3770253 C18,14.9936686 17.0070515,16.4443212 15.5,17.0294118 L13.361917,17.8594911 C13.129104,17.9498773 12.870896,17.9498773 12.638083,17.8594911 L10.5,17.0294118 C8.99294846,16.4443212 8,14.9936686 8,13.3770253 L8,8 C8,7.44771525 8.44771525,7 9,7 Z" id="矩形备份-2" fill="url(#linearGradient-1)"></path>
|
||||||
|
<g id="矩形备份-3" transform="translate(12.000000, 10.000000)">
|
||||||
|
<mask id="mask-4" fill="white">
|
||||||
|
<use xlink:href="#path-3"></use>
|
||||||
|
</mask>
|
||||||
|
<use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
|
||||||
|
<path d="M-4,-3 L4,-3 C4.55228475,-3 5,-2.55228475 5,-2 L5,3.37702534 C5,4.99366858 4.00705154,6.44432117 2.5,7.02941176 L0.361916955,7.85949106 C0.129103981,7.94987728 -0.129103981,7.94987728 -0.361916955,7.85949106 L-2.5,7.02941176 C-4.00705154,6.44432117 -5,4.99366858 -5,3.37702534 L-5,-2 C-5,-2.55228475 -4.55228475,-3 -4,-3 Z" fill="url(#linearGradient-5)" opacity="0.699999988" filter="url(#filter-6)" mask="url(#mask-4)"></path>
|
||||||
|
</g>
|
||||||
|
<path d="M27,10.25 C27.2071068,10.25 27.3946068,10.3339466 27.5303301,10.4696699 C27.6660534,10.6053932 27.75,10.7928932 27.75,11 L27.75,11 L27.75,19.9472136 C27.75,21.3165699 27.3796965,22.6323834 26.7105503,23.7728581 C26.0414042,24.9133328 25.0734153,25.8784688 23.8780447,26.54647 L23.8780447,26.54647 L20.365866,28.5091581 C20.1385017,28.6362146 19.8614983,28.6362146 19.634134,28.5091581 L19.634134,28.5091581 L16.1219553,26.54647 C14.9265847,25.8784688 13.9585958,24.9133328 13.2894497,23.7728581 C12.6203035,22.6323834 12.25,21.3165699 12.25,19.9472136 L12.25,19.9472136 L12.25,11 C12.25,10.7928932 12.3339466,10.6053932 12.4696699,10.4696699 C12.6053932,10.3339466 12.7928932,10.25 13,10.25 L13,10.25 Z" id="矩形备份" stroke="url(#linearGradient-7)" stroke-width="0.5"></path>
|
||||||
|
<path d="M22.1401765,15.6922305 L23.5543901,17.106444 L19.3117494,21.3490847 L16.4833223,18.5206576 L17.8975358,17.106444 L19.3113223,18.5202305 L22.1401765,15.6922305 Z" id="形状结合" fill="#F6FAFF"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.4 KiB |
9
static/images/revenueBox/otherBg.svg
Normal file
9
static/images/revenueBox/otherBg.svg
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>排名</title>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="排名" transform="translate(-125, -23)" fill="#C5B8AE">
|
||||||
|
<path d="M127,23 L140.279618,23 C141.384188,23 142.279618,23.8954305 142.279618,25 C142.279618,25.2023101 142.248922,25.4034491 142.188578,25.59655 L138.438578,37.59655 C138.177656,38.4315004 137.404388,39 136.529618,39 L127,39 C125.895431,39 125,38.1045695 125,37 L125,25 C125,23.8954305 125.895431,23 127,23 Z" id="矩形"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 740 B |
49
static/images/revenueBox/otherBuy.svg
Normal file
49
static/images/revenueBox/otherBuy.svg
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" 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="50%" x2="0%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#1679FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="0%" y1="18.8365651%" x2="96.2452285%" y2="81.1634349%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#C0DCFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D6E8FF" offset="32.1893722%"></stop>
|
||||||
|
<stop stop-color="#D8E9FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<rect id="path-3" x="0" y="0" width="19" height="15" rx="2"></rect>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-5">
|
||||||
|
<stop stop-color="#0053DA" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C6DFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-40.0%" y="-50.0%" width="180.0%" height="200.0%" filterUnits="objectBoundingBox" id="filter-6">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="0%" y1="20.5312853%" x2="94.7642944%" y2="81.1634349%" id="linearGradient-7">
|
||||||
|
<stop stop-color="#DCEBFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5198FA" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="收支预测0811" transform="translate(-2164.000000, -1824.000000)">
|
||||||
|
<g id="编组-2" transform="translate(2164.000000, 1824.000000)">
|
||||||
|
<rect id="矩形" fill="#1679FF" opacity="0.100000001" x="0" y="0" width="36" height="36" rx="4"></rect>
|
||||||
|
<g id="编组" transform="translate(7.004242, 8.492352)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient-1)" x="0" y="0" width="14" height="12" rx="2"></rect>
|
||||||
|
<g id="矩形备份-84" transform="translate(3.000000, 4.000000)">
|
||||||
|
<mask id="mask-4" fill="white">
|
||||||
|
<use xlink:href="#path-3"></use>
|
||||||
|
</mask>
|
||||||
|
<use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
|
||||||
|
<rect fill="url(#linearGradient-5)" opacity="0.600000024" filter="url(#filter-6)" mask="url(#mask-4)" x="-4" y="-4" width="15" height="12" rx="1"></rect>
|
||||||
|
</g>
|
||||||
|
<rect id="矩形" stroke="url(#linearGradient-7)" stroke-width="0.5" x="3.25" y="4.25" width="18.5" height="14.5" rx="2"></rect>
|
||||||
|
<rect id="矩形" fill="#FFFFFF" x="11" y="8" width="5" height="2"></rect>
|
||||||
|
<rect id="矩形备份-2" fill="#FFFFFF" x="7" y="8" width="2" height="2"></rect>
|
||||||
|
<rect id="矩形备份-3" fill="#FFFFFF" x="7" y="12" width="2" height="2"></rect>
|
||||||
|
<rect id="矩形备份" fill="#FFFFFF" x="11" y="12" width="7" height="2"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.2 KiB |
49
static/images/revenueBox/otherSum.svg
Normal file
49
static/images/revenueBox/otherSum.svg
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>收支预测/管理费用小计@2x</title>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#EF7A16" offset="0%"></stop>
|
||||||
|
<stop stop-color="#EF7A16" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="0%" y1="18.8365651%" x2="96.2452285%" y2="81.1634349%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#FFD8B7" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFE5CF" offset="32.1893722%"></stop>
|
||||||
|
<stop stop-color="#FFEAD8" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<rect id="path-3" x="0" y="0" width="19" height="15" rx="2"></rect>
|
||||||
|
<linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-5">
|
||||||
|
<stop stop-color="#EF7A16" offset="0%"></stop>
|
||||||
|
<stop stop-color="#EF7A16" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-60.0%" y="-75.0%" width="220.0%" height="250.0%" filterUnits="objectBoundingBox" id="filter-6">
|
||||||
|
<feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="13.2177399%" y1="26.6757503%" x2="83.2501634%" y2="74.4543847%" id="linearGradient-7">
|
||||||
|
<stop stop-color="#FFE0C5" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFC38F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="收支预测0811" transform="translate(-1940.000000, -1824.000000)">
|
||||||
|
<g id="编组-2" transform="translate(1940.000000, 1824.000000)">
|
||||||
|
<rect id="矩形" fill="#F2750B" opacity="0.100000001" x="0" y="0" width="36" height="36" rx="4"></rect>
|
||||||
|
<g id="编组" transform="translate(7.004242, 8.492352)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient-1)" x="0" y="0" width="14" height="12" rx="2"></rect>
|
||||||
|
<g id="矩形备份-84" transform="translate(3.000000, 4.000000)">
|
||||||
|
<mask id="mask-4" fill="white">
|
||||||
|
<use xlink:href="#path-3"></use>
|
||||||
|
</mask>
|
||||||
|
<use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
|
||||||
|
<rect fill="url(#linearGradient-5)" filter="url(#filter-6)" mask="url(#mask-4)" x="-4" y="-4" width="15" height="12" rx="1"></rect>
|
||||||
|
</g>
|
||||||
|
<rect id="矩形" stroke="url(#linearGradient-7)" stroke-width="0.5" x="3.25" y="4.25" width="18.5" height="14.5" rx="2"></rect>
|
||||||
|
<rect id="矩形" fill="#FFFFFF" x="11" y="8" width="5" height="2"></rect>
|
||||||
|
<rect id="矩形备份-2" fill="#FFFFFF" x="7" y="8" width="2" height="2"></rect>
|
||||||
|
<rect id="矩形备份-3" fill="#FFFFFF" x="7" y="12" width="2" height="2"></rect>
|
||||||
|
<rect id="矩形备份" fill="#FFFFFF" x="11" y="12" width="7" height="2"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.2 KiB |
9
static/images/revenueBox/secondBg.svg
Normal file
9
static/images/revenueBox/secondBg.svg
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>排名</title>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="排名" transform="translate(-57, -23)" fill="#FF7831">
|
||||||
|
<path d="M59,23 L72.2796182,23 C73.3841877,23 74.2796182,23.8954305 74.2796182,25 C74.2796182,25.2023101 74.2489222,25.4034491 74.1885781,25.59655 L70.4385781,37.59655 C70.1776561,38.4315004 69.4043881,39 68.5296182,39 L59,39 C57.8954305,39 57,38.1045695 57,37 L57,25 C57,23.8954305 57.8954305,23 59,23 Z" id="矩形"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 732 B |
42
static/images/revenueBox/selfOperat.svg
Normal file
42
static/images/revenueBox/selfOperat.svg
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>收支预测/管理费用小计@2x</title>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#EF7A16" offset="0%"></stop>
|
||||||
|
<stop stop-color="#EF7A16" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="0%" y1="0%" x2="96.2452285%" y2="100%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#FFD8B7" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFE5CF" offset="32.1893722%"></stop>
|
||||||
|
<stop stop-color="#FFEAD8" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<circle id="path-3" cx="9.5" cy="9.5" r="9.5"></circle>
|
||||||
|
<filter x="-64.3%" y="-64.3%" width="228.6%" height="228.6%" filterUnits="objectBoundingBox" id="filter-5">
|
||||||
|
<feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="13.2177399%" y1="12.5775372%" x2="83.2501634%" y2="89.2357017%" id="linearGradient-6">
|
||||||
|
<stop stop-color="#FFE0C5" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFC38F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="收支预测0811" transform="translate(-1884.000000, -1824.000000)">
|
||||||
|
<g id="编组" transform="translate(1884.000000, 1824.000000)">
|
||||||
|
<rect id="矩形" fill="#F2750B" opacity="0.100000001" x="0" y="0" width="36" height="36" rx="4"></rect>
|
||||||
|
<g transform="translate(7.000000, 7.000000)">
|
||||||
|
<circle id="椭圆形" fill="url(#linearGradient-1)" cx="7" cy="7" r="7"></circle>
|
||||||
|
<g id="椭圆形备份-2" transform="translate(3.000000, 3.000000)">
|
||||||
|
<mask id="mask-4" fill="white">
|
||||||
|
<use xlink:href="#path-3"></use>
|
||||||
|
</mask>
|
||||||
|
<use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
|
||||||
|
<circle fill="url(#linearGradient-1)" filter="url(#filter-5)" mask="url(#mask-4)" cx="4" cy="4" r="7"></circle>
|
||||||
|
</g>
|
||||||
|
<circle id="椭圆形备份" stroke="url(#linearGradient-6)" stroke-width="0.5" cx="12.5" cy="12.5" r="9.25"></circle>
|
||||||
|
<path d="M11.0857864,7.58578644 L12.5,8.99989322 L13.9142136,7.58578644 C14.3047379,7.19526215 14.9379028,7.19526215 15.3284271,7.58578644 C15.7189514,7.97631073 15.7189514,8.60947571 15.3284271,9 L14.328,9.99989322 L15,10 C15.5522847,10 16,10.4477153 16,11 C16,11.5522847 15.5522847,12 15,12 L13.5,11.9998932 L13.5,12.9998932 L15,13 C15.5522847,13 16,13.4477153 16,14 C16,14.5522847 15.5522847,15 15,15 L13.5,14.9998932 L13.5,16.5 C13.5,17.0522847 13.0522847,17.5 12.5,17.5 C11.9477153,17.5 11.5,17.0522847 11.5,16.5 L11.5,14.9998932 L10,15 C9.44771525,15 9,14.5522847 9,14 C9,13.4477153 9.44771525,13 10,13 L11.5,12.9998932 L11.5,11.9998932 L10,12 C9.44771525,12 9,11.5522847 9,11 C9,10.4477153 9.44771525,10 10,10 L10.671,9.99989322 L9.67157288,9 C9.28104858,8.60947571 9.28104858,7.97631073 9.67157288,7.58578644 C10.0620972,7.19526215 10.6952621,7.19526215 11.0857864,7.58578644 Z" id="形状结合" fill="#FFFFFF"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.4 KiB |
9
static/images/revenueBox/thirdBg.svg
Normal file
9
static/images/revenueBox/thirdBg.svg
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>排名</title>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="排名" transform="translate(-91, -23)" fill="#FE9F17">
|
||||||
|
<path d="M93,23 L106.279618,23 C107.384188,23 108.279618,23.8954305 108.279618,25 C108.279618,25.2023101 108.248922,25.4034491 108.188578,25.59655 L104.438578,37.59655 C104.177656,38.4315004 103.404388,39 102.529618,39 L93,39 C91.8954305,39 91,38.1045695 91,37 L91,25 C91,23.8954305 91.8954305,23 93,23 Z" id="矩形"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 732 B |
BIN
static/images/revenueBox/yearRevenue.png
Normal file
BIN
static/images/revenueBox/yearRevenue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
static/images/revenueBox/yearSum.png
Normal file
BIN
static/images/revenueBox/yearSum.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Loading…
x
Reference in New Issue
Block a user