128 lines
4.4 KiB
Vue
128 lines
4.4 KiB
Vue
<!--<template>-->
|
|
<!-- <view class="main">-->
|
|
<!-- <view class="heard">-->
|
|
<!-- <image class="headerBg" src="/static/images/plan/blueBack.png"></image>-->
|
|
<!-- <view class="content">-->
|
|
<!-- <view class="block"></view>-->
|
|
<!-- <p class="title">年度经营计划</p>-->
|
|
<!-- <view class="monthTabs">-->
|
|
<!-- <scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="current" @scroll="handleScroll">-->
|
|
<!-- <div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" >{{item.label}}</div>-->
|
|
<!-- </scroll-view>-->
|
|
<!-- </view>-->
|
|
<!-- </view>-->
|
|
<!-- </view>-->
|
|
<!-- </view>-->
|
|
<!--</template>-->
|
|
|
|
<!--<script>-->
|
|
<!--export default{-->
|
|
<!-- name: "yearPlan",-->
|
|
<!-- data(){-->
|
|
<!-- return {-->
|
|
<!-- monthList:[{label:'1月',value:1},{label:'2月',value:2},{label:'3月',value:3},{label:'4月',value:4},{label:'5月',value:5},{label:'6月',value:6},{label:'7月',value:7},-->
|
|
<!-- {label:'8月',value:8},{label:'9月',value:9},{label:'10月',value:10},{label:'11月',value:11},{label:'12月',value:12}],-->
|
|
<!-- selectMonth:0,-->
|
|
<!-- current:''-->
|
|
<!-- }-->
|
|
<!-- },-->
|
|
<!-- onLoad(){-->
|
|
<!-- },-->
|
|
<!-- onReady(){-->
|
|
<!-- var _this = this;-->
|
|
<!-- _this.getThisMonth()-->
|
|
<!-- },-->
|
|
<!-- methods:{-->
|
|
<!-- getThisMonth(){-->
|
|
<!-- const date = new Date()-->
|
|
<!-- const month = date.getMonth() + 1-->
|
|
<!-- this.selectMonth = month-->
|
|
<!-- this.current='item'+month-->
|
|
<!-- console.log('this.current',this.current)-->
|
|
<!-- },-->
|
|
<!-- handleScroll(e){-->
|
|
<!-- console.log('e',e)-->
|
|
<!-- }-->
|
|
<!-- }-->
|
|
<!--}-->
|
|
<!--</script>-->
|
|
|
|
<!--<style scoped lang="scss">-->
|
|
<!--@import '/static/public/stylesheet.css';-->
|
|
|
|
<!--.main{-->
|
|
<!-- width: 100%;-->
|
|
<!-- .heard{-->
|
|
<!-- width: 100%;-->
|
|
<!-- height: 366px;-->
|
|
<!-- position: relative;-->
|
|
<!-- .content{-->
|
|
<!-- width: 100%;-->
|
|
<!-- height: 100%;-->
|
|
<!-- position: absolute;-->
|
|
<!-- box-sizing: border-box;-->
|
|
<!-- padding: 0 16px;-->
|
|
<!-- top: 0;left: 0;-->
|
|
<!-- z-index: 2;-->
|
|
<!-- .block{-->
|
|
<!-- width: 100%;-->
|
|
<!-- height: 83px;-->
|
|
<!-- }-->
|
|
<!-- .title{-->
|
|
<!-- font-size: 28px;-->
|
|
<!-- font-family: "Alimama ShuHeiTi";-->
|
|
<!-- color: #160002;-->
|
|
<!-- line-height: 39px;-->
|
|
<!-- font-weight: 600;-->
|
|
<!-- text-shadow: 0 4px 8px rgba(2,32,202,0.2);-->
|
|
<!-- background: linear-gradient(180deg, #FEFFFE 0%, #B0BBFF 100%);-->
|
|
<!-- -webkit-background-clip: text;-->
|
|
<!-- -webkit-text-fill-color: transparent;-->
|
|
<!-- margin: 14px 8px;-->
|
|
<!-- }-->
|
|
<!-- .monthTabs{-->
|
|
<!-- width: 100%;-->
|
|
<!-- height: 32px;-->
|
|
<!-- border-radius: 17px;-->
|
|
<!-- box-sizing: border-box;-->
|
|
<!-- border: 1px solid #798DFF;-->
|
|
<!-- background: linear-gradient(180deg, #4863FF 0%, #768DFF 100%);-->
|
|
<!-- overflow: hidden;-->
|
|
<!-- padding: 4px 0;-->
|
|
<!-- .big{-->
|
|
<!-- text-align: center;-->
|
|
<!-- white-space: nowrap;-->
|
|
<!-- .monthItem{-->
|
|
<!-- display: inline-block;-->
|
|
<!-- width: 55px;-->
|
|
<!-- height: 24px;-->
|
|
<!-- font-size: 14px;-->
|
|
<!-- font-family: PingFangSC-Semibold, PingFang SC;-->
|
|
<!-- font-weight: 600;-->
|
|
<!-- color: #B8C2FF;-->
|
|
<!-- line-height: 20px;-->
|
|
<!-- margin-right: 4px;-->
|
|
<!-- text-align: center;-->
|
|
<!-- border-radius: 12px;-->
|
|
<!-- }-->
|
|
<!-- .selectItem{-->
|
|
<!-- background: #fff;-->
|
|
<!-- }-->
|
|
<!-- .monthItem:first-child{-->
|
|
<!-- margin-left: 4px;-->
|
|
<!-- }-->
|
|
<!-- }-->
|
|
<!-- }-->
|
|
<!-- }-->
|
|
<!-- .headerBg{-->
|
|
<!-- position: absolute;-->
|
|
<!-- top: 0;-->
|
|
<!-- left: 0;-->
|
|
<!-- width: 100%;-->
|
|
<!-- height: 100%;-->
|
|
<!-- z-index: 1;-->
|
|
<!-- }-->
|
|
<!-- }-->
|
|
<!--}-->
|
|
<!--</style>-->
|