update
This commit is contained in:
parent
f1e14263ea
commit
1a1e4d4a75
1
App.vue
1
App.vue
@ -95,7 +95,6 @@
|
||||
|
||||
<style>
|
||||
@import url("./common/uni.css");
|
||||
|
||||
/*每个页面公共css */
|
||||
page {
|
||||
font-size: 26rpx;
|
||||
|
||||
@ -195,6 +195,40 @@ function addUserBehavior(obj) {
|
||||
|
||||
})
|
||||
}
|
||||
function addUserBehaviorNew(obj) {
|
||||
|
||||
var pages = getCurrentPages() // 获取加载的页面
|
||||
let len = pages.length
|
||||
if (len) {
|
||||
var currentPage = pages[len - 1] // 获取当前页面的对象
|
||||
var nowRoute = '/' + currentPage.route // 当前页面url
|
||||
if (obj) {
|
||||
obj.outtoRoute = (obj.outtoRoute === '' || obj.outtoRoute) ? obj.outtoRoute : nowRoute
|
||||
obj.intoRoute = obj.intoRoute ? obj.intoRoute.split('?')[0] : ''
|
||||
} else {
|
||||
obj = {}
|
||||
obj.outtoRoute = nowRoute
|
||||
obj.intoRoute = len > 1 ? '/' + pages[len - 2].route : '/pages/index/index'
|
||||
}
|
||||
}
|
||||
obj.visitChannels = store.state.visitChannels
|
||||
let userDate = store.state.userData
|
||||
console.log('userDate123',userDate)
|
||||
let req = {
|
||||
userName:userDate.UserName,
|
||||
phoneNumber:userDate.Membership_Phone,
|
||||
userId:userDate.UserId ? userDate.UserId:'',
|
||||
wechatAppId:'wx4fb5da2b8d9e0e43',
|
||||
intoRoute:obj.intoRoute,
|
||||
outtoRoute:obj.outtoRoute,
|
||||
visitChannels:obj.visitChannels,
|
||||
behaviorRecordDesc:''
|
||||
}
|
||||
console.log('req',req)
|
||||
request.$webGet('CommercialApi/UserBehavior/AddUserBehavior',req).then(() => {
|
||||
|
||||
})
|
||||
}
|
||||
/*
|
||||
根据关键字获取相应的枚举选项，文档见 https://api.eshangtech.com/EShangApiMain/swagger/ui/index#!/FrameWork/FrameWork_GetFieldEnumByField
|
||||
params:{FieldExplainField,FieldEnumStatus}
|
||||
@ -467,6 +501,7 @@ export default {
|
||||
changeStringToDate,
|
||||
toNextRoute,
|
||||
addUserBehavior,
|
||||
addUserBehaviorNew,
|
||||
getFieldEnumByField, // 获取枚举参数
|
||||
// calculateDistance,
|
||||
// bMapToQQMap,
|
||||
|
||||
@ -156,7 +156,13 @@
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"root": "pages/plan",
|
||||
"pages": [
|
||||
|
||||
{
|
||||
"path": "areaPlanMonth",
|
||||
"style": {
|
||||
|
||||
@ -1,395 +0,0 @@
|
||||
<!--<template>-->
|
||||
<!-- <view class="main">-->
|
||||
<!-- <view class="header">-->
|
||||
<!-- <view class="top" :style="{height:(menu.bottom + 6)+'px'}">-->
|
||||
<!-- <image :style="{top:(menu.top + ((menu.height - 24)/2))+'px'}" @click="handleBack" class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="message">-->
|
||||
<!-- <view class="left">-->
|
||||
<!-- <p class="pageTitle">片区月度计划</p>-->
|
||||
<!-- <div class="picker">-->
|
||||
<!-- <div class="selectService" @click="handleShowPopup(1)">-->
|
||||
<!-- <image class="img" src="/static/images/plan/fixed.svg"></image>-->
|
||||
<!-- <view class="select">-->
|
||||
<!-- <view class="name">{{selectAreaName}}</view>-->
|
||||
<!-- <p class="area">片区</p>-->
|
||||
<!-- <div style="width: 24px;height: 12px"></div>-->
|
||||
<!-- <image class="rightArrow" src="/static/images/plan/orangeArrow.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="right">-->
|
||||
<!-- <image class="month" :src="monthImgList[selectMonth - 1]"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="serviceList">-->
|
||||
<!-- <view class="tabs">-->
|
||||
<!-- <view :class="selectTab===item.value?'tabItem selectItem':'tabItem'" v-for="(item,index) in tabList" :key="index" @click="changeTab(item.value)">{{item.label}}</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="list">-->
|
||||
<!-- <scroll-view scroll-y="true" style="width: 100%;height: 100%">-->
|
||||
<!-- <view class="listItem" v-for="(item,index) in serviceDetailList" :key="index">-->
|
||||
<!-- <view class="top">-->
|
||||
<!-- <view class="left">-->
|
||||
<!-- <p class="title">新桥服务区</p>-->
|
||||
<!-- <image class="icon" src="/static/images/plan/orangeArrow.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="right">-->
|
||||
<!-- <image class="imgType" src="/static/images/plan/store.svg"></image>-->
|
||||
<!-- <image class="imgType" src="/static/images/plan/luggage.svg"></image>-->
|
||||
<!-- <image class="imgType" src="/static/images/plan/food.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="detail">-->
|
||||
<!-- <view class="left">-->
|
||||
<!-- <p class="money">5,321,433,546</p>-->
|
||||
<!-- <span class="monthSuccess">本月已完成<span class="unit">/元</span></span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="right">-->
|
||||
<!-- <p class="add">-20.24%</p>-->
|
||||
<!-- <span class="text">比计划</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="progress">-->
|
||||
<!-- <view class="have" :style="{width:78 + '%'}"></view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="other">-->
|
||||
<!-- <span class="success">计划完成<span class="unit">/元</span></span>-->
|
||||
<!-- <span class="money">8,000,000,000</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </scroll-view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!--</template>-->
|
||||
|
||||
<!--<script>-->
|
||||
<!--import request from '@/util/index.js'-->
|
||||
<!--export default {-->
|
||||
<!-- data(){-->
|
||||
<!-- return{-->
|
||||
<!-- menu:{},-->
|
||||
<!-- monthImgList:[-->
|
||||
<!-- "/static/images/plan/month1.svg",-->
|
||||
<!-- "/static/images/plan/month2.svg",-->
|
||||
<!-- "/static/images/plan/month3.svg",-->
|
||||
<!-- "/static/images/plan/month4.svg",-->
|
||||
<!-- "/static/images/plan/month5.svg",-->
|
||||
<!-- "/static/images/plan/month6.svg",-->
|
||||
<!-- "/static/images/plan/month7.svg",-->
|
||||
<!-- "/static/images/plan/month8.svg",-->
|
||||
<!-- "/static/images/plan/month9.svg",-->
|
||||
<!-- "/static/images/plan/month10.svg",-->
|
||||
<!-- "/static/images/plan/month11.svg",-->
|
||||
<!-- "/static/images/plan/month12.svg",-->
|
||||
<!-- ],// 月份图片数组-->
|
||||
<!-- selectMonth:'',-->
|
||||
<!-- searchTime:'',// 搜索的时间-->
|
||||
<!-- lastDay:'',// 首页时间-->
|
||||
<!-- tabList:[{label:'全部服务区',value:1},{label:'高于预期',value:2},{label:'低于预期',value:3}],-->
|
||||
<!-- selectTab:1,// 选中的tab-->
|
||||
<!-- serviceDetailList:[{},{},{},{},{},{}],-->
|
||||
<!-- id:'',// 片区编码-->
|
||||
<!-- }-->
|
||||
<!-- },-->
|
||||
<!-- onLoad(query){-->
|
||||
<!-- console.log('query',query)-->
|
||||
<!-- // 获取手机参数对页面进行适配-->
|
||||
<!-- this.menu = uni.getMenuButtonBoundingClientRect()-->
|
||||
<!-- // 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用-->
|
||||
<!-- if (query.search){-->
|
||||
<!-- this.searchTime = query.search-->
|
||||
<!-- }else{-->
|
||||
<!-- this.searchTime = uni.getStorageSync('lastDay')-->
|
||||
<!-- }-->
|
||||
<!-- this.lastDay = uni.getStorageSync('lastDay')-->
|
||||
<!-- const date = new Date(this.searchTime)-->
|
||||
<!-- let m = date.getMonth() + 1-->
|
||||
<!-- this.selectMonth = m-->
|
||||
<!-- this.id = query.id-->
|
||||
<!-- this.handleAreaMonthPlan()-->
|
||||
<!-- },-->
|
||||
<!-- methods:{-->
|
||||
<!-- changeTab(value){-->
|
||||
<!-- this.selectTab = value-->
|
||||
<!-- },-->
|
||||
<!-- async handleAreaMonthPlan(){-->
|
||||
<!-- const req = {-->
|
||||
<!-- StatisticsDate:this.searchTime,-->
|
||||
<!-- ProvinceCode:'340000',-->
|
||||
<!-- StatisticsType:4,-->
|
||||
<!-- SPRegionTypeID:this.id-->
|
||||
<!-- }-->
|
||||
<!-- const data = await request.$webGet('CommercialApi/Revenue/GetProvinceRevenueBudget',req)-->
|
||||
<!-- console.log('data',data)-->
|
||||
<!-- },-->
|
||||
<!-- handleBack(){-->
|
||||
<!-- uni.navigateBack({-->
|
||||
<!-- delta: 1-->
|
||||
<!-- });-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!--}-->
|
||||
<!--</script>-->
|
||||
|
||||
<!--<style scoped lang="scss">-->
|
||||
<!--@import '/static/public/font/stylesheet.css';-->
|
||||
<!--.main{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 100vh;-->
|
||||
<!-- .header{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 222px;-->
|
||||
<!-- background: linear-gradient(180deg, #FF6D40 0%, rgba(255,132,91,0.84) 44%, #FFEDBE 100%);;-->
|
||||
<!-- .top{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .img{-->
|
||||
<!-- width: 24px;-->
|
||||
<!-- height: 24px;-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- left: 16px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .message{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- align-items: flex-end;-->
|
||||
<!-- .left{-->
|
||||
<!-- .pageTitle{-->
|
||||
<!-- font-family: Alimama ShuHeiTi;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- font-size: 28px;-->
|
||||
<!-- line-height: 39px;-->
|
||||
<!-- text-shadow: 0 4px 8px rgba(129,36,7,0.2);-->
|
||||
<!-- background: linear-gradient(180deg, #ffffff 40%, #FFBEAA 100%);-->
|
||||
<!-- -webkit-background-clip: text;-->
|
||||
<!-- -webkit-text-fill-color: transparent;-->
|
||||
<!-- margin: 12px 0 0 16px;-->
|
||||
<!-- }-->
|
||||
<!-- .picker{-->
|
||||
<!-- margin: 20px 0 0 16px;-->
|
||||
<!-- .selectService{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- .img{-->
|
||||
<!-- width: 40px;-->
|
||||
<!-- height: 40px;-->
|
||||
<!-- z-index: 2;-->
|
||||
<!-- }-->
|
||||
<!-- .select{-->
|
||||
<!-- height: 32px;-->
|
||||
<!-- min-width: 110px;-->
|
||||
<!-- background: #F8F8FA;-->
|
||||
<!-- border-radius: 0 16px 16px 0;-->
|
||||
<!-- transform: translateX(-20px);-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding-left: 25px;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .name{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Semibold, PingFang SC;-->
|
||||
<!-- font-weight: 600;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- }-->
|
||||
<!-- .area{-->
|
||||
<!-- font-size: 12px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #786B6C;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- .rightArrow{-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- right: 2px;-->
|
||||
<!-- width: 24px;-->
|
||||
<!-- height: 12px;-->
|
||||
<!-- }-->
|
||||
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .right{-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- margin: 0 16px 0 0;-->
|
||||
<!-- .month{-->
|
||||
<!-- width: 110px;-->
|
||||
<!-- height: 98px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
|
||||
<!-- }-->
|
||||
<!-- .serviceList{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: calc(100vh - 212px);-->
|
||||
<!-- background: #fff;-->
|
||||
<!-- transform: translateY(-16px);-->
|
||||
<!-- border-radius: 16px 16px 2px 2px;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding: 16px 16px 0 16px;-->
|
||||
<!-- .tabs{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 38px;-->
|
||||
<!-- background: #F4F2F2;-->
|
||||
<!-- border-radius: 4px;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding: 4px;-->
|
||||
<!-- .tabItem{-->
|
||||
<!-- width: calc((100vw - 16px) / 3);-->
|
||||
<!-- text-align: center;-->
|
||||
<!-- line-height: 30px;-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #786B6C;-->
|
||||
<!-- }-->
|
||||
<!-- .selectItem{-->
|
||||
<!-- color: #FF6D40;-->
|
||||
<!-- background: #fff;-->
|
||||
<!-- border-radius: 4px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .list{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: calc(100% - 66px);-->
|
||||
<!-- margin-top: 12px;-->
|
||||
<!-- ::-webkit-scrollbar {width: 0;height: 0;background-color: transparent;}-->
|
||||
<!-- .listItem{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- background: linear-gradient(314deg, #FFF7E4 0%, #F5F2FF 32%, #FFFAFA 54%, #FFF6F3 70%, #FFE4D9 100%);-->
|
||||
<!-- border-radius: 8px;-->
|
||||
<!-- margin-bottom: 12px;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding: 16px;-->
|
||||
<!-- .top{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- .left{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- .title{-->
|
||||
<!-- font-size: 18px;-->
|
||||
<!-- font-family: Alimama ShuHeiTi;-->
|
||||
<!-- color: #611A04;-->
|
||||
<!-- line-height: 26px;-->
|
||||
<!-- }-->
|
||||
<!-- .icon{-->
|
||||
<!-- width: 14px;-->
|
||||
<!-- height: 14px;-->
|
||||
<!-- margin-left: 7px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .right{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- .imgType{-->
|
||||
<!-- width: 24px;-->
|
||||
<!-- height: 24px;-->
|
||||
<!-- margin-right: 8px;-->
|
||||
<!-- }-->
|
||||
<!-- .imgType:last-child{-->
|
||||
<!-- margin-right: 0;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .detail{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- margin-top: 16px;-->
|
||||
<!-- .left{-->
|
||||
<!-- .money{-->
|
||||
<!-- font-size: 20px;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- }-->
|
||||
<!-- .monthSuccess{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #786B6C;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- .unit{-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .right{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- flex-direction: column;-->
|
||||
<!-- align-items: flex-end;-->
|
||||
<!-- .add{-->
|
||||
<!-- font-size: 24px;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #049E77;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- margin-bottom: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- .text{-->
|
||||
<!-- font-size: 12px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- line-height: 18px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .progress{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 10px;-->
|
||||
<!-- border-radius: 5px;-->
|
||||
<!-- margin-top: 18px;-->
|
||||
<!-- background: #FBD9CD;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .have{-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- left: 0;top: 0;-->
|
||||
<!-- background: #FF6D40;-->
|
||||
<!-- border-radius: 5px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .other{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- margin-top: 4px;-->
|
||||
<!-- .success{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #786B6C;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- .unit{-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .money{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!--}-->
|
||||
<!--</style>-->
|
||||
@ -1,644 +0,0 @@
|
||||
<!--<template>-->
|
||||
<!-- <view class="main">-->
|
||||
<!-- <view class="header">-->
|
||||
<!-- <view class="top" :style="{height:(menu.bottom + 6)+'px'}">-->
|
||||
<!-- <image :style="{top:(menu.top + ((menu.height - 24)/2))+'px'}" @click="handleBack" class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- <p class="pageTitle">服务区月度计划</p>-->
|
||||
|
||||
<!-- <view class="monthTabs">-->
|
||||
<!-- <scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="selectMonthId" >-->
|
||||
<!-- <div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" :key="index" @click="handleSelectMonth(item.value)">{{item.label}}</div>-->
|
||||
<!-- </scroll-view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<!-- <view class="monthDetailList">-->
|
||||
<!-- <swiper class="swiper" previous-margin="40rpx" next-margin="40rpx" @change="handleDetailScroll" :current="selectDetail">-->
|
||||
<!-- <block v-for="(item,index) in swiperList" :key="index">-->
|
||||
<!-- <swiper-item class="swiper-item" :item-id="index" :data-item-id="index" bindtap='clickChange'>-->
|
||||
<!-- <view class="box">-->
|
||||
<!-- <view :class="selectDetail===index?'detail':'detail noShow'">-->
|
||||
<!-- <view class="item">-->
|
||||
<!-- <div class="picker">-->
|
||||
<!-- <div class="selectService" @click="handleShowPopup(1)">-->
|
||||
<!-- <image class="img" src="/static/images/plan/fixed.svg"></image>-->
|
||||
<!-- <view class="select">-->
|
||||
<!-- <view class="name">{{selectAreaName}}</view>-->
|
||||
<!-- <p class="area">片区</p>-->
|
||||
<!-- <div style="width: 24px;height: 12px"></div>-->
|
||||
<!-- <image class="rightArrow" src="/static/images/plan/orangeArrow.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <view class="itemTop" :style="{marginTop: selectDetail===index?'16px':'4px'}">-->
|
||||
<!-- <view class="left">-->
|
||||
<!-- <view class="detailContent">-->
|
||||
<!-- <view class="top">-->
|
||||
<!-- <span class="money">7,321,433,546</span>-->
|
||||
<!-- <image class="icon" src="/static/images/index/yearSuccess.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- <p class="text">本月已完成<text class="unit">/元</text></p>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="right">-->
|
||||
<!-- <p class="add">+8.24%</p>-->
|
||||
<!-- <text class="compare">比计划</text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="itemBottom" :style="{marginTop: selectDetail===index?'20px':'4px'}">-->
|
||||
<!-- <view class="progress">-->
|
||||
<!-- <view class="have" style="width: 78%"></view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="text">-->
|
||||
<!-- <span class="success">计划完成<span class="unit">/元</span></span>-->
|
||||
<!-- <span class="target">8,000,000,000</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <image class="detailLogo" src="/static/images/plan/detailLogo.svg"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- </swiper-item>-->
|
||||
<!-- </block>-->
|
||||
<!-- </swiper>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<!-- <view class="detail">-->
|
||||
<!-- <view class="box" v-for="(item,index) in detailList" :key="index">-->
|
||||
<!-- <p class="title">主营业务收入</p>-->
|
||||
<!-- <view class="top">-->
|
||||
<!-- <image class="icon" src="/static/images/plan/mainWork.svg"></image>-->
|
||||
<!-- <view class="sum">-->
|
||||
<!-- <span class="money">1,7,000,000</span>-->
|
||||
<!-- <span class="text">总计<span class="unit">/元</span></span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <image class="meng" src="/static/images/plan/mainWorkMeng.png"></image>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="smallTitle">-->
|
||||
<!-- <span class="type">自营收入<span class="unit">/元</span></span>-->
|
||||
<!-- <span class="money">14,462,951</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="subItem" v-for="(subItem,index) in item.list" :key="index">-->
|
||||
<!-- <view class="link" v-if="index + 1 !== item.list.length"></view>-->
|
||||
<!-- <view class="subTop">-->
|
||||
<!-- <image class="icon" src="/static/images/plan/subStore.svg"></image>-->
|
||||
<!-- <span class="text">便利店</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="subBox">-->
|
||||
<!-- <view class="subType">-->
|
||||
<!-- <view class="upper">-->
|
||||
<!-- <view class="icon" ></view>-->
|
||||
<!-- <span class="subTitle">实际</span>-->
|
||||
<!-- <span class="unit">/元</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <span class="value">8,231,532</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="subTypeNoAfter" >-->
|
||||
<!-- <view class="upper">-->
|
||||
<!-- <view class="icon" style="opacity: 0.4"></view>-->
|
||||
<!-- <span class="subTitle">计划</span>-->
|
||||
<!-- <span class="unit">/元</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <span class="value">7,000,000</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="progress">-->
|
||||
<!-- <view class="reality" :style="{width:'48px'}"></view>-->
|
||||
<!-- <view class="plan"></view>-->
|
||||
<!-- <view class="add">-->
|
||||
<!-- <image class="addIcon" src="/static/images/plan/add.svg"></image>-->
|
||||
<!-- <span class="value">+20.24%</span>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!--</template>-->
|
||||
<!--<script>-->
|
||||
<!--export default {-->
|
||||
<!-- data(){-->
|
||||
<!-- return{-->
|
||||
<!-- menu:{},-->
|
||||
<!-- monthList:[{label:'1月',value:1},{label:'2月',value:2},{label:'3月',value:3},{label:'4月',value:4},{label:'5月',value:5},{label:'6月',value:6},{label:'7月',value:7}, {label:'8月',value:8},{label:'9月',value:9},{label:'10月',value:10},{label:'11月',value:11},{label:'12月',value:12}],-->
|
||||
<!-- selectMonth:0,// 选中的月份-->
|
||||
<!-- selectMonthId:'',// 选中月份的id-->
|
||||
<!-- swiperList:[{label:1111},{label:2222},{label:3333},{label:4444},{label:5555},{label:6666},{label:7777},{label:8888},{label:9999},{label:1010}, {label:11111111},{label:1212}],-->
|
||||
<!-- selectDetail:0,// 放大的月份详情-->
|
||||
<!-- detailList:[{list:[1,2,3]},{list:[1,2,3]},{list:[1,2,3]},{list:[1,2,3]}]-->
|
||||
<!-- }-->
|
||||
<!-- },-->
|
||||
<!-- onLoad(){-->
|
||||
<!-- // 获取手机参数对页面进行适配-->
|
||||
<!-- this.menu = uni.getMenuButtonBoundingClientRect()-->
|
||||
<!-- console.log('menu',this.menu)-->
|
||||
<!-- // 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用-->
|
||||
<!-- this.searchTime = uni.getStorageSync('lastDay')-->
|
||||
<!-- this.lastDay = uni.getStorageSync('lastDay')-->
|
||||
<!-- // 拿到当前时间-->
|
||||
<!-- const date = new Date(this.searchTime)-->
|
||||
<!-- let month = date.getMonth() + 1-->
|
||||
<!-- // 滚动的月份列表-->
|
||||
<!-- this.monthList = this.monthList.filter(item=>item.value<=month)-->
|
||||
<!-- this.selectDetail = month-->
|
||||
<!-- },-->
|
||||
<!-- onReady(){-->
|
||||
<!-- this.getThisMonth()-->
|
||||
<!-- },-->
|
||||
<!-- methods:{-->
|
||||
<!-- getThisMonth(){-->
|
||||
<!-- const date = new Date(this.searchTime)-->
|
||||
<!-- const month = date.getMonth() + 1-->
|
||||
<!-- this.selectMonth = month-->
|
||||
<!-- this.selectMonthId = `item${month}`-->
|
||||
<!-- },-->
|
||||
<!-- handleDetailScroll(e){-->
|
||||
<!-- this.selectDetail = e.detail.current-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!--}-->
|
||||
<!--</script>-->
|
||||
<!--<style scoped lang="scss">-->
|
||||
<!--@import '/static/public/font/stylesheet.css';-->
|
||||
<!--.main{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 100vh;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- flex-direction: column;-->
|
||||
<!-- .header{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- padding-bottom: 32px;-->
|
||||
<!-- background: linear-gradient(180deg, #FF6D40 0%, rgba(255,132,91,0.84) 44%, #FFEDBE 100%);-->
|
||||
<!-- .top{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .img{-->
|
||||
<!-- width: 24px;-->
|
||||
<!-- height: 24px;-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- left: 16px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .pageTitle{-->
|
||||
<!-- font-size: 28px;-->
|
||||
<!-- font-family: Alimama ShuHeiTi;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 39px;-->
|
||||
<!-- text-shadow: 0 4px 8px rgba(129,36,7,0.2);-->
|
||||
<!-- background: linear-gradient(180deg, #FEFFFE 40%, #FFBEAA 100%);-->
|
||||
<!-- -webkit-background-clip: text;-->
|
||||
<!-- -webkit-text-fill-color: transparent;-->
|
||||
<!-- margin: 12px 0 0 16px;-->
|
||||
<!-- }-->
|
||||
<!-- .monthTabs{-->
|
||||
<!-- width: calc(100% - 32px);-->
|
||||
<!-- height: 34px;-->
|
||||
<!-- border-radius: 17px;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- border: 1px solid #FFA98D;-->
|
||||
<!-- background: linear-gradient(180deg, #FC6C3F 0%, #FFAC91 100%);-->
|
||||
<!-- overflow: hidden;-->
|
||||
<!-- padding: 2px 0;-->
|
||||
<!-- margin-top: 16px;-->
|
||||
<!-- margin-left: 16px;-->
|
||||
<!-- .big{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- white-space: nowrap;-->
|
||||
<!-- .monthItem{-->
|
||||
<!-- display: inline-block;-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- padding: 2px 16px;-->
|
||||
<!-- font-family: PingFangSC-Semibold, PingFang SC;-->
|
||||
<!-- font-weight: 600;-->
|
||||
<!-- color: #FFCFC0;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- margin-right: 4px;-->
|
||||
<!-- text-align: center;-->
|
||||
<!-- border-radius: 12px;-->
|
||||
<!-- }-->
|
||||
<!-- .selectItem{-->
|
||||
<!-- background: #fff;-->
|
||||
<!-- }-->
|
||||
<!-- .monthItem:first-child{-->
|
||||
<!-- margin-left: 4px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .monthDetailList{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 188px;-->
|
||||
<!-- margin-top: 12px;-->
|
||||
<!-- .swiper{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 188px;-->
|
||||
<!-- .swiper-item{-->
|
||||
<!-- .box{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .detail{-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- z-index:2;-->
|
||||
<!-- width: calc(100% - 20px);-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- background: linear-gradient(314deg, #FFF7E4 0%, #F5F2FF 32%, #FFFAFA 54%, #FFF6F3 70%, #FFE4D9 100%); margin-left: 10px;-->
|
||||
<!-- border-radius: 8px;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding: 16px;-->
|
||||
<!-- margin-top: 16px;-->
|
||||
<!-- .item{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- z-index:3;-->
|
||||
<!-- .picker{-->
|
||||
<!-- .selectService{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- .img{-->
|
||||
<!-- width: 40px;-->
|
||||
<!-- height: 40px;-->
|
||||
<!-- z-index: 2;-->
|
||||
<!-- }-->
|
||||
<!-- .select{-->
|
||||
<!-- height: 32px;-->
|
||||
<!-- min-width: 110px;-->
|
||||
<!-- background: linear-gradient(270deg, #FFE8DE 0%, #FFDFD1 100%);-->
|
||||
<!-- border-radius: 0 16px 16px 0;-->
|
||||
<!-- transform: translateX(-20px);-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding-left: 25px;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .name{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Semibold, PingFang SC;-->
|
||||
<!-- font-weight: 600;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- }-->
|
||||
<!-- .area{-->
|
||||
<!-- font-size: 12px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #786B6C;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- .rightArrow{-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- right: 2px;-->
|
||||
<!-- width: 24px;-->
|
||||
<!-- height: 12px;-->
|
||||
<!-- }-->
|
||||
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .itemTop{-->
|
||||
<!-- margin-top: 16px;-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- .left{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- .detailContent{-->
|
||||
<!-- .top{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- margin-bottom: 2px;-->
|
||||
<!-- .money{-->
|
||||
<!-- font-size: 18px;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- }-->
|
||||
<!-- .icon{-->
|
||||
<!-- width: 15px;-->
|
||||
<!-- height: 15px;-->
|
||||
<!-- margin-left: 6px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .text{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #786B6C;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- .unit{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .right{-->
|
||||
<!-- text-align: right;-->
|
||||
<!-- .add{-->
|
||||
<!-- font-size: 18px;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #E83944;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- }-->
|
||||
<!-- .compare{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- line-height: 18px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .itemBottom{-->
|
||||
<!-- .progress{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- height: 10px;-->
|
||||
<!-- background: #FBD9CD;-->
|
||||
<!-- border-radius: 5px;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .have{-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- left: 0;-->
|
||||
<!-- top: 0;-->
|
||||
<!-- background: #FF6D40;-->
|
||||
<!-- border-radius: 5px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .text{-->
|
||||
<!-- margin-top: 4px;-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- .success{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #786B6C;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- .unit{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .target{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .noShow{-->
|
||||
<!-- height: 151px;-->
|
||||
<!-- margin-top: 30px;-->
|
||||
<!-- }-->
|
||||
<!-- .detailLogo{-->
|
||||
<!-- width: 97px;-->
|
||||
<!-- height: 103px;-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- z-index:1;-->
|
||||
<!-- top: 0;right: 47px;-->
|
||||
<!-- //opacity: 0.4;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .detail{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- flex: 1;-->
|
||||
<!-- transform: translateY(-16px);-->
|
||||
<!-- background: #fff;-->
|
||||
<!-- border-radius: 16px 16px 2px 2px;-->
|
||||
<!-- .box{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- background: #fff;-->
|
||||
<!-- border-radius: 16px 16px 2px 2px;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding: 24px 16px 16px;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .title{-->
|
||||
<!-- font-size: 17px;-->
|
||||
<!-- font-family: PingFangSC-Semibold, PingFang SC;-->
|
||||
<!-- font-weight: 600;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- }-->
|
||||
<!-- .top{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- margin-top: 12px;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- border-bottom: 1px solid #EEEEEE;-->
|
||||
<!-- padding-bottom: 16px;-->
|
||||
<!-- .icon{-->
|
||||
<!-- width: 48px;-->
|
||||
<!-- height: 48px;-->
|
||||
<!-- }-->
|
||||
<!-- .sum{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- flex-direction: column;-->
|
||||
<!-- align-items: flex-end;-->
|
||||
<!-- .money{-->
|
||||
<!-- font-size: 20px;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- }-->
|
||||
<!-- .text{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- margin-top: 4px;-->
|
||||
<!-- .unit{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .meng{-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- width: 80px;-->
|
||||
<!-- height: 80px;-->
|
||||
<!-- right: 0;top: -30px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .smallTitle{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- justify-content: space-between;-->
|
||||
<!-- margin-top: 16px;-->
|
||||
<!-- margin-bottom: 16px;-->
|
||||
<!-- .type{-->
|
||||
<!-- font-size: 14px;-->
|
||||
<!-- font-family: PingFangSC-Semibold, PingFang SC;-->
|
||||
<!-- font-weight: 600;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- .unit{-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .money{-->
|
||||
<!-- font-size: 16px;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 20px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .subItem{-->
|
||||
<!-- margin-bottom: 20px;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .link{-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- left: 12px;top: 24px;-->
|
||||
<!-- width: 2px;-->
|
||||
<!-- height: 110px;-->
|
||||
<!-- background: #E6E6E6;-->
|
||||
<!-- }-->
|
||||
<!-- .subTop{-->
|
||||
<!-- width: 100%;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- margin-bottom: 6px;-->
|
||||
<!-- .icon{-->
|
||||
<!-- width: 24px;-->
|
||||
<!-- height: 24px;-->
|
||||
<!-- }-->
|
||||
<!-- .text{-->
|
||||
<!-- font-size: 28rpx;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- margin-left: 8px;-->
|
||||
<!-- line-height: 24px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .subBox{-->
|
||||
<!-- width: calc(100vw - 64px);-->
|
||||
<!-- height: 80px;-->
|
||||
<!-- background: #F5F5F5;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- margin-left: 32px;-->
|
||||
<!-- border-radius: 8rpx;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- .subType,.subTypeNoAfter{-->
|
||||
<!-- width: 33%;-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding: 16px 12px;-->
|
||||
<!-- position: relative;-->
|
||||
<!-- .upper{-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- margin-bottom: 16rpx;-->
|
||||
<!-- .icon{-->
|
||||
<!-- width: 12rpx;-->
|
||||
<!-- height: 12rpx;-->
|
||||
<!-- border-radius: 50%;-->
|
||||
<!-- background: #FF7D35-->
|
||||
<!-- }-->
|
||||
<!-- .subTitle{-->
|
||||
<!-- font-size: 28rpx;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 40rpx;-->
|
||||
<!-- margin-left: 4px;-->
|
||||
<!-- }-->
|
||||
<!-- .unit{-->
|
||||
<!-- font-size: 28rpx;-->
|
||||
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||
<!-- font-weight: 400;-->
|
||||
<!-- color: #A69E9F;-->
|
||||
<!-- line-height: 40rpx;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .value{-->
|
||||
<!-- font-size: 32rpx;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #160002;-->
|
||||
<!-- line-height: 40rpx;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- .subType:after{-->
|
||||
<!-- content:'';-->
|
||||
<!-- width: 1px;-->
|
||||
<!-- height: 50px;-->
|
||||
<!-- background: #E6E6E6;-->
|
||||
<!-- border-radius: 1px;-->
|
||||
<!-- position: absolute;-->
|
||||
<!-- right: 0;top: 15px;-->
|
||||
<!-- }-->
|
||||
<!-- .progress{-->
|
||||
<!-- width: 34%;-->
|
||||
<!-- height: 100%;-->
|
||||
<!-- box-sizing: border-box;-->
|
||||
<!-- padding: 16px 10px;-->
|
||||
<!-- .reality{-->
|
||||
<!-- height: 6px;-->
|
||||
<!-- background: #FF7D35;-->
|
||||
<!-- border-radius: 4px;-->
|
||||
<!-- }-->
|
||||
<!-- .plan{-->
|
||||
<!-- width: 40px;-->
|
||||
<!-- height: 6px;-->
|
||||
<!-- background: #FF7D35;-->
|
||||
<!-- border-radius: 4px;-->
|
||||
<!-- opacity: 0.4;-->
|
||||
<!-- margin-top: 4px;-->
|
||||
<!-- }-->
|
||||
<!-- .add{-->
|
||||
<!-- margin-top: 12px;-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- .addIcon{-->
|
||||
<!-- width: 14px;-->
|
||||
<!-- height: 14px;-->
|
||||
<!-- }-->
|
||||
<!-- .value{-->
|
||||
<!-- font-size: 32rpx;-->
|
||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||
<!-- font-weight: bold;-->
|
||||
<!-- color: #E83944;-->
|
||||
<!-- line-height: 40rpx;-->
|
||||
<!-- margin-left: 2px;-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!-- }-->
|
||||
<!--}-->
|
||||
<!--</style>-->
|
||||
File diff suppressed because it is too large
Load Diff
@ -7,7 +7,7 @@
|
||||
<image class="dateIcon" src="/static/images/index/dateTime.svg"></image>
|
||||
<!-- <picker mode="date" :value="single" @change="bindDateChange" >-->
|
||||
<picker mode="date" :value="single" :end="endData" @change="bindDateChange" >
|
||||
<view class="time">
|
||||
<view class="time">
|
||||
<text class="day">{{ thisDay }}</text>
|
||||
<view class="uni-input" style="background: transparent;padding: 0;height:100%">{{ single }}</view>
|
||||
<image class="icon" src="/static/images/index/arrow_bottom.svg"></image>
|
||||
@ -780,14 +780,15 @@ export default {
|
||||
this.showNoticeYear = false
|
||||
},
|
||||
handlePlanPageGo(type){
|
||||
if (!this.isReturn){
|
||||
this.$util.toNextRoute('navigateTo', `/pages/commercialBI/planMonth?lastDay=${this.lastDay}&type=${type}`)
|
||||
}else{
|
||||
uni.showToast({
|
||||
title: '暂无权限请联系管理员',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
this.$util.toNextRoute('navigateTo', `/pages/commercialBI/yearPlan`)
|
||||
// if (!this.isReturn){
|
||||
// this.$util.toNextRoute('navigateTo', `/pages/commercialBI/planMonth?lastDay=${this.lastDay}&type=${type}`)
|
||||
// }else{
|
||||
// uni.showToast({
|
||||
// title: '暂无权限请联系管理员',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// }
|
||||
},
|
||||
handlePage(){
|
||||
if (!this.isReturn){
|
||||
|
||||
626
pages/plan/areaPlanMonth.vue
Normal file
626
pages/plan/areaPlanMonth.vue
Normal file
@ -0,0 +1,626 @@
|
||||
<template>
|
||||
<view class="main">
|
||||
<view class="header">
|
||||
<view class="top" :style="{height:(menu.bottom + 6)+'px'}">
|
||||
<image :style="{top:(menu.top + ((menu.height - 24)/2))+'px'}" @click="handleBack" class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"></image>
|
||||
</view>
|
||||
<view class="message">
|
||||
<view class="left">
|
||||
<p class="pageTitle">片区月度计划</p>
|
||||
<div class="picker">
|
||||
<div class="selectService" @click="handleShowPopup">
|
||||
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/plan/fixed.svg"></image>
|
||||
<view class="select">
|
||||
<view class="name">{{selectAreaName}}</view>
|
||||
<p class="area">片区</p>
|
||||
<div style="width: 24px;height: 12px"></div>
|
||||
<image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/plan/orangeArrow.svg"></image>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
<view class="right">
|
||||
<image class="month" :src="monthImgList[selectMonth - 1]"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="serviceList">
|
||||
<view class="tabs">
|
||||
<view :class="selectTab===item.value?'tabItem selectItem':'tabItem'" v-for="(item,index) in tabList" :key="index" @click="changeTab(item.value)">{{item.label}}</view>
|
||||
</view>
|
||||
<view class="list">
|
||||
<scroll-view scroll-y="true" style="width: 100%;height: 100%">
|
||||
<view class="listItem" v-for="(item,index) in serviceDetailShowList" :key="index" @click="goPage(item)">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<p class="title">{{item.Serverpart_Name}}</p>
|
||||
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/plan/orangeArrow.svg"></image>
|
||||
</view>
|
||||
<view class="right">
|
||||
<image class="imgType" src="https://eshangtech.com/ShopICO/ahyd-BID/plan/store.svg"></image>
|
||||
<image class="imgType" src="https://eshangtech.com/ShopICO/ahyd-BID/plan/luggage.svg"></image>
|
||||
<image class="imgType" src="https://eshangtech.com/ShopICO/ahyd-BID/plan/food.svg"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detail">
|
||||
<view class="left">
|
||||
<p class="money">{{item.Revenue_Amount}}</p>
|
||||
<span class="monthSuccess">本月已完成<span class="unit">/元</span></span>
|
||||
</view>
|
||||
<view class="right">
|
||||
<p class="add" :style="{color:item.Growth_Rate>0?'#E83944':'#049E77'}">{{item.Growth_Rate>0?'+':''}}{{item.Growth_Rate}}%</p>
|
||||
<span class="text">比计划</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="progress">
|
||||
<view class="have" :style="{width:item.Budget_Degree + '%'}"></view>
|
||||
</view>
|
||||
<view class="other">
|
||||
<span class="success">计划完成<span class="unit">/元</span></span>
|
||||
<span class="money">{{item.Budget_Amount}}</span>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<uniPopup type="bottom" :round="true" :show="showPop" @hidePopup="hidePopup">
|
||||
<view class="popup" :style="{height:selectTab!==2?'60vh':'78vh'}">
|
||||
<view class="top">
|
||||
<text class="popupTitle">选择片区</text>
|
||||
<image @click="hidePopup" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
|
||||
</view>
|
||||
<view class="areaList">
|
||||
<view @click="handleChangeArea(item)" :class="selectAreaValue===item.value?'selectItem item':'item'" v-for="(item,index) in areaList" :key="index">{{item.label}}<text class="unit">片区</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</uniPopup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '@/util/index.js'
|
||||
import uniPopup from '@/components/uni-popup'
|
||||
import Store from "../../store/store";
|
||||
export default {
|
||||
components:{
|
||||
uniPopup
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
menu:{},
|
||||
monthImgList:[
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month1.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month2.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month3.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month4.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month5.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month6.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month7.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month8.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month9.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month10.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month11.svg",
|
||||
"https://eshangtech.com/ShopICO/ahyd-BID/plan/month12.svg",
|
||||
],// 月份图片数组
|
||||
selectMonth:'',
|
||||
searchTime:'',// 搜索的时间
|
||||
lastDay:'',// 首页时间
|
||||
tabList:[{label:'全部服务区',value:1},{label:'高于预期',value:2},{label:'低于预期',value:3}],
|
||||
selectTab:1,// 选中的tab
|
||||
serviceDetailList:[{},{},{},{},{},{}],
|
||||
showPop:false,// 是否显示popup
|
||||
selectAreaValue:'',// 选择的片区value
|
||||
selectAreaName:'',// 选择的片区名字
|
||||
areaList:[],// 片区选择列表
|
||||
serviceDetailShowList:[],// 显示在页面上的列表
|
||||
}
|
||||
},
|
||||
onLoad(query){
|
||||
// query 里面有片区id 和 searchTime
|
||||
console.log('query',query)
|
||||
// 获取手机参数对页面进行适配
|
||||
this.menu = uni.getMenuButtonBoundingClientRect()
|
||||
// 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用
|
||||
// 如果有传入的时间 优先使用传入时间 反之用首页的时间
|
||||
if (query.search){
|
||||
this.searchTime = query.search
|
||||
}else{
|
||||
this.searchTime = uni.getStorageSync('lastDay')
|
||||
}
|
||||
this.lastDay = uni.getStorageSync('lastDay')
|
||||
const date = new Date(this.searchTime)
|
||||
let m = date.getMonth() + 1
|
||||
// 设置初始时间
|
||||
this.selectMonth = m
|
||||
this.selectAreaValue = query.id
|
||||
// 拿到片区列表
|
||||
this.getAreaList()
|
||||
// 获取片区下面的服务区详情
|
||||
this.handleAreaMonthPlan()
|
||||
},
|
||||
methods:{
|
||||
// tab选项卡的改变触发筛选数据
|
||||
changeTab(value){
|
||||
this.selectTab = value
|
||||
if (value===1){
|
||||
this.serviceDetailShowList = this.serviceDetailList
|
||||
}else if (value===2){
|
||||
console.log(111)
|
||||
this.serviceDetailShowList = this.serviceDetailList.filter(item=>item.Growth_Rate>0)
|
||||
}else if (value===3){
|
||||
this.serviceDetailShowList = this.serviceDetailList.filter(item=>item.Growth_Rate<0)
|
||||
}
|
||||
},
|
||||
// 拿到列表数据
|
||||
async handleAreaMonthPlan(){
|
||||
uni.showLoading({title:'正在加载'})
|
||||
console.log('this.searchTime',this.searchTime)
|
||||
const req = {
|
||||
StatisticsDate:this.searchTime,
|
||||
ProvinceCode:'340000',
|
||||
StatisticsType:4,
|
||||
SPRegionTypeID:this.selectAreaValue
|
||||
}
|
||||
const data = await request.$webGet('CommercialApi/Revenue/GetProvinceRevenueBudget',req)
|
||||
this.serviceDetailList = data.Result_Data.RegionBudgetList
|
||||
this.serviceDetailList.forEach(item=>{
|
||||
for (let key in item){
|
||||
for (let key in item){
|
||||
if (key==='Budget_Amount' || key==='Revenue_Amount'){
|
||||
item[key] = this.$util.fmoney(item[key])
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
// 因为会有筛选 所以要有一个全部的数组 和一个显示的数组
|
||||
this.serviceDetailShowList = this.serviceDetailList
|
||||
uni.hideLoading()
|
||||
console.log('this.serviceDetailList',this.serviceDetailList)
|
||||
},
|
||||
handleBack(){
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
// 是否显示弹出框
|
||||
handleShowPopup(){
|
||||
this.showPop = true
|
||||
},
|
||||
// 弹出框点击蒙层关闭
|
||||
hidePopup(){
|
||||
this.showPop = false
|
||||
},
|
||||
// 修改当前选中的片区
|
||||
handleChangeArea(item){
|
||||
// 选择的片区名称和片区id
|
||||
this.selectAreaValue = item.value
|
||||
this.selectAreaName = item.label
|
||||
// 切换片区之后 选项卡变为第一项
|
||||
this.handleAreaMonthPlan()
|
||||
this.selectTab = 1
|
||||
// 关闭弹出框方法
|
||||
this.hidePopup()
|
||||
},
|
||||
// 片区列表
|
||||
async getAreaList(){
|
||||
uni.showLoading({
|
||||
title: '正在加载...'
|
||||
})
|
||||
const total = await request.$webGet(`CommercialApi/BaseInfo/GetSPRegionList`,{Province_Code:Store.state.userData.ProvinceCode})
|
||||
uni.hideLoading()
|
||||
if (total.Result_Code===100){
|
||||
let list = []
|
||||
total.Result_Data.List.forEach(item=>{
|
||||
list.push({label:item.name.split('片区')[0],value:item.value})
|
||||
})
|
||||
this.areaList = list
|
||||
this.areaList.forEach(item=>{
|
||||
console.log('item',item)
|
||||
if (item.value === this.selectAreaValue){
|
||||
this.selectAreaValue = item.value
|
||||
this.selectAreaName = item.label
|
||||
}
|
||||
})
|
||||
console.log('this.areaList',this.areaList)
|
||||
}
|
||||
},
|
||||
// 点击跳转详情页
|
||||
goPage(item){
|
||||
console.log('item',item)
|
||||
this.$util.toNextRoute('navigateTo', '/pages/plan/servicePlanMonth?id='+item.Serverpart_ID+'&search='+this.searchTime+'&obj=' + JSON.stringify(item) +'&selectAreaValue='
|
||||
+this.selectAreaValue)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/static/public/font/stylesheet.css';
|
||||
.main{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
.header{
|
||||
width: 100%;
|
||||
height: 222px;
|
||||
background: linear-gradient(180deg, #FF6D40 0%, rgba(255,132,91,0.84) 44%, #FFEDBE 100%);;
|
||||
.top{
|
||||
width: 100%;
|
||||
position: relative;
|
||||
.img{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
}
|
||||
}
|
||||
.message{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
.left{
|
||||
.pageTitle{
|
||||
font-family: Alimama ShuHeiTi;
|
||||
color: #160002;
|
||||
font-size: 28px;
|
||||
line-height: 39px;
|
||||
text-shadow: 0 4px 8px rgba(129,36,7,0.2);
|
||||
background: linear-gradient(180deg, #ffffff 40%, #FFBEAA 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
margin: 12px 0 0 16px;
|
||||
}
|
||||
.picker{
|
||||
margin: 20px 0 0 16px;
|
||||
.selectService{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.img{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
z-index: 2;
|
||||
}
|
||||
.select{
|
||||
height: 32px;
|
||||
min-width: 110px;
|
||||
background: #F8F8FA;
|
||||
border-radius: 0 16px 16px 0;
|
||||
transform: translateX(-20px);
|
||||
box-sizing: border-box;
|
||||
padding-left: 25px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
.name{
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #160002;
|
||||
}
|
||||
.area{
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #786B6C;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.rightArrow{
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
width: 24px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right{
|
||||
height: 100%;
|
||||
margin: 0 16px 0 0;
|
||||
.month{
|
||||
width: 110px;
|
||||
height: 98px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.serviceList{
|
||||
width: 100%;
|
||||
height: calc(100vh - 212px);
|
||||
background: #fff;
|
||||
transform: translateY(-16px);
|
||||
border-radius: 16px 16px 2px 2px;
|
||||
box-sizing: border-box;
|
||||
padding: 16px 16px 0 16px;
|
||||
.tabs{
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
background: #F4F2F2;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
padding: 4px;
|
||||
.tabItem{
|
||||
width: calc((100vw - 16px) / 3);
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #786B6C;
|
||||
}
|
||||
.selectItem{
|
||||
color: #FF6D40;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.list{
|
||||
width: 100%;
|
||||
height: calc(100% - 66px);
|
||||
margin-top: 12px;
|
||||
::-webkit-scrollbar {width: 0;height: 0;background-color: transparent;}
|
||||
.listItem{
|
||||
width: 100%;
|
||||
background: linear-gradient(314deg, #FFF7E4 0%, #F5F2FF 32%, #FFFAFA 54%, #FFF6F3 70%, #FFE4D9 100%);
|
||||
border-radius: 8px;
|
||||
margin-bottom: 12px;
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
.top{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.title{
|
||||
font-size: 18px;
|
||||
font-family: Alimama ShuHeiTi;
|
||||
color: #611A04;
|
||||
line-height: 26px;
|
||||
}
|
||||
.icon{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.imgType{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.imgType:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.detail{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 16px;
|
||||
.left{
|
||||
.money{
|
||||
font-size: 20px;
|
||||
font-family: DINAlternate-Bold, DINAlternate;
|
||||
font-weight: bold;
|
||||
color: #160002;
|
||||
line-height: 24px;
|
||||
}
|
||||
.monthSuccess{
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #786B6C;
|
||||
line-height: 20px;
|
||||
.unit{
|
||||
color: #A69E9F;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.right{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
.add{
|
||||
font-size: 24px;
|
||||
font-family: DINAlternate-Bold, DINAlternate;
|
||||
font-weight: bold;
|
||||
color: #049E77;
|
||||
line-height: 24px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.text{
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #A69E9F;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.progress{
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
margin-top: 18px;
|
||||
background: #FBD9CD;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
.have{
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;top: 0;
|
||||
background: #FF6D40;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
.other{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 4px;
|
||||
.success{
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #786B6C;
|
||||
line-height: 20px;
|
||||
.unit{
|
||||
color: #A69E9F;
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
.money{
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #160002;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.popup{
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
.top{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.popupTitle{
|
||||
font-size: 16px;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #160002;
|
||||
line-height: 22px;
|
||||
}
|
||||
.close{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
.areaList{
|
||||
width: 100%;
|
||||
height: calc(60vh - 70px);
|
||||
margin-top: 12px;
|
||||
overflow-y: scroll;
|
||||
.item{
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #160002;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
padding:9px 12px;
|
||||
box-sizing: border-box;
|
||||
.unit{
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #786B6C;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
.selectItem{
|
||||
background: RGBA(243, 235, 255, 0.5);
|
||||
}
|
||||
}
|
||||
.serviceList{
|
||||
.tab{
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
background: #F3F1F5;
|
||||
border-radius: 4px;
|
||||
margin-top: 16px;
|
||||
box-sizing: border-box;
|
||||
padding: 4px;
|
||||
.tabItem{
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #786B6C;
|
||||
line-height: 30px;
|
||||
}
|
||||
.selectTabItem{
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.list{
|
||||
margin-top: 12px;
|
||||
height: calc(78vh - 130px);
|
||||
overflow-y: scroll;
|
||||
.item{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.person{
|
||||
margin-top: 12px;
|
||||
text-align: left;
|
||||
.value{
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #160002;
|
||||
line-height: 20px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.label{
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #786B6C;
|
||||
line-height: 18px;
|
||||
}
|
||||
.icon{
|
||||
margin-bottom:-2px;
|
||||
width: 16px;
|
||||
height: 19px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.meetList{
|
||||
margin-top: 16px;
|
||||
height: calc(60vh - 80px);
|
||||
overflow-y: scroll;
|
||||
.message{
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
.icon{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.value{
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #160002;
|
||||
line-height: 20px;
|
||||
margin-left: 8px;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
1045
pages/plan/servicePlanMonth.vue
Normal file
1045
pages/plan/servicePlanMonth.vue
Normal file
File diff suppressed because it is too large
Load Diff
@ -123,6 +123,7 @@ export default {
|
||||
},
|
||||
//页面关闭
|
||||
onUnload() {
|
||||
console.log('页面关闭')
|
||||
// 记录用户行为
|
||||
this.$util.addUserBehaviorNew()
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user