| | |
| | | </div> |
| | | </Card> |
| | | </div> |
| | | <div v-show="current==='5'||current===5" class="sixthCardClass"> |
| | | <Card style="margin: 25px 0;"> |
| | | <Spin v-show="loadingfifth" fix> |
| | | <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon> |
| | | <div>Loading</div> |
| | | </Spin> |
| | | <div style="border-bottom: 1px solid #dcdee2;border-color: #e8eaec;padding: 0 0 12px 12px">请选择科目归属</div> |
| | | </Card> |
| | | </div> |
| | | <div style="text-align: center;margin-bottom: 12px;margin-top: -25px"> |
| | | <Card> |
| | | <Button type="primary" @click="back" style="margin-right: 15px" size="large" :disabled="current=='0'">上一步</Button> |
| | |
| | | // } |
| | | window.addEventListener('scroll',this.setTop,true) |
| | | }, |
| | | destroyed () { |
| | | // 离开该页面需要移除这个监听的事件,不然会报错 |
| | | window.addEventListener('scroll',this.setTop) |
| | | }, |
| | | watch:{ |
| | | FlowId(data){ |
| | | this.current=data-1 |
| | |
| | | console.log(scrollTop) |
| | | let offsetTop=$("#navbar").offset().top; |
| | | console.log(offsetTop) |
| | | if(offsetTop<30||offsetTop===80){ |
| | | if(offsetTop<30){ |
| | | navbar.style.position = "fixed"; |
| | | navbar.style.top = 80 + "px"; |
| | | navbar.style.zIndex=999 |
| | | navbar.style.width="calc(100% - 106px)" |
| | | navbar.style.width="calc(100% - 299px)" |
| | | navbar.style.padding="12px 12px" |
| | | navbar.style.right="28px" |
| | | navbar.style.boxShadow="0 1px 6px rgba(0, 0, 0, 0.2)" |
| | | navbar.style.borderColor='#eee' |
| | | navbar.style.borderBottomLeftRadius="5px" |
| | | navbar.style.borderBottomRightRadius="5px" |
| | | }else{ |
| | | navbar.style.position = "relative"; |
| | | navbar.style.top ="" |
| | | navbar.style.zIndex=999 |
| | | navbar.style.width="auto" |
| | | navbar.style.padding="0" |
| | | navbar.style.right="auto" |
| | | navbar.style.boxShadow="0 1px 6px rgba(0, 0, 0, 0)" |
| | | navbar.style.borderColor='#fff' |
| | | navbar.style.borderBottomLeftRadius="0px" |
| | | navbar.style.borderBottomRightRadius="0px" |
| | | } |
| | | // else{ |
| | | // navbar.style.position = "relative"; |
| | | // navbar.style.top ="auto" |
| | | // navbar.style.zIndex=999 |
| | | // navbar.style.width="auto" |
| | | // navbar.style.padding="0" |
| | | // navbar.style.right="auto" |
| | | // navbar.style.boxShadow="0 1px 6px rgba(0, 0, 0, 0)" |
| | | // navbar.style.borderColor='#fff' |
| | | // navbar.style.borderBottomLeftRadius="0px" |
| | | // navbar.style.borderBottomRightRadius="0px" |
| | | // } |
| | | // navbar.style.position = "fixed"; |
| | | // navbar.style.top = scrollTop + 30 + "px"; |
| | | }, |
| | |
| | | .originClass{ |
| | | border-color:#dcdee2; |
| | | } |
| | | .sixthCardClass .ivu-table-wrapper{ |
| | | overflow: unset; |
| | | } |
| | | .sixthCardClass .ivu-card-body{ |
| | | padding: 12px 0 0 0; |
| | | } |
| | | .firstCardClass .ivu-table-wrapper{ |
| | | overflow: unset; |
| | | } |