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
| <script setup name="hisTest">
| import { ref, reactive } from "vue";
|
| const testTypes = [
| {
| prop: 'hrfd',
| label: '核容放电'
| },
| {
| prop: 'hrcd',
| label: '核容充电'
| },
| {
| prop: 'jkfd',
| label: '监控放电'
| },
| {
| prop: 'jkcd',
| label: '监控充电'
| },
| {
| prop: 'tdfd',
| label: '停电放电'
| }
| ];
|
| const testRecordList = reactive({
| hrfd: [],
| hrcd: [],
| jkfd: [],
| jkcd: [],
| tdfd: []
| });
|
| </script>
|
| <template>
| <div class="page-his">
| <div class="filter">
| <div class="item" v-for="(item, idx) in testTypes" :key="'list0_' + idx">
| <div class="label">{{ item.label }}</div>
| <div class="value">
| <el-select
| v-model="item.prop"
| size="small"
| clearable
| placeholder="请选择"
| >
| <el-option
| v-for="(item, idx) in testRecordList[item.prop]"
| :key="'list5_' + idx"
| :label="item.label"
| :value="item.value"
| >
| </el-option>
| </el-select>
| </div>
| </div>
| </div>
| </div>
| </template>
|
| <style scoped lang="less">
|
| </style>
|
|