vue2-client 1.12.2 → 1.12.3-9.alpha

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/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组件
+```
+
+注意事项
+----
+
+> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果

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

@@ -1,94 +1,94 @@
-<template>
-  <div v-if="dictionary && dictionary.status !== 'none'">
-    <!-- 徽标存在时 -->
-    <a-badge
-      v-if="dictionary.status !== 'gary'"
-      :color="dictionary.status"
-      :text="!isExternalText ? dictionary.text: null"/>
-    <a-badge v-else color="#D9D9D9" :text="!isExternalText ? dictionary.text: null"/>
-    <span v-if="isExternalText">{{ dictionary.text }}</span>
-  </div>
-  <div v-else-if="dictionary" :class="{data_card: dataCard}">
-    <!-- 徽标为none时 -->
-    {{ dictionary.text }}
-  </div>
-  <div v-else>
-    <!-- 其他情况直接显示替代文本或者原值 -->
-    {{ replaceText ? replaceText : value }}
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: 'XBadge',
-  props: {
-    badgeKey: {
-      type: String,
-      required: true,
-    },
-    value: {
-      type: [Number, String],
-      required: true,
-    },
-    replaceText: {
-      type: String,
-      default: ''
-    },
-    serviceName: {
-      type: String,
-      default: process.env.VUE_APP_SYSTEM_NAME
-    },
-    env: {
-      type: String,
-      default: 'prod'
-    },
-    isExternalText: {
-      type: Boolean,
-      required: false
-    },
-    // 是否在看板模式下显示
-    dataCard: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {},
-  watch: {
-    badgeKey (newVal, oldVal) {
-      this.updateDictionary()
-    },
-    value (newVal, oldVal) {
-      this.updateDictionary()
-    }
-  },
-  data () {
-    return {
-      dictionary: undefined
-    }
-  },
-  created () {
-    this.updateDictionary()
-  },
-  methods: {
-    // todo 修改方式  想办法不使用回调方式
-    async updateDictionary () {
-      const result = this.$appdata.getParam(this.badgeKey, this.value)
-      if (result) {
-        this.dictionary = result
-        return
-      }
-      this.dictionary = await this.$appdata.getDictValue(this.badgeKey, this.value, undefined, this.env === 'dev', this.serviceName)
-    },
-    badgeFilter (key, value) {
-      return this.$appdata.getParam(key, value)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.data_card {
-  display: inline;
-}
-</style>
+<template>
+  <div v-if="dictionary && dictionary.status !== 'none'">
+    <!-- 徽标存在时 -->
+    <a-badge
+      v-if="dictionary.status !== 'gary'"
+      :color="dictionary.status"
+      :text="!isExternalText ? dictionary.text: null"/>
+    <a-badge v-else color="#D9D9D9" :text="!isExternalText ? dictionary.text: null"/>
+    <span v-if="isExternalText">{{ dictionary.text }}</span>
+  </div>
+  <div v-else-if="dictionary" :class="{data_card: dataCard}">
+    <!-- 徽标为none时 -->
+    {{ dictionary.text }}
+  </div>
+  <div v-else>
+    <!-- 其他情况直接显示替代文本或者原值 -->
+    {{ replaceText ? replaceText : value }}
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'XBadge',
+  props: {
+    badgeKey: {
+      type: String,
+      required: true,
+    },
+    value: {
+      type: [Number, String],
+      required: true,
+    },
+    replaceText: {
+      type: String,
+      default: ''
+    },
+    serviceName: {
+      type: String,
+      default: process.env.VUE_APP_SYSTEM_NAME
+    },
+    env: {
+      type: String,
+      default: 'prod'
+    },
+    isExternalText: {
+      type: Boolean,
+      required: false
+    },
+    // 是否在看板模式下显示
+    dataCard: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {},
+  watch: {
+    badgeKey (newVal, oldVal) {
+      this.updateDictionary()
+    },
+    value (newVal, oldVal) {
+      this.updateDictionary()
+    }
+  },
+  data () {
+    return {
+      dictionary: undefined
+    }
+  },
+  created () {
+    this.updateDictionary()
+  },
+  methods: {
+    // todo 修改方式  想办法不使用回调方式
+    async updateDictionary () {
+      const result = this.$appdata.getParam(this.badgeKey, this.value)
+      if (result) {
+        this.dictionary = result
+        return
+      }
+      this.dictionary = await this.$appdata.getDictValue(this.badgeKey, this.value, undefined, this.env === 'dev', this.serviceName)
+    },
+    badgeFilter (key, value) {
+      return this.$appdata.getParam(key, value)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.data_card {
+  display: inline;
+}
+</style>

package/src/base-client/components/common/XButtons/XButtonDemo.vue

@@ -1,28 +1,28 @@
-<template>
-  <div>
-    <x-buttons ref="xButtons"></x-buttons>
-  </div>
-</template>
-
-<script>
-  import XButtons from './XButtons.vue'
-  import { getConfigByName } from '@vue2-client/services/api/common'
-
-  export default {
-    name: 'XButtonDemo',
-    components: {
-        XButtons
-    },
-    data () {
-      return {}
-    },
-    mounted () {
-      getConfigByName('testButtonGroup', 'af-his', res => {
-        this.$refs.xButtons.init({
-          value: res.value
-        })
-      }, true)
-    },
-    methods: {},
-  }
-</script>
+<template>
+  <div>
+    <x-buttons ref="xButtons"></x-buttons>
+  </div>
+</template>
+
+<script>
+  import XButtons from './XButtons.vue'
+  import { getConfigByName } from '@vue2-client/services/api/common'
+
+  export default {
+    name: 'XButtonDemo',
+    components: {
+        XButtons
+    },
+    data () {
+      return {}
+    },
+    mounted () {
+      getConfigByName('testButtonGroup', 'af-his', res => {
+        this.$refs.xButtons.init({
+          value: res.value
+        })
+      }, true)
+    },
+    methods: {},
+  }
+</script>