no message
This commit is contained in:
64
components/time-line/index.js
Normal file
64
components/time-line/index.js
Normal file
@@ -0,0 +1,64 @@
|
||||
var e = require("../../common/vendor.js"),
|
||||
t = require("../../enums/index.js"),
|
||||
n = {
|
||||
__name: "index",
|
||||
props: {
|
||||
data: { type: Array, default: [] },
|
||||
type: { type: String, default: "" },
|
||||
},
|
||||
setup: function (n) {
|
||||
return function (a, r) {
|
||||
return {
|
||||
a: e.f(n.data, function (a, r, i) {
|
||||
return e.e(
|
||||
{ a: r !== n.data.length - 1 && n.data.length > 1 },
|
||||
(r !== n.data.length - 1 && n.data.length, {}),
|
||||
n.type === e.unref(t.TimeLineEnum).MILEAGE
|
||||
? e.e(
|
||||
{
|
||||
b: e.t(a.date),
|
||||
c: e.t(a.mile),
|
||||
d: a.important ? 1 : "",
|
||||
e: a.important,
|
||||
},
|
||||
(a.important, {}),
|
||||
{ f: r === n.data.length - 1 ? 1 : "" }
|
||||
)
|
||||
: {},
|
||||
n.type === e.unref(t.TimeLineEnum).RECORD
|
||||
? e.e(
|
||||
{ g: e.t(a.date), h: a.amount },
|
||||
a.amount ? { i: e.t(a.amount) } : {},
|
||||
{ j: a.mile },
|
||||
a.mile ? { k: e.t(a.mile) } : {},
|
||||
{ l: a.detail || a.other },
|
||||
a.detail || a.other
|
||||
? { m: e.t(a.detail || "-"), n: e.t(a.other || "-") }
|
||||
: {},
|
||||
{ o: a.type || a.remark },
|
||||
a.type || a.remark
|
||||
? { p: e.t(a.type || "-"), q: e.t(a.remark || "-") }
|
||||
: {}
|
||||
)
|
||||
: {},
|
||||
n.type === e.unref(t.TimeLineEnum).VIOLATION
|
||||
? {
|
||||
r: e.t(a.date),
|
||||
s: e.t(a.location),
|
||||
t: e.t(a.reason),
|
||||
v: e.t(a.score),
|
||||
w: e.t(a.pay),
|
||||
}
|
||||
: {},
|
||||
{ x: r }
|
||||
);
|
||||
}),
|
||||
b: n.type === e.unref(t.TimeLineEnum).MILEAGE,
|
||||
c: n.type === e.unref(t.TimeLineEnum).RECORD,
|
||||
d: n.type === e.unref(t.TimeLineEnum).VIOLATION,
|
||||
};
|
||||
};
|
||||
},
|
||||
},
|
||||
a = e._export_sfc(n, [["__scopeId", "data-v-03179962"]]);
|
||||
wx.createComponent(a);
|
||||
1
components/time-line/index.json
Normal file
1
components/time-line/index.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "component": true, "usingComponents": {} }
|
||||
88
components/time-line/index.wxml
Normal file
88
components/time-line/index.wxml
Normal file
@@ -0,0 +1,88 @@
|
||||
<view class="content data-v-03179962">
|
||||
<view class="item data-v-03179962" wx:for="{{a}}" wx:key="x">
|
||||
<view class="dot data-v-03179962"></view>
|
||||
<view class="tail data-v-03179962" wx:if="{{item.a}}"></view>
|
||||
<view class="body data-v-03179962">
|
||||
<view
|
||||
class="{{['mileage-content','data-v-03179962',item.f&&'last']}}"
|
||||
wx:if="{{b}}"
|
||||
>
|
||||
<view class="date data-v-03179962">{{item.b}}</view>
|
||||
<view class="{{['unit','data-v-03179962',item.d&&'important']}}"
|
||||
>{{item.c}}公里
|
||||
</view>
|
||||
<image
|
||||
class="wraning data-v-03179962"
|
||||
src="/static/svgs/icon_warning_1.svg"
|
||||
wx:if="{{item.e}}"
|
||||
></image>
|
||||
</view>
|
||||
<view class="record-content data-v-03179962" wx:if="{{c}}">
|
||||
<view class="title data-v-03179962">
|
||||
<view class="data-v-03179962">{{item.g}}</view>
|
||||
<view class="data-v-03179962" wx:if="{{item.h}}">{{item.i}}元</view>
|
||||
<view class="data-v-03179962" wx:if="{{item.j}}">{{item.k}}公里</view>
|
||||
</view>
|
||||
<view class="record-info data-v-03179962" wx:if="{{item.l}}">
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>明细:</text
|
||||
>
|
||||
{{item.m}}</text
|
||||
>
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>材料:</text
|
||||
>
|
||||
{{item.n}}</text
|
||||
>
|
||||
</view>
|
||||
<view class="record-info data-v-03179962" wx:if="{{item.o}}">
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>类型:</text
|
||||
>
|
||||
{{item.p}}</text
|
||||
>
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>备注:</text
|
||||
>
|
||||
{{item.q}}</text
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<view class="record-content data-v-03179962" wx:if="{{d}}">
|
||||
<view class="title data-v-03179962">
|
||||
<view class="data-v-03179962">{{item.r}}</view>
|
||||
</view>
|
||||
<view class="record-info data-v-03179962">
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>地点:</text
|
||||
>
|
||||
{{item.s}}</text
|
||||
>
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>原因:</text
|
||||
>
|
||||
{{item.t}}</text
|
||||
>
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>扣分:</text
|
||||
>
|
||||
{{item.v}}</text
|
||||
>
|
||||
<text class="data-v-03179962">
|
||||
<text class="data-v-03179962" style="font-weight: bold"
|
||||
>付款:</text
|
||||
>
|
||||
{{item.w}}</text
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
89
components/time-line/index.wxss
Normal file
89
components/time-line/index.wxss
Normal file
@@ -0,0 +1,89 @@
|
||||
.content.data-v-03179962 {
|
||||
padding-top: 40rpx;
|
||||
}
|
||||
.content .item.data-v-03179962 {
|
||||
align-items: flex-start;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
}
|
||||
.content .item .dot.data-v-03179962 {
|
||||
background-color: #1f68e9;
|
||||
border-radius: 100%;
|
||||
height: 20rpx;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
width: 20rpx;
|
||||
z-index: 10;
|
||||
}
|
||||
.content .item .tail.data-v-03179962 {
|
||||
background-color: #e4e7ed;
|
||||
height: 100%;
|
||||
left: 8rpx;
|
||||
position: absolute;
|
||||
top: 20rpx;
|
||||
width: 4rpx;
|
||||
z-index: 9;
|
||||
}
|
||||
.content .item .body.data-v-03179962 {
|
||||
font-size: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.content .item .body .mileage-content.data-v-03179962 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 30rpx;
|
||||
padding-left: 30rpx;
|
||||
position: relative;
|
||||
}
|
||||
.content .item .body .mileage-content.last.data-v-03179962 {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.content .item .body .mileage-content .date.data-v-03179962 {
|
||||
color: #9a9a9a;
|
||||
}
|
||||
.content .item .body .mileage-content .unit.data-v-03179962 {
|
||||
color: #000;
|
||||
}
|
||||
.content .item .body .mileage-content .unit.important.data-v-03179962 {
|
||||
color: #ff7038;
|
||||
}
|
||||
.content .item .body .mileage-content .wraning.data-v-03179962 {
|
||||
height: 28rpx;
|
||||
left: 210rpx;
|
||||
position: absolute;
|
||||
top: 5rpx;
|
||||
width: 28rpx;
|
||||
}
|
||||
.content .item .body .record-content.data-v-03179962 {
|
||||
font-size: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
padding-left: 30rpx;
|
||||
}
|
||||
.content .item .body .record-content .title.data-v-03179962 {
|
||||
align-items: center;
|
||||
color: #515151;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-weight: 700;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.content .item .body .record-content .record-info.data-v-03179962 {
|
||||
background-color: #eaf1f8;
|
||||
border-radius: 6rpx;
|
||||
color: #515151;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 42rpx;
|
||||
margin-top: 20rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.content .item .body .record-content .record-info .title.data-v-03179962 {
|
||||
font-weight: 700;
|
||||
}
|
||||
Reference in New Issue
Block a user