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
| <template>
| <div :class="itemClass + ' p-v-4 font-small'">
| <div>
| <!-- <el-row justify="center"> -->
| <el-text class="w-200" size="default" truncated>
| {{ name }}
| </el-text>
| <!-- </el-row> -->
| </div>
| <el-row justify="space-between">
| <el-tag type="primary" size="small" effect="plain">
| {{ district }}
| </el-tag>
| <div>{{ planTime }}</div>
| <!-- <div>| {{ startTime }} | {{ endTime }}</div> -->
| <div>{{ userName }}</div>
| <!-- <div>{{ status }}</div> -->
| <!-- <el-button type="primary">queding</el-button> -->
| </el-row>
| </div>
| </template>
|
| <script>
| /**
| * 巡查子任务执行状态信息
| */
| export default {
| props: {
| index: Number,
| name: String,
| district: String,
| planTime: String,
| startTime: String,
| endTime: String,
| userName: String,
| status: String
| },
| data() {
| return {}
| },
| watch: {},
| computed: {
| itemClass() {
| return this.index % 2 == 0 ? 'wrapper-even' : 'wrapper-odd'
| }
| },
| methods: {}
| }
| </script>
|
| <style scoped>
| .wrapper-odd {
| background-color: aliceblue;
| }
|
| .wrapper-even {
| /* background-color: aliceblue; */
| }
| </style>
|
|
