Compare commits

..

No commits in common. "0d604cc8e1cd937af8d6ed48e80af98c093f3b01" and "d6af98ea952763bd4cd637ee040e9e7d66bea89e" have entirely different histories.

2 changed files with 201 additions and 71 deletions

View File

@ -230,10 +230,97 @@
维修追踪 维修追踪
</view> </view>
<view class="list"> <view class="list">
<view class="li pad-z40 fon27 col9" :class="index==0 ? 'activeTrack' : ''" v-for="(item,index) in 10" :key="index"> <view class="li on">
<view class="disac fw line-h60"> <view class="icon">
<view class="text">部分模组不显示故障陈志远已处理</view> <view class="icon-con">
<view class="date">2020-05-15 16:00</view>
</view>
</view>
<view class="con">
<view class="text clips1">
黑屏故障 某某已处理
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text clips1">
黑屏故障 某某已处理
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text clips1">
黑屏故障 某某已处理
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text clips1">
黑屏故障 某某已处理
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text clips1">
黑屏故障 某某已处理
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text">
黑屏故障 某某已处理
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text clips1">
黑屏故障 某某已处理
</view>
<view class="date">
2020-05-15 16:00
</view>
</view> </view>
</view> </view>
</view> </view>
@ -482,68 +569,112 @@
} }
.record-content { .record-content {
padding: 0 52rpx;
padding: 0 52rpx;
padding-top: 33rpx; padding-top: 33rpx;
padding-bottom: 40rpx; overflow: hidden;
background-color: #FFFFFF; background-color: #FFFFFF;
padding-bottom: 43rpx;
} }
.record-content .title { .record-content .title {
color: #333333; color: #333333;
margin-left: 12rpx; margin-left: 12rpx;
font-size: 30rpx; font-size: 24rpx;
margin-bottom: 40rpx; margin-bottom: 33rpx;
} }
.record-content .list .li { .record-content .list .li {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: 20rpx; margin-bottom: 40rpx;
border-left: 2rpx solid #999999;
} }
.record-content .list .li::before {
content: ''; .record-content .list .li .icon {
display: block;
position: absolute;
left: -8rpx;
width: 14rpx; width: 14rpx;
height: 14rpx; height: 14rpx;
margin-right: 50rpx;
border-radius: 50%;
background-color: #999999; background-color: #999999;
border-radius: 100%; margin-left: 5rpx;
}x position: relative;
.record-content .list .activeTrack {
color: #0084ff;
padding-top: 0rpx;
} }
.record-content .list .activeTrack::before {
background-color: rgba(0,132,255,.5); .record-content .list .li .icon::after {
top: -4rpx; content: "";
width: 22rpx; width: 2rpx;
height: 22rpx; position: absolute;
left: -12rpx; left: 7rpx;
height: 102rpx;
background-color: #999999;
top: 14rpx;
}
.record-content .list .li .icon:last-child::after {
content: "";
width: 2rpx;
position: absolute;
left: 7rpx;
height: 102rpx;
background-color: #999999;
top: 14rpx;
;
}
.record-content .list .li .con {
display: flex;
align-items: center;
font-size: 26rpx;
color: #999999;
}
.record-content .list .on .icon {
background-color: #5caefb;
width: 21rpx;
height: 21rpx;
margin-left: 1rpx;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1; z-index: 1;
} }
.record-content .list .activeTrack::after {
content: ''; .record-content .list .on .icon .icon-con {
display: block; background-color: #0084ff;
width: 13rpx;
height: 13rpx;
border-radius: 50%;
}
.record-content .list .on .icon::after {
content: "";
width: 2rpx;
position: absolute; position: absolute;
top: 0; left: 9rpx;
left: -8rpx; height: 170rpx;
width: 14rpx; z-index: -1;
height: 14rpx; background-color: #0084ff;
background-color: #999999; top: 20rpx;
border-radius: 100%;
} }
.record-content .list .activeTrack .line-h60 {
margin-top: -26rpx; .record-content .list .on .con {
margin-bottom: 20rpx; display: block;
color: #0084ff;
} }
.record-content .list .date {
margin-left: 20rpx; .record-content .list .on .con .text {
margin-bottom: 35rpx;
} }
.record-content .list .on .con .date {
margin-bottom: 35rpx;
}
.record-content .list .on {
align-items: flex-start;
}
.project-materials-title { .project-materials-title {
display: flex; display: flex;
color: #00a2e9; color: #00a2e9;
@ -574,5 +705,4 @@
width: 16%; width: 16%;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -120,7 +120,7 @@
methods: { methods: {
projectDetailsFun(){ projectDetailsFun(){
uni.navigateTo({ uni.navigateTo({
url:"/pages/dataQuery/projectDetails" url:"/pages/project/details"
}) })
}, },
// //