super-page-designer 2.1.52 → 2.1.58

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.
Files changed (50) hide show
  1. package/dist/es/components/design/utils/assemblys-config.js +13 -22
  2. package/dist/es/components/design/utils/chart-design-util.js +17 -1
  3. package/dist/es/components/design/utils/data-table-util.js +11 -9
  4. package/dist/es/components/design/utils/form-design-util.js +5 -0
  5. package/dist/es/components/design/utils/page-explore-util.js +0 -1
  6. package/dist/es/components/design/views/assemblys/chart/column-line/column-line-attr.vue2.js +5 -5
  7. package/dist/es/components/design/views/assemblys/chart/common/common-attr-data.vue.js +60 -1
  8. package/dist/es/components/design/views/assemblys/chart/common/common-attr-events.vue.js +22 -0
  9. package/dist/es/components/design/views/assemblys/chart/common/common-attr-events.vue2.js +4 -0
  10. package/dist/es/components/design/views/assemblys/chart/common/common-style-yaxis.vue.js +89 -23
  11. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue.js +1 -1
  12. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue2.js +13 -5
  13. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue.js +1 -1
  14. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-pageination.vue.js +347 -0
  15. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-pageination.vue2.js +4 -0
  16. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js +1 -1
  17. package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-advanced.vue.js +1 -4
  18. package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue.js +77 -50
  19. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.d.ts +9 -0
  20. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +3 -3
  21. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +1 -734
  22. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +738 -1
  23. package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +9 -2
  24. package/dist/es/components/design/views/assemblys/common-attr-events.vue.js +2 -2
  25. package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue2.js +1 -11
  26. package/dist/es/components/design/views/assemblys/container/tools/tools-design.vue2.js +31 -5
  27. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
  28. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +5 -37
  29. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
  30. package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js +45 -15
  31. package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +1 -1
  32. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +3 -2
  33. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +1 -1
  34. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-style.vue.js +5 -3
  35. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +2 -2
  36. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +152 -1
  37. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +1 -152
  38. package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js +4 -3
  39. package/dist/es/components/design/views/assemblys/form/common/parameter-table.vue.js +11 -1
  40. package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +2 -1
  41. package/dist/es/components/design/views/assemblys/form/custom/custom-attr-base.vue.js +2 -2
  42. package/dist/es/components/design/views/assemblys/object-design.vue.js +14 -13
  43. package/dist/es/components/design/views/assemblys/page/page-attr-advanced.vue.js +45 -1
  44. package/dist/es/components/design/views/assemblys/page/variable-dialog.vue.js +30 -1
  45. package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js +3 -3
  46. package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js +53 -14
  47. package/dist/es/style.css +82 -82
  48. package/package.json +6 -5
  49. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue.js +0 -205
  50. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue2.js +0 -4
@@ -1,734 +1 @@
1
- import { defineComponent, ref, onMounted, onUnmounted, computed, watch, resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, withDirectives, withModifiers, unref, vShow, createElementVNode, createTextVNode, normalizeStyle, createCommentVNode, nextTick, pushScopeId, popScopeId } from "vue";
2
- import { CircleClose, Plus, InfoFilled, Search } from "@element-plus/icons-vue";
3
- import http from "agilebuilder-ui/src/utils/request";
4
- import { deepCopy, getUuidv4 } from "../../../utils/common-util.js";
5
- import { getTypeOptions, taskVarOptions, contextVarOptions } from "./common-variable-bind-option.js";
6
- import { usePageContextStore } from "../../../../../stores/page-store.js";
7
- import { tableField } from "../../../../../stores/table-store.js";
8
- import { statisticsTable } from "../../../../../stores/statistics-table-store.js";
9
- const _withScopeId = (n) => (pushScopeId("data-v-a4871164"), n = n(), popScopeId(), n);
10
- const _hoisted_1 = { key: 0 };
11
- const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
12
- const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
13
- const _hoisted_4 = { style: { "font-size": "10px", "line-height": "40px" } };
14
- const _hoisted_5 = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
15
- const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
16
- const _hoisted_7 = {
17
- key: 0,
18
- style: { "display": "flex" }
19
- };
20
- const _hoisted_8 = ["title"];
21
- const _hoisted_9 = ["title"];
22
- const _hoisted_10 = { class: "totalStyle" };
23
- const _sfc_main = /* @__PURE__ */ defineComponent({
24
- ...{
25
- name: "ValueSetInput",
26
- inheritAttrs: false
27
- },
28
- __name: "common-variable-bind",
29
- props: {
30
- modelValue: {
31
- type: [String],
32
- default: null
33
- },
34
- paramTypes: {
35
- type: Array,
36
- default: () => []
37
- },
38
- size: {
39
- type: String,
40
- default: "small"
41
- },
42
- showLabel: {
43
- type: Boolean,
44
- default: false
45
- },
46
- // 是否需要方法参数
47
- needParams: {
48
- type: Boolean,
49
- default: false
50
- },
51
- isRange: {
52
- type: Boolean,
53
- default: false
54
- },
55
- isTable: {
56
- type: Boolean,
57
- default: false
58
- },
59
- dataModelOptions: {
60
- type: Array,
61
- default: null
62
- },
63
- objModelOptions: {
64
- type: Array,
65
- default: null
66
- },
67
- // 是否需要data
68
- needData: {
69
- type: Boolean,
70
- default: false
71
- }
72
- },
73
- emits: ["update:modelValue"],
74
- setup(__props, { emit: __emit }) {
75
- const pageDesignContextUtil = usePageContextStore();
76
- const emits = __emit;
77
- const props = __props;
78
- const popoverVisible = ref(false);
79
- const defalutValue = ref("");
80
- const inputRef = ref(null);
81
- const contentRef = ref(null);
82
- const typeOptions = ref([]);
83
- const showInput = ref(false);
84
- const labelValue = ref("");
85
- const paramType = ref("");
86
- const paramValue = ref("");
87
- const valueOptions = ref([]);
88
- const selectOptions = ref({});
89
- const searchValue = ref("");
90
- const popoverRef = ref(null);
91
- const selectInputType = ["context", "system", "task", "data", "page", "row"];
92
- const tableFieldStore = tableField();
93
- const statisticsTableStore = statisticsTable();
94
- onMounted(() => {
95
- window.addEventListener("click", handleClickOutside);
96
- const pageContext = pageDesignContextUtil.pageContext;
97
- let hasTask = false;
98
- let hasData = props.needData;
99
- if (!hasData) {
100
- if (props.isTable || pageContext && (!pageContext.pageType || pageContext.pageType == "form") && pageContext.tableName) {
101
- hasData = true;
102
- }
103
- }
104
- if (pageContext && pageContext.workflowCode && hasData) {
105
- hasTask = true;
106
- }
107
- let newOptions = getTypeOptions(props.paramTypes, props.needParams);
108
- if (!hasData) {
109
- newOptions = newOptions.filter((item) => item.value != "data");
110
- }
111
- if (!hasTask) {
112
- newOptions = newOptions.filter((item) => item.value != "task");
113
- }
114
- typeOptions.value = newOptions;
115
- setSelectOptions();
116
- if (props.modelValue) {
117
- const [type, val] = props.modelValue.slice(0, props.modelValue.length - 1).slice(2).split(".");
118
- paramType.value = type;
119
- paramValue.value = val;
120
- if (selectInputType.includes(type)) {
121
- showInput.value = false;
122
- }
123
- setValueOptions(paramType.value);
124
- labelValue.value = formatter();
125
- defalutValue.value = props.modelValue;
126
- }
127
- if (!paramType.value) {
128
- paramType.value = newOptions.length > 0 ? newOptions[0].value : "";
129
- setValueOptions(paramType.value);
130
- }
131
- console.log("popoverRef", popoverRef.value);
132
- });
133
- onUnmounted(() => {
134
- window.removeEventListener("click", handleClickOutside);
135
- });
136
- let lastTarget = null;
137
- function handleClickOutside(event) {
138
- if (!popoverVisible.value) {
139
- return;
140
- }
141
- if (paramTypeCheck) {
142
- paramTypeCheck = false;
143
- return;
144
- }
145
- let popoverDom = null;
146
- if (contentRef.value) {
147
- popoverDom = contentRef.value.$el.parentNode;
148
- }
149
- if (!event.target || !popoverDom) {
150
- return;
151
- }
152
- if (event.target === lastTarget) {
153
- console.log("与最后的点击一致");
154
- return;
155
- }
156
- const inputDom = inputRef.value ? inputRef.value.input : null;
157
- if (inputDom && (event.target === inputDom || inputDom.contains(event.target))) {
158
- console.log("click contains input");
159
- return;
160
- }
161
- if (event.target === popoverDom || popoverDom.contains(event.target)) {
162
- console.log("click contains");
163
- lastTarget = event.target;
164
- } else {
165
- if (contentRef.value.$el) {
166
- console.log("contentRef.value.$el.contains", contentRef.value.$el.contains(event.target));
167
- }
168
- console.log("click contains--------not");
169
- if (popoverVisible.value) {
170
- closePopover(true);
171
- }
172
- }
173
- }
174
- const symbolUnits = ref([
175
- {
176
- label: "天",
177
- value: "d"
178
- },
179
- {
180
- label: "周",
181
- value: "w"
182
- },
183
- {
184
- label: "月",
185
- value: "m"
186
- },
187
- {
188
- label: "年",
189
- value: "y"
190
- }
191
- ]);
192
- const symbolUnitFormatter = (unit) => {
193
- const items = symbolUnits.value.filter((item) => {
194
- return item.value == unit;
195
- });
196
- if (items.length > 0) {
197
- return items[0].label;
198
- } else {
199
- return "";
200
- }
201
- };
202
- let popoverTimeout = null;
203
- function closePopover(immediate) {
204
- clearTimeout(popoverTimeout);
205
- if (immediate) {
206
- popoverVisible.value = false;
207
- } else {
208
- popoverTimeout = setTimeout(() => {
209
- popoverVisible.value = false;
210
- }, 2e3);
211
- }
212
- }
213
- function openPopover() {
214
- clearTimeout(popoverTimeout);
215
- popoverVisible.value = true;
216
- }
217
- const filterTableData = computed(
218
- () => (
219
- //等于System时为全部
220
- valueOptions.value.filter(
221
- (data) => !searchValue.value || paramType.value == "system" || data.label.toLowerCase().includes(searchValue.value.toLowerCase()) || data.value.toLowerCase().includes(searchValue.value.toLowerCase())
222
- )
223
- )
224
- );
225
- watch(searchValue, () => {
226
- if (paramType.value == "system") {
227
- querySystemParams();
228
- }
229
- });
230
- let lastSystemQuery = null;
231
- function querySystemParams() {
232
- if (lastSystemQuery == searchValue.value) {
233
- return;
234
- }
235
- const param = {
236
- query: searchValue.value
237
- };
238
- lastSystemQuery = searchValue.value;
239
- http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/system-params/query", param).then((results) => {
240
- const tempOptions = [];
241
- for (let result of results) {
242
- tempOptions.push({
243
- value: result.propKey,
244
- label: result.propKey + " (" + result.propValue + ")"
245
- });
246
- }
247
- selectOptions.value.systemVarOptions = tempOptions;
248
- if (paramType.value == "system") {
249
- setValueOptions(paramType.value);
250
- }
251
- });
252
- }
253
- const tableHeight = computed(() => {
254
- let height = 185;
255
- if (paramType.value == "page") {
256
- height = 170;
257
- }
258
- return height;
259
- });
260
- const searchWidthStyle = computed(() => {
261
- const style = {};
262
- if (paramType.value == "page") {
263
- style.width = "210px";
264
- }
265
- return style;
266
- });
267
- function setSelectOptions() {
268
- if (props.dataModelOptions && props.dataModelOptions.length > 0) {
269
- selectOptions.value.dataModelOptions = props.dataModelOptions;
270
- } else if (props.isTable) {
271
- selectOptions.value.dataModelOptions = tableFieldStore.fieldList;
272
- } else {
273
- selectOptions.value.dataModelOptions = pageDesignContextUtil.pageContextVarOptions.dataOptions;
274
- }
275
- if (props.objModelOptions && props.objModelOptions.length > 0) {
276
- selectOptions.value.objModelOptions = props.objModelOptions;
277
- }
278
- selectOptions.value.pageVarOptions = pageDesignContextUtil.pageContextVarOptions.pageVarOptions;
279
- }
280
- function formatter() {
281
- if (props.modelValue) {
282
- return paramType.value + "." + getValueLabel(paramType.value, paramValue.value);
283
- }
284
- return props.modelValue;
285
- }
286
- let paramTypeCheck = false;
287
- function paramTypeChange(selParamType) {
288
- if (selParamType) {
289
- if (Array.isArray(selParamType)) {
290
- if (selParamType.length > 0) {
291
- selParamType = selParamType[0];
292
- }
293
- }
294
- }
295
- paramType.value = selParamType;
296
- paramValue.value = "";
297
- if (selectInputType.includes(selParamType)) {
298
- showInput.value = false;
299
- setValueOptions(selParamType);
300
- } else {
301
- showInput.value = true;
302
- }
303
- if (paramType.value == "system") {
304
- querySystemParams();
305
- }
306
- paramTypeCheck = true;
307
- }
308
- function setValueOptions(value) {
309
- if (value === "context") {
310
- let options = contextVarOptions;
311
- if (props.isRange) {
312
- options = deepCopy(options);
313
- for (let i = 0; i < options.length; i++) {
314
- let o = options[i];
315
- if (o.value == "currentDate") {
316
- options.splice(i + 1, 0, {
317
- value: "currentDate",
318
- symbolUnit: "d",
319
- symbol: "-",
320
- type: "range"
321
- });
322
- break;
323
- }
324
- }
325
- }
326
- valueOptions.value = options;
327
- } else if (value === "system") {
328
- valueOptions.value = selectOptions.value.systemVarOptions || [];
329
- } else if (value === "task") {
330
- valueOptions.value = taskVarOptions;
331
- } else if (value === "data") {
332
- valueOptions.value = selectOptions.value.dataModelOptions || [];
333
- } else if (value === "row") {
334
- valueOptions.value = selectOptions.value.objModelOptions && selectOptions.value.objModelOptions.length > 0 ? selectOptions.value.objModelOptions : statisticsTableStore.columnList ? statisticsTableStore.columnList : selectOptions.value.dataModelOptions ? selectOptions.value.dataModelOptions : [];
335
- } else if (value === "params") {
336
- valueOptions.value = selectOptions.value.paramsVarOptions || [];
337
- } else if (value === "page") {
338
- valueOptions.value = selectOptions.value.pageVarOptions || [];
339
- }
340
- }
341
- function clearSelect() {
342
- defalutValue.value = "";
343
- emits("update:modelValue", defalutValue.value);
344
- popoverRef.value.hide();
345
- }
346
- function selectRow(row) {
347
- if (row.type == "range") {
348
- if (row.symbolNum === "") {
349
- ElMessage.warning("周期不能为空!");
350
- return;
351
- }
352
- if (isNaN(row.symbolNum)) {
353
- ElMessage.warning("周期为无效的数字!");
354
- return;
355
- }
356
- if (row.symbolNum != "0") {
357
- paramValue.value = row.value + row.symbol + row.symbolNum + row.symbolUnit;
358
- } else {
359
- paramValue.value = row.value;
360
- }
361
- } else {
362
- paramValue.value = row.value;
363
- }
364
- defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
365
- emits("update:modelValue", defalutValue.value, row.alias);
366
- closePopover(true);
367
- }
368
- function addRequestParam(paramName) {
369
- paramValue.value = paramName;
370
- addInputParams();
371
- }
372
- function addInputParams() {
373
- if (!paramValue.value) {
374
- ElMessage.warning("请输入参数名");
375
- return;
376
- }
377
- defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
378
- emits("update:modelValue", defalutValue.value);
379
- closePopover(true);
380
- }
381
- function addPageParams() {
382
- searchValue.value = searchValue.value.trim();
383
- if (!searchValue.value) {
384
- ElMessage.warning("请输入参数名");
385
- return;
386
- }
387
- const tempValues = selectOptions.value.pageVarOptions || [];
388
- for (let t of tempValues) {
389
- if (t.value === searchValue.value) {
390
- ElMessage.warning("该变量已存在!");
391
- return;
392
- }
393
- }
394
- const variable = {
395
- code: getUuidv4(),
396
- name: searchValue.value,
397
- alias: searchValue.value,
398
- type: "string",
399
- defaultValue: ""
400
- };
401
- if (!pageDesignContextUtil.pageContext.variables) {
402
- pageDesignContextUtil.pageContext.variables = [];
403
- }
404
- pageDesignContextUtil.pageContext.variables.push(variable);
405
- pageDesignContextUtil.setPageContext(pageDesignContextUtil.pageContext);
406
- selectOptions.value.pageVarOptions = pageDesignContextUtil.pageContextVarOptions.pageVarOptions;
407
- valueOptions.value = selectOptions.value.pageVarOptions || [];
408
- paramValue.value = searchValue.value;
409
- defalutValue.value = "${" + paramType.value + "." + searchValue.value + "}";
410
- searchValue.value = "";
411
- emits("update:modelValue", defalutValue.value);
412
- closePopover(true);
413
- }
414
- function getValueLabel(valueType, value) {
415
- if (selectInputType.includes(valueType)) {
416
- if (valueType === "context" && value && value.startsWith("currentDate") && value.length > 11) {
417
- const str = value.substring(11);
418
- const symbol = str.substring(0, 1);
419
- const num = str.substring(1, str.length - 1);
420
- const unit = str.substring(str.length - 1);
421
- return num + symbolUnitFormatter(unit) + ("+" === symbol ? "后" : "前");
422
- }
423
- const option = valueOptions.value.find((item) => item.value === value);
424
- if (option) {
425
- return option.label;
426
- }
427
- }
428
- return value;
429
- }
430
- const tableRef = ref();
431
- function handSelectRow() {
432
- if (!props.showLabel && !showInput.value) {
433
- const index = filterTableData.value.findIndex((item) => item.value === paramValue.value);
434
- if (index > -1) {
435
- tableRef.value.setCurrentRow(filterTableData.value[index]);
436
- }
437
- }
438
- }
439
- function showPopover() {
440
- openPopover();
441
- nextTick(() => {
442
- setSelectOptions();
443
- if (paramType.value) {
444
- if (selectInputType.includes(paramType.value)) {
445
- showInput.value = false;
446
- setValueOptions(paramType.value);
447
- } else {
448
- showInput.value = true;
449
- }
450
- if (paramType.value == "system") {
451
- querySystemParams();
452
- }
453
- }
454
- handSelectRow();
455
- });
456
- }
457
- return (_ctx, _cache) => {
458
- const _component_el_icon = resolveComponent("el-icon");
459
- const _component_el_input = resolveComponent("el-input");
460
- const _component_el_cascader_panel = resolveComponent("el-cascader-panel");
461
- const _component_el_col = resolveComponent("el-col");
462
- const _component_el_empty = resolveComponent("el-empty");
463
- const _component_el_button = resolveComponent("el-button");
464
- const _component_el_table_column = resolveComponent("el-table-column");
465
- const _component_el_option = resolveComponent("el-option");
466
- const _component_el_select = resolveComponent("el-select");
467
- const _component_el_table = resolveComponent("el-table");
468
- const _component_el_row = resolveComponent("el-row");
469
- const _component_el_popover = resolveComponent("el-popover");
470
- return __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(defalutValue.value), 1)) : (openBlock(), createBlock(_component_el_popover, {
471
- key: 1,
472
- ref_key: "popoverRef",
473
- ref: popoverRef,
474
- visible: popoverVisible.value,
475
- width: 400
476
- }, {
477
- reference: withCtx(() => [
478
- createVNode(_component_el_input, {
479
- readonly: "",
480
- size: __props.size,
481
- title: defalutValue.value,
482
- ref_key: "inputRef",
483
- ref: inputRef,
484
- onClick: showPopover,
485
- formatter,
486
- modelValue: defalutValue.value,
487
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => defalutValue.value = $event),
488
- placeholder: "请选择"
489
- }, {
490
- suffix: withCtx(() => [
491
- withDirectives(createVNode(_component_el_icon, {
492
- style: { "cursor": "pointer" },
493
- onClick: withModifiers(clearSelect, ["stop"])
494
- }, {
495
- default: withCtx(() => [
496
- createVNode(unref(CircleClose))
497
- ]),
498
- _: 1
499
- }, 512), [
500
- [vShow, defalutValue.value]
501
- ])
502
- ]),
503
- _: 1
504
- }, 8, ["size", "title", "modelValue"])
505
- ]),
506
- default: withCtx(() => [
507
- createVNode(_component_el_row, {
508
- ref_key: "contentRef",
509
- ref: contentRef
510
- }, {
511
- default: withCtx(() => [
512
- createVNode(_component_el_col, { span: 8 }, {
513
- default: withCtx(() => [
514
- createVNode(_component_el_cascader_panel, {
515
- modelValue: paramType.value,
516
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => paramType.value = $event),
517
- onChange: paramTypeChange,
518
- props: { emitPath: true },
519
- size: "small",
520
- options: typeOptions.value,
521
- style: { "height": "240px", "width": "100%" }
522
- }, null, 8, ["modelValue", "options"])
523
- ]),
524
- _: 1
525
- }),
526
- !paramType.value ? (openBlock(), createBlock(_component_el_col, {
527
- key: 0,
528
- span: 16
529
- }, {
530
- default: withCtx(() => [
531
- createVNode(_component_el_empty, {
532
- description: "请选择类型",
533
- "image-size": 40
534
- })
535
- ]),
536
- _: 1
537
- })) : showInput.value ? (openBlock(), createBlock(_component_el_col, {
538
- key: 1,
539
- span: 16,
540
- style: { "padding-left": "10px" }
541
- }, {
542
- default: withCtx(() => [
543
- createVNode(_component_el_input, {
544
- style: { "width": "210px" },
545
- size: "small",
546
- modelValue: paramValue.value,
547
- "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => paramValue.value = $event),
548
- placeholder: "请手动输入"
549
- }, null, 8, ["modelValue"]),
550
- createVNode(_component_el_button, {
551
- style: { "float": "right" },
552
- onClick: addInputParams,
553
- size: "small",
554
- type: "primary",
555
- icon: unref(Plus),
556
- circle: ""
557
- }, null, 8, ["icon"]),
558
- createElementVNode("div", _hoisted_2, [
559
- createVNode(_component_el_icon, null, {
560
- default: withCtx(() => [
561
- createVNode(unref(InfoFilled))
562
- ]),
563
- _: 1
564
- }),
565
- _hoisted_3
566
- ]),
567
- withDirectives(createElementVNode("div", _hoisted_4, [
568
- createTextVNode(" 常用参数: "),
569
- createVNode(_component_el_button, {
570
- type: "primary",
571
- size: "small",
572
- onClick: _cache[3] || (_cache[3] = ($event) => addRequestParam("query"))
573
- }, {
574
- default: withCtx(() => [
575
- createTextVNode("query")
576
- ]),
577
- _: 1
578
- })
579
- ], 512), [
580
- [vShow, paramType.value == "request"]
581
- ])
582
- ]),
583
- _: 1
584
- })) : (openBlock(), createBlock(_component_el_col, {
585
- key: 2,
586
- span: 16,
587
- style: { "padding-left": "10px" }
588
- }, {
589
- default: withCtx(() => [
590
- createVNode(_component_el_input, {
591
- size: "small",
592
- modelValue: searchValue.value,
593
- "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchValue.value = $event),
594
- placeholder: "搜索",
595
- "suffix-icon": unref(Search),
596
- style: normalizeStyle([{ "margin-bottom": "5px", "height": "25px" }, searchWidthStyle.value])
597
- }, null, 8, ["modelValue", "suffix-icon", "style"]),
598
- withDirectives(createVNode(_component_el_button, {
599
- style: { "float": "right" },
600
- onClick: addPageParams,
601
- size: "small",
602
- type: "primary",
603
- icon: unref(Plus),
604
- circle: ""
605
- }, null, 8, ["icon"]), [
606
- [vShow, paramType.value == "page"]
607
- ]),
608
- withDirectives(createElementVNode("div", _hoisted_5, [
609
- createVNode(_component_el_icon, null, {
610
- default: withCtx(() => [
611
- createVNode(unref(InfoFilled))
612
- ]),
613
- _: 1
614
- }),
615
- _hoisted_6
616
- ], 512), [
617
- [vShow, paramType.value == "page"]
618
- ]),
619
- createVNode(_component_el_table, {
620
- ref_key: "tableRef",
621
- ref: tableRef,
622
- height: tableHeight.value,
623
- "show-header": false,
624
- size: "small",
625
- "current-row-key": "code",
626
- "row-key": "code",
627
- "tree-props": { children: "items" },
628
- "highlight-current-row": true,
629
- data: filterTableData.value
630
- }, {
631
- default: withCtx(() => [
632
- createVNode(_component_el_table_column, { width: "65" }, {
633
- default: withCtx((scope) => [
634
- createVNode(_component_el_button, {
635
- size: "small",
636
- onClick: ($event) => selectRow(scope.row)
637
- }, {
638
- default: withCtx(() => [
639
- createTextVNode(" 选择 ")
640
- ]),
641
- _: 2
642
- }, 1032, ["onClick"])
643
- ]),
644
- _: 1
645
- }),
646
- createVNode(_component_el_table_column, {
647
- label: "Date",
648
- prop: "label"
649
- }, {
650
- default: withCtx((scope) => [
651
- paramType.value == "context" && scope.row.type == "range" ? (openBlock(), createElementBlock("div", _hoisted_7, [
652
- createVNode(_component_el_input, {
653
- size: "small",
654
- modelValue: scope.row.symbolNum,
655
- "onUpdate:modelValue": ($event) => scope.row.symbolNum = $event,
656
- placeholder: "",
657
- style: { "width": "35px", "margin-left": "4px" }
658
- }, null, 8, ["modelValue", "onUpdate:modelValue"]),
659
- createVNode(_component_el_select, {
660
- size: "small",
661
- style: { "margin-left": "4px", "width": "50px" },
662
- modelValue: scope.row.symbolUnit,
663
- "onUpdate:modelValue": ($event) => scope.row.symbolUnit = $event,
664
- placeholder: ""
665
- }, {
666
- default: withCtx(() => [
667
- createVNode(_component_el_option, {
668
- label: "天",
669
- value: "d"
670
- }),
671
- createVNode(_component_el_option, {
672
- label: "周",
673
- value: "w"
674
- }),
675
- createVNode(_component_el_option, {
676
- label: "月",
677
- value: "m"
678
- }),
679
- createVNode(_component_el_option, {
680
- label: "年",
681
- value: "y"
682
- })
683
- ]),
684
- _: 2
685
- }, 1032, ["modelValue", "onUpdate:modelValue"]),
686
- createVNode(_component_el_select, {
687
- size: "small",
688
- style: { "margin-left": "4px", "width": "50px" },
689
- modelValue: scope.row.symbol,
690
- "onUpdate:modelValue": ($event) => scope.row.symbol = $event,
691
- placeholder: ""
692
- }, {
693
- default: withCtx(() => [
694
- createVNode(_component_el_option, {
695
- label: "前",
696
- value: "-"
697
- }),
698
- createVNode(_component_el_option, {
699
- label: "后",
700
- value: "+"
701
- })
702
- ]),
703
- _: 2
704
- }, 1032, ["modelValue", "onUpdate:modelValue"])
705
- ])) : createCommentVNode("", true),
706
- paramType.value == "data" || paramType.value == "obj" || paramType.value == "row" ? (openBlock(), createElementBlock("span", {
707
- key: 1,
708
- title: scope.row.label + " " + scope.row.value
709
- }, toDisplayString(scope.row.label + " " + scope.row.value), 9, _hoisted_8)) : (openBlock(), createElementBlock("span", {
710
- key: 2,
711
- title: scope.row.label
712
- }, toDisplayString(scope.row.label), 9, _hoisted_9))
713
- ]),
714
- _: 1
715
- })
716
- ]),
717
- _: 1
718
- }, 8, ["height", "data"]),
719
- createElementVNode("div", _hoisted_10, "总计:" + toDisplayString(filterTableData.value.length), 1)
720
- ]),
721
- _: 1
722
- }))
723
- ]),
724
- _: 1
725
- }, 512)
726
- ]),
727
- _: 1
728
- }, 8, ["visible"]));
729
- };
730
- }
731
- });
732
- export {
733
- _sfc_main as default
734
- };
1
+