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-text class="w-200" size="default" truncated>
| {{ name }}
| </el-text>
| </div>
| <el-row justify="space-between">
| <div>{{ type }}</div>
| <!-- <el-text size="small"> {{ type }} </el-text> -->
| <el-progress
| class="w-150"
| :percentage="(checked / total) * 100"
| status="warning"
| striped
| striped-flow
| >
| <span>{{ checked + '/' + total }}</span>
| </el-progress>
| </el-row>
| </div>
| </template>
|
| <script>
| /**
| * 巡查子任务问题审核状态信息
| */
| export default {
| props: {
| index: Number,
| name: String,
| district: String,
| planTime: String,
| type: String,
| total: Number,
| checked: Number
| },
| 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>
|
|
