update
This commit is contained in:
parent
6f73a2196f
commit
f1e14263ea
32
pages.json
32
pages.json
@ -156,6 +156,20 @@
|
|||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "areaPlanMonth",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "servicePlanMonth",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@ -173,6 +187,24 @@
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"root": "pages/projectWarning",
|
||||||
|
"pages": [
|
||||||
|
{
|
||||||
|
"path": "index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "分润比例切换"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "detail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "分润比例切换",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/map",
|
"root": "pages/map",
|
||||||
"pages": [
|
"pages": [
|
||||||
|
|||||||
395
pages/commercialBI/areaPlanMonth.vue
Normal file
395
pages/commercialBI/areaPlanMonth.vue
Normal file
@ -0,0 +1,395 @@
|
|||||||
|
<!--<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>-->
|
||||||
644
pages/commercialBI/servicePlanMonth.vue
Normal file
644
pages/commercialBI/servicePlanMonth.vue
Normal file
@ -0,0 +1,644 @@
|
|||||||
|
<!--<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>-->
|
||||||
@ -2,6 +2,9 @@
|
|||||||
<!-- <view class="main">-->
|
<!-- <view class="main">-->
|
||||||
<!-- <view class="heard">-->
|
<!-- <view class="heard">-->
|
||||||
<!-- <image class="headerBg" src="/static/images/plan/blueBack.png"></image>-->
|
<!-- <image class="headerBg" src="/static/images/plan/blueBack.png"></image>-->
|
||||||
|
<!-- <view>-->
|
||||||
|
<!-- <image @click="handleBack" class="allowLeft" :style="{top: menu.top +((menu.height - 24) / 2) + 'px'}" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"/>-->
|
||||||
|
<!-- </view>-->
|
||||||
<!-- <view class="content">-->
|
<!-- <view class="content">-->
|
||||||
<!-- <view class="block"></view>-->
|
<!-- <view class="block"></view>-->
|
||||||
<!-- <p class="title">年度经营计划</p>-->
|
<!-- <p class="title">年度经营计划</p>-->
|
||||||
@ -18,30 +21,57 @@
|
|||||||
<!-- <swiper-item class="swiper-item" :item-id="index" :data-item-id="index" bindtap='clickChange'>-->
|
<!-- <swiper-item class="swiper-item" :item-id="index" :data-item-id="index" bindtap='clickChange'>-->
|
||||||
<!-- <view class="box">-->
|
<!-- <view class="box">-->
|
||||||
<!-- <view :class="selectDetail===index?'detail':'detail noShow'">-->
|
<!-- <view :class="selectDetail===index?'detail':'detail noShow'">-->
|
||||||
<!-- <view class="item">-->
|
<!-- <view class="item" v-if="selectDetail===index">-->
|
||||||
<!-- <view class="itemTop">-->
|
<!-- <view class="itemTop">-->
|
||||||
<!-- <view class="left">-->
|
<!-- <view class="left">-->
|
||||||
<!-- <image class="logo" src="/static/images/plan/monthLogo.svg"></image>-->
|
<!-- <image class="logo" src="/static/images/plan/monthLogo.svg"></image>-->
|
||||||
<!-- <view class="detailContent">-->
|
<!-- <view class="detailContent">-->
|
||||||
<!-- <view class="top">-->
|
<!-- <view class="top">-->
|
||||||
<!-- <span class="money">7,321,433,546</span>-->
|
<!-- <span class="money">{{detail.Revenue_Amount || '-'}}</span>-->
|
||||||
<!-- <image class="icon" src="/static/images/index/yearSuccess.svg"></image>-->
|
<!-- <image v-if="detail.Budget_Degree>100" class="icon" src="/static/images/index/yearSuccess.svg"></image>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- <p class="text">本月已完成<text class="unit">/元</text></p>-->
|
<!-- <p class="text">本月已完成<text class="unit">/元</text></p>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- <view class="right">-->
|
<!-- <view class="right">-->
|
||||||
<!-- <p class="add">+8.24%</p>-->
|
<!-- <p class="add" :style="{color:detail.Growth_Rate>0?'#E83944':'#049E77'}">{{detail.Growth_Rate>0?'+':'-'}}{{detail.Growth_Rate || '-'}}%</p>-->
|
||||||
<!-- <text class="compare">比计划</text>-->
|
<!-- <text class="compare">比计划</text>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- <view class="itemBottom">-->
|
<!-- <view class="itemBottom" :style="{marginTop: selectDetail===index?'24px':'4px'}">-->
|
||||||
<!-- <view class="progress">-->
|
<!-- <view class="progress">-->
|
||||||
<!-- <view class="have" style="width: 78%"></view>-->
|
<!-- <view class="have" :style="{width: detail.Budget_Degree + '%'}"></view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- <view class="text">-->
|
<!-- <view class="text">-->
|
||||||
<!-- <span class="success">计划完成<span class="unit">/元</span></span>-->
|
<!-- <span class="success">计划完成<span class="unit">/元</span></span>-->
|
||||||
<!-- <span class="target">8,000,000,000</span>-->
|
<!-- <span class="target">{{ detail.Budget_Amount || '-' }}</span>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="item" v-if="selectDetail!==index">-->
|
||||||
|
<!-- <view class="itemTop">-->
|
||||||
|
<!-- <view class="left">-->
|
||||||
|
<!-- <image class="logo" src="/static/images/plan/monthLogo.svg"></image>-->
|
||||||
|
<!-- <view class="detailContent">-->
|
||||||
|
<!-- <view class="top">-->
|
||||||
|
<!-- <span class="money">{{'-'}}</span>-->
|
||||||
|
<!-- <image v-if="detail.Budget_Degree>100" 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" :style="{color:detail.Growth_Rate>0?'#E83944':'#049E77'}">{{detail.Growth_Rate>0?'+':'-'}}{{ '-'}}%</p>-->
|
||||||
|
<!-- <text class="compare">比计划</text>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="itemBottom" :style="{marginTop: selectDetail===index?'24px':'4px'}">-->
|
||||||
|
<!-- <view class="progress">-->
|
||||||
|
<!-- <view class="have" :style="{width: detail.Budget_Degree + '%'}"></view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="text">-->
|
||||||
|
<!-- <span class="success">计划完成<span class="unit">/元</span></span>-->
|
||||||
|
<!-- <span class="target">{{ '-' }}</span>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
@ -51,12 +81,49 @@
|
|||||||
<!-- </block>-->
|
<!-- </block>-->
|
||||||
<!-- </swiper>-->
|
<!-- </swiper>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
|
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
|
<!-- <view class="serviceList">-->
|
||||||
|
<!-- <scroll-view class="list" scroll-y="true">-->
|
||||||
|
<!-- <view class="item" v-for="(item,index) in detail.RegionBudgetList" :key="index" @click="goPage(item.Serverpart_ID)">-->
|
||||||
|
<!-- <view class="top">-->
|
||||||
|
<!-- <p class="title">{{ item.Serverpart_Name || ''}}</p>-->
|
||||||
|
<!-- <image class="icon" src="/static/images/plan/blueArrow.svg"></image>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="detail">-->
|
||||||
|
<!-- <view class="left">-->
|
||||||
|
<!-- <view class="money">-->
|
||||||
|
<!-- <span class="num">{{ item.Revenue_Amount }}</span>-->
|
||||||
|
<!-- <image class="icon" src="/static/images/index/yearSuccess.svg"></image>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="text">本月已完成<span class="unit">/元</span></view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="right">-->
|
||||||
|
<!-- <p class="add" :style="{color:item.Growth_Rate>0?'#E83944':'#049E77'}"><span>{{item.Growth_Rate>0?'+':''}}</span>{{item.Growth_Rate || '-'}}%</p>-->
|
||||||
|
<!-- <p class="text">比计划</p>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="progress">-->
|
||||||
|
<!-- <view class="box">-->
|
||||||
|
<!-- <view class="have" :style="{width:item.Budget_Degree + '%'}"></view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="other">-->
|
||||||
|
<!-- <view>-->
|
||||||
|
<!-- <span class="unit">计划完成</span>-->
|
||||||
|
<!-- <span class="type">/元</span>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- <view class="money">{{item.Budget_Amount || ''}}</view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
<!-- </scroll-view>-->
|
||||||
|
<!-- </view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!--</template>-->
|
<!--</template>-->
|
||||||
|
|
||||||
<!--<script>-->
|
<!--<script>-->
|
||||||
|
<!--import request from '@/util/index.js'-->
|
||||||
<!--export default{-->
|
<!--export default{-->
|
||||||
<!-- name: "yearPlan",-->
|
<!-- name: "yearPlan",-->
|
||||||
<!-- data(){-->
|
<!-- data(){-->
|
||||||
@ -66,13 +133,13 @@
|
|||||||
<!-- selectMonthId:'',// 选中月份的id-->
|
<!-- 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}],-->
|
<!-- 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,// 选中的月份详情卡片-->
|
<!-- selectDetail:0,// 选中的月份详情卡片-->
|
||||||
|
<!-- serviceList:[{},{},{},{},{},{}],-->
|
||||||
|
<!-- menu:{},-->
|
||||||
|
<!-- detail:{},// 页面请求到的数据-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!-- },-->
|
<!-- },-->
|
||||||
<!-- onLoad(){-->
|
<!-- onLoad(){-->
|
||||||
<!-- // 获取手机参数对页面进行适配-->
|
<!-- // 获取手机参数对页面进行适配-->
|
||||||
<!-- let systemInfo = uni.getSystemInfoSync()-->
|
|
||||||
<!-- this.windowHeight = systemInfo.windowHeight-->
|
|
||||||
<!-- this.statusBarHeight = Number(systemInfo.statusBarHeight)-->
|
|
||||||
<!-- this.menu = uni.getMenuButtonBoundingClientRect()-->
|
<!-- this.menu = uni.getMenuButtonBoundingClientRect()-->
|
||||||
<!-- // 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用-->
|
<!-- // 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用-->
|
||||||
<!-- this.searchTime = uni.getStorageSync('lastDay')-->
|
<!-- this.searchTime = uni.getStorageSync('lastDay')-->
|
||||||
@ -82,11 +149,18 @@
|
|||||||
<!-- let month = date.getMonth() + 1-->
|
<!-- let month = date.getMonth() + 1-->
|
||||||
<!-- // 滚动的月份列表-->
|
<!-- // 滚动的月份列表-->
|
||||||
<!-- this.monthList = this.monthList.filter(item=>item.value<=month)-->
|
<!-- this.monthList = this.monthList.filter(item=>item.value<=month)-->
|
||||||
|
<!-- // 详情卡片的滑动列表-->
|
||||||
|
<!-- this.swiperList = this.swiperList.filter((item,index)=>index<month)-->
|
||||||
|
<!-- // 根据月份显示的详情卡片-->
|
||||||
|
<!-- this.selectDetail = month - 1-->
|
||||||
|
<!-- // // 拿到片区详情完成列表-->
|
||||||
|
<!-- // this.handleAreaDetailList()-->
|
||||||
<!-- },-->
|
<!-- },-->
|
||||||
<!-- onReady(){-->
|
<!-- onReady(){-->
|
||||||
<!-- this.getThisMonth()-->
|
<!-- this.getThisMonth()-->
|
||||||
<!-- },-->
|
<!-- },-->
|
||||||
<!-- methods:{-->
|
<!-- methods:{-->
|
||||||
|
<!-- // 横向月份选择器的初始值-->
|
||||||
<!-- getThisMonth(){-->
|
<!-- getThisMonth(){-->
|
||||||
<!-- const date = new Date()-->
|
<!-- const date = new Date()-->
|
||||||
<!-- const month = date.getMonth() + 1-->
|
<!-- const month = date.getMonth() + 1-->
|
||||||
@ -97,16 +171,64 @@
|
|||||||
<!-- handleSelectMonth(value){-->
|
<!-- handleSelectMonth(value){-->
|
||||||
<!-- this.selectMonth = value-->
|
<!-- this.selectMonth = value-->
|
||||||
<!-- this.selectMonthId = `item${value}`-->
|
<!-- this.selectMonthId = `item${value}`-->
|
||||||
|
<!-- this.selectDetail = value - 1-->
|
||||||
<!-- },-->
|
<!-- },-->
|
||||||
<!-- // 月份信息详情的滚动-->
|
<!-- // 月份信息详情的滚动-->
|
||||||
<!-- handleDetailScroll(e){-->
|
<!-- handleDetailScroll(e){-->
|
||||||
|
<!-- const date = new Date(this.lastDay)-->
|
||||||
|
<!-- let year = date.getFullYear()-->
|
||||||
|
<!-- let month = date.getMonth() + 1-->
|
||||||
|
<!-- let day = date.getDate()-->
|
||||||
<!-- this.selectDetail = e.detail.current-->
|
<!-- this.selectDetail = e.detail.current-->
|
||||||
|
<!-- this.selectMonth = this.selectDetail + 1-->
|
||||||
|
<!-- this.selectMonthId = `item${this.selectDetail<5?1:this.selectDetail}`-->
|
||||||
|
<!-- if (month === this.selectMonth){-->
|
||||||
|
<!-- this.searchTime = `${year}-${month}-${day}`-->
|
||||||
|
<!-- }else{-->
|
||||||
|
<!-- let m = this.selectMonth-->
|
||||||
|
<!-- if (m<10){-->
|
||||||
|
<!-- m = '0' + m-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- let d = this.$util.getThisMonthDay(`${year}-${m}`)-->
|
||||||
|
<!-- this.searchTime = `${year}-${m}-${d}`-->
|
||||||
|
<!-- }-->
|
||||||
|
|
||||||
|
<!-- this.handleAreaDetailList()-->
|
||||||
|
<!-- },-->
|
||||||
|
<!-- async handleAreaDetailList(){-->
|
||||||
|
<!-- uni.showLoading({title:'正在加载'})-->
|
||||||
|
<!-- console.log('this.searchTime',this.searchTime)-->
|
||||||
|
<!-- const req = {-->
|
||||||
|
<!-- StatisticsDate: this.searchTime,-->
|
||||||
|
<!-- ProvinceCode:'340000',-->
|
||||||
|
<!-- StatisticsType:1-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- const data = await request.$webGet('CommercialApi/Revenue/GetProvinceRevenueBudget',req)-->
|
||||||
|
<!-- for (let key in data.Result_Data){-->
|
||||||
|
<!-- if (key==='Budget_Amount' || key==='Revenue_Amount'){-->
|
||||||
|
<!-- data.Result_Data[key] = this.$util.fmoney(data.Result_Data[key])-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- data.Result_Data.RegionBudgetList.forEach(item=>{-->
|
||||||
|
<!-- for (let key in item){-->
|
||||||
|
<!-- if (key==='Budget_Amount' || key==='Revenue_Amount'){-->
|
||||||
|
<!-- item[key] = this.$util.fmoney(item[key])-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- })-->
|
||||||
|
<!-- this.detail = data.Result_Data-->
|
||||||
|
<!-- uni.hideLoading()-->
|
||||||
|
<!-- console.log('this.detail',this.detail)-->
|
||||||
|
<!-- },-->
|
||||||
|
<!-- goPage(id){-->
|
||||||
|
<!-- this.$util.toNextRoute('navigateTo', '/pages/commercialBI/areaPlanMonth?id='+id+'&search='+this.se)-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!--}-->
|
<!--}-->
|
||||||
<!--</script>-->
|
<!--</script>-->
|
||||||
|
|
||||||
<!--<style scoped lang="scss">-->
|
<!--<style scoped lang="scss">-->
|
||||||
|
<!--@import '/static/public/font/stylesheet.css';-->
|
||||||
|
|
||||||
<!--.main{-->
|
<!--.main{-->
|
||||||
<!-- width: 100%;-->
|
<!-- width: 100%;-->
|
||||||
@ -244,7 +366,6 @@
|
|||||||
<!-- font-size: 18px;-->
|
<!-- font-size: 18px;-->
|
||||||
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||||
<!-- font-weight: bold;-->
|
<!-- font-weight: bold;-->
|
||||||
<!-- color: #E83944;-->
|
|
||||||
<!-- line-height: 24px;-->
|
<!-- line-height: 24px;-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!-- .compare{-->
|
<!-- .compare{-->
|
||||||
@ -264,6 +385,7 @@
|
|||||||
<!-- background: #ccc;-->
|
<!-- background: #ccc;-->
|
||||||
<!-- border-radius: 5px;-->
|
<!-- border-radius: 5px;-->
|
||||||
<!-- position: relative;-->
|
<!-- position: relative;-->
|
||||||
|
<!-- overflow: hidden;-->
|
||||||
<!-- .have{-->
|
<!-- .have{-->
|
||||||
<!-- height: 100%;-->
|
<!-- height: 100%;-->
|
||||||
<!-- position: absolute;-->
|
<!-- position: absolute;-->
|
||||||
@ -313,6 +435,7 @@
|
|||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
|
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!-- .headerBg{-->
|
<!-- .headerBg{-->
|
||||||
<!-- position: absolute;-->
|
<!-- position: absolute;-->
|
||||||
@ -322,6 +445,156 @@
|
|||||||
<!-- height: 100%;-->
|
<!-- height: 100%;-->
|
||||||
<!-- z-index: 1;-->
|
<!-- z-index: 1;-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
|
<!-- .allowLeft{-->
|
||||||
|
<!-- position: absolute;-->
|
||||||
|
<!-- width: 24px;-->
|
||||||
|
<!-- height: 24px;-->
|
||||||
|
<!-- left: 16px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
|
||||||
|
<!-- .serviceList{-->
|
||||||
|
<!-- width: 100%;-->
|
||||||
|
<!-- height: calc(100vh - 366px);-->
|
||||||
|
<!-- transform: translateY(-16px);-->
|
||||||
|
<!-- border-radius: 8px;-->
|
||||||
|
<!-- z-index: 6;-->
|
||||||
|
<!-- position: relative;-->
|
||||||
|
<!-- background: #fff;-->
|
||||||
|
<!-- box-sizing: border-box;-->
|
||||||
|
<!-- padding:16px 16px 0;-->
|
||||||
|
<!-- .list{-->
|
||||||
|
<!-- width: 100%;-->
|
||||||
|
<!-- height: 100%;-->
|
||||||
|
<!-- ::-webkit-scrollbar {width: 0;height: 0;background-color: transparent;}-->
|
||||||
|
<!-- .item{-->
|
||||||
|
<!-- width: 100%;-->
|
||||||
|
<!-- height: 178px;-->
|
||||||
|
<!-- background: linear-gradient(314deg, #EDF7FF 0%, #F3F5FF 32%, #F5FCFF 54%, #F0F7FF 70%, #D7DDFF 100%);-->
|
||||||
|
<!-- border-radius: 8px;-->
|
||||||
|
<!-- margin-bottom: 12px;-->
|
||||||
|
<!-- box-sizing: border-box;-->
|
||||||
|
<!-- padding: 16px;-->
|
||||||
|
<!-- .top{-->
|
||||||
|
<!-- display: flex;-->
|
||||||
|
<!-- align-items: center;-->
|
||||||
|
<!-- .title{-->
|
||||||
|
<!-- font-size: 18px;-->
|
||||||
|
<!-- font-family: Alimama ShuHeiTi;-->
|
||||||
|
<!-- color: #1A33BC;-->
|
||||||
|
<!-- line-height: 26px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- .icon{-->
|
||||||
|
<!-- width: 15px;-->
|
||||||
|
<!-- height: 15px;-->
|
||||||
|
<!-- opacity: 0.8;-->
|
||||||
|
<!-- margin-left: 7px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- .detail{-->
|
||||||
|
<!-- margin-top: 16px;-->
|
||||||
|
<!-- width: 100%;-->
|
||||||
|
<!-- display: flex;-->
|
||||||
|
<!-- justify-content: space-between;-->
|
||||||
|
<!-- .left{-->
|
||||||
|
<!-- .money{-->
|
||||||
|
<!-- display: flex;-->
|
||||||
|
<!-- align-items: center;-->
|
||||||
|
<!-- margin-bottom: 2px;-->
|
||||||
|
<!-- .num{-->
|
||||||
|
<!-- font-size: 20px;-->
|
||||||
|
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
|
||||||
|
<!-- font-weight: bold;-->
|
||||||
|
<!-- color: #160002;-->
|
||||||
|
<!-- line-height: 24px;-->
|
||||||
|
<!-- margin-right: 4px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- .icon{-->
|
||||||
|
<!-- width: 16px;-->
|
||||||
|
<!-- height: 16px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- .text{-->
|
||||||
|
<!-- 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;-->
|
||||||
|
<!-- 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{-->
|
||||||
|
<!-- margin-top: 16px;-->
|
||||||
|
<!-- .box{-->
|
||||||
|
<!-- width: 100%;-->
|
||||||
|
<!-- height: 10px;-->
|
||||||
|
<!-- border-radius: 5px;-->
|
||||||
|
<!-- background: #ccc;-->
|
||||||
|
<!-- overflow: hidden;-->
|
||||||
|
<!-- position: relative;-->
|
||||||
|
<!-- .have{-->
|
||||||
|
<!-- position: absolute;-->
|
||||||
|
<!-- height: 100%;-->
|
||||||
|
<!-- background: rgba(87, 110, 255, 1);-->
|
||||||
|
<!-- border-radius: 5px;-->
|
||||||
|
<!-- left: 0;top: 0;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- .other{-->
|
||||||
|
<!-- width: 100%;-->
|
||||||
|
<!-- margin-top: 4px;-->
|
||||||
|
<!-- display: flex;-->
|
||||||
|
<!-- justify-content: space-between;-->
|
||||||
|
<!-- align-items: center;-->
|
||||||
|
<!-- .unit{-->
|
||||||
|
<!-- font-size: 14px;-->
|
||||||
|
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||||
|
<!-- font-weight: 400;-->
|
||||||
|
<!-- color: #786B6C;-->
|
||||||
|
<!-- line-height: 20px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- .type{-->
|
||||||
|
<!-- font-size: 14px;-->
|
||||||
|
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||||
|
<!-- font-weight: 400;-->
|
||||||
|
<!-- color: #A69E9F;-->
|
||||||
|
<!-- line-height: 20px;-->
|
||||||
|
<!-- margin-left: 2px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- .money{-->
|
||||||
|
<!-- font-size: 14px;-->
|
||||||
|
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
|
||||||
|
<!-- font-weight: 400;-->
|
||||||
|
<!-- color: #160002;-->
|
||||||
|
<!-- line-height: 20px;-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
|
<!-- }-->
|
||||||
<!-- }-->
|
<!-- }-->
|
||||||
<!--}-->
|
<!--}-->
|
||||||
<!--</style>-->
|
<!--</style>-->
|
||||||
|
|||||||
128
pages/projectWarning/components/listUnit.vue
Normal file
128
pages/projectWarning/components/listUnit.vue
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
<template>
|
||||||
|
<view class="card cardBorder" @tap='goDetail' :style="{boxShadow:item.DealMark===0?'0 0px 6rpx #f9b297':''}">
|
||||||
|
<!-- 卡片第一行数据 -->
|
||||||
|
<view class="uni-flex jc-between">
|
||||||
|
<!-- 左侧 -->
|
||||||
|
<!-- 商品名称 -->
|
||||||
|
<p class="contentName">{{item.BUSINESSPROJECT_NAME}}</p>
|
||||||
|
<!-- 右侧 -->
|
||||||
|
<!-- 有效状态 -->
|
||||||
|
|
||||||
|
<p v-if="item.DealMark===0" class="other-coast">{{item.PROJECTWARNING_STATE===1000?'待切换':item.PROJECTWARNING_STATE===2000?'审核中':item.PROJECTWARNING_STATE===9000?'已切换':item.PROJECTWARNING_STATE===9999?'暂不切换':''}}</p>
|
||||||
|
<p v-else class="other-coastGray">{{item.PROJECTWARNING_STATE===1000?'待切换':item.PROJECTWARNING_STATE===2000?'审核中':item.PROJECTWARNING_STATE===9000?'已切换':item.PROJECTWARNING_STATE===9999?'暂不切换':''}}</p>
|
||||||
|
<!-- <p v-else :class="item.PROJECTWARNING_STATE===9999 || item.PROJECTWARNING_STATE===9000?'other-coast other-coastGray':'other-coast'">{{item.PROJECTWARNING_STATE===1000?'待切换':item.PROJECTWARNING_STATE===2000?'审核中':item.PROJECTWARNING_STATE===9000?'已切换':item.PROJECTWARNING_STATE===9999?'暂不切换':''}}</p>-->
|
||||||
|
</view>
|
||||||
|
<!-- 卡片第一行角标 -->
|
||||||
|
<view class="content-index" style="background-color:#FB8B56">{{i+1}}</view>
|
||||||
|
<!-- 卡片第二行数据 -->
|
||||||
|
<view style="line-height: 1;">
|
||||||
|
<!-- 服务区名称 -->
|
||||||
|
<p class="content-type-text">{{item.SERVERPART_NAME}}</p>
|
||||||
|
</view>
|
||||||
|
<!-- 卡片第三行数据 -->
|
||||||
|
<view class="uni-flex content-box-cashpay">
|
||||||
|
<!-- 中间 -->
|
||||||
|
<!-- 资质到期时间 -->
|
||||||
|
<p class="titleStyle" >
|
||||||
|
<text style="font-size: 12px;color: orangered" v-if="item.EXPIREDAYS!==0">预计</text>
|
||||||
|
<text :style="{fontSize:item.EXPIREDAYS!==0?'28px':'18px',lineHeight:'50px',margin:'0 4px'}">
|
||||||
|
{{item.EXPIREDAYS!==0?`${item.EXPIREDAYS}`:'完成保底'}}</text><text style="font-size: 12px" v-if="item.EXPIREDAYS!==0">天</text>
|
||||||
|
</p>
|
||||||
|
</view>
|
||||||
|
<!-- 分割线 -->
|
||||||
|
<view class="bb1"></view>
|
||||||
|
<!-- 卡片第四行第一项数据 -->
|
||||||
|
<!-- 操作人员 -->
|
||||||
|
<view class="cellBetweenStyle" >
|
||||||
|
<view class="cellLeftStyle">
|
||||||
|
<!-- 圆点 -->
|
||||||
|
<p class="G-icon A-icon" style="margin: 0 8px 0 5px"></p>
|
||||||
|
<span class="content-span">{{item.BUSINESS_TYPE===1000?'合作经营':item.BUSINESS_TYPE===2000?'固定租金':''}}</span>
|
||||||
|
</view>
|
||||||
|
<!-- 卡片第四行第一项右侧数据 -->
|
||||||
|
<text class="content-span lh15">{{item.WARNING_DATE}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {//这里存放接收到的父级数据
|
||||||
|
item: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
i: {
|
||||||
|
type: Number,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {//这里存放组件私有数据
|
||||||
|
return {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
methods: {//方法集合
|
||||||
|
goDetail() {
|
||||||
|
this.$emit('goDetail', this.item)
|
||||||
|
},
|
||||||
|
dateEmpty(v) {
|
||||||
|
return this.$util.cutDate(v, 'YYYY/MM/DD')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- 注意：style样式增加scoped私有属性标记后，组件样式不能在引用的地方进行修改 -->
|
||||||
|
<style scoped>
|
||||||
|
@import url('/common/css/listUnit.css');
|
||||||
|
|
||||||
|
.cardBorder {//卡片边框颜色
|
||||||
|
box-shadow: 0 0px 6rpx #E2E2E2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleStyle {//主信息标签
|
||||||
|
margin-right: 10rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #111;
|
||||||
|
font-family: Bahnschrift Regular;
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeText {
|
||||||
|
padding: 0 10rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: 0rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-coast {//标签渐变背景色
|
||||||
|
color: #D1A271;
|
||||||
|
//background: linear-gradient(to top, #EBDDCF, #FCFBF8);
|
||||||
|
border-radius: 6rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 0 10rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
.other-coastGray{
|
||||||
|
background: transparent;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cellLeftStyle{//标签左侧对齐
|
||||||
|
line-height: 45rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap : wrap;
|
||||||
|
align-items: center; //上下对齐
|
||||||
|
justify-content: flex-start; //左侧对齐
|
||||||
|
}
|
||||||
|
|
||||||
|
.cellBetweenStyle {//标签两侧对齐
|
||||||
|
line-height: 45rpx;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap : wrap;
|
||||||
|
align-items: center; //上下对齐
|
||||||
|
justify-content: space-between; //两侧对齐
|
||||||
|
}
|
||||||
|
</style>
|
||||||
505
pages/projectWarning/detail.vue
Normal file
505
pages/projectWarning/detail.vue
Normal file
@ -0,0 +1,505 @@
|
|||||||
|
<template>
|
||||||
|
<view class="page-body" >
|
||||||
|
<!-- <image class="bg" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/bg.svg"></image>-->
|
||||||
|
<view class="header" :style="{height: menu.bottom + 'px' }">
|
||||||
|
<image @click="handleBack" class="allowLeft" :style="{top: menu.top +((menu.height - 24) / 2) + 'px'}" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"></image>
|
||||||
|
</view>
|
||||||
|
<p class="title">分润比例切换</p>
|
||||||
|
<view class="main">
|
||||||
|
<view class="detail">
|
||||||
|
<view class="type">{{dataDetail.BUSINESS_TYPE===1000?'合作经营':dataDetail.BUSINESS_TYPE===2000?'固定租金':''}}</view>
|
||||||
|
<view class="top">
|
||||||
|
<view class="left">
|
||||||
|
<image class="logo" :src="dataDetail.BUSINESSPROJECT_ICO?dataDetail.BUSINESSPROJECT_ICO:'https://eshangtech.com/ShopICO/yxcl/projectWarning/defaultImg.svg'"></image>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<p class="detailTitle">{{dataDetail.SERVERPARTSHOP_NAME}}</p>
|
||||||
|
<view class="fixed" >
|
||||||
|
<image class="serviceFixed" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/position.svg"></image>
|
||||||
|
<span class="service">{{dataDetail.SERVERPART_NAME}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="other">
|
||||||
|
<view class="item">
|
||||||
|
<image class="icon" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/user.svg"></image>
|
||||||
|
<span class="value">{{dataDetail.COOPMERCHANTS_LINKMAN || '-'}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<image class="icon" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/phone.svg"></image>
|
||||||
|
<span class="value">{{dataDetail.COOPMERCHANTS_MOBILEPHONE || '-'}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom">
|
||||||
|
<view class="message">
|
||||||
|
<image class="icon" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/money.svg"></image>
|
||||||
|
<span class="text">保底租金</span>
|
||||||
|
<span class="money">{{dataDetail.MINTURNOVER || '-'}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="message" >
|
||||||
|
<image class="icon" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/date.svg"></image>
|
||||||
|
<span class="text">本期结算</span>
|
||||||
|
<span class="money">{{dataDetail.STARTDATE || '-'}} - {{dataDetail.ENDDATE || '-'}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="message" style="margin-bottom: 0">
|
||||||
|
<image class="icon" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/date.svg"></image>
|
||||||
|
<span class="text">合同期限</span>
|
||||||
|
<span class="money">{{dataDetail.COMPACT_STARTDATE || '-'}} - {{dataDetail.COMPACT_ENDDATE || '-'}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="contain">
|
||||||
|
<image class="img" style="width: 32px;height: 32px" src="https://eshangtech.com/ShopICO/yxcl/projectWarning/question.svg"></image>
|
||||||
|
<view>
|
||||||
|
<view class="text">
|
||||||
|
本项目驿达累计分润已达<span class="strong"><span clsas="strong" style="font-size: 14px">￥</span>{{ dataDetail.ROYALTY_PRICE|| '-' }}</span>,<br/>
|
||||||
|
<span v-if="dataDetail.EXPIREDAYS!==0">预计<span class="strong">{{ dataDetail.EXPIREDAYS|| '-' }}</span>后完成</span>
|
||||||
|
<span v-if="dataDetail.EXPIREDAYS===0" class="strong">已完成</span>保底！
|
||||||
|
</view>
|
||||||
|
<view class="text" :style="{marginBottom: dataDetail.PROJECTWARNING_STATE===2000?'8px':'0px'}">
|
||||||
|
是否依合同将分润比例进行切换：<br/> 驿达<span class="strong">{{YDValue|| '-'}}%</span>,
|
||||||
|
商家<span class="strong">{{SJValue|| '-'}}%</span>？
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="contain" v-if="storeList.length && storeList.length>0">
|
||||||
|
<view class="box">
|
||||||
|
<view class="store" v-for="(item,index) in storeList" :key="index" :style="{marginBottom:index + 1 === storeList.length?'0px':'10px'}">
|
||||||
|
<view class="left">
|
||||||
|
<image class="img" :src="item.APPROVED_TYPE!==9999?'/static/images/right-ico.png':'/static/images/wrong-ico.png'"></image>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<view class="top">
|
||||||
|
<p class="storeText">【{{item.APPROVED_NAME}}】</p>
|
||||||
|
<p class="storeText">{{item.APPROVED_STAFF}}：{{item.APPROVED_INFO}}</p>
|
||||||
|
</view>
|
||||||
|
<span class="other">{{item.APPROVED_DATE}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottomBtn" v-if="dataDetail.DealMark===0">
|
||||||
|
<button class="btn change" @click="handleChange">切换比例</button>
|
||||||
|
<button class="btn" @click="handleNoChange">暂不切换</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import Store from "../../store/store";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
PROJECTWARNING_ID:'',
|
||||||
|
dataDetail:{},
|
||||||
|
inputValue:'',// 分润比例的输入框
|
||||||
|
useDate:{},
|
||||||
|
YDValue:'',// 驿达的值
|
||||||
|
SJValue:'',// 商家的值
|
||||||
|
statusBarHeight:'',
|
||||||
|
menu:'',
|
||||||
|
time:'',// 详情给的备注的时间
|
||||||
|
desc:[],// 详情给的备注
|
||||||
|
type:true,// 是否从推送进
|
||||||
|
storeList:[],// 记录列表
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(query){
|
||||||
|
// 获取手机参数对页面进行适配
|
||||||
|
let systemInfo = uni.getSystemInfoSync()
|
||||||
|
this.statusBarHeight = Number(systemInfo.statusBarHeight)
|
||||||
|
this.menu = uni.getMenuButtonBoundingClientRect()
|
||||||
|
console.log('this.menu',this.menu)
|
||||||
|
this.PROJECTWARNING_ID = query.id
|
||||||
|
this.handleGetDetail()
|
||||||
|
this.useDate = Store.state.userData
|
||||||
|
console.log('this.useDate',this.useDate)
|
||||||
|
if (query.type==='no'){
|
||||||
|
this.type = false
|
||||||
|
}
|
||||||
|
this.handleStore()
|
||||||
|
},
|
||||||
|
//页面关闭
|
||||||
|
onUnload() {
|
||||||
|
// 记录用户行为
|
||||||
|
this.$util.addUserBehaviorNew()
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
// 拿到详细数据
|
||||||
|
handleGetDetail(){
|
||||||
|
uni.showLoading({
|
||||||
|
title:'正在加载'
|
||||||
|
})
|
||||||
|
this.$request.$webGet('EShangApiMain/BusinessProject/GetPROJECTWARNINGDetail',{
|
||||||
|
PROJECTWARNINGId:this.PROJECTWARNING_ID
|
||||||
|
}).then(res=>{
|
||||||
|
uni.hideLoading()
|
||||||
|
this.dataDetail = res.Result_Data
|
||||||
|
console.log('this.dataDetail',this.dataDetail)
|
||||||
|
// 金额加上千分号
|
||||||
|
for (let key in this.dataDetail){
|
||||||
|
if (key==='REVENUEDAILY_AMOUNT' || key==='REVENUE_AMOUNT' || key==='ROYALTY_PRICE' || key==='SUBROYALTY_PRICE' || key==='TICKET_FEE' || key==='MINTURNOVER'){
|
||||||
|
this.dataDetail[key] = this.$util.fmoney(this.dataDetail[key])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.YDValue = this.dataDetail.MerchantRatio.split(':')[0]
|
||||||
|
this.SJValue = this.dataDetail.MerchantRatio.split(':')[1]
|
||||||
|
if (this.dataDetail.PROJECTWARNING_DESC){
|
||||||
|
this.time = this.dataDetail.PROJECTWARNING_DESC.split('【')[1].split('】')[0]
|
||||||
|
this.desc[0] = this.dataDetail.PROJECTWARNING_DESC.split('【')[0]
|
||||||
|
this.desc[1] = this.dataDetail.PROJECTWARNING_DESC.split('【')[1].split('，')[1]
|
||||||
|
}
|
||||||
|
console.log('this.time',this.time)
|
||||||
|
console.log('this.desc',this.desc)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleStore(){
|
||||||
|
this.$request.$webPost('EShangApiMain/BusinessProject/GetAPPROVEDList',{
|
||||||
|
SearchParameter:{
|
||||||
|
TABLE_ID: this.PROJECTWARNING_ID,
|
||||||
|
TABLE_NAME: "T_PROJECTWARNING"
|
||||||
|
},
|
||||||
|
PageIndex: 1,
|
||||||
|
PageSiz: 99,
|
||||||
|
SortStr: "APPROVED_DATE desc"
|
||||||
|
}).then(res=>{
|
||||||
|
this.storeList = res.Result_Data.List
|
||||||
|
console.log('this.storeList',this.storeList)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 暂不切换比例
|
||||||
|
handleNoChange(){
|
||||||
|
uni.showLoading({
|
||||||
|
title:'正在加载'
|
||||||
|
})
|
||||||
|
this.$request.$webGet('EShangApiMain/BusinessProject/ApproveProinst',{
|
||||||
|
BusinessId: this.PROJECTWARNING_ID, // 预警记录内码
|
||||||
|
StaffId:this.useDate.UserId,// 操作人内码
|
||||||
|
StaffName:this.useDate.UserName,// 操作人名称
|
||||||
|
SwitchRate:this.dataDetail.ROYALTY_RATE * 100,// 切换比例
|
||||||
|
ApproveState:'9999',// 审批状态
|
||||||
|
}).then(res=>{
|
||||||
|
uni.hideLoading()
|
||||||
|
uni.showToast({
|
||||||
|
title: res.Result_Desc,
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
this.handleGetDetail()
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 切换比例
|
||||||
|
handleChange(){
|
||||||
|
uni.showLoading({
|
||||||
|
title:'正在加载'
|
||||||
|
})
|
||||||
|
this.$request.$webGet('EShangApiMain/BusinessProject/ApproveProinst',{
|
||||||
|
BusinessId: this.PROJECTWARNING_ID, // 预警记录内码
|
||||||
|
StaffId:this.useDate.UserId,// 操作人内码
|
||||||
|
StaffName:this.useDate.UserName,// 操作人名称
|
||||||
|
SwitchRate:this.dataDetail.ROYALTY_CRATE,// 切换比例
|
||||||
|
ApproveState:this.dataDetail.PROJECTWARNING_STATE===1000?'2000':'9000',// 审批状态
|
||||||
|
}).then(res=>{
|
||||||
|
uni.hideLoading()
|
||||||
|
if (this.dataDetail.PROJECTWARNING_STATE===1000){
|
||||||
|
this.handleBack()
|
||||||
|
}
|
||||||
|
console.log('res')
|
||||||
|
uni.showToast({
|
||||||
|
title: res.Result_Desc,
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
this.handleGetDetail()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleBack(){
|
||||||
|
if (this.type){
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/projectWarning/index'
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
uni.navigateBack({
|
||||||
|
delta:1
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/static/public/font/stylesheet.css';
|
||||||
|
.page-body {
|
||||||
|
width: 100vw;
|
||||||
|
min-height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-image: url("https://eshangtech.com/ShopICO/yxcl/projectWarning/bg.svg");
|
||||||
|
background-size: cover;
|
||||||
|
//position: relative;
|
||||||
|
//.bg{
|
||||||
|
// width: 100%;
|
||||||
|
// height: 100%;
|
||||||
|
// position: absolute;
|
||||||
|
// top: 0;left: 0;
|
||||||
|
// z-index: 1;
|
||||||
|
//}
|
||||||
|
.header{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 16px;
|
||||||
|
position: relative;
|
||||||
|
margin-top: 0;
|
||||||
|
z-index:222;
|
||||||
|
.allowLeft{
|
||||||
|
position: absolute;
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
left: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: Alimama ShuHeiTi;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 39px;
|
||||||
|
margin: 18px 0 16px 16px;
|
||||||
|
background: linear-gradient(180deg, #C25E18 30%, #8C4917 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
}
|
||||||
|
.main{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 16px 95px;
|
||||||
|
.detail{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: linear-gradient(314deg, #FFFCF3 0%, #FFF0E6 20%, #FFF9F5 51%, #FFF8E7 73%, #FFF6EE 100%);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 16px;
|
||||||
|
position: relative;
|
||||||
|
.type{
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 16px;
|
||||||
|
background: linear-gradient(270deg, #F8D792 0%, #FFE6B2 50%, #FBC13B 100%);
|
||||||
|
border-radius: 10px 0 0 2px;
|
||||||
|
padding:2px 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #604128;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.top{
|
||||||
|
width: 100%;
|
||||||
|
height: 168rpx;
|
||||||
|
display: flex;
|
||||||
|
.left{
|
||||||
|
width: 168rpx;
|
||||||
|
height: 168rpx;
|
||||||
|
margin-right: 12px;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
.logo{
|
||||||
|
width: 168rpx;
|
||||||
|
height: 168rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
//display: flex;
|
||||||
|
//flex-direction: column;
|
||||||
|
//justify-content: space-between;
|
||||||
|
//align-items: flex-start;
|
||||||
|
.detailTitle{
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #160002;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
line-height: 56rpx;
|
||||||
|
}
|
||||||
|
.fixed{
|
||||||
|
height: 24px;
|
||||||
|
line-height: 24px;
|
||||||
|
padding: 1px 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: rgba(252, 186, 118, 0.2);
|
||||||
|
border-radius: 4px;
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
.serviceFixed{
|
||||||
|
width: 20rpx;
|
||||||
|
height: 24rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
.service{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #6C492A;
|
||||||
|
line-height: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.other{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.item{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 16px;
|
||||||
|
.icon{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
.value{
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 40rpx;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom{
|
||||||
|
margin-top: 24px;
|
||||||
|
.message{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
.icon{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #786B6C;
|
||||||
|
line-height: 20px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
.money{
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #7D5632;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contain{
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 16px;
|
||||||
|
margin-top: 16px;
|
||||||
|
display: flex;
|
||||||
|
.img{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
margin-left: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.strong{
|
||||||
|
font-size: 18px;
|
||||||
|
color: rgba(125, 86, 50, 1);
|
||||||
|
font-weight: 600;
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
width: 100%;
|
||||||
|
.store{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.left{
|
||||||
|
width: 32px;
|
||||||
|
.img{
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
flex: 1;
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
.top{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.storeText{
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 24px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.other{
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #160002;
|
||||||
|
line-height: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottomBtn{
|
||||||
|
width: 100%;
|
||||||
|
height: 92px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 8px 16px 0;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.btn{
|
||||||
|
width: calc((100% - 16px)/2);
|
||||||
|
height: 41px;
|
||||||
|
background: rgba(125, 86, 50, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #6D5F5E;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
.change{
|
||||||
|
background: #7D5632;
|
||||||
|
color: #FEFFFF;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
384
pages/projectWarning/index.vue
Normal file
384
pages/projectWarning/index.vue
Normal file
@ -0,0 +1,384 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<!-- 顶部筛选菜单 -->
|
||||||
|
<view class="uni-flex ai-center screen-box menu-list">
|
||||||
|
<view class="menu" v-for="(item,index) in menuList" :key="index" @click="handleClick(item)">
|
||||||
|
<view class="menu-image round" style="height:75rpx;width:75rpx;padding: 18rpx;"
|
||||||
|
:style="activeType==item.id ? 'background:#f0f7fe;' : 'background:#f6f7f8;'">
|
||||||
|
<image :src="activeType==item.id? item.active: item.src" mode="aspectFit" style="height:100%;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="menuName" :style="activeType==item.id ? 'color:#5B96E9' :'color:#808D97'">{{item.name}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="pageList.length>0">
|
||||||
|
<list-unit v-for="(item,index) in pageList" :key="index" :item="item" :i="index" @goDetail="goDetail"></list-unit>
|
||||||
|
</view>
|
||||||
|
<!-- 无数据时的页面显示 -->
|
||||||
|
<view v-else-if="pageData.isLoading===false">
|
||||||
|
<noFound :nodata="pageList.length>0 ? false : true" :text="searchTime[1]+'无数据，'">
|
||||||
|
<text name="other">请选择其它日期进行查询。</text>
|
||||||
|
</noFound>
|
||||||
|
</view>
|
||||||
|
<!-- 底部提示 -->
|
||||||
|
<view class="load-more" v-if="pageList.length>0">
|
||||||
|
<text>{{!pageData.isEnd ? '正在加载,请稍后...':'——— 我是有底线的 ———'}}</text>
|
||||||
|
</view>
|
||||||
|
<UniPop :show="showPop" @hidePopup="closePop" type="bottom" @touchmove.prevent round="true">
|
||||||
|
<view class="pop">
|
||||||
|
<p class="title">服务区名称</p>
|
||||||
|
<picker class="title-clock" mode="selector" @change="pickerChange" :value="pickerIndex"
|
||||||
|
range-key="label" :range="severpartList">
|
||||||
|
<view class="box-center-title">{{severpartList[pickerIndex].label}}</view>
|
||||||
|
</picker>
|
||||||
|
<p class="title" style="margin-top: 20px">日期</p>
|
||||||
|
<view class="selectTime">
|
||||||
|
<picker class="time" mode="date" @change="handlechangeTime($event,0)">
|
||||||
|
<text>{{searchTime[0]}}</text>
|
||||||
|
</picker>
|
||||||
|
-
|
||||||
|
<picker class="time" style="text-align: right" mode="date" @change="handlechangeTime($event,1)">
|
||||||
|
<text>{{searchTime[1]}}</text>
|
||||||
|
</picker>
|
||||||
|
</view>
|
||||||
|
<view class="popbtn" @click="reloadList">确定</view>
|
||||||
|
</view>
|
||||||
|
</UniPop>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
mapState,
|
||||||
|
mapGetters,
|
||||||
|
mapMutations
|
||||||
|
} from 'vuex'
|
||||||
|
import ListUnit from "./components/listUnit.vue";
|
||||||
|
import UniPop from '@/components/uni-popup.vue'
|
||||||
|
export default {
|
||||||
|
components: {ListUnit,UniPop},
|
||||||
|
data() {
|
||||||
|
let stime = this.$util.cutDate(new Date(), 'YYYY-MM-DD', -6)
|
||||||
|
let etime = this.$util.cutDate(new Date(), 'YYYY-MM-DD')
|
||||||
|
return {
|
||||||
|
menuList: [
|
||||||
|
{ //列表头部菜单选项标签
|
||||||
|
name: '全部',
|
||||||
|
src: '/static/images/expense/type/yifq.png',
|
||||||
|
active: '/static/images/expense/type/yifqz.png',
|
||||||
|
id: 0
|
||||||
|
}, {
|
||||||
|
name: '待切换',
|
||||||
|
src: '/static/images/expense/type/shenp.png',
|
||||||
|
active: '/static/images/expense/type/shenpz.png',
|
||||||
|
id: 1
|
||||||
|
}, {
|
||||||
|
name: '已切换',
|
||||||
|
src: '/static/images/expense/type/yichl.png',
|
||||||
|
active: '/static/images/expense/type/yichlz.png',
|
||||||
|
id: 2
|
||||||
|
}, {
|
||||||
|
name: '更多筛选',
|
||||||
|
src: '/static/images/expense/type/shaix.png',
|
||||||
|
active: '/static/images/expense/type/shaixz.png',
|
||||||
|
id: 99
|
||||||
|
} ],
|
||||||
|
activeType: 0, // 选中的延期类型
|
||||||
|
showPop: false,
|
||||||
|
pageList:[],
|
||||||
|
severpartList:[],// 服务区列表
|
||||||
|
pickerIndex: 0,
|
||||||
|
searchTime: [stime, etime],
|
||||||
|
pageData: {
|
||||||
|
pageIndex: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
isEnd: false,
|
||||||
|
isLoading: true,
|
||||||
|
endDate: etime
|
||||||
|
},
|
||||||
|
pushInto:false,// 是否为推送进来
|
||||||
|
TotalCount: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: { //监听属性 类似于data概念
|
||||||
|
...mapGetters({
|
||||||
|
reloading: 'shouldReLoadingList'
|
||||||
|
}),
|
||||||
|
...mapState({
|
||||||
|
user: (state) => {
|
||||||
|
return state.userData
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
onLoad(query){
|
||||||
|
if(query){
|
||||||
|
this.pushInto = true
|
||||||
|
}
|
||||||
|
this.getSeverpart()
|
||||||
|
},
|
||||||
|
onShow(){
|
||||||
|
this.pageData.pageIndex = 1
|
||||||
|
this.handleGetList()
|
||||||
|
},
|
||||||
|
onReachBottom () {
|
||||||
|
if (!this.pageData.isEnd){
|
||||||
|
this.pageData.pageIndex+=1
|
||||||
|
this.handleGetList()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//页面关闭
|
||||||
|
onUnload() {
|
||||||
|
this.$util.addUserBehaviorNew()
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
...mapMutations(['shouldReLoadingList']),
|
||||||
|
// 拿到列表数据
|
||||||
|
handleGetList(){
|
||||||
|
let data = {}
|
||||||
|
if (this.pushInto){
|
||||||
|
data = {
|
||||||
|
searchModel:{
|
||||||
|
QueryType: 0 , //这里设置查询方式，0：模糊查询；1：精准查询
|
||||||
|
SearchParameter:{
|
||||||
|
PROJECTWARNING_ID :'',// 预警表内码
|
||||||
|
BUSINESSPROJECTSPLIT_ID:'',// 经营项目应收拆分表内码
|
||||||
|
BUSINESSPROJECT_NAME:'',// 经营项目名称
|
||||||
|
SHOPROYALTY_ID:'',// 门店提成营收内码
|
||||||
|
SERVERPART_ID:'',// 服务区内码
|
||||||
|
SERVERPART_IDS:this.severpartList[this.pickerIndex].value,// 服务区内码(查询条件)
|
||||||
|
// SERVERPART_IDS:'',// 服务区内码(查询条件)
|
||||||
|
SERVERPART_NAME:'',// 服务区名称
|
||||||
|
SERVERPARTSHOP_NAME:'',// 门店名称
|
||||||
|
BUSINESS_TYPE:'',// 经营模式
|
||||||
|
STARTDATE: '',// 开始时间
|
||||||
|
ENDDATE: '',// 结束时间
|
||||||
|
MINTURNOVER:'',// 保底租金
|
||||||
|
ROYALTY_PRICE:'',// 业主分润
|
||||||
|
ROYALTY_RATE:'',// 切换前比例
|
||||||
|
ROYALTY_CRATE:'',// 切换后比例
|
||||||
|
EXPIREDAYS:'',// 预估到期天数
|
||||||
|
WARNING_DATE:'',// 提醒日期
|
||||||
|
WARNING_DATE_Start:this.searchTime[0],// 提醒日期(查询条件)
|
||||||
|
WARNING_DATE_End:this.searchTime[1],// 提醒日期(查询条件)
|
||||||
|
PROJECTWARNING_STATE:'',// 审批状态
|
||||||
|
PROJECTWARNING_STATES:'',// 审批状态(查询条件)
|
||||||
|
RECORD_DATE:'',// 记录时间
|
||||||
|
PROJECTWARNING_DESC:'',// 备注说明
|
||||||
|
REVENUE_AMOUNT:'',// 营收金额
|
||||||
|
SUBROYALTY_PRICE:'',// 商家分润
|
||||||
|
TICKET_FEE:'',// 手续费
|
||||||
|
BUSINESSDAYS:'',// 营业天数
|
||||||
|
REVENUEDAILY_AMOUNT:'',// 当日营业额
|
||||||
|
},
|
||||||
|
keyWord:{
|
||||||
|
Key:'',// 字段
|
||||||
|
Value:'',// 值
|
||||||
|
},
|
||||||
|
PageIndex: this.pageData.pageIndex,// 查询页码数
|
||||||
|
PageSize: this.pageData.pageSize,// 页显示数量
|
||||||
|
SortStr:'DealMark,PROJECTWARNING_STATE,EXPIREDAYS,WARNING_DATE desc',// 排序条件
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
|
||||||
|
}
|
||||||
|
this.$request.$webPost("EShangApiMain/BusinessProject/GetPROJECTWARNINGList", data.searchModel).then(res=>{
|
||||||
|
if (!res.Result_Code || res.Result_Code !== 100) {
|
||||||
|
this.pageData.isLoading = false
|
||||||
|
this.pageList = []
|
||||||
|
} else {
|
||||||
|
//筛选数据（请根据实际业务修改）
|
||||||
|
let list = res.Result_Data.List.filter(p => {
|
||||||
|
if (this.activeType === 1) {
|
||||||
|
return p.BUSINESS_TYPE === 1000
|
||||||
|
} else if (this.activeType === 2) {
|
||||||
|
return p.BUSINESS_TYPE === 9000
|
||||||
|
} else {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (list.length > 0) {
|
||||||
|
this.TotalCount = res.Result_Data.TotalCount
|
||||||
|
if (this.pageData.pageIndex === 1) {
|
||||||
|
this.pageList = list
|
||||||
|
} else {
|
||||||
|
if (this.pageList.length<this.TotalCount){
|
||||||
|
this.pageList = this.pageList.concat(list)
|
||||||
|
}else{
|
||||||
|
this.pageData.isEnd = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
this.pageData.isEnd = true
|
||||||
|
}
|
||||||
|
this.$forceUpdate()
|
||||||
|
}
|
||||||
|
uni.hideLoading()
|
||||||
|
let _this = this
|
||||||
|
setTimeout(function() {
|
||||||
|
_this.pageData.isLoading = false
|
||||||
|
}, 500)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//服务区列表
|
||||||
|
getSeverpart() {
|
||||||
|
const _this = this
|
||||||
|
this.$request.$webGet('EShangApiMain/Logging/GetPassportInfoById', {
|
||||||
|
UserIdEncrypted: this.user.UserIdEncrypted
|
||||||
|
}).then(res => {
|
||||||
|
if (!res.Result_Code || res.Result_Code != '100') {
|
||||||
|
_this.severpartList = []
|
||||||
|
} else {
|
||||||
|
this.$request.$webGet('EShangApiMain/BaseInfo/GetServerpartDDL', {
|
||||||
|
ServerpartCodes: res.Result_Data.CityAuthority,
|
||||||
|
ServerpartType: 1000,
|
||||||
|
StatisticsType: '1000,2000'
|
||||||
|
}).then(res => {
|
||||||
|
_this.severpartList = res.Result_Data.List
|
||||||
|
_this.severpartList.unshift({label:'全部服务区',value:''})
|
||||||
|
this.handleGetList()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 选择开始时间
|
||||||
|
handlechangeTime(e, index){
|
||||||
|
if (index===1){
|
||||||
|
let startTime = new Date(this.searchTime[0]).getTime()
|
||||||
|
let endTime = new Date(e.detail.value).getTime()
|
||||||
|
if (startTime>endTime){
|
||||||
|
uni.showToast({
|
||||||
|
title: '结束时间不能小于开始时间',
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.searchTime[index] = e.detail.value
|
||||||
|
this.$forceUpdate()
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
this.searchTime[index] = e.detail.value
|
||||||
|
this.$forceUpdate()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
pickerChange(e) {
|
||||||
|
this.pickerIndex = e.detail.value
|
||||||
|
this.pageData.pageIndex = 1
|
||||||
|
},
|
||||||
|
reloadList() {
|
||||||
|
let startTime = new Date(this.searchTime[0]).getTime()
|
||||||
|
let endTime = new Date(this.searchTime[1]).getTime()
|
||||||
|
if (startTime>=endTime){
|
||||||
|
uni.showToast({
|
||||||
|
title: '结束时间不能小于等于开始时间',
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.showPop = false
|
||||||
|
this.pageData.pageIndex = 1
|
||||||
|
uni.showLoading({
|
||||||
|
title: '正在加载'
|
||||||
|
})
|
||||||
|
this.pageData.isLoading = true
|
||||||
|
this.pageData.isEnd = false
|
||||||
|
this.pageList = []
|
||||||
|
this.handleGetList()
|
||||||
|
this.$forceUpdate()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleClick(item) { //顶部菜单标签点击事件
|
||||||
|
if (item.id === 99) { //标签 id=99 代表点击了更多筛选
|
||||||
|
this.showPop = true
|
||||||
|
} else {
|
||||||
|
this.activeType = item.id
|
||||||
|
this.reloadList()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
goDetail(item){
|
||||||
|
this.$util.toNextRoute('navigateTo', `/pages/projectWarning/detail?id=${item.PROJECTWARNING_ID}&type=no`)
|
||||||
|
},
|
||||||
|
closePop(){
|
||||||
|
this.showPop = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.menu-list {
|
||||||
|
//顶部菜单样式
|
||||||
|
width: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.menu {
|
||||||
|
text-align: center;
|
||||||
|
min-width: 185rpx;
|
||||||
|
padding: 24rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.round {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menuName {
|
||||||
|
color: #120E2B;
|
||||||
|
font-size: 24rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-image {
|
||||||
|
padding: 12rpx 8rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-image image {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.screen-box {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 0 0rpx;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.pop{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 16px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.pop .title{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.pop .title-clock{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.pop .selectTime{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.pop .selectTime .time{
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
.pop .popbtn {
|
||||||
|
width: 639rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 28rpx;
|
||||||
|
background: #5b96e9;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin: 48rpx auto 24rpx auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -217,6 +217,15 @@ import Tabbar from "../../components/tabbar/tabbar.vue";
|
|||||||
isNotice:false,
|
isNotice:false,
|
||||||
imagePath: '/static/images/user/dataVerification.svg',
|
imagePath: '/static/images/user/dataVerification.svg',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
id:'b0b63a75-56c9-4f1d-aacb-a26e62b47e3e',
|
||||||
|
name: '分润切换',
|
||||||
|
homeUrl: '/pages/projectWarning/index',
|
||||||
|
notice:0,
|
||||||
|
value: 3,
|
||||||
|
isNotice:false,
|
||||||
|
imagePath: 'https://eshangtech.com/ShopICO/ahyd-BID/index/changeMoney.svg',
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
27
util/api.js
27
util/api.js
@ -12,7 +12,7 @@ const publicOptions = (() => { // 获取本机的信息
|
|||||||
})()
|
})()
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
/**
|
/**
|
||||||
* 自定义post,get函数，返回Promise
|
* 自定义post,get函数，返回Promise
|
||||||
* @param {String} url 接口网址
|
* @param {String} url 接口网址
|
||||||
* @param {arrayObject} data 要传的数组对象 例如: {name: '武当山道士', age: 32}
|
* @param {arrayObject} data 要传的数组对象 例如: {name: '武当山道士', age: 32}
|
||||||
@ -42,10 +42,33 @@ export default {
|
|||||||
data: data,
|
data: data,
|
||||||
method: method,
|
method: method,
|
||||||
}
|
}
|
||||||
|
let ModuleGuid = ''
|
||||||
|
let obj = Store.state.userData.AuthorityInfo
|
||||||
|
for (let key in obj){
|
||||||
|
// 经管 财务
|
||||||
|
if (key==='f0889950-f98a-40de-a369-613efeed2579' || key==='c021bbca-3c0a-478d-81e7-87e81ef80e05' ){
|
||||||
|
if (obj[key]===1){
|
||||||
|
if (ModuleGuid===''){
|
||||||
|
ModuleGuid = key
|
||||||
|
}else{
|
||||||
|
ModuleGuid +=`,${key}`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (method == 'POST' && !isWebApi) {
|
if (method == 'POST' && !isWebApi) {
|
||||||
requstOptions.header = {
|
requstOptions.header = {
|
||||||
'content-type': 'application/x-www-form-urlencoded;charset=utf-8'
|
'content-type': 'application/x-www-form-urlencoded;charset=utf-8',
|
||||||
|
'ServerpartCodes':Store.state.userData.UserCityAuthority,
|
||||||
|
'ProvinceCode': Store.state.userData.ProvinceCode,
|
||||||
|
'ModuleGuid':ModuleGuid
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
requstOptions.header = {
|
||||||
|
'ServerpartCodes':Store.state.userData.UserCityAuthority,
|
||||||
|
'ProvinceCode': Store.state.userData.ProvinceCode,
|
||||||
|
'ModuleGuid':ModuleGuid
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
requstOptions.success = (res) => {
|
requstOptions.success = (res) => {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user