cloud-web-corejs 1.0.54-dev.55 → 1.0.54-dev.56
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 +8 -2
- package/src/components/VabUpload/mixins.js +1442 -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/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 +982 -1
- package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-bar-mixin.js +12 -1
- package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-category-mixin.js +6 -0
- package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-pie-mixin.js +6 -0
- package/src/components/xform/form-designer/form-widget/field-widget/vabUpload-widget.vue +78 -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-echart/echart-bar-editor.vue +160 -69
- package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-category-editor.vue +184 -82
- package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-pie-editor.vue +84 -39
- package/src/components/xform/form-designer/widget-panel/widgetsConfig.js +6 -0
- package/src/router/modules/customer.js +15 -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
|
-
|
|
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.color"
|
|
207
|
+
v-bind="{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.el-icon-s-operation' }">
|
|
111
208
|
<li v-for="(colorItem, index) in optionModel.echarCategoryOption.color" :key="index">
|
|
112
209
|
<i class="el-icon-s-operation"></i>
|
|
113
210
|
<el-color-picker v-model="optionModel.echarCategoryOption.color[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,7 +350,7 @@ export default {
|
|
|
248
350
|
},
|
|
249
351
|
data() {
|
|
250
352
|
return {
|
|
251
|
-
requestIndex:null,
|
|
353
|
+
requestIndex: null,
|
|
252
354
|
showRequestaccessDialog: false
|
|
253
355
|
};
|
|
254
356
|
},
|
|
@@ -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: {
|
|
@@ -2021,9 +2021,11 @@ export const advancedFields = [
|
|
|
2021
2021
|
],
|
|
2022
2022
|
}]
|
|
2023
2023
|
},
|
|
2024
|
+
echartConfig:'',
|
|
2024
2025
|
formScriptEnabled: true,
|
|
2025
2026
|
formScriptCode: "",
|
|
2026
2027
|
formScriptParam: null,
|
|
2028
|
+
onClick: "",
|
|
2027
2029
|
onCreated: "",
|
|
2028
2030
|
onMounted: "this.loadDataDefaultHandle()",
|
|
2029
2031
|
|
|
@@ -2190,9 +2192,11 @@ export const advancedFields = [
|
|
|
2190
2192
|
|
|
2191
2193
|
}]
|
|
2192
2194
|
},
|
|
2195
|
+
echartConfig:'',
|
|
2193
2196
|
formScriptEnabled: true,
|
|
2194
2197
|
formScriptCode: "",
|
|
2195
2198
|
formScriptParam: null,
|
|
2199
|
+
onClick: "",
|
|
2196
2200
|
onCreated: "",
|
|
2197
2201
|
onMounted: "this.loadDataDefaultHandle()",
|
|
2198
2202
|
|
|
@@ -2367,9 +2371,11 @@ export const advancedFields = [
|
|
|
2367
2371
|
}]
|
|
2368
2372
|
|
|
2369
2373
|
},
|
|
2374
|
+
echartConfig:'',
|
|
2370
2375
|
formScriptEnabled: true,
|
|
2371
2376
|
formScriptCode: "",
|
|
2372
2377
|
formScriptParam: null,
|
|
2378
|
+
onClick: "",
|
|
2373
2379
|
onCreated: "",
|
|
2374
2380
|
onMounted: "this.loadDataDefaultHandle()",
|
|
2375
2381
|
|
|
@@ -4,5 +4,20 @@ export const constantRoutes = [
|
|
|
4
4
|
component: () => import("@/layout/index"),
|
|
5
5
|
children: []
|
|
6
6
|
}*/
|
|
7
|
+
/*{
|
|
8
|
+
path: "/test",
|
|
9
|
+
component: () => import("@/views/test/excelImport.vue"),
|
|
10
|
+
hidden: true
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
path: "/test2",
|
|
14
|
+
component: () => import("@/views/test/test2.vue"),
|
|
15
|
+
hidden: true
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
path: "/barcode",
|
|
19
|
+
component: () => import("@/views/test/barcode/test.vue"),
|
|
20
|
+
hidden: true
|
|
21
|
+
},*/
|
|
7
22
|
];
|
|
8
23
|
|