update
This commit is contained in:
parent
f2971fd2ae
commit
ec430c2de5
22
pages.json
22
pages.json
@ -82,7 +82,7 @@
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{ //商业BI
|
{ // 商业BI
|
||||||
"root": "pages/commercialBI",
|
"root": "pages/commercialBI",
|
||||||
"pages": [
|
"pages": [
|
||||||
{
|
{
|
||||||
@ -149,6 +149,26 @@
|
|||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": ""
|
"navigationBarTitleText": ""
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "yearPlan",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
// 考核考评
|
||||||
|
{
|
||||||
|
"root": "pages/examine",
|
||||||
|
"pages": [
|
||||||
|
{
|
||||||
|
"path": "index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
128
pages/commercialBI/yearPlan.vue
Normal file
128
pages/commercialBI/yearPlan.vue
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
<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(){
|
||||||
|
this.selectMonth = 10
|
||||||
|
},
|
||||||
|
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>
|
||||||
16
pages/examine/index.vue
Normal file
16
pages/examine/index.vue
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -127,7 +127,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<div class="more" :style="{top:loadMore?'-270px':'-65px',paddingTop:loadMore?'16px':'12px'}" @click="handleChangeLoadMore">
|
<div class="more" :style="{top:loadMore?'-270px':'-65px',paddingTop:loadMore?'16px':'12px'}" @click="handleChangeLoadMore">
|
||||||
<image :class="loadMore?'img':'img rate'" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>
|
<image :class="loadMore?'img':'img rate'" src="/static/images/index/downArrow.svg"></image>
|
||||||
</div>
|
</div>
|
||||||
<!-- 首页除顶部外,剩下的部分是自适应的高度,但是上移本身高度不变内容变了就会在底部留白,所以计算好内容的高度 在切换是否展示的时候 改变高度-->
|
<!-- 首页除顶部外,剩下的部分是自适应的高度,但是上移本身高度不变内容变了就会在底部留白,所以计算好内容的高度 在切换是否展示的时候 改变高度-->
|
||||||
<!-- 暂无更优法 -->
|
<!-- 暂无更优法 -->
|
||||||
@ -482,7 +482,7 @@ export default {
|
|||||||
isReturn : true,
|
isReturn : true,
|
||||||
isSuggestion:false,//可不可以看意见
|
isSuggestion:false,//可不可以看意见
|
||||||
loadMore:true,// 是否收缩
|
loadMore:true,// 是否收缩
|
||||||
special:true
|
special:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
@ -1539,12 +1539,11 @@ $iphoneHeight: env(safe-area-inset-bottom);
|
|||||||
position: relative;
|
position: relative;
|
||||||
padding-bottom: 12px;
|
padding-bottom: 12px;
|
||||||
.img{
|
.img{
|
||||||
width: 24px;
|
width: 16px;
|
||||||
height: 24px;
|
height: 16px;
|
||||||
transform: rotate(90deg);
|
|
||||||
}
|
}
|
||||||
.rate{
|
.rate{
|
||||||
transform: rotate(-90deg)!important;
|
transform: rotate(180deg)!important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.menu {
|
.menu {
|
||||||
|
|||||||
@ -4,7 +4,8 @@
|
|||||||
<div class="headerTop" :style="{ height: menu.bottom + 5 + 'px'}">
|
<div class="headerTop" :style="{ height: menu.bottom + 5 + 'px'}">
|
||||||
<view class="news" :style="{ top: menu.top+16 + 'px', lineHeight: menu.bottom - menu.top + 'px' }">
|
<view class="news" :style="{ top: menu.top+16 + 'px', lineHeight: menu.bottom - menu.top + 'px' }">
|
||||||
<view class="box">
|
<view class="box">
|
||||||
<image @click="handleNews" class="img" src="/static/images/index/news.svg"></image>
|
<!-- @click="handleNews"-->
|
||||||
|
<image class="img" src="/static/images/index/news.svg"></image>
|
||||||
<view class="red"></view>
|
<view class="red"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
11
static/images/index/downArrow.svg
Normal file
11
static/images/index/downArrow.svg
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>首页/下拉@2x</title>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.600000024">
|
||||||
|
<g id="首页0311-版本2备份-3" transform="translate(-180.000000, -264.000000)" fill="#FFFFFF">
|
||||||
|
<g id="形状结合" transform="translate(180.000000, 264.000000)">
|
||||||
|
<path d="M2.97918472,4.79289322 L7.92807794,9.742 L12.8786797,4.79289322 C13.2692039,4.40236893 13.9023689,4.40236893 14.2928932,4.79289322 C14.6834175,5.18341751 14.6834175,5.81658249 14.2928932,6.20710678 L8.63603897,11.863961 C8.48583732,12.0141627 8.29974208,12.1065945 8.10536369,12.1412564 L7.98796357,12.1551212 L7.98796357,12.1551212 L7.8699008,12.1551212 C7.63399614,12.1412564 7.40206739,12.044203 7.22182541,11.863961 L1.56497116,6.20710678 C1.17444687,5.81658249 1.17444687,5.18341751 1.56497116,4.79289322 C1.95549545,4.40236893 2.58866043,4.40236893 2.97918472,4.79289322 Z"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/images/plan/blueBack.png
Normal file
BIN
static/images/plan/blueBack.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
9
static/public/stylesheet.css
Normal file
9
static/public/stylesheet.css
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user