Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
H
hls-webapp-cli
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
heasy
hls-webapp-cli
Commits
7cd8fb7d
Commit
7cd8fb7d
authored
Jun 26, 2019
by
Nature
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修复scroll滑动问题
parent
b8b587ff
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
631 additions
and
560 deletions
+631
-560
contract-mainten-list.vue
...es/applications/contractMainten/contract-mainten-list.vue
+301
-278
contract-sign-list.vue
...rc/pages/applications/contractSign/contract-sign-list.vue
+301
-278
prjBpInfo.vue
template/src/pages/applications/projectManager/prjBpInfo.vue
+14
-2
prjMaintenList.vue
.../src/pages/applications/projectManager/prjMaintenList.vue
+14
-1
yarn.lock
template/yarn.lock
+1
-1
No files found.
template/src/pages/applications/contractMainten/contract-mainten-list.vue
View file @
7cd8fb7d
<
template
>
<
template
>
<h-view
class=
"public-style contract-mainten-list"
style=
"height:100%;"
title=
"合同维护"
>
<h-view
class=
"public-style contract-mainten-list"
title=
"合同维护"
>
<s-tab
position=
"top"
class=
"my-height"
@
tabClick=
"switchTab"
>
<h-content
class=
"scroll-content"
>
<s-tab
@
tabClick=
"switchTab"
>
<tab-item>
本年
</tab-item>
<tab-item>
本年
</tab-item>
<tab-item>
本季
</tab-item>
<tab-item>
本季
</tab-item>
<tab-item>
本月
</tab-item>
<tab-item>
本月
</tab-item>
</s-tab>
</s-tab>
<h-content
class=
"scroll-content"
>
<div
class=
"info-board"
>
<div
class=
"top-part"
>
<div
class=
"board-line"
>
<div
class=
"client"
>
<div
class=
"ionic-img"
>
<div
class=
"client-img"
>
<img
src=
"@/assets/image/contractMainten/total@2x.png"
>
<img
src=
"../../../assets/image/contractMainten/total@2x.png"
>
</div>
</div>
<div
class=
"
statistics
"
>
合同总计
</div>
<div
class=
"
text
"
>
合同总计
</div>
</div>
</div>
<div
class=
"
total-num"
>
\
{{
infoShow
.
contract_count
}}
<span
class=
"measure"
>
个
</span></div>
<div
class=
"
board-line"
><span>
\
{{
infoShow
.
contract_count
}}
</span><span
>
个
</span></div>
<div
class=
"
list-general
"
>
<div
class=
"
board-line
"
>
<div
class=
"
enterprise
"
>
<div
class=
"
board-block
"
>
<div
class=
"
list-nam
e"
>
新建
</div>
<div
class=
"
typ
e"
>
新建
</div>
<div
class=
"
list-num"
>
\
{{
infoShow
.
new_count
}}
<span
class=
"sum-num"
>
个
</span>
</div>
<div
class=
"
number"
><span>
\
{{
infoShow
.
new_count
}}
</span>
个
</div>
</div>
</div>
<div
class=
"
enterprise
"
>
<div
class=
"
board-block
"
>
<div
class=
"
list-nam
e"
>
签约
</div>
<div
class=
"
typ
e"
>
签约
</div>
<div
class=
"
list-num"
>
\
{{
infoShow
.
sign_count
}}
<span
class=
"sum-num"
>
个
</span>
</div>
<div
class=
"
number"
><span>
\
{{
infoShow
.
sign_count
}}
</span>
个
</div>
</div>
</div>
<div
class=
"enterprise"
>
<div
class=
"list-name"
>
审批中
</div>
<div
class=
"board-block"
>
<div
class=
"list-num"
>
\
{{
infoShow
.
incept_count
}}
<span
class=
"sum-num"
>
个
</span></div>
<div
class=
"type"
>
审批中
</div>
<div
class=
"number"
><span>
\
{{
infoShow
.
incept_count
}}
</span>
个
</div>
</div>
</div>
<div
class=
"enterprise"
>
<div
class=
"list-name"
>
拒绝
</div>
<div
class=
"board-block"
>
<div
class=
"list-num"
>
\
{{
infoShow
.
overdue_count
}}
<span
class=
"sum-num"
>
个
</span></div>
<div
class=
"type"
>
拒绝
</div>
<div
class=
"number"
><span>
\
{{
infoShow
.
overdue_count
}}
</span>
个
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"search"
>
<div
class=
"search"
>
<div
class=
"searchInput"
>
<div
class=
"searchInput"
>
<div
class=
"searchIcon"
>
<div
class=
"img-box"
><img
src=
"@/assets/image/contractMainten/search@2x.png"
></div>
<div
class=
"img-box"
><img
src=
"../../../assets/image/contractMainten/search@2x.png"
></div>
</div>
<input
<input
v-model=
"searchCondition.input"
placeholder=
"请输入合同编号/承租人名称"
v-model=
"searchCondition.input"
placeholder=
"请输入合同编号/承租人名称"
@
input=
"detectSearchCondition()"
>
@
input=
"detectSearchCondition()"
>
</div>
</div>
<div
class=
"filterIcon"
@
click=
"detectSearchCondition()"
>
<img
src=
"../../../assets/image/contractMainten/filter@2x.png"
>
</div>
</div>
</div>
<scroll
<scroll
ref=
"scroll"
ref=
"scroll"
...
@@ -55,15 +52,14 @@
...
@@ -55,15 +52,14 @@
@
pullingUp=
"loadMore"
>
@
pullingUp=
"loadMore"
>
<list-item
:item-height=
"80"
>
<list-item
:item-height=
"80"
>
<item
<item
v-for=
"(list,index) in con_list"
v-for=
"(list,index) in con_list"
:key=
"index"
:proportion=
"[5,1]"
:show-arrow=
"true"
:has-border=
"false"
:key=
"index"
:proportion=
"[5,1]"
:show-arrow=
"true"
@
click
.
native=
"goContractMainten(list)"
>
@
click
.
native=
"goContractMainten(list)"
>
<img
slot=
"left-icon"
src=
"
../../..
/assets/image/contractMainten/item@2x.png"
class=
"left-icon"
>
<img
slot=
"left-icon"
src=
"
@
/assets/image/contractMainten/item@2x.png"
class=
"left-icon"
>
<div
slot=
"name"
class=
"text"
>
<div
slot=
"name"
class=
"text"
>
<div
class=
"cont-name"
>
合同编号:\
{{
list
.
contract_number
}}
</div>
<div
class=
"cont-name"
style=
"font-size: 16px;color: #5D98F6"
>
合同编号:\
{{
list
.
contract_number
}}
</div>
<div
class=
"cont-type"
>
承租人名称:\
{{
list
.
bp_id_tenant_n
}}
</div>
<div
class=
"cont-type"
style=
"color: #8C8C8C;"
>
承租人名称:\
{{
list
.
bp_id_tenant_n
}}
</div>
<div
class=
"cont-type"
>
单据类别:\
{{
list
.
document_type_n
}}
</div>
<div
class=
"cont-type"
style=
"color: #8C8C8C;"
>
单据类别:\
{{
list
.
document_type_n
}}
</div>
<div
class=
"cont-type"
>
合同创建日期:\
{{
list
.
creation_date
}}
</div>
<div
class=
"cont-type"
style=
"color: #8C8C8C;"
>
合同创建日期:\
{{
list
.
creation_date
}}
</div>
</div>
</div>
</item>
</item>
</list-item>
</list-item>
...
@@ -73,7 +69,7 @@
...
@@ -73,7 +69,7 @@
</
template
>
</
template
>
<
script
>
<
script
>
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
con_list
:
[],
con_list
:
[],
...
@@ -197,170 +193,197 @@ export default {
...
@@ -197,170 +193,197 @@ export default {
})
})
},
},
},
},
}
}
</
script
>
</
script
>
<
style
lang=
"less"
rel=
"stylesheet"
>
<
style
lang=
"less"
rel=
"stylesheet"
>
.contract-mainten-list {
.contract-mainten-list {
.scroll-content{
.scroll-content{
position: absolute;
position: absolute;
top: 40px;
top: 0;
right: 0;
bottom: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
height: auto;
overflow: hidden;
overflow: hidden;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow-scrolling: touch;
}
}
.content {
.content-scroll{
top:225px;
}
.content{
overflow: hidden;
}
.hls-switch-tab .tab-content .h-tab-item .h-item {
width: 100%;
}
.hls-switch-tab {
position: relative;
}
.info-board {
background-color: #FFF;
background-color: #FFF;
padding-top: 0;
.top-part{
.board-line {
background-color: #FFFFFF;
padding:12px 0 10px 0;
.client{
display: flex;
display: flex;
.client-img{
display: -webkit-flex;
margin:0 5px 0 15px;
padding-top: 10px;
img{
justify-content: space-between;
width:17px;
-webkit-justify-content: space-between;
height: 15px;
font-size: 13px;
line-height: 18px;
padding-bottom: 6px;
&:before {
content: '';
}
}
&:after {
content: '';
}
}
.statistics{
font-size: 14px;
&:first-child {
line-height: 16px
;
justify-content: flex-start
;
color: #363636
;
-webkit-justify-content: flex-start
;
}
}
&:nth-child(2) {
justify-content: center;
-webkit-justify-content: center;
}
}
.total-num{
.ionic-img {
margin-left: 11px;
margin-right: 4px;
width: 17px;
height: 15px;
img {
height: 100%;
width: 100%;
width: 100%;
padding: 10px 0 25px 0;
border: none;
}
}
.text {
font-size: @font-size-middle;
}
span {
font-size: 26px;
font-size: 26px;
color: #FF8877;
color: #FF8877;
display: fle
x;
margin-right: 2p
x;
justify-content: center;
.measure
{
&:nth-child(2)
{
font-size:
13px
;
font-size:
@font-size-small
;
color: #313131;
color: #313131;
padding:5px;
margin-top: 5px;
margin-left: 2px;
}
}
}
}
.list-general{
.board-block {
height: 100%;
width: 100%;
width: 100%;
display: flex;
text-align: center;
justify-content: center;
.enterprise{
.number {
width: 25%;
span {
display: flex;
font-size: @font-size-middle;
text-align:center;
margin-right: 2px;
flex-direction: column;
.list-name{
font-size: 13px;
color: #313131;
}
.list-num{
padding-top: 6px;
font-size: 14px;
color: #FF8877;
.sum-num{
font-size: 12px;
line-height: 17px;
color: #313131;
padding-left: 2px;
}
}
}
}
}
}
}
}
}
}
.search {
.search {
display: flex;
display: flex;
display: -webkit-flex;
height: 50px;
height:50px;
background-color: #FFF;
background-color: #FFFFFF;
margin-top: 10px;
// margin-top: 10px;
// margin-bottom: 10px;
.searchInput {
.searchInput {
display: flex;
display: flex;
display: -webkit-flex;
display: -webkit-flex;
height: 33px;
height: 33px;
border: 1px solid @headerColor;
border: 1px solid #5D98F6; /*no*/
margin-left: 10px;
margin: 7px 10px;
margin-top: 7px;
margin-bottom: 7px;
width: 100%;
width: 100%;
display: flex;
display: flex;
display: -webkit-flex;
align-items: center;
align-items: center;
-webkit-align-items: center;
-webkit-align-items: center;
.img-box {
.img-box {
height: 17px;
height: 17px;
border-right: 1px solid @headerColor;
border-right: 1px solid #5D98F6; /*no*/
padding: 2px 0;
padding: 2px 0;
margin-left: 10px;
margin-left: 10px;
img {
img {
width: 50%;
margin-right: 5px;
margin-right: 5px;
width: 15px;
}
}
}
}
input {
input {
width: 8
0%;
width: 10
0%;
font-size: 13px;
font-size: 13px;
height: 17px;
height: 17px;
line-height: 17px;
line-height: 17px;
border: none;
border: none;
margin-top: 3px;
margin-top: 3px;
margin-bottom: 4px;
margin-bottom: 4px;
padding-left: 10
px;
padding-left: 11
px;
}
}
}
}
.filterIcon {
width: 38px;
height: 33px;
background-color: @headerColor;
margin: 7px 10px 0px 10px;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
img {
width: 50%;
}
}
.vue-better-scroll {
// top: 226px;
}
}
.vue-better-scroll__wrapper {
margin-top: 10px;
}
}
.hls-item {
.hls-item {
&:nth-child(odd)
{
&:nth-child(odd)
{
background-color: #EFF1F3;
background-color: #EFF1F3;
}
}
&:nth-child(even){
&:nth-child(even) {
background-color: #fff;
background-color: #fff;
}
}
.contents {
.contents .add-name {
.add-name {
.cont-name{
.left-icon {
font-size: 15px;
width: 34px;
line-height: 21px;
color: @headerColor;
}
}
.cont-type{
.text {
margin-left: 15px;
.cont {
margin-top: 5px;
font-size: 13px;
font-size: 13px;
line-height: 18px;
line-height: 18px;
color: #888;
}
&:first-child {
.left-icon{
margin-top: 0;
width: 10%;
}
}
}
}
.cont-num {
margin-top: 8px;
font-size: 15px;
line-height: 21px;
color: #5D98F6;
}
}
}
}
}
}
.content-scroll{
top: 210px;
}
}
}
}
</
style
>
</
style
>
template/src/pages/applications/contractSign/contract-sign-list.vue
View file @
7cd8fb7d
<
template
>
<
template
>
<h-view
class=
"public-style contract-sign-list"
style=
"height:100%;"
title=
"合同签约"
>
<h-view
class=
"public-style contract-sign-list"
title=
"合同签约"
>
<s-tab
position=
"top"
class=
"my-height"
@
tabClick=
"switchTab"
>
<h-content
class=
"scroll-content"
>
<s-tab
@
tabClick=
"switchTab"
>
<tab-item>
本年
</tab-item>
<tab-item>
本年
</tab-item>
<tab-item>
本季
</tab-item>
<tab-item>
本季
</tab-item>
<tab-item>
本月
</tab-item>
<tab-item>
本月
</tab-item>
</s-tab>
</s-tab>
<h-content
class=
"scroll-content"
>
<div
class=
"info-board"
>
<div
class=
"top-part"
>
<div
class=
"board-line"
>
<div
class=
"client"
>
<div
class=
"ionic-img"
>
<div
class=
"client-img"
>
<img
src=
"@/assets/image/contractMainten/total@2x.png"
>
<img
src=
"../../../assets/image/contractMainten/total@2x.png"
>
</div>
</div>
<div
class=
"
statistics
"
>
合同总计
</div>
<div
class=
"
text
"
>
合同总计
</div>
</div>
</div>
<div
class=
"
total-num"
>
\
{{
infoShow
.
contract_count
}}
<span
class=
"measure"
>
个
</span></div>
<div
class=
"
board-line"
><span>
\
{{
infoShow
.
contract_count
}}
</span><span
>
个
</span></div>
<div
class=
"
list-general
"
>
<div
class=
"
board-line
"
>
<div
class=
"
enterprise
"
>
<div
class=
"
board-block
"
>
<div
class=
"
list-nam
e"
>
新建
</div>
<div
class=
"
typ
e"
>
新建
</div>
<div
class=
"
list-num"
>
\
{{
infoShow
.
new_count
}}
<span
class=
"sum-num"
>
个
</span>
</div>
<div
class=
"
number"
><span>
\
{{
infoShow
.
new_count
}}
</span>
个
</div>
</div>
</div>
<div
class=
"
enterprise
"
>
<div
class=
"
board-block
"
>
<div
class=
"
list-nam
e"
>
签约
</div>
<div
class=
"
typ
e"
>
签约
</div>
<div
class=
"
list-num"
>
\
{{
infoShow
.
sign_count
}}
<span
class=
"sum-num"
>
个
</span>
</div>
<div
class=
"
number"
><span>
\
{{
infoShow
.
sign_count
}}
</span>
个
</div>
</div>
</div>
<div
class=
"enterprise"
>
<div
class=
"list-name"
>
审批中
</div>
<div
class=
"board-block"
>
<div
class=
"list-num"
>
\
{{
infoShow
.
incept_count
}}
<span
class=
"sum-num"
>
个
</span></div>
<div
class=
"type"
>
审批中
</div>
<div
class=
"number"
><span>
\
{{
infoShow
.
incept_count
}}
</span>
个
</div>
</div>
</div>
<div
class=
"enterprise"
>
<div
class=
"list-name"
>
拒绝
</div>
<div
class=
"board-block"
>
<div
class=
"list-num"
>
\
{{
infoShow
.
overdue_count
}}
<span
class=
"sum-num"
>
个
</span></div>
<div
class=
"type"
>
拒绝
</div>
<div
class=
"number"
><span>
\
{{
infoShow
.
overdue_count
}}
</span>
个
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"search"
>
<div
class=
"search"
>
<div
class=
"searchInput"
>
<div
class=
"searchInput"
>
<div
class=
"searchIcon"
>
<div
class=
"img-box"
><img
src=
"@/assets/image/contractMainten/search@2x.png"
></div>
<div
class=
"img-box"
><img
src=
"../../../assets/image/contractMainten/search@2x.png"
></div>
</div>
<input
<input
v-model=
"searchCondition.input"
placeholder=
"请输入合同编号/承租人名称"
v-model=
"searchCondition.input"
placeholder=
"请输入合同编号/承租人名称"
@
input=
"detectSearchCondition()"
>
@
input=
"detectSearchCondition()"
>
</div>
</div>
<div
class=
"filterIcon"
@
click=
"detectSearchCondition()"
>
<img
src=
"../../../assets/image/contractMainten/filter@2x.png"
>
</div>
</div>
</div>
<scroll
<scroll
ref=
"scroll"
ref=
"scroll"
...
@@ -55,15 +52,14 @@
...
@@ -55,15 +52,14 @@
@
pullingUp=
"loadMore"
>
@
pullingUp=
"loadMore"
>
<list-item
:item-height=
"80"
>
<list-item
:item-height=
"80"
>
<item
<item
v-for=
"(list,index) in con_list"
v-for=
"(list,index) in con_list"
:key=
"index"
:proportion=
"[5,1]"
:show-arrow=
"true"
:has-border=
"false"
:key=
"index"
:proportion=
"[5,1]"
:show-arrow=
"true"
@
click
.
native=
"goContractMainten(list)"
>
@
click
.
native=
"goContractMainten(list)"
>
<img
slot=
"left-icon"
src=
"
../../..
/assets/image/contractMainten/item@2x.png"
class=
"left-icon"
>
<img
slot=
"left-icon"
src=
"
@
/assets/image/contractMainten/item@2x.png"
class=
"left-icon"
>
<div
slot=
"name"
class=
"text"
>
<div
slot=
"name"
class=
"text"
>
<div
class=
"cont-name"
>
合同编号:\
{{
list
.
contract_number
}}
</div>
<div
class=
"cont-name"
style=
"font-size: 16px;color: #5D98F6"
>
合同编号:\
{{
list
.
contract_number
}}
</div>
<div
class=
"cont-type"
>
承租人名称:\
{{
list
.
bp_id_tenant_n
}}
</div>
<div
class=
"cont-type"
style=
"color: #8C8C8C;"
>
承租人名称:\
{{
list
.
bp_id_tenant_n
}}
</div>
<div
class=
"cont-type"
>
单据类别:\
{{
list
.
document_type_n
}}
</div>
<div
class=
"cont-type"
style=
"color: #8C8C8C;"
>
单据类别:\
{{
list
.
document_type_n
}}
</div>
<div
class=
"cont-type"
>
合同创建日期:\
{{
list
.
creation_date
}}
</div>
<div
class=
"cont-type"
style=
"color: #8C8C8C;"
>
合同创建日期:\
{{
list
.
creation_date
}}
</div>
</div>
</div>
</item>
</item>
</list-item>
</list-item>
...
@@ -73,7 +69,7 @@
...
@@ -73,7 +69,7 @@
</
template
>
</
template
>
<
script
>
<
script
>
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
con_list
:
[],
con_list
:
[],
...
@@ -197,170 +193,197 @@ export default {
...
@@ -197,170 +193,197 @@ export default {
})
})
},
},
},
},
}
}
</
script
>
</
script
>
<
style
lang=
"less"
rel=
"stylesheet"
>
<
style
lang=
"less"
rel=
"stylesheet"
>
.contract-sign-list {
.contract-sign-list {
.scroll-content{
.scroll-content{
position: absolute;
position: absolute;
top: 40px;
top: 0;
right: 0;
bottom: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
height: auto;
overflow: hidden;
overflow: hidden;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow-scrolling: touch;
}
}
.content {
.content-scroll{
top:225px;
}
.content{
overflow: hidden;
}
.hls-switch-tab .tab-content .h-tab-item .h-item {
width: 100%;
}
.hls-switch-tab {
position: relative;
}
.info-board {
background-color: #FFF;
background-color: #FFF;
padding-top: 0;
.top-part{
.board-line {
background-color: #FFFFFF;
padding:12px 0 10px 0;
.client{
display: flex;
display: flex;
.client-img{
display: -webkit-flex;
margin:0 5px 0 15px;
padding-top: 10px;
img{
justify-content: space-between;
width:17px;
-webkit-justify-content: space-between;
height: 15px;
font-size: 13px;
line-height: 18px;
padding-bottom: 6px;
&:before {
content: '';
}
}
&:after {
content: '';
}
}
.statistics{
font-size: 14px;
&:first-child {
line-height: 16px
;
justify-content: flex-start
;
color: #363636
;
-webkit-justify-content: flex-start
;
}
}
&:nth-child(2) {
justify-content: center;
-webkit-justify-content: center;
}
}
.total-num{
.ionic-img {
margin-left: 11px;
margin-right: 4px;
width: 17px;
height: 15px;
img {
height: 100%;
width: 100%;
width: 100%;
padding: 10px 0 25px 0;
border: none;
}
}
.text {
font-size: @font-size-middle;
}
span {
font-size: 26px;
font-size: 26px;
color: #FF8877;
color: #FF8877;
display: fle
x;
margin-right: 2p
x;
justify-content: center;
.measure
{
&:nth-child(2)
{
font-size:
13px
;
font-size:
@font-size-small
;
color: #313131;
color: #313131;
padding:5px;
margin-top: 5px;
margin-left: 2px;
}
}
}
}
.list-general{
.board-block {
height: 100%;
width: 100%;
width: 100%;
display: flex;
text-align: center;
justify-content: center;
.enterprise{
.number {
width: 25%;
span {
display: flex;
font-size: @font-size-middle;
text-align:center;
margin-right: 2px;
flex-direction: column;
.list-name{
font-size: 13px;
color: #313131;
}
.list-num{
padding-top: 6px;
font-size: 14px;
color: #FF8877;
.sum-num{
font-size: 12px;
line-height: 17px;
color: #313131;
padding-left: 2px;
}
}
}
}
}
}
}
}
}
}
.search {
.search {
display: flex;
display: flex;
display: -webkit-flex;
height: 50px;
height:50px;
background-color: #FFF;
background-color: #FFFFFF;
margin-top: 10px;
margin-top: 10px;
// margin-bottom: 10px;
.searchInput {
.searchInput {
display: flex;
display: flex;
display: -webkit-flex;
display: -webkit-flex;
height: 33px;
height: 33px;
border: 1px solid @headerColor;
border: 1px solid #5D98F6; /*no*/
margin-left: 10px;
margin: 7px 10px;
margin-top: 7px;
margin-bottom: 7px;
width: 100%;
width: 100%;
display: flex;
display: flex;
display: -webkit-flex;
align-items: center;
align-items: center;
-webkit-align-items: center;
-webkit-align-items: center;
.img-box {
.img-box {
height: 17px;
height: 17px;
border-right: 1px solid @headerColor;
border-right: 1px solid #5D98F6; /*no*/
padding: 2px 0;
padding: 2px 0;
margin-left: 10px;
margin-left: 10px;
img {
img {
width: 50%;
margin-right: 5px;
margin-right: 5px;
width: 15px;
}
}
}
}
input {
input {
width: 8
0%;
width: 10
0%;
font-size: 13px;
font-size: 13px;
height: 17px;
height: 17px;
line-height: 17px;
line-height: 17px;
border: none;
border: none;
margin-top: 3px;
margin-top: 3px;
margin-bottom: 4px;
margin-bottom: 4px;
padding-left: 10
px;
padding-left: 11
px;
}
}
}
}
.filterIcon {
width: 38px;
height: 33px;
background-color: @headerColor;
margin: 7px 10px 0px 10px;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
img {
width: 50%;
}
}
.vue-better-scroll {
// top: 226px;
}
}
.vue-better-scroll__wrapper {
margin-top: 10px;
}
}
.hls-item {
.hls-item {
&:nth-child(odd)
{
&:nth-child(odd)
{
background-color: #EFF1F3;
background-color: #EFF1F3;
}
}
&:nth-child(even){
&:nth-child(even) {
background-color: #fff;
background-color: #fff;
}
}
.contents {
.contents .add-name {
.add-name {
.cont-name{
.left-icon {
font-size: 15px;
width: 34px;
line-height: 21px;
color: @headerColor;
}
}
.cont-type{
.text {
margin-left: 15px;
.cont {
margin-top: 5px;
font-size: 13px;
font-size: 13px;
line-height: 18px;
line-height: 18px;
color: #888;
}
&:first-child {
.left-icon{
margin-top: 0;
width: 10%;
}
}
}
}
.cont-num {
margin-top: 8px;
font-size: 15px;
line-height: 21px;
color: #5D98F6;
}
}
}
}
}
}
.content-scroll{
top: 215px;
}
}
}
}
</
style
>
</
style
>
template/src/pages/applications/projectManager/prjBpInfo.vue
View file @
7cd8fb7d
...
@@ -84,7 +84,7 @@
...
@@ -84,7 +84,7 @@
</bottom-tab>
</bottom-tab>
<h-modal
ref=
"modal"
v-model=
"showModalValue"
position=
"bottom"
cus-class=
"search-modal"
>
<h-modal
ref=
"modal"
v-model=
"showModalValue"
position=
"bottom"
cus-class=
"search-modal"
>
<h-view>
<h-view
class=
"scroll-content"
>
<h-header
:proportion=
"[1,15,4]"
class=
"bar-custom"
>
<h-header
:proportion=
"[1,15,4]"
class=
"bar-custom"
>
<div
slot=
"center"
class=
"search-shelter"
>
<div
slot=
"center"
class=
"search-shelter"
>
<img
src=
"@/assets/image/projectCreate/search.png"
class=
"search-icon"
>
<img
src=
"@/assets/image/projectCreate/search.png"
class=
"search-icon"
>
...
@@ -101,7 +101,7 @@
...
@@ -101,7 +101,7 @@
ref=
"scroll"
ref=
"scroll"
:updateData=
"[bpList]"
:updateData=
"[bpList]"
:pullUp=
"true"
:pullUp=
"true"
class=
""
class=
"
content-scroll
"
@
pullingUp=
"loadMore"
>
@
pullingUp=
"loadMore"
>
<list-item
:item-height=
"80"
>
<list-item
:item-height=
"80"
>
<item
<item
...
@@ -401,6 +401,18 @@ export default {
...
@@ -401,6 +401,18 @@ export default {
padding-bottom: 80px;
padding-bottom: 80px;
}
}
.search-modal {
.search-modal {
.scroll-content{
position: absolute;
top:0;
bottom: 0;
height: auto;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.content-scroll{
top:44px
}
.search-shelter {
.search-shelter {
height: 30px;
height: 30px;
width: 100%;
width: 100%;
...
...
template/src/pages/applications/projectManager/prjMaintenList.vue
View file @
7cd8fb7d
...
@@ -5,7 +5,7 @@
...
@@ -5,7 +5,7 @@
<
template
>
<
template
>
<h-view
class=
"public-style project-mainten"
title=
"申请维护"
>
<h-view
class=
"public-style project-mainten"
title=
"申请维护"
>
<h-content
class=
""
>
<h-content
class=
"
scroll-content
"
>
<s-tab
@
tabClick=
"changeData"
>
<s-tab
@
tabClick=
"changeData"
>
<tab-item>
本年
</tab-item>
<tab-item>
本年
</tab-item>
<tab-item>
本季
</tab-item>
<tab-item>
本季
</tab-item>
...
@@ -50,6 +50,7 @@
...
@@ -50,6 +50,7 @@
</div>
</div>
<scroll
<scroll
ref=
"scroll"
ref=
"scroll"
class=
"content-scroll"
:updateData=
"[prjList]"
:updateData=
"[prjList]"
:pullUp=
"true"
:pullUp=
"true"
@
pullingUp=
"loadMore"
>
@
pullingUp=
"loadMore"
>
...
@@ -234,6 +235,18 @@ export default {
...
@@ -234,6 +235,18 @@ export default {
<
style
lang=
"less"
>
<
style
lang=
"less"
>
.project-mainten {
.project-mainten {
.scroll-content{
position: absolute;
top:0;
bottom: 0;
height: auto;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.content-scroll{
top:225px;
}
.content{
.content{
overflow: hidden;
overflow: hidden;
}
}
...
...
template/yarn.lock
View file @
7cd8fb7d
...
@@ -3843,7 +3843,7 @@ he@1.2.x, he@^1.1.0:
...
@@ -3843,7 +3843,7 @@ he@1.2.x, he@^1.1.0:
"hls-easy-ui@https://hel.hand-china.com/easyUI/hls-easy-ui.git":
"hls-easy-ui@https://hel.hand-china.com/easyUI/hls-easy-ui.git":
version "0.0.2"
version "0.0.2"
resolved "https://hel.hand-china.com/easyUI/hls-easy-ui.git#
b433d1b61485e60df671921acea7530c7e78e86e
"
resolved "https://hel.hand-china.com/easyUI/hls-easy-ui.git#
a37b6f172b19e7204d940f9e6041bdce4a70beb6
"
dependencies:
dependencies:
autosize "^3.0.20"
autosize "^3.0.20"
better-scroll "^1.10.3"
better-scroll "^1.10.3"
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment