vue2-client 1.15.84 → 1.15.86

package/src/base-client/components/common/XReport/index.md

@@ -1,103 +1,103 @@
-# XReport
-
-动态报表控件，根据JSON配置生成一个完整的报表
-
-
-## 何时使用
-
-当需要一个动态生成的报表时
-
-
-引用方式：
-
-```javascript
-import XReport from '@vue2-client/base-client/components/XReport/XReport'
-
-export default {
-    components: {
-      XReport
-    }
-}
-```
-
-## API
-
-| 参数              | 说明   | 类型    | 默认值       |
-|-----------------|------|-------|-----------|
-| configName | 配置文件名 | String | 无（必填）     |
-| activatedSlotName| 激活插槽名 | String | undefined |
-| files | 文件列表 | Array | []        |
-| authority | 权限控制 | String | user |
-| localConfig | 本地配置 | Object | undefined |
-| dontFormat | 禁止已经格式化后的配置格式化| Boolean | false|
-| configData | 配置中的Data | Object | undefined |
-## 例子1
-----
-```vue
-<XReport :config-name="'test_tableConfig'" :activated-slot-name="'test_tableConfig_slot'"/>
-```
-
-## 支持的表单项目类型
-
-| 类型              | 说明   | 输出格式    | 备注       |
-|-----------------|------|-------|-----------|
-| input | 文本输入框 | 字符串 | 标准文本输入     |
-| datePicker| 日期选择器 | YYYY-MM-DD | 日期格式 |
-| timePicker | 时间选择器 | YYYY-MM-DD HH:mm:ss | 日期时间格式 |
-| curDateInput | 当前日期按钮 | YYYY-MM-DD HH:mm:ss | 点击获取当前时间|
-| signature | 签名框 | 图片URL | 需要在手机端操作|
-| images | 图片上传 | 图片数组 | 支持多图片上传|
-
-## 配置例子
-
-### 日期选择器配置
-```json
-{
-  "type": "datePicker",
-  "dataIndex": "selectedDate",
-  "inputWidth": "100%",
-  "inputReadOnly": false,
-  "required": true,
-  "requiredMessage": "请选择操作日期"
-}
-```
-
-### 时间选择器配置
-```json
-{
-  "type": "timePicker", 
-  "dataIndex": "selectedDateTime",
-  "inputWidth": "100%",
-  "inputReadOnly": false,
-  "required": true,
-  "requiredMessage": "请选择具体时间"
-}
-```
-
-### 必填字段配置说明
-
-| 参数              | 说明   | 类型    | 默认值       |
-|-----------------|------|-------|-----------|
-| required | 是否必填 | Boolean | false |
-| requiredMessage| 必填提示信息 | String | 根据字段类型自动生成 |
-
-**默认提示信息：**
-- datePicker: "请选择日期"
-- timePicker: "请选择日期时间" 
-- input: "请填写此字段"
-- 其他类型: "此字段为必填项"
-
-**必填校验特性：**
-- 必填字段为空时会显示红色边框和错误提示
-- 保存时会自动校验所有必填字段，校验失败会阻止保存并显示错误信息
-- 导出数据时会进行校验提醒，但不会阻止导出
-
-## 注意事项
-
-> 在某些情况下，比如手机端，只需要输入表格中一部分的内容。
-> 可以将这部分内容作为插槽，并在activatedSlotName中填写插槽名。
-> 则会在设计页面仅展示插槽中的输入项，并在预览窗口中，根据configName中的配置，
-> 渲染出来完整的表格
-
-> 新增的datePicker和timePicker支持在普通行、动态行中使用，
-> 会自动格式化为指定的日期时间格式并保存到配置数据中。支持必填校验功能。
+# XReport
+
+动态报表控件，根据JSON配置生成一个完整的报表
+
+
+## 何时使用
+
+当需要一个动态生成的报表时
+
+
+引用方式：
+
+```javascript
+import XReport from '@vue2-client/base-client/components/XReport/XReport'
+
+export default {
+    components: {
+      XReport
+    }
+}
+```
+
+## API
+
+| 参数              | 说明   | 类型    | 默认值       |
+|-----------------|------|-------|-----------|
+| configName | 配置文件名 | String | 无（必填）     |
+| activatedSlotName| 激活插槽名 | String | undefined |
+| files | 文件列表 | Array | []        |
+| authority | 权限控制 | String | user |
+| localConfig | 本地配置 | Object | undefined |
+| dontFormat | 禁止已经格式化后的配置格式化| Boolean | false|
+| configData | 配置中的Data | Object | undefined |
+## 例子1
+----
+```vue
+<XReport :config-name="'test_tableConfig'" :activated-slot-name="'test_tableConfig_slot'"/>
+```
+
+## 支持的表单项目类型
+
+| 类型              | 说明   | 输出格式    | 备注       |
+|-----------------|------|-------|-----------|
+| input | 文本输入框 | 字符串 | 标准文本输入     |
+| datePicker| 日期选择器 | YYYY-MM-DD | 日期格式 |
+| timePicker | 时间选择器 | YYYY-MM-DD HH:mm:ss | 日期时间格式 |
+| curDateInput | 当前日期按钮 | YYYY-MM-DD HH:mm:ss | 点击获取当前时间|
+| signature | 签名框 | 图片URL | 需要在手机端操作|
+| images | 图片上传 | 图片数组 | 支持多图片上传|
+
+## 配置例子
+
+### 日期选择器配置
+```json
+{
+  "type": "datePicker",
+  "dataIndex": "selectedDate",
+  "inputWidth": "100%",
+  "inputReadOnly": false,
+  "required": true,
+  "requiredMessage": "请选择操作日期"
+}
+```
+
+### 时间选择器配置
+```json
+{
+  "type": "timePicker", 
+  "dataIndex": "selectedDateTime",
+  "inputWidth": "100%",
+  "inputReadOnly": false,
+  "required": true,
+  "requiredMessage": "请选择具体时间"
+}
+```
+
+### 必填字段配置说明
+
+| 参数              | 说明   | 类型    | 默认值       |
+|-----------------|------|-------|-----------|
+| required | 是否必填 | Boolean | false |
+| requiredMessage| 必填提示信息 | String | 根据字段类型自动生成 |
+
+**默认提示信息：**
+- datePicker: "请选择日期"
+- timePicker: "请选择日期时间" 
+- input: "请填写此字段"
+- 其他类型: "此字段为必填项"
+
+**必填校验特性：**
+- 必填字段为空时会显示红色边框和错误提示
+- 保存时会自动校验所有必填字段，校验失败会阻止保存并显示错误信息
+- 导出数据时会进行校验提醒，但不会阻止导出
+
+## 注意事项
+
+> 在某些情况下，比如手机端，只需要输入表格中一部分的内容。
+> 可以将这部分内容作为插槽，并在activatedSlotName中填写插槽名。
+> 则会在设计页面仅展示插槽中的输入项，并在预览窗口中，根据configName中的配置，
+> 渲染出来完整的表格
+
+> 新增的datePicker和timePicker支持在普通行、动态行中使用，
+> 会自动格式化为指定的日期时间格式并保存到配置数据中。支持必填校验功能。

package/src/base-client/components/common/XReportDrawer/XReportDrawer.vue

@@ -1,201 +1,201 @@
-<template>
-  <a-drawer
-    :destroyOnClose="true"
-    :visible="visible"
-    placement="right"
-    width="85vw"
-    @close="visible=false"
-    v-bind="attr">
-    <x-report
-      @updateImg="updateImg"
-      @selectRow="selectRow"
-      ref="main"
-      :env="env"
-      :use-oss-for-img="false"
-      :config-name="configName"
-      :show-img-in-cell="true"
-      :display-only="displayOnly"
-      :edit-mode="false"
-      :show-save-button="false"
-      :dont-format="true"/>
-  </a-drawer>
-</template>
-<script>
-import { mapState } from 'vuex'
-import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
-import { runLogic } from '@vue2-client/services/api/common'
-import { getMicroData, getWindow, isMicroAppEnv, microDispatch } from '@vue2-client/utils/microAppUtils'
-import { getRealKeyData } from '@vue2-client/utils/util'
-
-export default {
-  name: 'XReportDrawer',
-  components: {
-    XReport: () => import('@vue2-client/base-client/components/common/XReportGrid/XReport.vue'),
-  },
-  props: {
-    env: {
-      type: String,
-      default: 'prod'
-    }
-  },
-  data () {
-    return {
-      // 业务类型
-      businessType: '',
-      configName: '',
-      displayOnly: true,
-      serverName: '',
-      // 业务标题
-      title: '',
-      // 自定义标题
-      resolvedTitle: '',
-      // 新增或修改业务是否执行中
-      loading: false,
-      // 是否显示新增/修改模态框
-      visible: false,
-      // 选中的处理对象的id号
-      selectedId: null,
-      // 混入插槽组件的数据
-      mixinData: {},
-      // 打开窗口接收到的外部环境数据
-      outEnv: {},
-      // 外部传递来的 modal 参数
-      attr: {},
-    }
-  },
-  provide () {
-    return {
-      getSelectedId: () => this.getSelectedId(),
-      getSelectedData: () => {
-        return this.selectedId
-      },
-      getMixinData: () => {
-        return this.mixinData
-      },
-      getOutEnv: () => {
-        return this.outEnv
-      },
-      isInAModal: () => {
-        return true
-      },
-      currUser: this.currUser
-    }
-  },
-  inject: ['getParentComponentByName', 'setGlobalData', 'getGlobalData'],
-  computed: {
-    businessTitle () {
-      return this.businessType + this.title
-    },
-    ...mapState('account', { currUser: 'user' })
-  },
-  methods: {
-    getWindow,
-    isMicroAppEnv,
-    microDispatch,
-    getMicroData,
-    getRealKeyData,
-    runLogic,
-    init (params) {
-      console.log('params', params)
-      const {
-        configName = '',
-        serverName = process.env.VUE_APP_SYSTEM_NAME,
-        displayOnly = true,
-        selectedId = null,
-        outEnv = {},
-        mixinData = {},
-        attr = {}
-      } = params
-      this.configName = configName
-      this.serverName = serverName
-      this.displayOnly = displayOnly
-      this.visible = true
-      this.attr = attr
-      // 有选中项，给选中项赋值
-      if (selectedId) {
-        this.selectedId = selectedId
-      }
-      // 当有些组件需要外部传数据时 使用这个混入
-      this.mixinData = mixinData
-      // 把打开时的环境传递给打开窗口，以便js脚本中使用
-      this.outEnv = outEnv
-    },
-    getSelectedId () {
-      if (typeof this.selectedId === 'object') {
-        if (this.selectedId.selectedId) {
-          return this.selectedId.selectedId
-        }
-        if (Object.keys(this.selectedId) > 0) {
-          return this.selectedId[Object.keys(this.selectedId)[0]]
-        }
-      } else {
-        return this.selectedId
-      }
-    },
-    selectRow (selectedRowKeys, selectedRows) {
-      this.table_selectedRowKeys = selectedRowKeys
-      this.table_selectedRows = selectedRows
-      console.log('XAddReport')
-      this.$emit('selectRow', selectedRowKeys, selectedRows)
-    },
-    close () {
-      this.loading = false
-      this.visible = false
-      this.$emit('close')
-    },
-    getComponentByName (name) {
-      const innerRef = this.getParentComponentByName(name)
-      if (innerRef) {
-        return innerRef
-      } else {
-        return this.$refs.main.getComponentByName(name)
-      }
-    },
-    async onSubmit () {
-      if (this.$refs.main?.config?.confirmFunction) {
-        console.info('执行自定义确认逻辑')
-        let func = this.$refs.main?.config?.confirmFunction
-        if (func && func.startsWith('function')) {
-          func = func.replace('function', 'async function')
-        }
-        const result = executeStrFunctionByContext(this, func, [])
-        if (result instanceof Promise) {
-          result.then((res) => {
-            if (!res) {
-              this.close()
-              return
-            }
-            let messageType = 'success'
-            // 如果传递了组件名字 自动调用刷新
-            if (res?.name) {
-              const waitRefreshRef = this.getComponentByName(res.name)
-              if (waitRefreshRef) {
-                waitRefreshRef.refresh()
-              } else {
-                console.warn(`未找到组件${res.name}无法刷新`)
-              }
-            }
-            // 如果传递消息类型 自动调用消息
-            if (res?.messageType) {
-              messageType = res.messageType
-            }
-            // 如果传递了提示信息自动调用提示
-            if (res?.message) {
-              this.$message[messageType](res?.message)
-            }
-            this.close()
-          })
-        } else {
-          this.close()
-        }
-      } else {
-        console.warn('未配置modal确认按钮逻辑')
-        this.close()
-      }
-    },
-    updateImg (data) {
-      console.log(data)
-    }
-  }
-}
-</script>
+<template>
+  <a-drawer
+    :destroyOnClose="true"
+    :visible="visible"
+    placement="right"
+    width="85vw"
+    @close="visible=false"
+    v-bind="attr">
+    <x-report
+      @updateImg="updateImg"
+      @selectRow="selectRow"
+      ref="main"
+      :env="env"
+      :use-oss-for-img="false"
+      :config-name="configName"
+      :show-img-in-cell="true"
+      :display-only="displayOnly"
+      :edit-mode="false"
+      :show-save-button="false"
+      :dont-format="true"/>
+  </a-drawer>
+</template>
+<script>
+import { mapState } from 'vuex'
+import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
+import { runLogic } from '@vue2-client/services/api/common'
+import { getMicroData, getWindow, isMicroAppEnv, microDispatch } from '@vue2-client/utils/microAppUtils'
+import { getRealKeyData } from '@vue2-client/utils/util'
+
+export default {
+  name: 'XReportDrawer',
+  components: {
+    XReport: () => import('@vue2-client/base-client/components/common/XReportGrid/XReport.vue'),
+  },
+  props: {
+    env: {
+      type: String,
+      default: 'prod'
+    }
+  },
+  data () {
+    return {
+      // 业务类型
+      businessType: '',
+      configName: '',
+      displayOnly: true,
+      serverName: '',
+      // 业务标题
+      title: '',
+      // 自定义标题
+      resolvedTitle: '',
+      // 新增或修改业务是否执行中
+      loading: false,
+      // 是否显示新增/修改模态框
+      visible: false,
+      // 选中的处理对象的id号
+      selectedId: null,
+      // 混入插槽组件的数据
+      mixinData: {},
+      // 打开窗口接收到的外部环境数据
+      outEnv: {},
+      // 外部传递来的 modal 参数
+      attr: {},
+    }
+  },
+  provide () {
+    return {
+      getSelectedId: () => this.getSelectedId(),
+      getSelectedData: () => {
+        return this.selectedId
+      },
+      getMixinData: () => {
+        return this.mixinData
+      },
+      getOutEnv: () => {
+        return this.outEnv
+      },
+      isInAModal: () => {
+        return true
+      },
+      currUser: this.currUser
+    }
+  },
+  inject: ['getParentComponentByName', 'setGlobalData', 'getGlobalData'],
+  computed: {
+    businessTitle () {
+      return this.businessType + this.title
+    },
+    ...mapState('account', { currUser: 'user' })
+  },
+  methods: {
+    getWindow,
+    isMicroAppEnv,
+    microDispatch,
+    getMicroData,
+    getRealKeyData,
+    runLogic,
+    init (params) {
+      console.log('params', params)
+      const {
+        configName = '',
+        serverName = process.env.VUE_APP_SYSTEM_NAME,
+        displayOnly = true,
+        selectedId = null,
+        outEnv = {},
+        mixinData = {},
+        attr = {}
+      } = params
+      this.configName = configName
+      this.serverName = serverName
+      this.displayOnly = displayOnly
+      this.visible = true
+      this.attr = attr
+      // 有选中项，给选中项赋值
+      if (selectedId) {
+        this.selectedId = selectedId
+      }
+      // 当有些组件需要外部传数据时 使用这个混入
+      this.mixinData = mixinData
+      // 把打开时的环境传递给打开窗口，以便js脚本中使用
+      this.outEnv = outEnv
+    },
+    getSelectedId () {
+      if (typeof this.selectedId === 'object') {
+        if (this.selectedId.selectedId) {
+          return this.selectedId.selectedId
+        }
+        if (Object.keys(this.selectedId) > 0) {
+          return this.selectedId[Object.keys(this.selectedId)[0]]
+        }
+      } else {
+        return this.selectedId
+      }
+    },
+    selectRow (selectedRowKeys, selectedRows) {
+      this.table_selectedRowKeys = selectedRowKeys
+      this.table_selectedRows = selectedRows
+      console.log('XAddReport')
+      this.$emit('selectRow', selectedRowKeys, selectedRows)
+    },
+    close () {
+      this.loading = false
+      this.visible = false
+      this.$emit('close')
+    },
+    getComponentByName (name) {
+      const innerRef = this.getParentComponentByName(name)
+      if (innerRef) {
+        return innerRef
+      } else {
+        return this.$refs.main.getComponentByName(name)
+      }
+    },
+    async onSubmit () {
+      if (this.$refs.main?.config?.confirmFunction) {
+        console.info('执行自定义确认逻辑')
+        let func = this.$refs.main?.config?.confirmFunction
+        if (func && func.startsWith('function')) {
+          func = func.replace('function', 'async function')
+        }
+        const result = executeStrFunctionByContext(this, func, [])
+        if (result instanceof Promise) {
+          result.then((res) => {
+            if (!res) {
+              this.close()
+              return
+            }
+            let messageType = 'success'
+            // 如果传递了组件名字 自动调用刷新
+            if (res?.name) {
+              const waitRefreshRef = this.getComponentByName(res.name)
+              if (waitRefreshRef) {
+                waitRefreshRef.refresh()
+              } else {
+                console.warn(`未找到组件${res.name}无法刷新`)
+              }
+            }
+            // 如果传递消息类型 自动调用消息
+            if (res?.messageType) {
+              messageType = res.messageType
+            }
+            // 如果传递了提示信息自动调用提示
+            if (res?.message) {
+              this.$message[messageType](res?.message)
+            }
+            this.close()
+          })
+        } else {
+          this.close()
+        }
+      } else {
+        console.warn('未配置modal确认按钮逻辑')
+        this.close()
+      }
+    },
+    updateImg (data) {
+      console.log(data)
+    }
+  }
+}
+</script>