vue2-client 1.10.8 → 1.10.11

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

@@ -1,207 +1,207 @@
-<template>
-  <a-modal
-    :confirm-loading="loading"
-    :destroyOnClose="true"
-    :visible="visible"
-    width="80%"
-    height="60%"
-    okText="提交"
-    @cancel="close"
-    @ok="onSubmit"
-    v-bind="attr">
-    <div style="max-height: 70vh; overflow-y: auto;overflow-x: hidden;" v-if="showReport">
-      <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"/>
-    </div>
-  </a-modal>
-</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: 'XAddReport',
-  components: {
-    XReport: () => import('@vue2-client/base-client/components/common/XReportGrid/XReport.vue'),
-  },
-  props: {
-    env: {
-      type: String,
-      default: 'prod'
-    }
-  },
-  data () {
-    return {
-      // 业务类型
-      businessType: '',
-      showReport: true,
-      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'],
-  computed: {
-    businessTitle () {
-      return this.businessType + this.title
-    },
-    ...mapState('account', { currUser: 'user' })
-  },
-  methods: {
-    getWindow,
-    isMicroAppEnv,
-    microDispatch,
-    getMicroData,
-    runLogic,
-    getRealKeyData,
-    init (params) {
-      console.log('params', params)
-      const {
-        configName = 'medicalRecordCover',
-        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-modal
+    :confirm-loading="loading"
+    :destroyOnClose="true"
+    :visible="visible"
+    width="80%"
+    height="60%"
+    okText="提交"
+    @cancel="close"
+    @ok="onSubmit"
+    v-bind="attr">
+    <div style="max-height: 70vh; overflow-y: auto;overflow-x: hidden;" v-if="showReport">
+      <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"/>
+    </div>
+  </a-modal>
+</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: 'XAddReport',
+  components: {
+    XReport: () => import('@vue2-client/base-client/components/common/XReportGrid/XReport.vue'),
+  },
+  props: {
+    env: {
+      type: String,
+      default: 'prod'
+    }
+  },
+  data () {
+    return {
+      // 业务类型
+      businessType: '',
+      showReport: true,
+      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'],
+  computed: {
+    businessTitle () {
+      return this.businessType + this.title
+    },
+    ...mapState('account', { currUser: 'user' })
+  },
+  methods: {
+    getWindow,
+    isMicroAppEnv,
+    microDispatch,
+    getMicroData,
+    runLogic,
+    getRealKeyData,
+    init (params) {
+      console.log('params', params)
+      const {
+        configName = 'medicalRecordCover',
+        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>

package/src/base-client/components/common/XAddReport/index.js

@@ -1,3 +1,3 @@
-import XAddReport from './XAddReport'
-
-export default XAddReport
+import XAddReport from './XAddReport'
+
+export default XAddReport

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

@@ -1,56 +1,56 @@
-# XAddForm
-
-动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单
-
-
-## 何时使用
-
-当需要一个可供新增/修改数据的动态生成的表单时
-
-
-引用方式：
-
-```javascript
-import XAddReport from '@vue2-client/base-client/components/XAddReport/XAddReport'
-
-export default {
-    components: {
-      XAddReport
-    }
-}
-```
-
-
-
-## 代码演示
-
-```html
-<x-add-report
-
->
-</x-add-report>
-```
-
-## API
-
-| 参数              | 说明                       | 类型      | 默认值   |
-|-----------------|--------------------------|---------|-------|
-| businessTitle   | 业务标题                     | String  | ''    |
-| businessType    | 业务类型                     | String  | ''    |
-| visible         | 是否显示模态框                  | Boolean | false |
-| jsonData        | JSON配置，根据[工具>查询配置生成]功能生成 | Object  | {}    |
-| modifyModelData | 修改操作前查询出的业务数据            | Object  | {}    |
-| loading         | 新增或修改业务是否执行中             | Boolean | false |
-| fixedAddForm    | 固定新增表单，会和新增表单合并          | Object  | {}    |
-| getDataParams | 调用logic获取数据源的追加参数 | Object | - |
-| @onSubmit       | 表单的提交事件                  | event   | -     |
-
-## 例子1
-----
-参考XFormTable组件
-```
-
-注意事项
-----
-
-> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果
+# XAddForm
+
+动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单
+
+
+## 何时使用
+
+当需要一个可供新增/修改数据的动态生成的表单时
+
+
+引用方式：
+
+```javascript
+import XAddReport from '@vue2-client/base-client/components/XAddReport/XAddReport'
+
+export default {
+    components: {
+      XAddReport
+    }
+}
+```
+
+
+
+## 代码演示
+
+```html
+<x-add-report
+
+>
+</x-add-report>
+```
+
+## API
+
+| 参数              | 说明                       | 类型      | 默认值   |
+|-----------------|--------------------------|---------|-------|
+| businessTitle   | 业务标题                     | String  | ''    |
+| businessType    | 业务类型                     | String  | ''    |
+| visible         | 是否显示模态框                  | Boolean | false |
+| jsonData        | JSON配置，根据[工具>查询配置生成]功能生成 | Object  | {}    |
+| modifyModelData | 修改操作前查询出的业务数据            | Object  | {}    |
+| loading         | 新增或修改业务是否执行中             | Boolean | false |
+| fixedAddForm    | 固定新增表单，会和新增表单合并          | Object  | {}    |
+| getDataParams | 调用logic获取数据源的追加参数 | Object | - |
+| @onSubmit       | 表单的提交事件                  | event   | -     |
+
+## 例子1
+----
+参考XFormTable组件
+```
+
+注意事项
+----
+
+> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果