super-page-designer 2.1.49 → 2.1.55

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/font-style-dialog.vue.js

@@ -1,4 +1,6 @@
 import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, renderList } from "vue";
+import { ElMessage } from "element-plus";
+const _hoisted_1 = { style: { "padding": "0 10px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "font-style-dialog",
   props: {
@@ -21,6 +23,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (props.data) {
       formData.value = props.data;
     }
+    if (!formData.value.style) {
+      formData.value.style = {};
+    }
+    function beforeClose(done) {
+      try {
+        if (formData.value.customStyle) {
+          JSON.parse(formData.value.customStyle);
+        }
+        done();
+      } catch (e) {
+        ElMessage.error("style需要是json格式");
+      }
+    }
     function openDialog() {
       dialogTableVisible.value = true;
     }
@@ -34,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_color_picker = resolveComponent("el-color-picker");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
+      const _component_el_text = resolveComponent("el-text");
       const _component_el_input = resolveComponent("el-input");
       const _component_el_form = resolveComponent("el-form");
       const _component_el_dialog = resolveComponent("el-dialog");
@@ -54,7 +70,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dialogTableVisible.value = $event),
           title: __props.title,
           width: "900",
-          "append-to-body": ""
+          "append-to-body": "",
+          "before-close": beforeClose
         }, {
           default: withCtx(() => [
             createVNode(_component_el_form, {
@@ -69,18 +86,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(_component_el_form_item, { label: "加粗" }, {
                           default: withCtx(() => [
                             createVNode(_component_el_radio_group, {
-                              modelValue: formData.value.fontBold,
-                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.fontBold = $event),
+                              modelValue: formData.value.style.fontWeight,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.style.fontWeight = $event),
                               class: "ml-4"
                             }, {
                               default: withCtx(() => [
-                                createVNode(_component_el_radio, { value: true }, {
+                                createVNode(_component_el_radio, { value: "bold" }, {
                                   default: withCtx(() => [
                                     createTextVNode("是")
                                   ]),
                                   _: 1
                                 }),
-                                createVNode(_component_el_radio, { value: false }, {
+                                createVNode(_component_el_radio, { value: "normal" }, {
                                   default: withCtx(() => [
                                     createTextVNode("否")
                                   ]),
@@ -100,18 +117,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(_component_el_form_item, { label: "倾斜" }, {
                           default: withCtx(() => [
                             createVNode(_component_el_radio_group, {
-                              modelValue: formData.value.fontItalic,
-                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.fontItalic = $event),
+                              modelValue: formData.value.style.fontStyle,
+                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.style.fontStyle = $event),
                               class: "ml-4"
                             }, {
                               default: withCtx(() => [
-                                createVNode(_component_el_radio, { value: true }, {
+                                createVNode(_component_el_radio, { value: "italic" }, {
                                   default: withCtx(() => [
                                     createTextVNode("是")
                                   ]),
                                   _: 1
                                 }),
-                                createVNode(_component_el_radio, { value: false }, {
+                                createVNode(_component_el_radio, { value: "normal" }, {
                                   default: withCtx(() => [
                                     createTextVNode("否")
                                   ]),
@@ -136,8 +153,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(_component_el_form_item, { label: "字体颜色" }, {
                           default: withCtx(() => [
                             createVNode(_component_el_color_picker, {
-                              modelValue: formData.value.FontColor,
-                              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.value.FontColor = $event)
+                              modelValue: formData.value.style.color,
+                              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.value.style.color = $event)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
@@ -150,8 +167,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(_component_el_form_item, { label: "背景颜色" }, {
                           default: withCtx(() => [
                             createVNode(_component_el_color_picker, {
-                              modelValue: formData.value.backgroundColor,
-                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.value.backgroundColor = $event)
+                              modelValue: formData.value.style.backgroundColor,
+                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.value.style.backgroundColor = $event)
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
@@ -169,8 +186,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(_component_el_form_item, { label: "字号" }, {
                           default: withCtx(() => [
                             createVNode(_component_el_select, {
-                              modelValue: formData.value.fontSize,
-                              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.value.fontSize = $event),
+                              modelValue: formData.value.style.fontSize,
+                              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.value.style.fontSize = $event),
                               placeholder: "默认",
                               clearable: ""
                             }, {
@@ -199,6 +216,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_form_item, { label: "  style" }, {
                           default: withCtx(() => [
+                            createElementVNode("div", _hoisted_1, [
+                              createVNode(_component_el_text, { type: "primary" }, {
+                                default: withCtx(() => [
+                                  createTextVNode('格式如：{"fontSize": "24px", "padding": "10px", "color":"red"}')
+                                ]),
+                                _: 1
+                              })
+                            ]),
                             createVNode(_component_el_input, {
                               modelValue: formData.value.customStyle,
                               "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => formData.value.customStyle = $event),

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/row-colmun.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, renderList, createBlock } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "row-colmun",
+  props: {
+    sourceFields: {},
+    tableData: {},
+    type: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_Delete = resolveComponent("Delete");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_divider = resolveComponent("el-divider");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_table, {
+          data: _ctx.tableData,
+          style: { "width": "100%", "margin-bottom": "8px" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, {
+              "header-align": "center",
+              align: "center",
+              width: "60"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_el_icon, {
+                  size: "14",
+                  style: { "color": "#5893ef", "cursor": "pointer" },
+                  onClick: ($event) => _ctx.tableData.splice(scope.$index, 1)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Delete)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "转换列",
+              "header-align": "center",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_el_select, {
+                  modelValue: _ctx.tableData[scope.$index].columns,
+                  "onUpdate:modelValue": ($event) => _ctx.tableData[scope.$index].columns = $event,
+                  multiple: "",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sourceFields, (filed, index) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: index,
+                        label: filed.label,
+                        value: filed.value
+                      }, null, 8, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "新变量名",
+              "header-align": "center",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_el_input, {
+                  modelValue: _ctx.tableData[scope.$index].prop,
+                  "onUpdate:modelValue": ($event) => _ctx.tableData[scope.$index].prop = $event
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "标题名",
+              "header-align": "center",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_el_input, {
+                  modelValue: _ctx.tableData[scope.$index].title,
+                  "onUpdate:modelValue": ($event) => _ctx.tableData[scope.$index].title = $event
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data"]),
+        createVNode(_component_el_divider)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/row-colmun.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./row-colmun.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue.js

@@ -27,7 +27,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     // 变量显示类型
     paramTypes: {
       type: Array,
-      default: () => ["data", "task", "page", "request"]
+      default: () => ["data", "task", "page", "request", "row"]
+    },
+    // 页面信息
+    pageDesign: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["dataChange"],
@@ -35,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const tableData = ref([]);
-    if (props.data) {
+    if (props.data && Array.isArray(props.data)) {
       tableData.value = props.data;
     }
     if (!tableData.value || tableData.value.length == 0) {
@@ -45,11 +51,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: {}
       });
     }
-    watch(() => tableData.value, (newVal) => {
-      if (Object.keys(newVal[0].style).length > 0) {
-        emit("dataChange", tableData.value);
-      }
-    }, { deep: true });
+    watch(
+      () => tableData.value,
+      (newVal) => {
+        if (Object.keys(newVal[0].style).length > 0) {
+          debugger;
+          emit("dataChange", tableData.value);
+        }
+      },
+      { deep: true }
+    );
     function addData(rowItem, index) {
       tableData.value.splice(index + 1, 0, {
         matchingCondition: [],
@@ -88,8 +99,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$1, {
                 paramTypes: __props.paramTypes,
                 title: "匹配条件/生效条件",
-                data: scope.row.matchingCondition
-              }, null, 8, ["paramTypes", "data"])
+                data: scope.row.matchingCondition,
+                pageDesign: __props.pageDesign,
+                configure: __props.configure
+              }, null, 8, ["paramTypes", "data", "pageDesign", "configure"])
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -129,6 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_component_el_select, {
                 modelValue: scope.row.scopeFunc,
                 "onUpdate:modelValue": ($event) => scope.row.scopeFunc = $event,
+                clearable: "",
                 title: scope.row.scopeFunc,
                 size: "small",
                 placeholder: "请选择"
@@ -154,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx((scope) => [
               createVNode(_sfc_main$2, {
-                data: scope.row.style
+                data: scope.row
               }, null, 8, ["data"])
             ]),
             _: 1
@@ -166,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx((scope) => [
               createVNode(_component_el_icon, {
                 size: "14",
-                style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
+                style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
                 onClick: ($event) => addData(scope.row, scope.$index)
               }, {
                 default: withCtx(() => [
@@ -176,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 1032, ["onClick"]),
               createVNode(_component_el_icon, {
                 size: "14",
-                style: { "color": "#5893EF", "cursor": "pointer" },
+                style: { "color": "#5893ef", "cursor": "pointer" },
                 onClick: ($event) => deleteData(scope.row, scope.$index)
               }, {
                 default: withCtx(() => [