<!--<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>-->
