vue2-client 1.9.13 → 1.9.14

package/docs//345/207/275/346/225/260/344/275/277/347/224/250/347/233/270/345/205/263.md

@@ -1,121 +1,121 @@
-# function总体说明
-- function的参数，与具体事件有关系。可以在函数里，通过console.log('>>>参数', arguments)显示参数内容。
-- 如果function的参数里没有需要的数据，用this.函数/属性，可以取需要的内容，具体内容，与组件类型有关。
-- 用this.函数函数调用方式调用相应功能。
-
-# 通过this可以调用的函数
-- openDialog(configName, selectedId, mixinData)：打开一个对话框，例如：this.openDialog('xxx', 5, {})
-- openDialog(configName, selectedId, mixinData, outEnv)：打开一个对话框：
-* selectId：id号，formtable选择时，用selectId过滤数据 可以传递 json {a_id: 1} 或者 传递 1  ，传递数值会默认拼接查询条件 {selected_id:1}
-* mixinData: form表单需要的数据
-* outEnv: 传递给打开的界面的数据，在打开界面的js中通过this.outEnv可以访问
-* getOutEnv 获取获取 outEnv
-```js
-this.openDialog('xxx', 5, {}, {})
-```
-- runLogic(logicName, parameter): 运行业务逻辑, 例如: this.runLogic('xxx', {})
-
-# 如何调用珊格中组件的数据及函数
-- 先给组件起名字，命名规范：main，left，right，top，bottom
-- 用 this.getComponentByName('main') 拿到组件。
-
-# x-form-table 可以使用的函数/数据
-- table_selectedRowKeys 获取选中的id  /不用加 () 这是一个data 中的变量
-- table_selectedRows 获取选中的行  /不用加 () 这是一个data 中的变量
-- getSelectedId 获取获取selectedid
-- refreshTable 重新查询
-- clearRowKeys 清除选中的行
-- 事件相关
-  - afterSubmit( type(新增/修改/擦和讯), id: (所操作的主键id), form: (请求的表单内容))  提交后触发
-  - afterQuery( res (查询后数据), querparams (查询参数)) 查询后触发
-    afterDelete( res (删除接口返回数据)) 删除后触发
-    action(record (当前记录), id （当前记录主键）, actionType （操作类型）) 操作按钮触发
-
-# form 简易表单
-
-- asyncSubmit().then(res=>{}) 手动提交表单
-- setForm({}) 手动设置表单内容
-- 事件相关
-  - onSubmit(form) 表单提交事件
-
-# 每种事件处理，传递给function的参数
-- 添加处理：空
-- action：（操作行数据)
-- 自定义按钮：（选中的所有行)
-
-# 例子
-function() {
-  // 获取主formtable组件
-  main = this.getComponentByName('main')
-  // 把组件当前选中的项及select_id传给后台业务逻辑
-  return runLogic('logic', {select_id: main.getSelectedId(), rows: main.refreshTable()})
-}
-
-### 获取表单数据之后 提交 执行logic写法
-
-```js
-function() {
-  // 获取主formtable组件
-  const res = await this.getComponentByName('from').asyncSubmit()
-  // 把组件当前选中的项及select_id传给后台业务逻辑
-  return runLogic('logic', {res})
-}
-```
-### OpenDialog 弹框确认事件
-
-```js
-function() {
-  // 获取主formtable组件  在OpenDialog 事件中使用 getComponentByName 获取 既可以获取到打开的栅格中的组件对象，也可以获取到上级调用这个栅格的栅格的对象
-  const res = this.getComponentByName('main')
-}
-```
-
-## 执行自定义函数之后 刷新和提示说明
-
-### 前端函数写法
-```js
-function () {
-  if (id) {
-    return this.runLogic('omtwCheckIn', { id })
-  } else {
-    return new Promise((resolve) => {
-      resolve({ message: '未提供 ID，无法登记' ,messageType:'warn'})
-    })
-  }
-}
-// return this.runLogic('omtwCheckIn', { id })
-// this.runLogic 所调用 logic 的 返回结果 为 Promise 对象 Promise对象内容 就是logic返回内容
-// logic 返回内容写法参考下面的 logic 写法
-// 如果不调用 this.runLogic 直接返回一个 Promise 对象，Promise对象内容就是提示内容
-// 返回结果参数说明
-// {
-//  name :"插槽实例名字", 如果传递了 name 或自动调用 该插槽的 refresh 方法 进行刷新
-//  message : "提示内容", 默认值为 ”操作成功“ 可自定义传
-//  messageType : "提示级别", 默认值为 "success" 可自定义传  success | warn | info | error
-// }
-```
-### Logic 写法
-```go
-  validate {
-      id: {
-          required: true
-      }
-  },
-  entity.partialSave("dms_non_drug_item_record", data),
-  {
-      message:"登记成功",
-      messageType: "success",
-      name:"omtwCheckInCRUD"
-  }
-
-```
-或者
-```go
-  data.a == 3 : (
-    return  {
-      message:"登记成功",
-      messageType: "success",
-      name:"omtwCheckInCRUD"
-    }
-  ),null
-```
+# function总体说明
+- function的参数，与具体事件有关系。可以在函数里，通过console.log('>>>参数', arguments)显示参数内容。
+- 如果function的参数里没有需要的数据，用this.函数/属性，可以取需要的内容，具体内容，与组件类型有关。
+- 用this.函数函数调用方式调用相应功能。
+
+# 通过this可以调用的函数
+- openDialog(configName, selectedId, mixinData)：打开一个对话框，例如：this.openDialog('xxx', 5, {})
+- openDialog(configName, selectedId, mixinData, outEnv)：打开一个对话框：
+* selectId：id号，formtable选择时，用selectId过滤数据 可以传递 json {a_id: 1} 或者 传递 1  ，传递数值会默认拼接查询条件 {selected_id:1}
+* mixinData: form表单需要的数据
+* outEnv: 传递给打开的界面的数据，在打开界面的js中通过this.outEnv可以访问
+* getOutEnv 获取获取 outEnv
+```js
+this.openDialog('xxx', 5, {}, {})
+```
+- runLogic(logicName, parameter): 运行业务逻辑, 例如: this.runLogic('xxx', {})
+
+# 如何调用珊格中组件的数据及函数
+- 先给组件起名字，命名规范：main，left，right，top，bottom
+- 用 this.getComponentByName('main') 拿到组件。
+
+# x-form-table 可以使用的函数/数据
+- table_selectedRowKeys 获取选中的id  /不用加 () 这是一个data 中的变量
+- table_selectedRows 获取选中的行  /不用加 () 这是一个data 中的变量
+- getSelectedId 获取获取selectedid
+- refreshTable 重新查询
+- clearRowKeys 清除选中的行
+- 事件相关
+  - afterSubmit( type(新增/修改/擦和讯), id: (所操作的主键id), form: (请求的表单内容))  提交后触发
+  - afterQuery( res (查询后数据), querparams (查询参数)) 查询后触发
+    afterDelete( res (删除接口返回数据)) 删除后触发
+    action(record (当前记录), id （当前记录主键）, actionType （操作类型）) 操作按钮触发
+
+# form 简易表单
+
+- asyncSubmit().then(res=>{}) 手动提交表单
+- setForm({}) 手动设置表单内容
+- 事件相关
+  - onSubmit(form) 表单提交事件
+
+# 每种事件处理，传递给function的参数
+- 添加处理：空
+- action：（操作行数据)
+- 自定义按钮：（选中的所有行)
+
+# 例子
+function() {
+  // 获取主formtable组件
+  main = this.getComponentByName('main')
+  // 把组件当前选中的项及select_id传给后台业务逻辑
+  return runLogic('logic', {select_id: main.getSelectedId(), rows: main.refreshTable()})
+}
+
+### 获取表单数据之后 提交 执行logic写法
+
+```js
+function() {
+  // 获取主formtable组件
+  const res = await this.getComponentByName('from').asyncSubmit()
+  // 把组件当前选中的项及select_id传给后台业务逻辑
+  return runLogic('logic', {res})
+}
+```
+### OpenDialog 弹框确认事件
+
+```js
+function() {
+  // 获取主formtable组件  在OpenDialog 事件中使用 getComponentByName 获取 既可以获取到打开的栅格中的组件对象，也可以获取到上级调用这个栅格的栅格的对象
+  const res = this.getComponentByName('main')
+}
+```
+
+## 执行自定义函数之后 刷新和提示说明
+
+### 前端函数写法
+```js
+function () {
+  if (id) {
+    return this.runLogic('omtwCheckIn', { id })
+  } else {
+    return new Promise((resolve) => {
+      resolve({ message: '未提供 ID，无法登记' ,messageType:'warn'})
+    })
+  }
+}
+// return this.runLogic('omtwCheckIn', { id })
+// this.runLogic 所调用 logic 的 返回结果 为 Promise 对象 Promise对象内容 就是logic返回内容
+// logic 返回内容写法参考下面的 logic 写法
+// 如果不调用 this.runLogic 直接返回一个 Promise 对象，Promise对象内容就是提示内容
+// 返回结果参数说明
+// {
+//  name :"插槽实例名字", 如果传递了 name 或自动调用 该插槽的 refresh 方法 进行刷新
+//  message : "提示内容", 默认值为 ”操作成功“ 可自定义传
+//  messageType : "提示级别", 默认值为 "success" 可自定义传  success | warn | info | error
+// }
+```
+### Logic 写法
+```go
+  validate {
+      id: {
+          required: true
+      }
+  },
+  entity.partialSave("dms_non_drug_item_record", data),
+  {
+      message:"登记成功",
+      messageType: "success",
+      name:"omtwCheckInCRUD"
+  }
+
+```
+或者
+```go
+  data.a == 3 : (
+    return  {
+      message:"登记成功",
+      messageType: "success",
+      name:"omtwCheckInCRUD"
+    }
+  ),null
+```

package/index.js

@@ -1,31 +1,31 @@
-import Vue from 'vue'
-import { initRouter } from '@vue2-client/router/index.js'
-import { initI18n } from '@vue2-client/utils/i18n'
-import bootstrap from '@vue2-client/bootstrap'
-import { modules } from '@vue2-client/store'
-import '@vue2-client/theme/index.less'
-import '@vue2-client/utils/filter'
-import 'animate.css/source/animate.css'
-import 'moment/locale/zh-cn'
-import Antd from 'ant-design-vue'
-import Viser from 'viser-vue'
-// 插件
-import Plugins from '@vue2-client/base-client/plugins'
-
-const routerOptions = initRouter()
-const i18n = initI18n('CN', 'US')
-
-Vue.use(Antd)
-Vue.use(Viser)
-Vue.use(Plugins)
-
-Vue.config.productionTip = false
-const message = Vue.prototype.$message
-
-export {
-  routerOptions,
-  modules,
-  i18n,
-  message,
-  bootstrap
-}
+import Vue from 'vue'
+import { initRouter } from '@vue2-client/router/index.js'
+import { initI18n } from '@vue2-client/utils/i18n'
+import bootstrap from '@vue2-client/bootstrap'
+import { modules } from '@vue2-client/store'
+import '@vue2-client/theme/index.less'
+import '@vue2-client/utils/filter'
+import 'animate.css/source/animate.css'
+import 'moment/locale/zh-cn'
+import Antd from 'ant-design-vue'
+import Viser from 'viser-vue'
+// 插件
+import Plugins from '@vue2-client/base-client/plugins'
+
+const routerOptions = initRouter()
+const i18n = initI18n('CN', 'US')
+
+Vue.use(Antd)
+Vue.use(Viser)
+Vue.use(Plugins)
+
+Vue.config.productionTip = false
+const message = Vue.prototype.$message
+
+export {
+  routerOptions,
+  modules,
+  i18n,
+  message,
+  bootstrap
+}

package/jest-transform-stub.js

@@ -1,8 +1,8 @@
-module.exports = {
-    process () {
-      return 'module.exports = {};'
-    },
-    getCacheKey () {
-      return 'lessTransform'
-    },
-  }
+module.exports = {
+    process () {
+      return 'module.exports = {};'
+    },
+    getCacheKey () {
+      return 'lessTransform'
+    },
+  }

package/jest.config.js

@@ -1,21 +1,21 @@
-const path = require('path')
-require('dotenv').config({ path: path.resolve(__dirname, '.env') })
-
-module.exports = {
-    setupFiles: ['<rootDir>/jest.setup.js'],
-    moduleNameMapper: {
-      '^@vue2-client/(.*)$': '<rootDir>/src/$1',
-      '\\.(css|less)$': 'identity-obj-proxy',
-    },
-    moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node', 'vue'], // 注意 'vue' 在这里
-    testEnvironment: 'jsdom',
-    transform: {
-      '^.+\\.js$': 'babel-jest',
-      '^.+\\.vue$': 'vue-jest',
-      '^.+\\.less$': 'jest-transform-stub', // 添加这一行
-    },
-    transformIgnorePatterns: [
-      '/node_modules/(?!ant-design-vue)',
-    ]
-    // 其他 Jest 配置项...
-  }
+const path = require('path')
+require('dotenv').config({ path: path.resolve(__dirname, '.env') })
+
+module.exports = {
+    setupFiles: ['<rootDir>/jest.setup.js'],
+    moduleNameMapper: {
+      '^@vue2-client/(.*)$': '<rootDir>/src/$1',
+      '\\.(css|less)$': 'identity-obj-proxy',
+    },
+    moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node', 'vue'], // 注意 'vue' 在这里
+    testEnvironment: 'jsdom',
+    transform: {
+      '^.+\\.js$': 'babel-jest',
+      '^.+\\.vue$': 'vue-jest',
+      '^.+\\.less$': 'jest-transform-stub', // 添加这一行
+    },
+    transformIgnorePatterns: [
+      '/node_modules/(?!ant-design-vue)',
+    ]
+    // 其他 Jest 配置项...
+  }

package/jest.setup.js

@@ -1,7 +1,7 @@
-global.matchMedia = global.matchMedia || function () {
-  return {
-    matches: false,
-    addListener: function () {},
-    removeListener: function () {}
-  }
-}
+global.matchMedia = global.matchMedia || function () {
+  return {
+    matches: false,
+    addListener: function () {},
+    removeListener: function () {}
+  }
+}

package/package.json

@@ -1,101 +1,101 @@
-{
-  "name": "vue2-client",
-  "version": "1.9.13",
-  "private": false,
-  "scripts": {
-    "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",
-    "serve:gaslink": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint --mode gaslink",
-    "serve:revenue": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint --mode revenue",
-    "mac-serve": "vue-cli-service serve --no-eslint --mode mac",
-    "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
-    "test:unit": "vue-cli-service test:unit",
-    "lint": "vue-cli-service lint",
-    "build:preview": "vue-cli-service build --mode preview",
-    "lint:nofix": "vue-cli-service lint --no-fix",
-    "test": "jest"
-  },
-  "dependencies": {
-    "@amap/amap-jsapi-loader": "^1.0.1",
-    "@antv/data-set": "^0.11.8",
-    "@antv/g2plot": "^2.4.31",
-    "@hufe921/canvas-editor": "^0.9.49",
-    "@vue/babel-preset-jsx": "^1.4.0",
-    "@afwenming123/vue-easy-tree": "^1.0.1",
-    "animate.css": "^4.1.1",
-    "ant-design-vue": "^1.7.8",
-    "axios": "^0.27.2",
-    "clipboard": "^2.0.11",
-    "core-js": "^3.33.0",
-    "crypto-js": "^4.1.1",
-    "date-fns": "^2.29.3",
-    "default-passive-events": "^2.0.0",
-    "dotenv": "^16.3.1",
-    "echarts": "^5.5.0",
-    "enquire.js": "^2.1.6",
-    "file-saver": "^2.0.5",
-    "highlight.js": "^11.7.0",
-    "html2canvas": "^1.4.1",
-    "js-base64": "^3.7.5",
-    "js-cookie": "^2.2.1",
-    "jsencrypt": "^3.3.2",
-    "jspdf": "^2.5.1",
-    "lodash.clonedeep": "^4.5.0",
-    "lodash.debounce": "^4",
-    "lodash.get": "^4.4.2",
-    "mockjs": "^1.1.0",
-    "nprogress": "^0.2.0",
-    "qs": "^6.11.2",
-    "regenerator-runtime": "^0.14.0",
-    "videojs-contrib-hls": "^5.15.0",
-    "viser-vue": "^2.4.8",
-    "vue": "^2.7.14",
-    "vue-codemirror": "4.0.6",
-    "vue-draggable-resizable": "^2",
-    "vue-i18n": "^8.28.2",
-    "vue-json-viewer": "^2.2.22",
-    "vue-router": "^3.6.5",
-    "vue-video-player": "^5.0.2",
-    "vue-virtual-scroller": "^1.1.2",
-    "vuedraggable": "^2.24.3",
-    "vuex": "^3.6.2",
-    "xlsx": "0.18.5"
-  },
-  "devDependencies": {
-    "@ant-design/colors": "^7.0.0",
-    "@babel/core": "^7.22.20",
-    "@babel/eslint-parser": "^7.22.15",
-    "@babel/preset-env": "^7.22.20",
-    "@vue/cli-plugin-babel": "^5.0.8",
-    "@vue/cli-plugin-eslint": "^5.0.8",
-    "@vue/cli-service": "^5.0.8",
-    "@vue/eslint-config-standard": "^8.0.1",
-    "@vue/test-utils": "^1.3.6",
-    "babel-jest": "^26.6.3",
-    "babel-plugin-transform-remove-console": "^6.9.4",
-    "compression-webpack-plugin": "^10.0.0",
-    "css-minimizer-webpack-plugin": "^5.0.1",
-    "deepmerge": "^4.3.1",
-    "eslint": "^8.51.0",
-    "eslint-plugin-vue": "^9.17.0",
-    "fast-deep-equal": "^3.1.3",
-    "ignore-loader": "^0.1.2",
-    "jest": "^26.6.3",
-    "jest-environment-jsdom": "^26.6.2",
-    "jest-transform-stub": "^2.0.0",
-    "less-loader": "^6.2.0",
-    "script-loader": "^0.7.2",
-    "style-resources-loader": "^1.5.0",
-    "vue-cli-plugin-style-resources-loader": "^0.1.5",
-    "vue-jest": "^4.0.1",
-    "vue-template-compiler": "^2.7.14",
-    "webpack": "^5.88.2",
-    "webpack-theme-color-replacer": "^1.4.7",
-    "whatwg-fetch": "^3.6.19"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead",
-    "not ie 11"
-  ]
-}
+{
+  "name": "vue2-client",
+  "version": "1.9.14",
+  "private": false,
+  "scripts": {
+    "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",
+    "serve:gaslink": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint --mode gaslink",
+    "serve:revenue": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint --mode revenue",
+    "mac-serve": "vue-cli-service serve --no-eslint --mode mac",
+    "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
+    "test:unit": "vue-cli-service test:unit",
+    "lint": "vue-cli-service lint",
+    "build:preview": "vue-cli-service build --mode preview",
+    "lint:nofix": "vue-cli-service lint --no-fix",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "@antv/data-set": "^0.11.8",
+    "@antv/g2plot": "^2.4.31",
+    "@hufe921/canvas-editor": "^0.9.49",
+    "@vue/babel-preset-jsx": "^1.4.0",
+    "@afwenming123/vue-easy-tree": "^1.0.1",
+    "animate.css": "^4.1.1",
+    "ant-design-vue": "^1.7.8",
+    "axios": "^0.27.2",
+    "clipboard": "^2.0.11",
+    "core-js": "^3.33.0",
+    "crypto-js": "^4.1.1",
+    "date-fns": "^2.29.3",
+    "default-passive-events": "^2.0.0",
+    "dotenv": "^16.3.1",
+    "echarts": "^5.5.0",
+    "enquire.js": "^2.1.6",
+    "file-saver": "^2.0.5",
+    "highlight.js": "^11.7.0",
+    "html2canvas": "^1.4.1",
+    "js-base64": "^3.7.5",
+    "js-cookie": "^2.2.1",
+    "jsencrypt": "^3.3.2",
+    "jspdf": "^2.5.1",
+    "lodash.clonedeep": "^4.5.0",
+    "lodash.debounce": "^4",
+    "lodash.get": "^4.4.2",
+    "mockjs": "^1.1.0",
+    "nprogress": "^0.2.0",
+    "qs": "^6.11.2",
+    "regenerator-runtime": "^0.14.0",
+    "videojs-contrib-hls": "^5.15.0",
+    "viser-vue": "^2.4.8",
+    "vue": "^2.7.14",
+    "vue-codemirror": "4.0.6",
+    "vue-draggable-resizable": "^2",
+    "vue-i18n": "^8.28.2",
+    "vue-json-viewer": "^2.2.22",
+    "vue-router": "^3.6.5",
+    "vue-video-player": "^5.0.2",
+    "vue-virtual-scroller": "^1.1.2",
+    "vuedraggable": "^2.24.3",
+    "vuex": "^3.6.2",
+    "xlsx": "0.18.5"
+  },
+  "devDependencies": {
+    "@ant-design/colors": "^7.0.0",
+    "@babel/core": "^7.22.20",
+    "@babel/eslint-parser": "^7.22.15",
+    "@babel/preset-env": "^7.22.20",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
+    "@vue/eslint-config-standard": "^8.0.1",
+    "@vue/test-utils": "^1.3.6",
+    "babel-jest": "^26.6.3",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "compression-webpack-plugin": "^10.0.0",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "deepmerge": "^4.3.1",
+    "eslint": "^8.51.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "fast-deep-equal": "^3.1.3",
+    "ignore-loader": "^0.1.2",
+    "jest": "^26.6.3",
+    "jest-environment-jsdom": "^26.6.2",
+    "jest-transform-stub": "^2.0.0",
+    "less-loader": "^6.2.0",
+    "script-loader": "^0.7.2",
+    "style-resources-loader": "^1.5.0",
+    "vue-cli-plugin-style-resources-loader": "^0.1.5",
+    "vue-jest": "^4.0.1",
+    "vue-template-compiler": "^2.7.14",
+    "webpack": "^5.88.2",
+    "webpack-theme-color-replacer": "^1.4.7",
+    "whatwg-fetch": "^3.6.19"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}