|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <uni-card v-for="(val, index) in items" :key="index" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)">
|
|
|
+ <view v-for="(val, index) in items" :key="index" class="mList default-border">
|
|
|
<!-- 基本信息 -->
|
|
|
<view class="d-flex align-center">
|
|
|
<view class="user-avatar">
|
|
@@ -9,7 +9,7 @@
|
|
|
</view>
|
|
|
<view style="flex: 1; margin-left: 10px;">
|
|
|
<view class="d-flex justify-space-between align-center">
|
|
|
- <view class="font-size-18">{{ val.person?.name }}</view>
|
|
|
+ <view class="font-size-18 default-text-color">{{ val.person?.name }}</view>
|
|
|
<view :style="{'color': colorData[val.status]}">
|
|
|
{{ val.status ? statusList.find(i => i.value === val.status)?.label : '' }}
|
|
|
</view>
|
|
@@ -40,10 +40,10 @@
|
|
|
:style="{'color': val?.job?.status === '1' || !actionItems(val)?.length ? '#ccc' : '#00B760'}"
|
|
|
>
|
|
|
<view>更多操作</view>
|
|
|
- <uni-icons type="list" class="ss-m-l-10" size="20" :color="!actionItems(val)?.length ? '#ccc' : '#00B760'"></uni-icons>
|
|
|
+ <uni-icons type="list" class="ss-m-l-10" size="20" :color="val?.job?.status === '1' || !actionItems(val)?.length ? '#ccc' : '#00B760'"></uni-icons>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </uni-card>
|
|
|
+ </view>
|
|
|
|
|
|
|
|
|
<!-- 更多操作 -->
|
|
@@ -189,6 +189,17 @@ const actionItems = (item) => {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
+.mList {
|
|
|
+ border-radius: 12px;
|
|
|
+ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.17);
|
|
|
+ margin: 0 30rpx 20rpx 30rpx;
|
|
|
+ padding: 30rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 28rpx;
|
|
|
+ &:first-child {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
.user-avatar {
|
|
|
position: relative;
|
|
|
&-img {
|