chen
/
flying-monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: chen:0d604cc8e1cd937af8d6ed48e80af98c093f3b01
Branches Tags
chen:master
..
compare: chen:d6af98ea952763bd4cd637ee040e9e7d66bea89e
Branches Tags
chen:master

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

2 changed files with 201 additions and 71 deletions
Show Stats Expand all files Collapse all files

262
pages/dataQuery/projectDetails.vue
View File

@ -230,12 +230,99 @@
维修追踪 维修追踪
</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> </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>
@ -481,69 +568,113 @@
left: 0rpx; left: 0rpx;
} }
.record-content { .record-content {
padding: 0 52rpx;
padding-top: 33rpx; padding: 0 52rpx;
padding-bottom: 40rpx; padding-top: 33rpx;
background-color: #FFFFFF; overflow: hidden;
} 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; margin-bottom: 40rpx;
padding-top: 20rpx; }
border-left: 2rpx solid #999999;
.record-content .list .li .icon {
width: 14rpx;
height: 14rpx;
margin-right: 50rpx;
border-radius: 50%;
background-color: #999999;
margin-left: 5rpx;
position: relative;
}
.record-content .list .li .icon::after {
content: "";
width: 2rpx;
position: absolute;
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;
}
.record-content .list .on .icon .icon-con {
background-color: #0084ff;
width: 13rpx;
height: 13rpx;
border-radius: 50%;
}
.record-content .list .on .icon::after {
content: "";
width: 2rpx;
position: absolute;
left: 9rpx;
height: 170rpx;
z-index: -1;
background-color: #0084ff;
top: 20rpx;
}
.record-content .list .on .con {
display: block;
color: #0084ff;
}
.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;
}
}
.record-content .list .li::before {
content: '';
display: block;
position: absolute;
left: -8rpx;
width: 14rpx;
height: 14rpx;
background-color: #999999;
border-radius: 100%;
}x
.record-content .list .activeTrack {
color: #0084ff;
padding-top: 0rpx;
}
.record-content .list .activeTrack::before {
background-color: rgba(0,132,255,.5);
top: -4rpx;
width: 22rpx;
height: 22rpx;
left: -12rpx;
z-index: 1;
}
.record-content .list .activeTrack::after {
content: '';
display: block;
position: absolute;
top: 0;
left: -8rpx;
width: 14rpx;
height: 14rpx;
background-color: #999999;
border-radius: 100%;
}
.record-content .list .activeTrack .line-h60 {
margin-top: -26rpx;
margin-bottom: 20rpx;
}
.record-content .list .date {
margin-left: 20rpx;
}
.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>

2
pages/dataQuery/projectQuery.vue
View File

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