basisCellCard.vue
1.63 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<template>
<view class="basisCellCardCss usuallyCard">
<view class="text-lg">
{{title}}
</view>
<slot></slot>
<view class="flex justify-between margin-top" v-for="(item,index) in list" :key="index">
<view class="w40 text-gray">
{{item.name}}
</view>
<view class="w80 flex justify-end">
<view class="" v-if="item.type === 'tag' && item.value">
<u-tag :text="item.value" :bgColor="item.bgColor" :color="item.color" :borderColor="item.borderColor"></u-tag>
</view>
<view class="" v-else-if="item.type === 'avatar'">
<u-avatar size="30" :src="item.src"></u-avatar>
</view>
<view class="" v-else-if="item.type === 'photoList'">
<u-upload
:fileList="item.value"
name="4"
width="55"
:height="'60px'"
:deletable = "false"
multiple
:disabled="true"
:maxCount="item.value.length"
></u-upload>
</view>
<view class="" v-else-if="item.dict">
{{getDictDataLabel(item.dict,item.value) || '— —'}}
</view>
<view class="" v-else-if="item.mode === 'time'">
{{item.value.slice(0,-9)}}
</view>
<view class="" v-else>
{{item.value}}
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "basisCellCard",
props: {
list: {
type: Array,
default: () => [],
require: true
},
title: {
type: String,
default: "",
},
},
data() {
return {
};
},
methods:{
},
}
</script>
<style lang="scss" scoped>
.basisCellCardCss {
padding: 20px;
}
</style>