From 92b0bf3890499052e1f565b0f272a3f7f5e40a8e Mon Sep 17 00:00:00 2001 From: "DESKTOP-H2PAFLR\\Administrator" Date: Mon, 7 Aug 2023 18:03:19 +0800 Subject: [PATCH] =?UTF-8?q?unit=E5=88=9D=E5=A7=8B=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ZR.Vue/src/api/basisManagement/unit.js | 9 +++ ZR.Vue/src/utils/dict/Dict.js | 82 ++++++++++++++++++++++++++ ZR.Vue/src/utils/dict/DictConverter.js | 17 ++++++ ZR.Vue/src/utils/dict/DictData.js | 13 ++++ ZR.Vue/src/utils/dict/DictMeta.js | 38 ++++++++++++ ZR.Vue/src/utils/dict/DictOptions.js | 51 ++++++++++++++++ ZR.Vue/src/utils/dict/index.js | 33 +++++++++++ 7 files changed, 243 insertions(+) create mode 100644 ZR.Vue/src/api/basisManagement/unit.js create mode 100644 ZR.Vue/src/utils/dict/Dict.js create mode 100644 ZR.Vue/src/utils/dict/DictConverter.js create mode 100644 ZR.Vue/src/utils/dict/DictData.js create mode 100644 ZR.Vue/src/utils/dict/DictMeta.js create mode 100644 ZR.Vue/src/utils/dict/DictOptions.js create mode 100644 ZR.Vue/src/utils/dict/index.js diff --git a/ZR.Vue/src/api/basisManagement/unit.js b/ZR.Vue/src/api/basisManagement/unit.js new file mode 100644 index 00000000..15776cef --- /dev/null +++ b/ZR.Vue/src/api/basisManagement/unit.js @@ -0,0 +1,9 @@ +import request from '@/utils/request' +// 查询单位列表 +export function listUnitmeasure(query) { + return request({ + url: '/mes/md/unit/list', + method: 'get', + params: query + }) + } \ No newline at end of file diff --git a/ZR.Vue/src/utils/dict/Dict.js b/ZR.Vue/src/utils/dict/Dict.js new file mode 100644 index 00000000..104bd6e7 --- /dev/null +++ b/ZR.Vue/src/utils/dict/Dict.js @@ -0,0 +1,82 @@ +import Vue from 'vue' +import { mergeRecursive } from "@/utils/ruoyi"; +import DictMeta from './DictMeta' +import DictData from './DictData' + +const DEFAULT_DICT_OPTIONS = { + types: [], +} + +/** + * @classdesc 字典 + * @property {Object} label 标签对象，内部属性名为字典类型名称 + * @property {Object} dict 字段数组，内部属性名为字典类型名称 + * @property {Array.} _dictMetas 字典元数据数组 + */ +export default class Dict { + constructor() { + this.owner = null + this.label = {} + this.type = {} + } + + init(options) { + if (options instanceof Array) { + options = { types: options } + } + const opts = mergeRecursive(DEFAULT_DICT_OPTIONS, options) + if (opts.types === undefined) { + throw new Error('need dict types') + } + const ps = [] + this._dictMetas = opts.types.map(t => DictMeta.parse(t)) + this._dictMetas.forEach(dictMeta => { + const type = dictMeta.type + Vue.set(this.label, type, {}) + Vue.set(this.type, type, []) + if (dictMeta.lazy) { + return + } + ps.push(loadDict(this, dictMeta)) + }) + return Promise.all(ps) + } + + /** + * 重新加载字典 + * @param {String} type 字典类型 + */ + reloadDict(type) { + const dictMeta = this._dictMetas.find(e => e.type === type) + if (dictMeta === undefined) { + return Promise.reject(`the dict meta of ${type} was not found`) + } + return loadDict(this, dictMeta) + } +} + +/** + * 加载字典 + * @param {Dict} dict 字典 + * @param {DictMeta} dictMeta 字典元数据 + * @returns {Promise} + */ +function loadDict(dict, dictMeta) { + return dictMeta.request(dictMeta) + .then(response => { + const type = dictMeta.type + let dicts = dictMeta.responseConverter(response, dictMeta) + if (!(dicts instanceof Array)) { + console.error('the return of responseConverter must be Array.') + dicts = [] + } else if (dicts.filter(d => d instanceof DictData).length !== dicts.length) { + console.error('the type of elements in dicts must be DictData') + dicts = [] + } + dict.type[type].splice(0, Number.MAX_SAFE_INTEGER, ...dicts) + dicts.forEach(d => { + Vue.set(dict.label[type], d.value, d.label) + }) + return dicts + }) +} diff --git a/ZR.Vue/src/utils/dict/DictConverter.js b/ZR.Vue/src/utils/dict/DictConverter.js new file mode 100644 index 00000000..0cf5df86 --- /dev/null +++ b/ZR.Vue/src/utils/dict/DictConverter.js @@ -0,0 +1,17 @@ +import DictOptions from './DictOptions' +import DictData from './DictData' + +export default function(dict, dictMeta) { + const label = determineDictField(dict, dictMeta.labelField, ...DictOptions.DEFAULT_LABEL_FIELDS) + const value = determineDictField(dict, dictMeta.valueField, ...DictOptions.DEFAULT_VALUE_FIELDS) + return new DictData(dict[label], dict[value], dict) +} + +/** + * 确定字典字段 + * @param {DictData} dict + * @param {...String} fields + */ +function determineDictField(dict, ...fields) { + return fields.find(f => Object.prototype.hasOwnProperty.call(dict, f)) +} diff --git a/ZR.Vue/src/utils/dict/DictData.js b/ZR.Vue/src/utils/dict/DictData.js new file mode 100644 index 00000000..afc763e8 --- /dev/null +++ b/ZR.Vue/src/utils/dict/DictData.js @@ -0,0 +1,13 @@ +/** + * @classdesc 字典数据 + * @property {String} label 标签 + * @property {*} value 标签 + * @property {Object} raw 原始数据 + */ +export default class DictData { + constructor(label, value, raw) { + this.label = label + this.value = value + this.raw = raw + } +} diff --git a/ZR.Vue/src/utils/dict/DictMeta.js b/ZR.Vue/src/utils/dict/DictMeta.js new file mode 100644 index 00000000..9570c6d7 --- /dev/null +++ b/ZR.Vue/src/utils/dict/DictMeta.js @@ -0,0 +1,38 @@ +import { mergeRecursive } from "@/utils/ruoyi"; +import DictOptions from './DictOptions' + +/** + * @classdesc 字典元数据 + * @property {String} type 类型 + * @property {Function} request 请求 + * @property {String} label 标签字段 + * @property {String} value 值字段 + */ +export default class DictMeta { + constructor(options) { + this.type = options.type + this.request = options.request, + this.responseConverter = options.responseConverter + this.labelField = options.labelField + this.valueField = options.valueField + this.lazy = options.lazy === true + } +} + + +/** + * 解析字典元数据 + * @param {Object} options + * @returns {DictMeta} + */ +DictMeta.parse= function(options) { + let opts = null + if (typeof options === 'string') { + opts = DictOptions.metas[options] || {} + opts.type = options + } else if (typeof options === 'object') { + opts = options + } + opts = mergeRecursive(DictOptions.metas['*'], opts) + return new DictMeta(opts) +} diff --git a/ZR.Vue/src/utils/dict/DictOptions.js b/ZR.Vue/src/utils/dict/DictOptions.js new file mode 100644 index 00000000..338a94e1 --- /dev/null +++ b/ZR.Vue/src/utils/dict/DictOptions.js @@ -0,0 +1,51 @@ +import { mergeRecursive } from "@/utils/ruoyi"; +import dictConverter from './DictConverter' + +export const options = { + metas: { + '*': { + /** + * 字典请求，方法签名为function(dictMeta: DictMeta): Promise + */ + request: (dictMeta) => { + console.log(`load dict ${dictMeta.type}`) + return Promise.resolve([]) + }, + /** + * 字典响应数据转换器，方法签名为function(response: Object, dictMeta: DictMeta): DictData + */ + responseConverter, + labelField: 'label', + valueField: 'value', + }, + }, + /** + * 默认标签字段 + */ + DEFAULT_LABEL_FIELDS: ['label', 'name', 'title'], + /** + * 默认值字段 + */ + DEFAULT_VALUE_FIELDS: ['value', 'id', 'uid', 'key'], +} + +/** + * 映射字典 + * @param {Object} response 字典数据 + * @param {DictMeta} dictMeta 字典元数据 + * @returns {DictData} + */ +function responseConverter(response, dictMeta) { + const dicts = response.content instanceof Array ? response.content : response + if (dicts === undefined) { + console.warn(`no dict data of "${dictMeta.type}" found in the response`) + return [] + } + return dicts.map(d => dictConverter(d, dictMeta)) +} + +export function mergeOptions(src) { + mergeRecursive(options, src) +} + +export default options diff --git a/ZR.Vue/src/utils/dict/index.js b/ZR.Vue/src/utils/dict/index.js new file mode 100644 index 00000000..215eb9e0 --- /dev/null +++ b/ZR.Vue/src/utils/dict/index.js @@ -0,0 +1,33 @@ +import Dict from './Dict' +import { mergeOptions } from './DictOptions' + +export default function(Vue, options) { + mergeOptions(options) + Vue.mixin({ + data() { + if (this.$options === undefined || this.$options.dicts === undefined || this.$options.dicts === null) { + return {} + } + const dict = new Dict() + dict.owner = this + return { + dict + } + }, + created() { + if (!(this.dict instanceof Dict)) { + return + } + options.onCreated && options.onCreated(this.dict) + this.dict.init(this.$options.dicts).then(() => { + options.onReady && options.onReady(this.dict) + this.$nextTick(() => { + this.$emit('dictReady', this.dict) + if (this.$options.methods && this.$options.methods.onDictReady instanceof Function) { + this.$options.methods.onDictReady.call(this, this.dict) + } + }) + }) + }, + }) +}