vue2-client 1.9.13 → 1.9.14

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

@@ -1,146 +1,146 @@
-# XAddNativeForm
-
-动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单
-
-
-## 何时使用
-
-当需要一个可供新增/修改数据的动态生成的表单时
-
-
-引用方式：
-
-```javascript
-import XAddNativeForm from '@vue2-client/base-client/components/XAddNativeForm/XAddNativeForm'
-
-export default {
-    components: {
-      XAddNativeForm
-    }
-}
-```
-
-
-
-## 代码演示
-
-```html
-<x-add-native-form
-  ref="nativeForm"
-  @onSubmit="submit"/>
-```
-
-## 构造参数，通过init方法构造
-
-| 参数              | 说明                   | 类型    | 默认值    |
-|-----------------|----------------------|-------|--------|
-| formItems       | 表单项集合                | array | []     |
-| viewMode        | 是否为预览模式              | bool  | false  |
-| isHandleFormKey | 是否对提交表单的key进行处理      | bool  | true   |
-| serviceName     | 所属服务模块名              | string | system |
-| businessType    | 业务类型（新增/修改）          | string | -      |
-| title           | 业务标题                 | string | -      |
-| getDataParams   | 调用logic获取下拉框数据源的追加参数 | {}    | -      |
-| simpleFormJsonData   | 动态简易表单集合 | {}    | -      |
-
-## 事件
-| 事件        | 说明                   | 类型    | 默认值       |
-|-----------|----------------------|-------|-----------|
-| @onSubmit | 表单的提交事件              | event | -         |
-
-## 例子1
-----
-```vue
-<template>
-  <x-add-native-form
-    ref="nativeForm"
-    @onSubmit="submit"/>
-</template>
-<script>
-  import { getConfigUrl } from '@vue2-client/services/api/common'
-  export default {
-    created () {
-      this.initComponents()
-    },
-    methods: {
-      initComponents() {
-        // 获取请求配置中心的地址
-        const url = getConfigUrl('yourConfigModuleName')
-        post(url, { configName: 'yourConfigName' }).then(res => {
-          if (this.$refs.nativeForm) {
-            this.$refs.nativeForm.init({
-              formItems: res,
-              serviceName: 'af-iot',
-              businessType: '新增',
-              title: '新增告警记录'
-            })
-          }
-        })
-      },
-      submit (res) {
-        post(api.addData, res.realForm).then(data => {
-          this.$message.success(res.businessType + '成功！')
-        }).catch(e => {
-          this.$message.error(res.businessType + '失败：' + e)
-        })
-      }
-    }
-  }
-</script>
-```
-
-## JSON配置示例
-----
-`这是一个表单配置示例，通过以下配置，你会得到一个有选项的单选框，一个带校验的输入框，以及一个文本域`
-```json
-[
-  {
-    "name": "是否通气",
-    "model": "is_ventilate",
-    "keys": [
-      { "label": "是", "value": "1" },
-      { "label": "否", "value": "0" }
-    ],
-    "type": "radio",
-    "addOrEdit": "all",
-  },
-  {
-    "name": "处理人",
-    "model": "f_processor",
-    "rule": {
-       "required": true
-    },
-    "type": "input",
-    "addOrEdit": "all",
-  },
-  {
-    "name": "处理内容",
-    "model": "f_handle_content",
-    "type": "textarea",
-    "addOrEdit": "all",
-  }
-]
-```
-
-## JSON配置规范
-----
-| 参数              | 说明                   | 类型    | 默认值       |
-|-----------------|----------------------|-------|-----------|
-| name       | 表单项名称                | string | ''        |
-| model        | 表单项key              | string  | ''     |
-| rule | 表单校验      | json  | {}      |
-|   -> required | 是否必填      | bool  | false      |
-| type     | 表单类型              | string | input |
-| keys     | 当表单类型是select,radio时的选项值     | Array | [] |
-|   -> label  | 选项的字面值     | string | '' |
-|   -> value  | 选项的实际值     | string | '' |
-| addOrEdit    | 新增/修改场景          | string | all         |
-|   -> add    | 仅新增          | string | -         |
-|   -> edit    | 仅修改          | string | -         |
-|   -> all    | 全部支持          | string | -         |
-
-
-注意事项
-----
-
-> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果
+# XAddNativeForm
+
+动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单
+
+
+## 何时使用
+
+当需要一个可供新增/修改数据的动态生成的表单时
+
+
+引用方式：
+
+```javascript
+import XAddNativeForm from '@vue2-client/base-client/components/XAddNativeForm/XAddNativeForm'
+
+export default {
+    components: {
+      XAddNativeForm
+    }
+}
+```
+
+
+
+## 代码演示
+
+```html
+<x-add-native-form
+  ref="nativeForm"
+  @onSubmit="submit"/>
+```
+
+## 构造参数，通过init方法构造
+
+| 参数              | 说明                   | 类型    | 默认值    |
+|-----------------|----------------------|-------|--------|
+| formItems       | 表单项集合                | array | []     |
+| viewMode        | 是否为预览模式              | bool  | false  |
+| isHandleFormKey | 是否对提交表单的key进行处理      | bool  | true   |
+| serviceName     | 所属服务模块名              | string | system |
+| businessType    | 业务类型（新增/修改）          | string | -      |
+| title           | 业务标题                 | string | -      |
+| getDataParams   | 调用logic获取下拉框数据源的追加参数 | {}    | -      |
+| simpleFormJsonData   | 动态简易表单集合 | {}    | -      |
+
+## 事件
+| 事件        | 说明                   | 类型    | 默认值       |
+|-----------|----------------------|-------|-----------|
+| @onSubmit | 表单的提交事件              | event | -         |
+
+## 例子1
+----
+```vue
+<template>
+  <x-add-native-form
+    ref="nativeForm"
+    @onSubmit="submit"/>
+</template>
+<script>
+  import { getConfigUrl } from '@vue2-client/services/api/common'
+  export default {
+    created () {
+      this.initComponents()
+    },
+    methods: {
+      initComponents() {
+        // 获取请求配置中心的地址
+        const url = getConfigUrl('yourConfigModuleName')
+        post(url, { configName: 'yourConfigName' }).then(res => {
+          if (this.$refs.nativeForm) {
+            this.$refs.nativeForm.init({
+              formItems: res,
+              serviceName: 'af-iot',
+              businessType: '新增',
+              title: '新增告警记录'
+            })
+          }
+        })
+      },
+      submit (res) {
+        post(api.addData, res.realForm).then(data => {
+          this.$message.success(res.businessType + '成功！')
+        }).catch(e => {
+          this.$message.error(res.businessType + '失败：' + e)
+        })
+      }
+    }
+  }
+</script>
+```
+
+## JSON配置示例
+----
+`这是一个表单配置示例，通过以下配置，你会得到一个有选项的单选框，一个带校验的输入框，以及一个文本域`
+```json
+[
+  {
+    "name": "是否通气",
+    "model": "is_ventilate",
+    "keys": [
+      { "label": "是", "value": "1" },
+      { "label": "否", "value": "0" }
+    ],
+    "type": "radio",
+    "addOrEdit": "all",
+  },
+  {
+    "name": "处理人",
+    "model": "f_processor",
+    "rule": {
+       "required": true
+    },
+    "type": "input",
+    "addOrEdit": "all",
+  },
+  {
+    "name": "处理内容",
+    "model": "f_handle_content",
+    "type": "textarea",
+    "addOrEdit": "all",
+  }
+]
+```
+
+## JSON配置规范
+----
+| 参数              | 说明                   | 类型    | 默认值       |
+|-----------------|----------------------|-------|-----------|
+| name       | 表单项名称                | string | ''        |
+| model        | 表单项key              | string  | ''     |
+| rule | 表单校验      | json  | {}      |
+|   -> required | 是否必填      | bool  | false      |
+| type     | 表单类型              | string | input |
+| keys     | 当表单类型是select,radio时的选项值     | Array | [] |
+|   -> label  | 选项的字面值     | string | '' |
+|   -> value  | 选项的实际值     | string | '' |
+| addOrEdit    | 新增/修改场景          | string | all         |
+|   -> add    | 仅新增          | string | -         |
+|   -> edit    | 仅修改          | string | -         |
+|   -> all    | 全部支持          | string | -         |
+
+
+注意事项
+----
+
+> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果

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

@@ -1,180 +1,180 @@
-<template>
-  <a-modal
-    :confirm-loading="loading"
-    :destroyOnClose="true"
-    :title="resolvedTitle? resolvedTitle : businessTitle"
-    :visible="visible"
-    width="80%"
-    height="60%"
-    okText="提交"
-    @cancel="close"
-    @ok="onSubmit">
-    <div style="max-height: 70vh; overflow-y: auto;" 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 XReport from '@vue2-client/pages/XReportGridView/XReport.vue'
-
-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: {},
-      }
-    },
-    provide () {
-      return {
-        getSelectedId: () => this.getSelectedId(),
-        getSelectedData: () => { return this.selectedId },
-        getMixinData: () => { return this.mixinData },
-        getOutEnv: () => { return this.outEnv },
-        isInAModal: () => { return true }
-      }
-    },
-    inject: ['getParentComponentByName'],
-    computed: {
-      businessTitle () {
-        return this.businessType + this.title
-      },
-      ...mapState('account', { currUser: 'user' })
-    },
-    methods: {
-      runLogic,
-      init (params) {
-        console.log('params', params)
-        const {
-          configName = 'medicalRecordCover', serverName = process.env.VUE_APP_SYSTEM_NAME, displayOnly = true, selectedId = null, outEnv = {}, mixinData = {}
-        } = params
-        this.configName = configName
-        this.serverName = serverName
-        this.displayOnly = displayOnly
-        this.visible = true
-        // 有选中项，给选中项赋值
-        if (selectedId) {
-          this.selectedId = selectedId
-        }
-        // 当有些组件需要外部传数据时 使用这个混入
-        this.mixinData = mixinData
-        // 把打开时的环境传递给打开窗口，以便js脚本中使用
-        this.outEnv = outEnv
-      },
-      getSelectedId () {
-        if (typeof this.selectedId === 'object') {
-          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"
+    :title="resolvedTitle? resolvedTitle : businessTitle"
+    :visible="visible"
+    width="80%"
+    height="60%"
+    okText="提交"
+    @cancel="close"
+    @ok="onSubmit">
+    <div style="max-height: 70vh; overflow-y: auto;" 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 XReport from '@vue2-client/pages/XReportGridView/XReport.vue'
+
+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: {},
+      }
+    },
+    provide () {
+      return {
+        getSelectedId: () => this.getSelectedId(),
+        getSelectedData: () => { return this.selectedId },
+        getMixinData: () => { return this.mixinData },
+        getOutEnv: () => { return this.outEnv },
+        isInAModal: () => { return true }
+      }
+    },
+    inject: ['getParentComponentByName'],
+    computed: {
+      businessTitle () {
+        return this.businessType + this.title
+      },
+      ...mapState('account', { currUser: 'user' })
+    },
+    methods: {
+      runLogic,
+      init (params) {
+        console.log('params', params)
+        const {
+          configName = 'medicalRecordCover', serverName = process.env.VUE_APP_SYSTEM_NAME, displayOnly = true, selectedId = null, outEnv = {}, mixinData = {}
+        } = params
+        this.configName = configName
+        this.serverName = serverName
+        this.displayOnly = displayOnly
+        this.visible = true
+        // 有选中项，给选中项赋值
+        if (selectedId) {
+          this.selectedId = selectedId
+        }
+        // 当有些组件需要外部传数据时 使用这个混入
+        this.mixinData = mixinData
+        // 把打开时的环境传递给打开窗口，以便js脚本中使用
+        this.outEnv = outEnv
+      },
+      getSelectedId () {
+        if (typeof this.selectedId === 'object') {
+          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