cloud-web-corejs 1.0.67 → 1.0.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/xform/form-designer/form-widget/field-widget/baseAttachment-widget.vue +3 -2
- package/src/components/xform/form-designer/form-widget/field-widget/date-range-widget.vue +1 -0
- package/src/components/xform/form-designer/form-widget/field-widget/echart-bar-widget.vue +1 -1
- package/src/components/xform/form-designer/form-widget/field-widget/echart-category-widget.vue +1 -1
- package/src/components/xform/form-designer/form-widget/field-widget/echart-pie-widget.vue +1 -1
- package/src/components/xform/form-designer/form-widget/field-widget/fieldMixin.js +1 -1
- package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-bar-mixin.js +49 -8
- package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-category-mixin.js +61 -88
- package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-pie-mixin.js +13 -0
- package/src/components/xform/form-designer/form-widget/field-widget/table-export-button-widget.vue +5 -1
- package/src/components/xform/form-designer/form-widget/field-widget/vabUpload-widget.vue +77 -0
- package/src/components/xform/form-designer/indexMixin.js +1 -1
- package/src/components/xform/form-designer/setting-panel/form-setting.vue +40 -3
- package/src/components/xform/form-designer/setting-panel/property-editor/event-handler/onAfterConfirmFile-editor.vue +30 -0
- package/src/components/xform/form-designer/setting-panel/property-editor/event-handler/onClick-editor.vue +2 -2
- package/src/components/xform/form-designer/setting-panel/property-editor/field-date-range/date-range-defaultTime-editor.vue +27 -0
- package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-bar-editor.vue +185 -69
- package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-category-editor.vue +188 -86
- package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-pie-editor.vue +84 -39
- package/src/components/xform/form-designer/setting-panel/property-editor/placeholder-editor.vue +1 -1
- package/src/components/xform/form-designer/setting-panel/property-editor/showRuleFlag-editor.vue +223 -0
- package/src/components/xform/form-designer/setting-panel/property-editor/textFlag-editor.vue +62 -0
- package/src/components/xform/form-designer/setting-panel/propertyRegister.js +4 -0
- package/src/components/xform/form-designer/setting-panel/wfObjConfigDialog.vue +189 -0
- package/src/components/xform/form-designer/widget-panel/widgetsConfig.js +330 -37
- package/src/store/modules/permission.js +1 -1
- package/src/views/bd/setting/form_template/batchWfObjConfigDialog.vue +105 -0
- package/src/views/bd/setting/form_template/mixins/batchWfObjConfigDialog.js +4 -0
- package/src/views/bd/setting/form_template/mixins/wf_list.js +12 -0
- package/src/views/bd/setting/form_template/wfObjConfigDialog.vue +254 -0
- package/src/views/bd/setting/form_template/wf_list.vue +127 -0
|
@@ -1,32 +1,56 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<el-form-item :label="i18nt('背景颜色')"
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
<el-form-item
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
3
|
+
<el-form-item :label="i18nt('背景颜色')">
|
|
4
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.backgroundColor"></el-color-picker>
|
|
5
|
+
</el-form-item>
|
|
6
|
+
<!-- <el-form-item :label="i18nt('designer.setting.dsEnabled')"><el-switch v-model="optionModel.dsEnabled"></el-switch></el-form-item>
|
|
7
|
+
<el-form-item v-if="optionModel.dsEnabled" :label="i18nt('请求访问')">
|
|
8
|
+
<el-input
|
|
9
|
+
class="search-input"
|
|
10
|
+
max="200"
|
|
11
|
+
v-model="optionModel.accessName"
|
|
12
|
+
@clear="
|
|
13
|
+
optionModel.accessCode = '';
|
|
14
|
+
$forceUpdate();
|
|
15
|
+
"
|
|
16
|
+
v-el-readonly
|
|
17
|
+
clearable
|
|
18
|
+
>
|
|
19
|
+
<i slot="suffix" class="el-input__icon el-icon-search" @click="showRequestaccessDialog = true"></i>
|
|
20
|
+
</el-input>
|
|
21
|
+
</el-form-item>-->
|
|
22
|
+
<el-form-item label="自定义图表配置" label-width="150px">
|
|
23
|
+
<a href="javascript:void(0);" class="a-link link-oneLind"
|
|
24
|
+
@click="editEventHandler('echartConfig', ['dataId', 'formCode'])">
|
|
25
|
+
<span>{{ optionModel.echartConfig }}</span>
|
|
26
|
+
<i class="el-icon-edit"></i>
|
|
27
|
+
</a>
|
|
28
|
+
</el-form-item>
|
|
29
|
+
<el-form-item label-width="0">
|
|
30
|
+
<el-divider class="custom-divider-margin-top">折线设置</el-divider>
|
|
31
|
+
</el-form-item>
|
|
32
|
+
<el-form-item :label="i18nt('标记点')">
|
|
33
|
+
<el-switch v-model="showSymbol"></el-switch>
|
|
34
|
+
</el-form-item>
|
|
35
|
+
<el-form-item :label="i18nt('点大小')">
|
|
36
|
+
<el-slider v-model="symbolSize"></el-slider>
|
|
37
|
+
</el-form-item>
|
|
38
|
+
<el-form-item :label="i18nt('平滑曲线')">
|
|
39
|
+
<el-switch v-model="smooth"></el-switch>
|
|
40
|
+
</el-form-item>
|
|
41
|
+
<el-form-item :label="i18nt('面积堆积')">
|
|
42
|
+
<el-switch v-model="showArea"></el-switch>
|
|
43
|
+
</el-form-item>
|
|
26
44
|
|
|
27
|
-
<el-form-item label-width="0"
|
|
28
|
-
|
|
29
|
-
|
|
45
|
+
<el-form-item label-width="0">
|
|
46
|
+
<el-divider class="custom-divider-margin-top">标题设置</el-divider>
|
|
47
|
+
</el-form-item>
|
|
48
|
+
<el-form-item :label="i18nt('显示标题')">
|
|
49
|
+
<el-switch v-model="optionModel.echarCategoryOption.title.show"></el-switch>
|
|
50
|
+
</el-form-item>
|
|
51
|
+
<el-form-item :label="i18nt('标题')">
|
|
52
|
+
<el-input v-model="optionModel.echarCategoryOption.title.text"></el-input>
|
|
53
|
+
</el-form-item>
|
|
30
54
|
<!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarCategoryOption.title.textStyle.color"></el-color-picker></el-form-item>
|
|
31
55
|
<el-form-item :label="i18nt('字体粗细')">
|
|
32
56
|
<el-select v-model="optionModel.echarCategoryOption.title.textStyle.fontWeight">
|
|
@@ -37,7 +61,9 @@
|
|
|
37
61
|
</el-select>
|
|
38
62
|
</el-form-item>
|
|
39
63
|
<el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarCategoryOption.title.textStyle.fontSize"></base-input-number></el-form-item> -->
|
|
40
|
-
<el-form-item :label="i18nt('背景颜色')"
|
|
64
|
+
<el-form-item :label="i18nt('背景颜色')">
|
|
65
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.title.backgroundColor"></el-color-picker>
|
|
66
|
+
</el-form-item>
|
|
41
67
|
<el-form-item :label="i18nt('字体位置')">
|
|
42
68
|
<el-select v-model="optionModel.echarCategoryOption.title.left">
|
|
43
69
|
<el-option label="居中" value="center"></el-option>
|
|
@@ -45,7 +71,9 @@
|
|
|
45
71
|
<el-option label="右对齐" value="right"></el-option>
|
|
46
72
|
</el-select>
|
|
47
73
|
</el-form-item>
|
|
48
|
-
<el-form-item :label="i18nt('副标题')"
|
|
74
|
+
<el-form-item :label="i18nt('副标题')">
|
|
75
|
+
<el-input v-model="optionModel.echarCategoryOption.title.subtext"></el-input>
|
|
76
|
+
</el-form-item>
|
|
49
77
|
<!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarCategoryOption.title.subtextStyle.color"></el-color-picker></el-form-item>
|
|
50
78
|
<el-form-item :label="i18nt('字体粗细')">
|
|
51
79
|
<el-select v-model="optionModel.echarCategoryOption.title.subtextStyle.fontWeight">
|
|
@@ -57,40 +85,103 @@
|
|
|
57
85
|
</el-form-item>
|
|
58
86
|
<el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarCategoryOption.title.subtextStyle.fontSize"></base-input-number></el-form-item> -->
|
|
59
87
|
|
|
60
|
-
<el-form-item label-width="0"
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
<el-form-item :label="i18nt('
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
<el-form-item :label="i18nt('
|
|
67
|
-
|
|
88
|
+
<el-form-item label-width="0">
|
|
89
|
+
<el-divider class="custom-divider-margin-top">X轴设置</el-divider>
|
|
90
|
+
</el-form-item>
|
|
91
|
+
<el-form-item :label="i18nt('显示')">
|
|
92
|
+
<el-switch v-model="optionModel.echarCategoryOption.xAxis.show"></el-switch>
|
|
93
|
+
</el-form-item>
|
|
94
|
+
<el-form-item :label="i18nt('坐标名')">
|
|
95
|
+
<el-input v-model="optionModel.echarCategoryOption.xAxis.name"></el-input>
|
|
96
|
+
</el-form-item>
|
|
97
|
+
<el-form-item :label="i18nt('坐标名颜色')">
|
|
98
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.xAxis.nameTextStyle.color"></el-color-picker>
|
|
99
|
+
</el-form-item>
|
|
100
|
+
<el-form-item :label="i18nt('坐标字号')">
|
|
101
|
+
<base-input-number :scale="0"
|
|
102
|
+
v-model="optionModel.echarCategoryOption.xAxis.nameTextStyle.fontSize"></base-input-number>
|
|
103
|
+
</el-form-item>
|
|
104
|
+
<el-form-item :label="i18nt('数值颜色')">
|
|
105
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.xAxis.axisLabel.color"></el-color-picker>
|
|
106
|
+
</el-form-item>
|
|
107
|
+
<el-form-item :label="i18nt('数值字号')">
|
|
108
|
+
<base-input-number :scale="0"
|
|
109
|
+
v-model="optionModel.echarCategoryOption.xAxis.axisLabel.fontSize"></base-input-number>
|
|
110
|
+
</el-form-item>
|
|
111
|
+
<el-form-item :label="i18nt('数值角度')">
|
|
112
|
+
<el-slider v-model="optionModel.echarCategoryOption.xAxis.axisLabel.rotate"></el-slider>
|
|
113
|
+
</el-form-item>
|
|
68
114
|
|
|
69
|
-
<el-form-item :label="i18nt('轴反转')"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
<el-form-item :label="i18nt('
|
|
115
|
+
<el-form-item :label="i18nt('轴反转')">
|
|
116
|
+
<el-switch v-model="optionModel.echarCategoryOption.xAxis.inverse"></el-switch>
|
|
117
|
+
</el-form-item>
|
|
118
|
+
<el-form-item :label="i18nt('轴颜色')">
|
|
119
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.xAxis.axisLine.lineStyle.color"></el-color-picker>
|
|
120
|
+
</el-form-item>
|
|
121
|
+
<el-form-item :label="i18nt('分割线显示')">
|
|
122
|
+
<el-switch v-model="optionModel.echarCategoryOption.xAxis.splitLine.show"></el-switch>
|
|
123
|
+
</el-form-item>
|
|
124
|
+
<el-form-item :label="i18nt('分割线颜色')">
|
|
125
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.xAxis.splitLine.lineStyle.color"></el-color-picker>
|
|
126
|
+
</el-form-item>
|
|
73
127
|
|
|
74
|
-
<el-form-item label-width="0"
|
|
128
|
+
<el-form-item label-width="0">
|
|
129
|
+
<el-divider class="custom-divider-margin-top">Y轴设置</el-divider>
|
|
130
|
+
</el-form-item>
|
|
75
131
|
|
|
76
|
-
<el-form-item :label="i18nt('显示')"
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
132
|
+
<el-form-item :label="i18nt('显示')">
|
|
133
|
+
<el-switch v-model="optionModel.echarCategoryOption.yAxis.show"></el-switch>
|
|
134
|
+
</el-form-item>
|
|
135
|
+
<el-form-item :label="i18nt('坐标名')">
|
|
136
|
+
<el-input v-model="optionModel.echarCategoryOption.yAxis.name"></el-input>
|
|
137
|
+
</el-form-item>
|
|
138
|
+
<el-form-item :label="i18nt('坐标名颜色')">
|
|
139
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.yAxis.nameTextStyle.color"></el-color-picker>
|
|
140
|
+
</el-form-item>
|
|
141
|
+
<el-form-item :label="i18nt('坐标字号')">
|
|
142
|
+
<base-input-number :scale="0"
|
|
143
|
+
v-model="optionModel.echarCategoryOption.yAxis.nameTextStyle.fontSize"></base-input-number>
|
|
144
|
+
</el-form-item>
|
|
145
|
+
<el-form-item :label="i18nt('数值颜色')">
|
|
146
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.yAxis.axisLabel.color"></el-color-picker>
|
|
147
|
+
</el-form-item>
|
|
148
|
+
<el-form-item :label="i18nt('数值字号')">
|
|
149
|
+
<base-input-number :scale="0"
|
|
150
|
+
v-model="optionModel.echarCategoryOption.yAxis.axisLabel.fontSize"></base-input-number>
|
|
151
|
+
</el-form-item>
|
|
152
|
+
<el-form-item :label="i18nt('数值角度')">
|
|
153
|
+
<el-slider v-model="optionModel.echarCategoryOption.yAxis.axisLabel.rotate"></el-slider>
|
|
154
|
+
</el-form-item>
|
|
83
155
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
156
|
+
<el-form-item :label="i18nt('轴显示')">
|
|
157
|
+
<el-switch v-model="optionModel.echarCategoryOption.yAxis.axisLine.show"></el-switch>
|
|
158
|
+
</el-form-item>
|
|
159
|
+
<el-form-item :label="i18nt('轴反转')">
|
|
160
|
+
<el-switch v-model="optionModel.echarCategoryOption.yAxis.inverse"></el-switch>
|
|
161
|
+
</el-form-item>
|
|
162
|
+
<el-form-item :label="i18nt('轴颜色')">
|
|
163
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.yAxis.axisLine.lineStyle.color"></el-color-picker>
|
|
164
|
+
</el-form-item>
|
|
165
|
+
<el-form-item :label="i18nt('分割线显示')">
|
|
166
|
+
<el-switch v-model="optionModel.echarCategoryOption.yAxis.splitLine.show"></el-switch>
|
|
167
|
+
</el-form-item>
|
|
168
|
+
<el-form-item :label="i18nt('分割线颜色')">
|
|
169
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.yAxis.splitLine.lineStyle.color"></el-color-picker>
|
|
170
|
+
</el-form-item>
|
|
89
171
|
|
|
90
|
-
<el-form-item label-width="0"
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
<el-form-item :label="i18nt('
|
|
172
|
+
<el-form-item label-width="0">
|
|
173
|
+
<el-divider class="custom-divider-margin-top">数值设定</el-divider>
|
|
174
|
+
</el-form-item>
|
|
175
|
+
<el-form-item :label="i18nt('显示数值')">
|
|
176
|
+
<el-switch v-model="showSeriesLabel"></el-switch>
|
|
177
|
+
</el-form-item>
|
|
178
|
+
<el-form-item :label="i18nt('字体大小')">
|
|
179
|
+
<base-input-number :scale="0"
|
|
180
|
+
v-model="optionModel.echarCategoryOption.series[0].label.fontSize"></base-input-number>
|
|
181
|
+
</el-form-item>
|
|
182
|
+
<el-form-item :label="i18nt('颜色')">
|
|
183
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.series[0].label.color"></el-color-picker>
|
|
184
|
+
</el-form-item>
|
|
94
185
|
<el-form-item :label="i18nt('字体粗细')">
|
|
95
186
|
<el-select v-model="optionModel.echarCategoryOption.series[0].label.fontWeight">
|
|
96
187
|
<el-option label="正常" value="normal"></el-option>
|
|
@@ -100,22 +191,32 @@
|
|
|
100
191
|
</el-select>
|
|
101
192
|
</el-form-item>
|
|
102
193
|
|
|
103
|
-
<el-form-item label-width="0"
|
|
194
|
+
<el-form-item label-width="0">
|
|
195
|
+
<el-divider class="custom-divider-margin-top">提示语设置</el-divider>
|
|
196
|
+
</el-form-item>
|
|
104
197
|
<!-- <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarCategoryOption.tooltip.textStyle.fontSize"></base-input-number></el-form-item> -->
|
|
105
|
-
<el-form-item :label="i18nt('网格线颜色')"
|
|
198
|
+
<el-form-item :label="i18nt('网格线颜色')">
|
|
199
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.tooltip.borderColor"></el-color-picker>
|
|
200
|
+
</el-form-item>
|
|
106
201
|
|
|
107
202
|
<!-- <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">坐标轴边距设置</el-divider></el-form-item> -->
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
203
|
+
<el-form-item label-width="0">
|
|
204
|
+
<el-divider class="custom-divider-margin-top">自定义配色</el-divider>
|
|
205
|
+
</el-form-item>
|
|
206
|
+
<draggable tag="ul" class="draggable-box" :list="optionModel.echarCategoryOption.colors"
|
|
207
|
+
v-bind="{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.el-icon-s-operation' }">
|
|
208
|
+
<li v-for="(colorItem, index) in optionModel.echarCategoryOption.colors" :key="index">
|
|
112
209
|
<i class="el-icon-s-operation"></i>
|
|
113
|
-
<el-color-picker v-model="optionModel.echarCategoryOption.
|
|
210
|
+
<el-color-picker v-model="optionModel.echarCategoryOption.colors[index]"></el-color-picker>
|
|
114
211
|
<!-- {{colorItem}} -->
|
|
115
|
-
<el-button circle plain size="mini" type="danger" @click="deleteColor(index)" icon="el-icon-minus"
|
|
212
|
+
<el-button circle plain size="mini" type="danger" @click="deleteColor(index)" icon="el-icon-minus"
|
|
213
|
+
class="col-delete-button"></el-button>
|
|
116
214
|
</li>
|
|
117
215
|
</draggable>
|
|
118
|
-
<el-button type="text" @click="addColor" icon="el-icon-circle-plus-outline" class="add-option">{{
|
|
216
|
+
<el-button type="text" @click="addColor" icon="el-icon-circle-plus-outline" class="add-option">{{
|
|
217
|
+
i18nt('新增配色')
|
|
218
|
+
}}
|
|
219
|
+
</el-button>
|
|
119
220
|
|
|
120
221
|
<requestaccessDialog
|
|
121
222
|
v-if="showRequestaccessDialog"
|
|
@@ -129,13 +230,14 @@
|
|
|
129
230
|
|
|
130
231
|
<script>
|
|
131
232
|
import i18n from '../../../../../../components/xform/utils/i18n';
|
|
132
|
-
import {
|
|
233
|
+
import {deepClone} from '../../../../../../components/xform/utils/util';
|
|
133
234
|
import Draggable from 'vuedraggable';
|
|
134
235
|
import requestaccessDialog from '../../../../../../views/user/form/report_requestaccess/dialog.vue';
|
|
236
|
+
import eventMixin from "@base/components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
|
|
135
237
|
|
|
136
238
|
export default {
|
|
137
239
|
name: 'echart-category-editor',
|
|
138
|
-
mixins: [i18n],
|
|
240
|
+
mixins: [eventMixin, i18n],
|
|
139
241
|
props: {
|
|
140
242
|
designer: Object,
|
|
141
243
|
selectedWidget: Object,
|
|
@@ -147,7 +249,7 @@ export default {
|
|
|
147
249
|
requestaccessDialog
|
|
148
250
|
},
|
|
149
251
|
computed: {
|
|
150
|
-
reportTemplate: function() {
|
|
252
|
+
reportTemplate: function () {
|
|
151
253
|
return this.getReportTemplate();
|
|
152
254
|
},
|
|
153
255
|
nameSet: {
|
|
@@ -233,13 +335,13 @@ export default {
|
|
|
233
335
|
},
|
|
234
336
|
showArea: {
|
|
235
337
|
get() {
|
|
236
|
-
return this.optionModel.echarCategoryOption.series[0].areaStyle!=null;
|
|
338
|
+
return this.optionModel.echarCategoryOption.series[0].areaStyle != null;
|
|
237
339
|
},
|
|
238
340
|
set(val) {
|
|
239
341
|
this.optionModel.echarCategoryOption.series.forEach(item => {
|
|
240
|
-
if(val){
|
|
241
|
-
if(item.areaStyle==null)item.areaStyle = {};
|
|
242
|
-
}else{
|
|
342
|
+
if (val) {
|
|
343
|
+
if (item.areaStyle == null) item.areaStyle = {};
|
|
344
|
+
} else {
|
|
243
345
|
item.areaStyle = null;
|
|
244
346
|
}
|
|
245
347
|
});
|
|
@@ -248,16 +350,16 @@ export default {
|
|
|
248
350
|
},
|
|
249
351
|
data() {
|
|
250
352
|
return {
|
|
251
|
-
requestIndex:null,
|
|
353
|
+
requestIndex: null,
|
|
252
354
|
showRequestaccessDialog: false
|
|
253
355
|
};
|
|
254
356
|
},
|
|
255
357
|
methods: {
|
|
256
358
|
addColor() {
|
|
257
|
-
this.optionModel.echarCategoryOption.
|
|
359
|
+
this.optionModel.echarCategoryOption.colors.push('');
|
|
258
360
|
},
|
|
259
361
|
deleteColor(index) {
|
|
260
|
-
this.optionModel.echarCategoryOption.
|
|
362
|
+
this.optionModel.echarCategoryOption.colors.splice(index, 1);
|
|
261
363
|
},
|
|
262
364
|
addOption() {
|
|
263
365
|
this.nameSet.push('');
|
|
@@ -267,15 +369,15 @@ export default {
|
|
|
267
369
|
},
|
|
268
370
|
addSerie() {
|
|
269
371
|
this.optionModel.echarCategoryOption.series.push({
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
372
|
+
name: "",
|
|
373
|
+
data: [],
|
|
374
|
+
type: 'line',
|
|
375
|
+
label: {
|
|
376
|
+
show: this.showSeriesLabel,
|
|
377
|
+
fontSize: 12,
|
|
378
|
+
color: "",
|
|
379
|
+
fontWeight: "normal"
|
|
380
|
+
}
|
|
279
381
|
});
|
|
280
382
|
},
|
|
281
383
|
deleteSerie(index) {
|
|
@@ -287,7 +389,7 @@ export default {
|
|
|
287
389
|
if (rows.length) {
|
|
288
390
|
let row = rows[0];
|
|
289
391
|
this.optionModel.accessName = row.accessName;
|
|
290
|
-
|
|
392
|
+
this.optionModel.accessCode = row.accessCode;
|
|
291
393
|
}
|
|
292
394
|
}
|
|
293
395
|
}
|
|
@@ -1,31 +1,46 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<!-- <el-form-item :label="i18nt('designer.setting.dsEnabled')"><el-switch v-model="optionModel.dsEnabled"></el-switch></el-form-item>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<el-form-item :label="i18nt('背景颜色')"
|
|
3
|
+
<!-- <el-form-item :label="i18nt('designer.setting.dsEnabled')"><el-switch v-model="optionModel.dsEnabled"></el-switch></el-form-item>
|
|
4
|
+
<el-form-item v-if="optionModel.dsEnabled" :label="i18nt('请求访问')">
|
|
5
|
+
<el-input
|
|
6
|
+
class="search-input"
|
|
7
|
+
max="200"
|
|
8
|
+
v-model="optionModel.accessName"
|
|
9
|
+
@clear="
|
|
10
|
+
optionModel.accessCode = '';
|
|
11
|
+
$forceUpdate();
|
|
12
|
+
"
|
|
13
|
+
v-el-readonly
|
|
14
|
+
clearable
|
|
15
|
+
>
|
|
16
|
+
<i slot="suffix" class="el-input__icon el-icon-search" @click="showRequestaccessDialog = true"></i>
|
|
17
|
+
</el-input>
|
|
18
|
+
</el-form-item>-->
|
|
19
|
+
<el-form-item :label="i18nt('背景颜色')">
|
|
20
|
+
<el-color-picker v-model="optionModel.echarPieOption.backgroundColor"></el-color-picker>
|
|
21
|
+
</el-form-item>
|
|
20
22
|
<el-form-item :label="i18nt('饼图样式')">
|
|
21
23
|
<el-select v-model="optionModel.echarPieOption.series[0].radius">
|
|
22
24
|
<el-option label="实心饼图" :value="'70%'"></el-option>
|
|
23
25
|
<el-option label="空心饼图" :value="['40%', '70%']"></el-option>
|
|
24
26
|
</el-select>
|
|
25
27
|
</el-form-item>
|
|
26
|
-
<el-form-item label
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
<el-form-item label="自定义图表配置" label-width="150px">
|
|
29
|
+
<a href="javascript:void(0);" class="a-link link-oneLind"
|
|
30
|
+
@click="editEventHandler('echartConfig', ['dataId', 'formCode'])">
|
|
31
|
+
<span>{{ optionModel.echartConfig }}</span>
|
|
32
|
+
<i class="el-icon-edit"></i>
|
|
33
|
+
</a>
|
|
34
|
+
</el-form-item>
|
|
35
|
+
<el-form-item label-width="0">
|
|
36
|
+
<el-divider class="custom-divider-margin-top">标题设置</el-divider>
|
|
37
|
+
</el-form-item>
|
|
38
|
+
<el-form-item :label="i18nt('显示标题')">
|
|
39
|
+
<el-switch v-model="optionModel.echarPieOption.title.show"></el-switch>
|
|
40
|
+
</el-form-item>
|
|
41
|
+
<el-form-item :label="i18nt('标题')">
|
|
42
|
+
<el-input v-model="optionModel.echarPieOption.title.text"></el-input>
|
|
43
|
+
</el-form-item>
|
|
29
44
|
<!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarPieOption.title.textStyle.color"></el-color-picker></el-form-item> -->
|
|
30
45
|
<!-- <el-form-item :label="i18nt('字体粗细')">
|
|
31
46
|
<el-select v-model="optionModel.echarPieOption.title.textStyle.fontWeight">
|
|
@@ -36,7 +51,9 @@
|
|
|
36
51
|
</el-select>
|
|
37
52
|
</el-form-item>
|
|
38
53
|
<el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarPieOption.title.textStyle.fontSize"></base-input-number></el-form-item> -->
|
|
39
|
-
<el-form-item :label="i18nt('背景颜色')"
|
|
54
|
+
<el-form-item :label="i18nt('背景颜色')">
|
|
55
|
+
<el-color-picker v-model="optionModel.echarPieOption.title.backgroundColor"></el-color-picker>
|
|
56
|
+
</el-form-item>
|
|
40
57
|
<el-form-item :label="i18nt('字体位置')">
|
|
41
58
|
<el-select v-model="optionModel.echarPieOption.title.left">
|
|
42
59
|
<el-option label="居中" value="center"></el-option>
|
|
@@ -44,7 +61,9 @@
|
|
|
44
61
|
<el-option label="右对齐" value="right"></el-option>
|
|
45
62
|
</el-select>
|
|
46
63
|
</el-form-item>
|
|
47
|
-
<el-form-item :label="i18nt('副标题')"
|
|
64
|
+
<el-form-item :label="i18nt('副标题')">
|
|
65
|
+
<el-input v-model="optionModel.echarPieOption.title.subtext"></el-input>
|
|
66
|
+
</el-form-item>
|
|
48
67
|
<!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarPieOption.title.subtextStyle.color"></el-color-picker></el-form-item>
|
|
49
68
|
<el-form-item :label="i18nt('字体粗细')">
|
|
50
69
|
<el-select v-model="optionModel.echarPieOption.title.subtextStyle.fontWeight">
|
|
@@ -56,10 +75,18 @@
|
|
|
56
75
|
</el-form-item>
|
|
57
76
|
<el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarPieOption.title.subtextStyle.fontSize"></base-input-number></el-form-item> -->
|
|
58
77
|
|
|
59
|
-
<el-form-item label-width="0"
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
<el-form-item :label="i18nt('
|
|
78
|
+
<el-form-item label-width="0">
|
|
79
|
+
<el-divider class="custom-divider-margin-top">数值设定</el-divider>
|
|
80
|
+
</el-form-item>
|
|
81
|
+
<el-form-item :label="i18nt('显示数值')">
|
|
82
|
+
<el-switch v-model="showSeriesLabel"></el-switch>
|
|
83
|
+
</el-form-item>
|
|
84
|
+
<el-form-item :label="i18nt('字体大小')">
|
|
85
|
+
<base-input-number :scale="0" v-model="optionModel.echarPieOption.series[0].label.fontSize"></base-input-number>
|
|
86
|
+
</el-form-item>
|
|
87
|
+
<el-form-item :label="i18nt('颜色')">
|
|
88
|
+
<el-color-picker v-model="optionModel.echarPieOption.series[0].label.color"></el-color-picker>
|
|
89
|
+
</el-form-item>
|
|
63
90
|
<el-form-item :label="i18nt('字体粗细')">
|
|
64
91
|
<el-select v-model="optionModel.echarPieOption.series[0].label.fontWeight">
|
|
65
92
|
<el-option label="正常" value="normal"></el-option>
|
|
@@ -75,18 +102,30 @@
|
|
|
75
102
|
<el-option label="中心" value="center"></el-option>
|
|
76
103
|
</el-select>
|
|
77
104
|
</el-form-item>
|
|
78
|
-
<el-form-item :label="i18nt('数值格式')"
|
|
105
|
+
<el-form-item :label="i18nt('数值格式')">
|
|
106
|
+
<el-input v-model="optionModel.echarPieOption.series[0].label.formatter"></el-input>
|
|
107
|
+
</el-form-item>
|
|
79
108
|
注：{b}：数据名。{c}：数据值。{d}：百分比。
|
|
80
109
|
|
|
81
|
-
<el-form-item label-width="0"
|
|
110
|
+
<el-form-item label-width="0">
|
|
111
|
+
<el-divider class="custom-divider-margin-top">提示语设置</el-divider>
|
|
112
|
+
</el-form-item>
|
|
82
113
|
<!-- <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarPieOption.tooltip.textStyle.fontSize"></base-input-number></el-form-item> -->
|
|
83
|
-
<el-form-item :label="i18nt('网格线颜色')"
|
|
114
|
+
<el-form-item :label="i18nt('网格线颜色')">
|
|
115
|
+
<el-color-picker v-model="optionModel.echarPieOption.tooltip.borderColor"></el-color-picker>
|
|
116
|
+
</el-form-item>
|
|
84
117
|
|
|
85
|
-
<el-form-item label-width="0"
|
|
86
|
-
|
|
118
|
+
<el-form-item label-width="0">
|
|
119
|
+
<el-divider class="custom-divider-margin-top">图例操作</el-divider>
|
|
120
|
+
</el-form-item>
|
|
121
|
+
<el-form-item :label="i18nt('显示图例')">
|
|
122
|
+
<el-switch v-model="optionModel.echarPieOption.legend.show"></el-switch>
|
|
123
|
+
</el-form-item>
|
|
87
124
|
<!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarPieOption.legend.textStyle.color"></el-color-picker></el-form-item>
|
|
88
125
|
<el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarPieOption.legend.textStyle.fontSize"></base-input-number></el-form-item> -->
|
|
89
|
-
<el-form-item :label="i18nt('图例宽度')"
|
|
126
|
+
<el-form-item :label="i18nt('图例宽度')">
|
|
127
|
+
<base-input-number :scale="0" v-model="optionModel.echarPieOption.legend.itemWidth"></base-input-number>
|
|
128
|
+
</el-form-item>
|
|
90
129
|
<el-form-item :label="i18nt('横向位置')">
|
|
91
130
|
<el-select v-model="optionModel.echarPieOption.legend.left">
|
|
92
131
|
<el-option label="左对齐" value="left"></el-option>
|
|
@@ -105,17 +144,22 @@
|
|
|
105
144
|
<el-option label="横排" value="vertical"></el-option>
|
|
106
145
|
</el-select>
|
|
107
146
|
</el-form-item>
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
147
|
+
<el-form-item label-width="0">
|
|
148
|
+
<el-divider class="custom-divider-margin-top">自定义配色</el-divider>
|
|
149
|
+
</el-form-item>
|
|
150
|
+
<draggable tag="ul" class="draggable-box" :list="optionModel.echarPieOption.color"
|
|
151
|
+
v-bind="{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.el-icon-s-operation' }">
|
|
111
152
|
<li v-for="(colorItem, index) in optionModel.echarPieOption.color" :key="index">
|
|
112
153
|
<i class="el-icon-s-operation"></i>
|
|
113
154
|
<el-color-picker v-model="optionModel.echarPieOption.color[index]"></el-color-picker>
|
|
114
155
|
<!-- {{colorItem}} -->
|
|
115
|
-
<el-button circle plain size="mini" type="danger" @click="deleteColor(index)" icon="el-icon-minus"
|
|
156
|
+
<el-button circle plain size="mini" type="danger" @click="deleteColor(index)" icon="el-icon-minus"
|
|
157
|
+
class="col-delete-button"></el-button>
|
|
116
158
|
</li>
|
|
117
159
|
</draggable>
|
|
118
|
-
<el-button type="text" @click="addColor" icon="el-icon-circle-plus-outline" class="add-option">
|
|
160
|
+
<el-button type="text" @click="addColor" icon="el-icon-circle-plus-outline" class="add-option">
|
|
161
|
+
{{ i18nt('designer.setting.addOption') }}
|
|
162
|
+
</el-button>
|
|
119
163
|
<requestaccessDialog
|
|
120
164
|
v-if="showRequestaccessDialog"
|
|
121
165
|
:visiable.sync="showRequestaccessDialog"
|
|
@@ -130,10 +174,11 @@
|
|
|
130
174
|
import i18n from '../../../../../../components/xform/utils/i18n';
|
|
131
175
|
import Draggable from 'vuedraggable';
|
|
132
176
|
import requestaccessDialog from '../../../../../../views/user/form/report_requestaccess/dialog.vue';
|
|
177
|
+
import eventMixin from "@base/components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
|
|
133
178
|
|
|
134
179
|
export default {
|
|
135
180
|
name: 'echart-pie-editor',
|
|
136
|
-
mixins: [i18n],
|
|
181
|
+
mixins: [eventMixin, i18n],
|
|
137
182
|
props: {
|
|
138
183
|
designer: Object,
|
|
139
184
|
selectedWidget: Object,
|
|
@@ -145,7 +190,7 @@ export default {
|
|
|
145
190
|
requestaccessDialog
|
|
146
191
|
},
|
|
147
192
|
computed: {
|
|
148
|
-
reportTemplate: function() {
|
|
193
|
+
reportTemplate: function () {
|
|
149
194
|
return this.getReportTemplate();
|
|
150
195
|
},
|
|
151
196
|
showSeriesLabel: {
|