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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
| <template>
| <div class="bs-theme-wrap">
| <el-input
| v-model="datasetNameStr"
| placeholder="请选择数据集"
| readonly
| @focus="openDataSetDialog"
| >
| <el-button
| slot="append"
| icon="el-icon-search"
| @click="openDataSetDialog"
| />
| </el-input>
| <DataSetDialog
| ref="dataSetDialog"
| v-bind="$attrs"
| :multiple="multiple"
| :ds-value="dsValue"
| @getDsId="getDsId"
| @getSelectDs="getSelectDs"
| >
| <template #dataSetSelect="{value}">
| <slot
| name="dataSetSelect"
| :value="value"
| />
| </template>
| </DataSetDialog>
| </div>
| </template>
|
| <script>
| import DataSetDialog from './dataSetSetting.vue'
| export default {
| name: 'Index',
| components: { DataSetDialog },
| props: {
| config: {
| type: Object,
| default: () => {
| }
| },
| datasetName: {
| type: String,
| default: ''
| },
| multiple: {
| type: Boolean,
| default: false
| },
| dsValue: {
| type: [Array, Object],
| default: () => ([])
| }
| },
| data () {
| return {
| }
| },
| computed: {
| datasetNameStr () {
| return this.datasetName || this.dsValue?.map(ds => ds.name).join(',')
| }
| },
| methods: {
| openDataSetDialog () {
| this.$refs.dataSetDialog.dataSetVisible = true
| },
| getDsId (dsId) {
| this.$emit('getDsId', dsId)
| },
| getSelectDs (selectDs) {
| this.$emit('getSelectDs', selectDs)
| if (selectDs.datasetType === 'metrics') {
| this.$emit('getMetricsList', JSON.parse(selectDs.data))
| // 选择数据集时修改当前数据集的状态（指标域或者其他数据集）
| this.$emit('changeIsMetrics', true, selectDs.datasetType)
| } else {
| this.$emit('changeIsMetrics', false, selectDs.datasetType)
| }
| }
| }
| }
| </script>
|
| <style scoped>
|
| </style>
|
|
