super-page-designer 2.1.47 → 2.1.52
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/dist/es/components/design/utils/assemblys-config.js +9 -13
- package/dist/es/components/design/utils/data-table-util.js +15 -19
- package/dist/es/components/design/utils/form-design-util.js +0 -1
- package/dist/es/components/design/utils/page-service-util.d.ts +2 -2
- package/dist/es/components/design/utils/page-service-util.js +7 -5
- package/dist/es/components/design/utils/page-table-util.js +33 -10
- package/dist/es/components/design/views/assemblys/chart/common/common-attr-data.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/chart/common/common-attr-groupby.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue.js +7 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue2.js +698 -0
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/font-style-dialog.vue.js +40 -15
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue.js +12 -12
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/row-colmun.vue.js +106 -0
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/row-colmun.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue.js +25 -11
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js +69 -31
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-advanced.vue.js +19 -8
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue.js +422 -287
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-style.vue.js +9 -6
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-attr-size.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +2 -1
- package/dist/es/components/design/views/assemblys/common/common-variable-bind-option.js +4 -4
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +734 -1
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +1 -738
- package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +2 -1
- package/dist/es/components/design/views/assemblys/container/card/card-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/container/collapse/collapse-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/container/container/container-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/container/flex/flex-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/container/form/form-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/attr-style.vue.js +46 -52
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +29 -9
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +9 -2
- package/dist/es/components/design/views/assemblys/data/component/formatting-icon-label.vue.js +67 -9
- package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue.js +1 -7
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +23 -9
- package/dist/es/components/design/views/assemblys/data/table/table-attr-style.vue.js +7 -2
- package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +8 -2
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +31 -28
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-style.vue.js +33 -470
- package/dist/es/components/design/views/assemblys/form/common/condition.vue.js +7 -3
- package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/data-linkage.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js +275 -0
- package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +16 -9
- package/dist/es/components/design/views/assemblys/object-design.vue.js +16 -21
- package/dist/es/components/design/views/assemblys/page/page-attr-advanced.vue.js +4 -1
- package/dist/es/components/design/views/design/page-design.vue.js +1 -1
- package/dist/es/components/design/views/design/page-event/config.vue.js +1 -1
- package/dist/es/components/design/views/design/page-event/config.vue3.js +102 -16
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +14 -10
- package/dist/es/stores/statistics-table-store.js +2 -1
- package/dist/es/style.css +143 -143
- package/package.json +5 -4
- package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue2.js +0 -78
- /package/dist/es/components/design/views/assemblys/{data/component/row-backgroud-color.vue3.js → chart/statistical-table/component/data-origin.vue3.js} +0 -0
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, renderList } from "vue";
|
|
2
|
+
import { ElMessage } from "element-plus";
|
|
3
|
+
const _hoisted_1 = { style: { "padding": "0 10px" } };
|
|
2
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
5
|
__name: "font-style-dialog",
|
|
4
6
|
props: {
|
|
@@ -21,6 +23,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
21
23
|
if (props.data) {
|
|
22
24
|
formData.value = props.data;
|
|
23
25
|
}
|
|
26
|
+
if (!formData.value.style) {
|
|
27
|
+
formData.value.style = {};
|
|
28
|
+
}
|
|
29
|
+
function beforeClose(done) {
|
|
30
|
+
try {
|
|
31
|
+
if (formData.value.customStyle) {
|
|
32
|
+
JSON.parse(formData.value.customStyle);
|
|
33
|
+
}
|
|
34
|
+
done();
|
|
35
|
+
} catch (e) {
|
|
36
|
+
ElMessage.error("style需要是json格式");
|
|
37
|
+
}
|
|
38
|
+
}
|
|
24
39
|
function openDialog() {
|
|
25
40
|
dialogTableVisible.value = true;
|
|
26
41
|
}
|
|
@@ -34,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
34
49
|
const _component_el_color_picker = resolveComponent("el-color-picker");
|
|
35
50
|
const _component_el_option = resolveComponent("el-option");
|
|
36
51
|
const _component_el_select = resolveComponent("el-select");
|
|
52
|
+
const _component_el_text = resolveComponent("el-text");
|
|
37
53
|
const _component_el_input = resolveComponent("el-input");
|
|
38
54
|
const _component_el_form = resolveComponent("el-form");
|
|
39
55
|
const _component_el_dialog = resolveComponent("el-dialog");
|
|
@@ -54,7 +70,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
54
70
|
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dialogTableVisible.value = $event),
|
|
55
71
|
title: __props.title,
|
|
56
72
|
width: "900",
|
|
57
|
-
"append-to-body": ""
|
|
73
|
+
"append-to-body": "",
|
|
74
|
+
"before-close": beforeClose
|
|
58
75
|
}, {
|
|
59
76
|
default: withCtx(() => [
|
|
60
77
|
createVNode(_component_el_form, {
|
|
@@ -69,18 +86,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
69
86
|
createVNode(_component_el_form_item, { label: "加粗" }, {
|
|
70
87
|
default: withCtx(() => [
|
|
71
88
|
createVNode(_component_el_radio_group, {
|
|
72
|
-
modelValue: formData.value.
|
|
73
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.
|
|
89
|
+
modelValue: formData.value.style.fontWeight,
|
|
90
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.style.fontWeight = $event),
|
|
74
91
|
class: "ml-4"
|
|
75
92
|
}, {
|
|
76
93
|
default: withCtx(() => [
|
|
77
|
-
createVNode(_component_el_radio, { value:
|
|
94
|
+
createVNode(_component_el_radio, { value: "bold" }, {
|
|
78
95
|
default: withCtx(() => [
|
|
79
96
|
createTextVNode("是")
|
|
80
97
|
]),
|
|
81
98
|
_: 1
|
|
82
99
|
}),
|
|
83
|
-
createVNode(_component_el_radio, { value:
|
|
100
|
+
createVNode(_component_el_radio, { value: "normal" }, {
|
|
84
101
|
default: withCtx(() => [
|
|
85
102
|
createTextVNode("否")
|
|
86
103
|
]),
|
|
@@ -100,18 +117,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
100
117
|
createVNode(_component_el_form_item, { label: "倾斜" }, {
|
|
101
118
|
default: withCtx(() => [
|
|
102
119
|
createVNode(_component_el_radio_group, {
|
|
103
|
-
modelValue: formData.value.
|
|
104
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.
|
|
120
|
+
modelValue: formData.value.style.fontStyle,
|
|
121
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.style.fontStyle = $event),
|
|
105
122
|
class: "ml-4"
|
|
106
123
|
}, {
|
|
107
124
|
default: withCtx(() => [
|
|
108
|
-
createVNode(_component_el_radio, { value:
|
|
125
|
+
createVNode(_component_el_radio, { value: "italic" }, {
|
|
109
126
|
default: withCtx(() => [
|
|
110
127
|
createTextVNode("是")
|
|
111
128
|
]),
|
|
112
129
|
_: 1
|
|
113
130
|
}),
|
|
114
|
-
createVNode(_component_el_radio, { value:
|
|
131
|
+
createVNode(_component_el_radio, { value: "normal" }, {
|
|
115
132
|
default: withCtx(() => [
|
|
116
133
|
createTextVNode("否")
|
|
117
134
|
]),
|
|
@@ -136,8 +153,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
136
153
|
createVNode(_component_el_form_item, { label: "字体颜色" }, {
|
|
137
154
|
default: withCtx(() => [
|
|
138
155
|
createVNode(_component_el_color_picker, {
|
|
139
|
-
modelValue: formData.value.
|
|
140
|
-
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.value.
|
|
156
|
+
modelValue: formData.value.style.color,
|
|
157
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.value.style.color = $event)
|
|
141
158
|
}, null, 8, ["modelValue"])
|
|
142
159
|
]),
|
|
143
160
|
_: 1
|
|
@@ -150,8 +167,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
150
167
|
createVNode(_component_el_form_item, { label: "背景颜色" }, {
|
|
151
168
|
default: withCtx(() => [
|
|
152
169
|
createVNode(_component_el_color_picker, {
|
|
153
|
-
modelValue: formData.value.backgroundColor,
|
|
154
|
-
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.value.backgroundColor = $event)
|
|
170
|
+
modelValue: formData.value.style.backgroundColor,
|
|
171
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.value.style.backgroundColor = $event)
|
|
155
172
|
}, null, 8, ["modelValue"])
|
|
156
173
|
]),
|
|
157
174
|
_: 1
|
|
@@ -169,8 +186,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
169
186
|
createVNode(_component_el_form_item, { label: "字号" }, {
|
|
170
187
|
default: withCtx(() => [
|
|
171
188
|
createVNode(_component_el_select, {
|
|
172
|
-
modelValue: formData.value.fontSize,
|
|
173
|
-
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.value.fontSize = $event),
|
|
189
|
+
modelValue: formData.value.style.fontSize,
|
|
190
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.value.style.fontSize = $event),
|
|
174
191
|
placeholder: "默认",
|
|
175
192
|
clearable: ""
|
|
176
193
|
}, {
|
|
@@ -199,6 +216,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
199
216
|
default: withCtx(() => [
|
|
200
217
|
createVNode(_component_el_form_item, { label: " style" }, {
|
|
201
218
|
default: withCtx(() => [
|
|
219
|
+
createElementVNode("div", _hoisted_1, [
|
|
220
|
+
createVNode(_component_el_text, { type: "primary" }, {
|
|
221
|
+
default: withCtx(() => [
|
|
222
|
+
createTextVNode('格式如:{"fontSize": "24px", "padding": "10px", "color":"red"}')
|
|
223
|
+
]),
|
|
224
|
+
_: 1
|
|
225
|
+
})
|
|
226
|
+
]),
|
|
202
227
|
createVNode(_component_el_input, {
|
|
203
228
|
modelValue: formData.value.customStyle,
|
|
204
229
|
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => formData.value.customStyle = $event),
|
|
@@ -38,11 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
38
38
|
linkPage: {}
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
|
-
watch(() => tableData.value, (newVal) => {
|
|
42
|
-
if (Object.keys(newVal[0].style).length > 0) {
|
|
43
|
-
emit("dataChange", tableData.value);
|
|
44
|
-
}
|
|
45
|
-
}, { deep: true });
|
|
46
41
|
function addData(rowItem, index) {
|
|
47
42
|
tableData.value.splice(index + 1, 0, {
|
|
48
43
|
showCondition: [],
|
|
@@ -69,11 +64,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
69
64
|
tableData.value[linkIndex.value].linkPage = linkData.value;
|
|
70
65
|
dialogTableVisible.value = false;
|
|
71
66
|
}
|
|
72
|
-
watch(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
67
|
+
watch(
|
|
68
|
+
() => tableData.value,
|
|
69
|
+
(newVal) => {
|
|
70
|
+
if (Object.keys(newVal[0].linkPage).length > 0) {
|
|
71
|
+
emit("dataChange", tableData.value);
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
{ deep: true }
|
|
75
|
+
);
|
|
77
76
|
return (_ctx, _cache) => {
|
|
78
77
|
const _component_el_table_column = resolveComponent("el-table-column");
|
|
79
78
|
const _component_el_option = resolveComponent("el-option");
|
|
@@ -111,6 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
111
110
|
createVNode(_component_el_select, {
|
|
112
111
|
modelValue: scope.row.scopeFunc,
|
|
113
112
|
"onUpdate:modelValue": ($event) => scope.row.scopeFunc = $event,
|
|
113
|
+
clearable: "",
|
|
114
114
|
title: scope.row.scopeFunc,
|
|
115
115
|
size: "small",
|
|
116
116
|
placeholder: "请选择"
|
|
@@ -155,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
155
155
|
default: withCtx((scope) => [
|
|
156
156
|
createVNode(_component_el_icon, {
|
|
157
157
|
size: "14",
|
|
158
|
-
style: { "color": "#
|
|
158
|
+
style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
|
|
159
159
|
onClick: ($event) => addData(scope.row, scope.$index)
|
|
160
160
|
}, {
|
|
161
161
|
default: withCtx(() => [
|
|
@@ -165,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
165
165
|
}, 1032, ["onClick"]),
|
|
166
166
|
createVNode(_component_el_icon, {
|
|
167
167
|
size: "14",
|
|
168
|
-
style: { "color": "#
|
|
168
|
+
style: { "color": "#5893ef", "cursor": "pointer" },
|
|
169
169
|
onClick: ($event) => deleteData(scope.row, scope.$index)
|
|
170
170
|
}, {
|
|
171
171
|
default: withCtx(() => [
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, renderList, createBlock } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "row-colmun",
|
|
4
|
+
props: {
|
|
5
|
+
sourceFields: {},
|
|
6
|
+
tableData: {},
|
|
7
|
+
type: {}
|
|
8
|
+
},
|
|
9
|
+
setup(__props) {
|
|
10
|
+
return (_ctx, _cache) => {
|
|
11
|
+
const _component_Delete = resolveComponent("Delete");
|
|
12
|
+
const _component_el_icon = resolveComponent("el-icon");
|
|
13
|
+
const _component_el_table_column = resolveComponent("el-table-column");
|
|
14
|
+
const _component_el_option = resolveComponent("el-option");
|
|
15
|
+
const _component_el_select = resolveComponent("el-select");
|
|
16
|
+
const _component_el_input = resolveComponent("el-input");
|
|
17
|
+
const _component_el_table = resolveComponent("el-table");
|
|
18
|
+
const _component_el_divider = resolveComponent("el-divider");
|
|
19
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
20
|
+
createVNode(_component_el_table, {
|
|
21
|
+
data: _ctx.tableData,
|
|
22
|
+
style: { "width": "100%", "margin-bottom": "8px" }
|
|
23
|
+
}, {
|
|
24
|
+
default: withCtx(() => [
|
|
25
|
+
createVNode(_component_el_table_column, {
|
|
26
|
+
"header-align": "center",
|
|
27
|
+
align: "center",
|
|
28
|
+
width: "60"
|
|
29
|
+
}, {
|
|
30
|
+
default: withCtx((scope) => [
|
|
31
|
+
createVNode(_component_el_icon, {
|
|
32
|
+
size: "14",
|
|
33
|
+
style: { "color": "#5893ef", "cursor": "pointer" },
|
|
34
|
+
onClick: ($event) => _ctx.tableData.splice(scope.$index, 1)
|
|
35
|
+
}, {
|
|
36
|
+
default: withCtx(() => [
|
|
37
|
+
createVNode(_component_Delete)
|
|
38
|
+
]),
|
|
39
|
+
_: 2
|
|
40
|
+
}, 1032, ["onClick"])
|
|
41
|
+
]),
|
|
42
|
+
_: 1
|
|
43
|
+
}),
|
|
44
|
+
createVNode(_component_el_table_column, {
|
|
45
|
+
label: "转换列",
|
|
46
|
+
"header-align": "center",
|
|
47
|
+
align: "center"
|
|
48
|
+
}, {
|
|
49
|
+
default: withCtx((scope) => [
|
|
50
|
+
createVNode(_component_el_select, {
|
|
51
|
+
modelValue: _ctx.tableData[scope.$index].columns,
|
|
52
|
+
"onUpdate:modelValue": ($event) => _ctx.tableData[scope.$index].columns = $event,
|
|
53
|
+
multiple: "",
|
|
54
|
+
placeholder: "请选择"
|
|
55
|
+
}, {
|
|
56
|
+
default: withCtx(() => [
|
|
57
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sourceFields, (filed, index) => {
|
|
58
|
+
return openBlock(), createBlock(_component_el_option, {
|
|
59
|
+
key: index,
|
|
60
|
+
label: filed.label,
|
|
61
|
+
value: filed.value
|
|
62
|
+
}, null, 8, ["label", "value"]);
|
|
63
|
+
}), 128))
|
|
64
|
+
]),
|
|
65
|
+
_: 2
|
|
66
|
+
}, 1032, ["modelValue", "onUpdate:modelValue"])
|
|
67
|
+
]),
|
|
68
|
+
_: 1
|
|
69
|
+
}),
|
|
70
|
+
createVNode(_component_el_table_column, {
|
|
71
|
+
label: "新变量名",
|
|
72
|
+
"header-align": "center",
|
|
73
|
+
align: "center"
|
|
74
|
+
}, {
|
|
75
|
+
default: withCtx((scope) => [
|
|
76
|
+
createVNode(_component_el_input, {
|
|
77
|
+
modelValue: _ctx.tableData[scope.$index].prop,
|
|
78
|
+
"onUpdate:modelValue": ($event) => _ctx.tableData[scope.$index].prop = $event
|
|
79
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
80
|
+
]),
|
|
81
|
+
_: 1
|
|
82
|
+
}),
|
|
83
|
+
createVNode(_component_el_table_column, {
|
|
84
|
+
label: "标题名",
|
|
85
|
+
"header-align": "center",
|
|
86
|
+
align: "center"
|
|
87
|
+
}, {
|
|
88
|
+
default: withCtx((scope) => [
|
|
89
|
+
createVNode(_component_el_input, {
|
|
90
|
+
modelValue: _ctx.tableData[scope.$index].title,
|
|
91
|
+
"onUpdate:modelValue": ($event) => _ctx.tableData[scope.$index].title = $event
|
|
92
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
93
|
+
]),
|
|
94
|
+
_: 1
|
|
95
|
+
})
|
|
96
|
+
]),
|
|
97
|
+
_: 1
|
|
98
|
+
}, 8, ["data"]),
|
|
99
|
+
createVNode(_component_el_divider)
|
|
100
|
+
], 64);
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
export {
|
|
105
|
+
_sfc_main as default
|
|
106
|
+
};
|
|
@@ -27,7 +27,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
// 变量显示类型
|
|
28
28
|
paramTypes: {
|
|
29
29
|
type: Array,
|
|
30
|
-
default: () => ["data", "task", "page", "request"]
|
|
30
|
+
default: () => ["data", "task", "page", "request", "row"]
|
|
31
|
+
},
|
|
32
|
+
// 页面信息
|
|
33
|
+
pageDesign: {
|
|
34
|
+
type: Object,
|
|
35
|
+
default: () => {
|
|
36
|
+
}
|
|
31
37
|
}
|
|
32
38
|
},
|
|
33
39
|
emits: ["dataChange"],
|
|
@@ -45,11 +51,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
45
51
|
style: {}
|
|
46
52
|
});
|
|
47
53
|
}
|
|
48
|
-
watch(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
54
|
+
watch(
|
|
55
|
+
() => tableData.value,
|
|
56
|
+
(newVal) => {
|
|
57
|
+
if (Object.keys(newVal[0].style).length > 0) {
|
|
58
|
+
debugger;
|
|
59
|
+
emit("dataChange", tableData.value);
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
{ deep: true }
|
|
63
|
+
);
|
|
53
64
|
function addData(rowItem, index) {
|
|
54
65
|
tableData.value.splice(index + 1, 0, {
|
|
55
66
|
matchingCondition: [],
|
|
@@ -88,8 +99,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
88
99
|
createVNode(_sfc_main$1, {
|
|
89
100
|
paramTypes: __props.paramTypes,
|
|
90
101
|
title: "匹配条件/生效条件",
|
|
91
|
-
data: scope.row.matchingCondition
|
|
92
|
-
|
|
102
|
+
data: scope.row.matchingCondition,
|
|
103
|
+
pageDesign: __props.pageDesign,
|
|
104
|
+
configure: __props.configure
|
|
105
|
+
}, null, 8, ["paramTypes", "data", "pageDesign", "configure"])
|
|
93
106
|
]),
|
|
94
107
|
_: 1
|
|
95
108
|
})) : createCommentVNode("", true),
|
|
@@ -129,6 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
129
142
|
createVNode(_component_el_select, {
|
|
130
143
|
modelValue: scope.row.scopeFunc,
|
|
131
144
|
"onUpdate:modelValue": ($event) => scope.row.scopeFunc = $event,
|
|
145
|
+
clearable: "",
|
|
132
146
|
title: scope.row.scopeFunc,
|
|
133
147
|
size: "small",
|
|
134
148
|
placeholder: "请选择"
|
|
@@ -154,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
154
168
|
}, {
|
|
155
169
|
default: withCtx((scope) => [
|
|
156
170
|
createVNode(_sfc_main$2, {
|
|
157
|
-
data: scope.row
|
|
171
|
+
data: scope.row
|
|
158
172
|
}, null, 8, ["data"])
|
|
159
173
|
]),
|
|
160
174
|
_: 1
|
|
@@ -166,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
166
180
|
default: withCtx((scope) => [
|
|
167
181
|
createVNode(_component_el_icon, {
|
|
168
182
|
size: "14",
|
|
169
|
-
style: { "color": "#
|
|
183
|
+
style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
|
|
170
184
|
onClick: ($event) => addData(scope.row, scope.$index)
|
|
171
185
|
}, {
|
|
172
186
|
default: withCtx(() => [
|
|
@@ -176,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
176
190
|
}, 1032, ["onClick"]),
|
|
177
191
|
createVNode(_component_el_icon, {
|
|
178
192
|
size: "14",
|
|
179
|
-
style: { "color": "#
|
|
193
|
+
style: { "color": "#5893ef", "cursor": "pointer" },
|
|
180
194
|
onClick: ($event) => deleteData(scope.row, scope.$index)
|
|
181
195
|
}, {
|
|
182
196
|
default: withCtx(() => [
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, unref, withDirectives, vShow } from "vue";
|
|
1
|
+
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, unref, createBlock, createCommentVNode, withDirectives, vShow } from "vue";
|
|
2
2
|
import { Plus, Delete } from "@element-plus/icons";
|
|
3
3
|
import BindVariable from "../../../common/common-variable-bind.vue.js";
|
|
4
4
|
import { getUuidv4 } from "../../../../../utils/common-util.js";
|
|
5
5
|
import { usePageContextStore } from "../../../../../../../stores/page-store.js";
|
|
6
|
+
import { statisticsTable } from "../../../../../../../stores/statistics-table-store.js";
|
|
7
|
+
import { getModelOptionsByFields } from "../../../../../utils/page-table-util.js";
|
|
6
8
|
const _hoisted_1 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
|
|
7
9
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
10
|
__name: "table-showcondition",
|
|
@@ -18,11 +20,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
20
|
},
|
|
19
21
|
paramTypes: {
|
|
20
22
|
type: Array,
|
|
21
|
-
default: () => ["data", "task", "page", "request"]
|
|
23
|
+
default: () => ["data", "task", "page", "request", "row"]
|
|
24
|
+
},
|
|
25
|
+
configure: {
|
|
26
|
+
type: Object,
|
|
27
|
+
default: () => {
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
// 页面信息
|
|
31
|
+
pageDesign: {
|
|
32
|
+
type: Object,
|
|
33
|
+
default: () => {
|
|
34
|
+
}
|
|
22
35
|
}
|
|
23
36
|
},
|
|
24
37
|
setup(__props) {
|
|
25
38
|
const pageDesignUtil = usePageContextStore();
|
|
39
|
+
const statisticsTableStore = statisticsTable();
|
|
26
40
|
const props = __props;
|
|
27
41
|
const tableHeight = ref(300);
|
|
28
42
|
const tableDatas = ref([]);
|
|
@@ -30,6 +44,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
30
44
|
tableDatas.value = props.data;
|
|
31
45
|
}
|
|
32
46
|
const dialogTableVisible = ref(false);
|
|
47
|
+
let dataFieldNameList;
|
|
48
|
+
const pageType = props.pageDesign ? props.pageDesign.pageType : null;
|
|
49
|
+
if (pageType && pageType === "form") {
|
|
50
|
+
dataFieldNameList = props.pageDesign.modelFields;
|
|
51
|
+
}
|
|
52
|
+
const dataModelOptions = ref(null);
|
|
53
|
+
if (dataFieldNameList && dataFieldNameList.length > 0) {
|
|
54
|
+
dataModelOptions.value = getModelOptionsByFields(dataFieldNameList);
|
|
55
|
+
}
|
|
56
|
+
const rowModelOptions = ref(null);
|
|
57
|
+
if (props.configure) {
|
|
58
|
+
rowModelOptions.value = getModelOptionsByFields(props.configure.modelFields);
|
|
59
|
+
}
|
|
33
60
|
function openDialog() {
|
|
34
61
|
let tempHeight = window.innerHeight - 140 - 176;
|
|
35
62
|
if (tempHeight > 500) {
|
|
@@ -96,18 +123,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
96
123
|
currentRow.value = val;
|
|
97
124
|
}
|
|
98
125
|
function updatePropValue(val, rowObj, fieldName) {
|
|
99
|
-
if (fieldName
|
|
126
|
+
if (fieldName === "propValue") {
|
|
100
127
|
rowObj.propValue = val;
|
|
101
128
|
} else {
|
|
129
|
+
let columnList = [];
|
|
130
|
+
let propName;
|
|
102
131
|
rowObj.propName = val;
|
|
103
132
|
let dataType = "";
|
|
104
133
|
if (val && val.startsWith("${")) {
|
|
105
|
-
|
|
134
|
+
propName = val.substring(2, val.length - 1);
|
|
106
135
|
if (propName.startsWith("page."))
|
|
107
136
|
;
|
|
108
137
|
else if (propName.startsWith("data.")) {
|
|
109
138
|
propName = propName.substring(5);
|
|
110
|
-
|
|
139
|
+
columnList = dataModelOptions.value;
|
|
140
|
+
if (!columnList || columnList.length === 0) {
|
|
141
|
+
columnList = pageDesignUtil.pageContextVarOptions.dataOptions;
|
|
142
|
+
}
|
|
143
|
+
} else if (propName.startsWith("row.")) {
|
|
144
|
+
propName = propName.substring(4);
|
|
145
|
+
columnList = rowModelOptions.value;
|
|
146
|
+
if (!columnList || columnList.length === 0) {
|
|
147
|
+
columnList = statisticsTableStore.columnList;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
if (columnList && propName) {
|
|
152
|
+
const item = columnList.find((item2) => item2.value == propName);
|
|
153
|
+
if (item) {
|
|
154
|
+
dataType = item.dataType;
|
|
111
155
|
}
|
|
112
156
|
}
|
|
113
157
|
rowObj.dataType = dataType;
|
|
@@ -245,9 +289,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
245
289
|
default: withCtx((scope) => [
|
|
246
290
|
createVNode(BindVariable, {
|
|
247
291
|
modelValue: scope.row.propName,
|
|
292
|
+
dataModelOptions: dataModelOptions.value,
|
|
293
|
+
objModelOptions: rowModelOptions.value,
|
|
248
294
|
paramTypes: __props.paramTypes,
|
|
249
295
|
"onUpdate:modelValue": (val) => updatePropValue(val, scope.row, "propName")
|
|
250
|
-
}, null, 8, ["modelValue", "paramTypes", "onUpdate:modelValue"])
|
|
296
|
+
}, null, 8, ["modelValue", "dataModelOptions", "objModelOptions", "paramTypes", "onUpdate:modelValue"])
|
|
251
297
|
]),
|
|
252
298
|
_: 1
|
|
253
299
|
}),
|
|
@@ -264,36 +310,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
264
310
|
placeholder: "请选择"
|
|
265
311
|
}, {
|
|
266
312
|
default: withCtx(() => [
|
|
267
|
-
|
|
313
|
+
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double" || scope.row.dataType == "number" ? (openBlock(), createBlock(_component_el_option, {
|
|
314
|
+
key: 0,
|
|
268
315
|
label: "大于",
|
|
269
316
|
value: "GT"
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
|
|
274
|
-
]
|
|
275
|
-
]),
|
|
276
|
-
withDirectives(createVNode(_component_el_option, {
|
|
317
|
+
})) : createCommentVNode("", true),
|
|
318
|
+
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double" || scope.row.dataType == "number" ? (openBlock(), createBlock(_component_el_option, {
|
|
319
|
+
key: 1,
|
|
277
320
|
label: "小于",
|
|
278
321
|
value: "LT"
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
|
|
283
|
-
]
|
|
284
|
-
]),
|
|
285
|
-
withDirectives(createVNode(_component_el_option, {
|
|
322
|
+
})) : createCommentVNode("", true),
|
|
323
|
+
scope.row.dataType == "date" || scope.row.dataType == "datetime" ? (openBlock(), createBlock(_component_el_option, {
|
|
324
|
+
key: 2,
|
|
286
325
|
label: "晚于",
|
|
287
326
|
value: "GT"
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
withDirectives(createVNode(_component_el_option, {
|
|
327
|
+
})) : createCommentVNode("", true),
|
|
328
|
+
scope.row.dataType == "date" || scope.row.dataType == "datetime" ? (openBlock(), createBlock(_component_el_option, {
|
|
329
|
+
key: 3,
|
|
292
330
|
label: "早于",
|
|
293
331
|
value: "LT"
|
|
294
|
-
}
|
|
295
|
-
[vShow, scope.row.dataType == "date" || scope.row.dataType == "datetime"]
|
|
296
|
-
]),
|
|
332
|
+
})) : createCommentVNode("", true),
|
|
297
333
|
createVNode(_component_el_option, {
|
|
298
334
|
label: "等于",
|
|
299
335
|
value: "EQ"
|
|
@@ -304,7 +340,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
304
340
|
}, null, 512), [
|
|
305
341
|
[
|
|
306
342
|
vShow,
|
|
307
|
-
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
|
|
343
|
+
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double" || scope.row.dataType == "number"
|
|
308
344
|
]
|
|
309
345
|
]),
|
|
310
346
|
withDirectives(createVNode(_component_el_option, {
|
|
@@ -313,7 +349,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
313
349
|
}, null, 512), [
|
|
314
350
|
[
|
|
315
351
|
vShow,
|
|
316
|
-
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double"
|
|
352
|
+
scope.row.dataType == "int" || scope.row.dataType == "long" || scope.row.dataType == "float" || scope.row.dataType == "double" || scope.row.dataType == "number"
|
|
317
353
|
]
|
|
318
354
|
]),
|
|
319
355
|
withDirectives(createVNode(_component_el_option, {
|
|
@@ -362,8 +398,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
362
398
|
default: withCtx((scope) => [
|
|
363
399
|
createVNode(BindVariable, {
|
|
364
400
|
modelValue: scope.row.propValue,
|
|
401
|
+
dataModelOptions: dataModelOptions.value,
|
|
402
|
+
objModelOptions: rowModelOptions.value,
|
|
365
403
|
"onUpdate:modelValue": (val) => updatePropValue(val, scope.row, "propValue")
|
|
366
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
404
|
+
}, null, 8, ["modelValue", "dataModelOptions", "objModelOptions", "onUpdate:modelValue"])
|
|
367
405
|
]),
|
|
368
406
|
_: 1
|
|
369
407
|
}),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref } from "vue";
|
|
1
|
+
import { defineComponent, watch, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref } from "vue";
|
|
2
2
|
import { Plus, Delete } from "@element-plus/icons-vue";
|
|
3
3
|
import CompositeHeader from "../../data/component/composite-header.vue.js";
|
|
4
4
|
import _sfc_main$1 from "../../common/common-advanced-basic-showcondition.vue.js";
|
|
@@ -25,6 +25,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
25
25
|
},
|
|
26
26
|
setup(__props) {
|
|
27
27
|
const props = __props;
|
|
28
|
+
watch(
|
|
29
|
+
() => props.configure.props.groupHeaders,
|
|
30
|
+
(val) => {
|
|
31
|
+
debugger;
|
|
32
|
+
},
|
|
33
|
+
{ deep: true }
|
|
34
|
+
);
|
|
28
35
|
const openCollapseItems = ref(["compositeHeader", "amalgamated", "otherSettings", "summarySetting"]);
|
|
29
36
|
ref([]);
|
|
30
37
|
ref([]);
|
|
@@ -103,7 +110,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
103
110
|
}, {
|
|
104
111
|
default: withCtx(() => [
|
|
105
112
|
createElementVNode("div", _hoisted_2, [
|
|
106
|
-
createVNode(CompositeHeader, {
|
|
113
|
+
createVNode(CompositeHeader, {
|
|
114
|
+
isStatistical: true,
|
|
115
|
+
configure: __props.configure
|
|
116
|
+
}, null, 8, ["configure"])
|
|
107
117
|
])
|
|
108
118
|
]),
|
|
109
119
|
_: 1
|
|
@@ -152,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
152
162
|
default: withCtx((scope) => [
|
|
153
163
|
createVNode(_component_el_icon, {
|
|
154
164
|
size: "14",
|
|
155
|
-
style: { "color": "#
|
|
165
|
+
style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
|
|
156
166
|
onClick: ($event) => addData(scope.$index)
|
|
157
167
|
}, {
|
|
158
168
|
default: withCtx(() => [
|
|
@@ -162,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
162
172
|
}, 1032, ["onClick"]),
|
|
163
173
|
createVNode(_component_el_icon, {
|
|
164
174
|
size: "14",
|
|
165
|
-
style: { "color": "#
|
|
175
|
+
style: { "color": "#5893ef", "cursor": "pointer" },
|
|
166
176
|
onClick: ($event) => deleteData(scope.$index)
|
|
167
177
|
}, {
|
|
168
178
|
default: withCtx(() => [
|
|
@@ -182,8 +192,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
182
192
|
}, {
|
|
183
193
|
default: withCtx(() => [
|
|
184
194
|
createVNode(_component_el_select, {
|
|
185
|
-
modelValue: __props.configure.props.highOrder.
|
|
186
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.highOrder.
|
|
195
|
+
modelValue: __props.configure.props.highOrder.mergeRow,
|
|
196
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.highOrder.mergeRow = $event),
|
|
187
197
|
multiple: "",
|
|
188
198
|
"allow-create": "",
|
|
189
199
|
filterable: "",
|
|
@@ -213,6 +223,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
213
223
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.highOrder.scopeFunc = $event),
|
|
214
224
|
title: __props.configure.props.highOrder.scopeFunc,
|
|
215
225
|
size: "small",
|
|
226
|
+
clearable: "",
|
|
216
227
|
placeholder: "请选择"
|
|
217
228
|
}, {
|
|
218
229
|
default: withCtx(() => [
|
|
@@ -246,8 +257,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
246
257
|
}, {
|
|
247
258
|
default: withCtx(() => [
|
|
248
259
|
createVNode(_component_el_select, {
|
|
249
|
-
modelValue: __props.configure.props.highOrder.
|
|
250
|
-
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.highOrder.
|
|
260
|
+
modelValue: __props.configure.props.highOrder.groupField,
|
|
261
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.highOrder.groupField = $event),
|
|
251
262
|
multiple: "",
|
|
252
263
|
"allow-create": "",
|
|
253
264
|
filterable: "",
|