+ sdfkj
+
+
+
+
+
+
diff --git a/UI/src/components/basic/index.jsx b/UI/src/components/basic/index.jsx
new file mode 100644
index 0000000..0af4880
--- /dev/null
+++ b/UI/src/components/basic/index.jsx
@@ -0,0 +1,447 @@
+import {computed, defineComponent, inject, mergeProps, provide, ref} from "vue";
+import {FuncContextKey, RowContextKey} from "@/utils/ProvideKeys";
+import {msgError} from "@/utils/message";
+import {Config, DetailContext, EditContext, FuncConfig, SearchContext, TableContext} from "@/components/view/Context";
+import {mapGetters} from "vuex";
+import CoreConsts from "@/components/CoreConsts";
+import {useRouter} from "vue-router";
+import {InboxOutlined} from "@ant-design/icons-vue";
+import {UploadDragger} from "ant-design-vue";
+import SysUtils from "@/utils/SysUtils";
+import {GET} from "@/utils/request";
+
+export const URow = defineComponent({
+ name: 'URow',
+ props: ['col'],
+ setup({col}) {
+ let colConfig = col
+ if(typeof col == 'string') {
+ colConfig = {...CoreConsts.TypeColConfig[col]};
+ }
+
+ provide(RowContextKey, colConfig || {});
+ },
+ render() {
+ return
+
+
+
+
)
+ },
+ methods: {
+ downloadTemplate() {
+ let templateUrl = this.$attrs.templateUrl;
+ let config = {responseType: 'blob'}; config[CoreConsts.CancelRespResolver] = true;
+ console.log(this)
+ GET(templateUrl, null).then(resp => {
+ let {data, headers} = resp;
+ debugger
+
+ // let header = headers["content-disposition"];
+ // contentType = contentType || headers['content-type'] || 'application/octet-stream';
+ // fileName = fileName || (header ? decodeURI(header.split("filename=")[1]) : console.warn("未指定文件名"));
+ // SysUtils.downloadFile(data, contentType, fileName)
+ })
+ },
+ handleDrop() {
+
+ },
+ handleChange() {
+
+ }
+ }
+})
+
+export default {
+ install(app) {
+ app.component(URow.name, URow)
+ app.component(UTree.name, UTree)
+ app.component(UFuncBtn.name, UFuncBtn)
+ app.component(UFuncTag.name, UFuncTag)
+ app.component("UFuncBtn", UFuncBtn)
+ app.component("UFuncTag", UFuncTag)
+ }
+}
diff --git a/UI/src/components/directive/authority.js b/UI/src/components/directive/authority.js
new file mode 100644
index 0000000..635c8e8
--- /dev/null
+++ b/UI/src/components/directive/authority.js
@@ -0,0 +1,49 @@
+import store from "@/store";
+function auth(el, content) {
+ let auth = store.getters['sys/authMenuMap'];
+ if(auth == null) return;
+
+ // 获取所有的权限菜单
+ let isArray = content.value instanceof Array;
+
+ let arg = content.arg ? content.arg : 'and';
+ let value = isArray ? content.value : [content.value];
+
+ // e.g v-auth:and="['a:b:c', 'd:e:f']"
+ if(arg == 'and') {
+ // 有一个不包含说明没有权限 直接移除
+ for(let item of value) {
+ if(!auth[item]) { // 不包含
+ el.remove();
+ }
+ }
+ } else if(arg == 'or') { // e.g v-auth:or="['a:b:c', 'd:e:f']"
+ let contain = false;
+ // 只要包含其中一个就是有权限
+ for(let item of value) {
+ if(auth[item]) { // 包含
+ contain = true; break;
+ }
+ }
+
+ // 一个也不包含直接移除
+ if(!contain) {
+ el.remove();
+ }
+ } else {
+ console.warn(`v-auth指令只支持 e.g[v-auth:and="[...]" or v-auth:or=[...]] 默认and`)
+ }
+}
+/**
+ * 权限指令 v-auth
+ */
+export default {
+ created() { },
+ mounted(el, content) {
+ auth(el, content);
+ },
+ updated(el, content) {
+ auth(el, content);
+ },
+ unmounted() { }
+}
diff --git a/UI/src/components/drawer/BasicDrawer.jsx b/UI/src/components/drawer/BasicDrawer.jsx
new file mode 100644
index 0000000..9532eb3
--- /dev/null
+++ b/UI/src/components/drawer/BasicDrawer.jsx
@@ -0,0 +1,67 @@
+import {defineComponent, inject, provide, ref} from "vue";
+import {LinkViewContextKey, LinkViewPosition, PositionConst, VisibleContextKey} from "@/utils/ProvideKeys";
+import {VisibleContext} from "@/components/view/Context";
+import MixinsVisible from "@/components/mixins/MixinsVisible";
+
+export default defineComponent({
+ name: 'UDrawer',
+ props: {
+ title: String,
+ bodyStyle: Object,
+ centered: Boolean,
+ afterClose: Function,
+ width: {default: 680},
+ height: {default: 452},
+ zIndex: {default: 868},
+ keyboard: {default: true},
+ closable: {default: true},
+ forceRender: {default: false},
+ placement: {default: 'right'},
+ maskClosable: {default: true},
+ headerStyle: {type: Object},
+ destroyOnClose: {default: false},
+ uid: {type: String, required: true},
+ modelValue: {type: Object},
+ 'onUpdate:modelValue': {type: Function},
+ footerStyle: {type: Object, default: () => { return {textAlign: 'center'}}}
+ },
+ mixins: [MixinsVisible],
+ setup(props) {
+ let formRef = ref(null);
+ let visible = ref(false);
+ let spinning = ref(false);
+ let routerCall = () => null;
+ let spinTip = ref("");
+
+ /**
+ * @type {LinkContext}
+ */
+ let linkContext = inject(LinkViewContextKey);
+ let visibleContext = new VisibleContext(linkContext);
+ if(linkContext) {
+ visibleContext.uid = props.uid;
+ linkContext.addChildrenContext(visibleContext);
+ }
+
+ provide(VisibleContextKey, visibleContext);
+ provide(LinkViewPosition, PositionConst.Drawer);
+ return {formRef, spinning, spinTip, visible, routerCall, linkContext, visibleContext}
+ },
+ render() {
+ return(点击或者拖拽excel文件到此区域
++ 点击下载模板 +
+{fun}
,
+ })
+ return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UI/src/components/functional/index.js b/UI/src/components/functional/index.js
new file mode 100644
index 0000000..2f8fc74
--- /dev/null
+++ b/UI/src/components/functional/index.js
@@ -0,0 +1,14 @@
+import {h, mergeProps, resolveComponent} from 'vue'
+
+const IvzButton = ({meta}, {slots}) => {
+ let mergeSlots = meta.props.slots;
+ if(mergeSlots instanceof Object) {
+ Object.assign(mergeSlots, slots)
+ } else {
+ mergeSlots = slots;
+ }
+
+ return h(resolveComponent('a-button'), meta.props, mergeSlots)
+}
+
+export {IvzButton}
diff --git a/UI/src/components/index.css b/UI/src/components/index.css
new file mode 100644
index 0000000..8e6ed0d
--- /dev/null
+++ b/UI/src/components/index.css
@@ -0,0 +1,9 @@
+/*功能按钮样式*/
+.u-func {
+ cursor: pointer;
+}
+
+/* ant-vue style */
+.u-form-modal .ant-modal-footer {
+ text-align: center;
+}
diff --git a/UI/src/components/index.js b/UI/src/components/index.js
new file mode 100644
index 0000000..eff42e5
--- /dev/null
+++ b/UI/src/components/index.js
@@ -0,0 +1,28 @@
+import './index.css'
+import IvzViewComponents from '@/components/view'
+import IvzBasicComponents from '@/components/basic'
+import UBasicFormComponents from "@/components/form/basic/index.jsx";
+import UBasicFormItemComponents from "@/components/form/basic/formItem.jsx";
+
+import UTable from "@/components/table/BasicTable.jsx";
+import UFormModal from "@/components/modal/FormModal.jsx";
+import UFormDrawer from "@/components/drawer/FormDrawer.jsx";
+import UBasicDrawer from "@/components/drawer/BasicDrawer.jsx";
+import UBreadSearch from "@/components/search/BreadSearch.vue";
+import USearch from "@/components/search/BasicSearch.vue";
+
+export default {
+ install(app) {
+ app.use(IvzViewComponents) // 视图组件
+ app.use(IvzBasicComponents) // 基础组件
+ app.use(UBasicFormComponents) // 表单组件
+ app.use(UBasicFormItemComponents) // 表单项组件
+
+ app.component(UTable.name, UTable)
+ app.component(UFormModal.name, UFormModal)
+ app.component(UFormDrawer.name, UFormDrawer)
+ app.component(UBasicDrawer.name, UBasicDrawer)
+ app.component(USearch.name, USearch)
+ app.component(UBreadSearch.name, UBreadSearch)
+ }
+}
diff --git a/UI/src/components/list/BasicList.vue b/UI/src/components/list/BasicList.vue
new file mode 100644
index 0000000..d63b777
--- /dev/null
+++ b/UI/src/components/list/BasicList.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UI/src/components/mixins/MixinsVisible.js b/UI/src/components/mixins/MixinsVisible.js
new file mode 100644
index 0000000..7f08639
--- /dev/null
+++ b/UI/src/components/mixins/MixinsVisible.js
@@ -0,0 +1,63 @@
+import {defineComponent} from "vue";
+
+export default defineComponent({
+ created() {
+ let visibleContext = this.getVisibleContext();
+ visibleContext.setVisible = this.setVisible;
+ visibleContext.setLoading = this.setLoading;
+ visibleContext.asyncVisible = this.openByAsync;
+ visibleContext.setLoadingTip = this.setLoadingTip;
+ },
+ methods: {
+ setVisible(visible) {
+ this.visible = visible;
+ },
+
+ setLoading(status, tip) {
+ this.spinning = status;
+ this.spinTip = tip || "";
+ },
+
+ setLoadingTip(tip) {
+ this.spinTip = tip;
+ },
+
+ switchSpinning(spinning) {
+ this.spinning = spinning;
+ },
+
+ /**
+ * 异步打开弹框, 表单初始化完成后会出发编辑事件
+ * @param row 编辑的行 非必填
+ * @param isResetToInit {Boolean} 是否重置编辑模型 非必填
+ * @return {Promise
+
+
+
+
+ + 点击或者拖入需要上传的文件 +
+
+
+
+
+
+
+
+
+
+
diff --git a/UI/src/components/search/BreadSearch.vue b/UI/src/components/search/BreadSearch.vue
new file mode 100644
index 0000000..17b342f
--- /dev/null
+++ b/UI/src/components/search/BreadSearch.vue
@@ -0,0 +1,240 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UI/src/components/table/BasicTable.jsx b/UI/src/components/table/BasicTable.jsx
new file mode 100644
index 0000000..571abd6
--- /dev/null
+++ b/UI/src/components/table/BasicTable.jsx
@@ -0,0 +1,363 @@
+import {useStore} from "vuex";
+import dayjs from "dayjs";
+import {computed, defineComponent, inject, provide, reactive, ref, watch} from "vue";
+import {MetaConst} from "@/utils/MetaUtils";
+import {FuncContextKey, LinkViewContextKey, ViewContextKey} from "@/utils/ProvideKeys";
+import {TableContext} from "@/components/view/Context";
+import CoreConsts from "@/components/CoreConsts";
+
+function initSlot(column, slots) {
+ let slotName = "";
+ if (column.dataIndex instanceof Array) {
+ slotName = column.dataIndex.join("_");
+ } else if (column.dataIndex instanceof String) {
+ slotName = column.dataIndex;
+ } else {
+ slotName = column.field.split('.').join("_");
+ }
+
+ if (slots['c_' + slotName]) {
+ column['__slot'] = slots['c_' + slotName]
+ } else if (slots[slotName]) {
+ column['__slot'] = slots[slotName]
+ }
+}
+
+function initOptionsLabel(column) {
+
+ let labelField = column.labelField || MetaConst.DefaultLabelField;
+ let valueField = column.valueField || MetaConst.DefaultValueField;
+
+ if(column.options instanceof Array) {
+ column['__valueLabelMap'] = {}
+ column.options.forEach(item => {
+ let label = item[labelField];
+ let value = item[valueField];
+
+ column['__valueLabelMap'][value] = label;
+ })
+ } else if(column.dict){
+ useStore().getters['sys/getOptionsByDictType'](column.dict, labelField, valueField);
+ let valueLabelMap = useStore().getters['sys/getValueLabelMap'](column.dict);
+ column['__valueLabelMap'] = valueLabelMap
+ } else if(column.url) {
+ useStore().getters['sys/getOptionsByUrl'](column.url, labelField
+ , valueField, MetaConst.DefaultLabelField, MetaConst.DefaultValueField);
+ let valueLabelMap = useStore().getters['sys/getValueLabelMap'](column.url);
+ column['__valueLabelMap'] = valueLabelMap
+ }
+}
+
+function initColumnFormatterSlot(column) {
+ initOptionsLabel(column);
+
+ let formatter = column.formatter;
+ if(formatter instanceof Function) {
+ // 对formatter创建代理, 新增返回label值
+ column.formatter = ({text, record, column}) => {
+ let label = column['__valueLabelMap'][text];
+ return formatter({text, record, column, label})
+ }
+ } else {
+ column.formatter = ({text, record, column}) => {
+ return column['__valueLabelMap'][text] || '';
+ }
+ }
+
+ let proxySlot = column['__slot']
+ if(proxySlot) {
+ column['__slot'] = (args) => {
+ args['value'] = column.formatter(args);
+ return proxySlot(args);
+ }
+ } else {
+ column['__slot'] = column.formatter;
+ }
+
+}
+
+const typeFormatMaps = {datetime: 'YYYY-MM-DD HH:mm:ss', date: 'YYYY-MM-DD', month: 'MM', week: 'E', time: 'HH:mm:ss'}
+function initDatetimeColumnSlot(column) {
+ let formatter = column.formatter;
+ if(!(formatter instanceof Function)) {
+ column.formatter = ({text, record, column}) => {
+ try {
+ if (text) {
+ let picker = column.picker || 'datetime';
+ return dayjs(text).format(column.format || typeFormatMaps[picker]);
+ } else {
+ return '';
+ }
+ } catch (e) {
+ console.error(e);
+ return ''
+ }
+ }
+ }
+
+ let proxySlot = column['__slot']
+ if(proxySlot) {
+ column['__slot'] = (args) => {
+ args['value'] = column.formatter(args);
+ return proxySlot(args);
+ }
+ } else {
+ column['__slot'] = column.formatter;
+ }
+}
+function initColumn(column, slots) {
+ column.align = column.align || 'center';
+ column.dataIndex = column.dataIndex || column.field.split(".");
+
+ initSlot(column, slots); // 初始化插槽
+
+ if(column.dict || column.url || column.options) {
+ initColumnFormatterSlot(column);
+ } else if(column.type == 'date') {
+ initDatetimeColumnSlot(column);
+ }
+}
+function initTableColumns(columns, slots) {
+ slots = {...slots};
+ columns.forEach(column => {
+ if(!column['__init']) {
+ column['__init'] = true;
+ initColumn(column, slots);
+ if(column['__slot'] && !slots['bodyCell']) {
+ slots['bodyCell'] = (args) => {
+ if(args.column == null) return null;
+ return args.column['__slot'] ? args.column['__slot'](args) : args.text;
+ }
+ }
+ }
+ })
+ return slots;
+}
+export default defineComponent({
+ name: 'UTable',
+ props: {
+ sticky: {default: false},
+ dataSource: {type: Array},
+ size: {type: String, default: "middle"},
+ bordered: {type: Boolean, default: true},
+ columns: {type: Array, default: () => []},
+ uid: {type: String, required: true, default: CoreConsts.DefaultTableUid},
+ pagination: {
+ default: () => {
+ return reactive({
+ total: 0,
+ defaultPageSize: 10,
+ showQuickJumper: true,
+ showSizeChanger: true,
+ showTotal: (total, range) => `共 ${total}条`,
+ pageSizeOptions: ['10', '20', '30', '50', '100']
+ })
+ }
+ }, // 是否分页, 不支持使用对象
+ },
+ setup(props, {slots, emit, attrs}) {
+ let stickyRef = ref(props.sticky);
+ let selectedRows = ref([]);
+ let selectedRowKeys = ref([]);
+ let dataSourceRef = ref(props.dataSource);
+ let {columns, expandedRowKeys} = props;
+ let unfoldRowKeys = ref(expandedRowKeys);
+ let loading = reactive({spinning: false, tip: '数据加载中...'});
+
+ /**
+ * @type {LinkContext}
+ */
+ let linkContext = inject(LinkViewContextKey);
+ let tableContext = new TableContext(linkContext);
+ // 默认重置列宽度事件
+ let defResizeColumn = (width, column) => column.width = width;
+
+ // 监控展开行数据变化
+ watch(() => props['expandedRowKeys'], (newVal) => {
+ unfoldRowKeys.value = newVal;
+ })
+
+ // 监听数据源变化
+ watch(() => props.dataSource, (newVal) => {
+ dataSourceRef.value = newVal;
+ })
+
+ watch(() => props.sticky, (newVal) => {
+ stickyRef.value = newVal;
+ })
+
+ // 代理选中改变事件
+ if(attrs.rowSelection) {
+ let proxyChangeEvent = attrs.rowSelection.onChange;
+ attrs.rowSelection.onChange = (selectedKeys, rows) => {
+ selectedRows.value = rows;
+ selectedRowKeys.value = selectedKeys;
+ if(proxyChangeEvent instanceof Function) {
+ proxyChangeEvent(selectedKeys, rows);
+ }
+ }
+ }
+
+ // 分页触发事件
+ if(props.pagination instanceof Object) {
+ let onChange = props.pagination.onChange;
+ props.pagination.onChange = (current, pageSize) => {
+ if(onChange instanceof Function) {
+ onChange(current, pageSize);
+ }
+ tableContext.pageChange(current, pageSize);
+ }
+
+ // 每页条数改变事件
+ let onShowSizeChange = props.pagination.onShowSizeChange;
+ props.pagination.onShowSizeChange = (current, pageSize) => {
+ if(onShowSizeChange instanceof Function) {
+ onShowSizeChange(current, pageSize);
+ }
+
+ tableContext.sizeChange(current, pageSize);
+ }
+ }
+
+ // 更新列改变
+ let slotsRef = ref(initTableColumns(columns, slots));
+
+ let setLoading = (status, tip) => {
+ loading.spinning = status;
+ loading.tip = tip || CoreConsts.TableSpinLoadingTip;
+ }
+ let setSticky = (status) => stickyRef.value = status
+ let setDataSource = (ds) => dataSourceRef.value = ds;
+ let setTotalRows = (total) => {
+ if(props.pagination instanceof Object) {
+ props.pagination.total = total;
+ }
+ }
+
+ if(linkContext) {
+ tableContext.uid = props.uid;
+ linkContext.addChildrenContext(tableContext);
+
+ tableContext['setSticky'] = setSticky
+ tableContext['setLoading'] = setLoading;
+ tableContext['setTotalRows'] = setTotalRows;
+ tableContext['setDataSource'] = setDataSource;
+ tableContext['getColumns'] = () => props.columns;
+
+ if(props.pagination instanceof Object) { // 如果需要分页
+ tableContext['currentPage'] = 1;
+ tableContext['pageSize'] = props.pagination.defaultPageSize
+ }
+ }
+
+ provide(FuncContextKey, tableContext);
+ return {slotsRef, selectedRows, selectedRowKeys
+ , unfoldRowKeys, loading, dataSourceRef, stickyRef, setSticky
+ , setDataSource, setLoading, setTotalRows, defResizeColumn, tableContext}
+ },
+ created() {
+ this.tableContext['expanded'] = this.expanded;
+ this.tableContext['getSelectedRows'] = this.getSelectedRows;
+ this.tableContext['getSelectedRowKeys'] = this.getSelectedRowKeys;
+ },
+ render() {
+ if(this.stickyRef || this.stickyRef === '') {
+ if(typeof this.stickyRef !== 'object') {
+ this.stickyRef = {offsetHeader: -16}
+ }
+ }
+
+ initTableColumns(this.columns, this.slotsRef);
+ let onResizeColumn = this.$attrs['onResizeColumn'] || this.defResizeColumn;
+ return (
+
+
+
)
+ }
+})
diff --git a/UI/src/components/view/Context.js b/UI/src/components/view/Context.js
new file mode 100644
index 0000000..4132387
--- /dev/null
+++ b/UI/src/components/view/Context.js
@@ -0,0 +1,1771 @@
+import {FormContext} from "@/components/form/basic/FormContext";
+import {confirm, msgError, msgLoading, msgSuccess, msgWarn} from "@/utils/message";
+import {FuncNameMeta, TypeMethodMaps} from "@/utils/MetaUtils";
+import SysUtils from "@/utils/SysUtils";
+import CoreConsts from "@/components/CoreConsts";
+import {GET, urlConfig} from "@/utils/request";
+import dayjs from "dayjs";
+import {Modal} from "ant-design-vue";
+import {createVNode, defineComponent} from "vue";
+import {ImportUpload} from "@/components/basic";
+
+function Unmount() {
+ console.warn("此方法只能在组件挂载时才能使用");
+}
+function unUFuncTag() {
+ console.warn("需使用[UFuncTag]作为表格按钮")
+}
+const VoidFun = () => {};
+let env = import.meta.env;
+/**
+ * 视图组件提供的操作接口
+ * @see UView
+ * @see IvzFuncView
+ * @see IvzMenuView
+ * @param context 视图组件的上下文对象{@link ViewContext}
+ */
+export function $View(context) {
+
+ this.context = context;
+
+ if(!context) {
+ return console.error("未传入视图上下文对象[ViewContext]")
+ }
+
+ this.context['__$View'] = this;
+
+ /**
+ * 功能的唯一代表字段 - 比如：id
+ * @see CoreConsts#DefaultRowKey
+ * @return {String|Number}
+ */
+ this.getRowKey = function () {
+ return this.context.getRowKey();
+ }
+
+ /**
+ * 当前视图(功能)页的上下文对象
+ * @see ViewContext
+ * @return {ViewContext}
+ */
+ this.getViewContext = function () {
+ return this.context;
+ }
+
+ /**
+ * 获取功能元上下文, 只能用于以下两种组件
+ * @see IvzFuncView
+ * @set IvzMenuView
+ * @return {void|FuncMetaContext}
+ */
+ this.getMetaContext = function () {
+ if(!this.context.funMetasContext) {
+ return console.warn("此方法只能在组件[IvzFuncView or IvzMenuView]中使用")
+ }
+
+ return this.context.funMetasContext;
+ }
+
+ /**
+ * 获取编辑功能元数据
+ * @param field
+ * @return {void|Object}
+ */
+ this.getEditMeta = function (field) {
+ return this.getMetaContext().getEditMeta(field);
+ }
+
+ /**
+ * 获取表格功能元数据
+ * @param field
+ * @return {void|Object}
+ */
+ this.getTableMeta = function (field) {
+ return this.getMetaContext().getTableMeta(field);
+ }
+
+ /**
+ * 获取搜索功能元数据
+ * @param field
+ * @return {void|Object}
+ */
+ this.getSearchMeta = function (field) {
+ return this.getMetaContext().getSearchMeta(field);
+ }
+
+ this.getEditFunc = function (func) {
+ let editContext = this.getPrimaryEditContext();
+ return editContext ? editContext.getFunc(func) : null;
+ }
+
+ this.getSearchFunc = function (func) {
+ let searchContext = this.getPrimarySearchContext();
+ return searchContext ? searchContext.getFunc(func) : null;
+ }
+
+ this.getTableFunc = function (func) {
+ let tableContext = this.getPrimaryTableContext();
+ return tableContext ? tableContext.getFunc(func) : null;
+ }
+
+ this.getDetailFunc = function (func) {
+ return this.getPrimaryDetailContext().getFunc(func)
+ }
+ /**
+ * 获取当前视图页的名称 eg: 用户管理、部门管理等
+ * 需要在视图组件设置属性：name
+ * @return {String}
+ */
+ this.getFuncName = function () {
+ return this.context.name;
+ }
+
+ /**
+ * 获取主编辑组件的model对象
+ * @return {*}
+ */
+ this.getEditModel = function () {
+ return this.getPrimaryEditContext().getModel();
+ }
+
+ /**
+ * 获取主搜索组件的model对象
+ * @return {*}
+ */
+ this.getSearchModel = function () {
+ return this.getPrimarySearchContext().getModel();
+ }
+
+ /**
+ * 校验一个model是编辑还是新增
+ * 默认根据 rowKey判断
+ * @param model
+ * @return {boolean}
+ */
+ this.isEdit = function (model) {
+ let rowKey = this.getRowKey();
+ let rowKeyValue = model[rowKey];
+ return rowKeyValue != null;
+ }
+
+ /**
+ * 返回编辑框获取数据需要的地址
+ * 注：可根据情况自行替换和修改
+ * @param data
+ * @param params {Function} 获取请求参数回调
+ * @return {Promise}
+ */
+ this.getRequestParams = function (data, params, func) {
+ params = params || CoreConsts.DefaultFuncParams[func];
+ if(params instanceof Function) {
+ let param = params(data, this.getRowKey(), func);
+ if(param instanceof Promise) {
+ return param;
+ } else {
+ return Promise.reject(`params方法只支持返回Promise对象`);
+ }
+ } else if(typeof params == 'object') {
+ return Promise.resolve(params);
+ } else {
+ return Promise.resolve(data);
+ }
+ }
+
+ /**
+ * 打开编辑框
+ * @param config {Config}
+ */
+ this.openForAdd = function ({uid, data, context}) {
+ let linkContext = context.getLinkContext();
+ let editContext = linkContext.getChildrenContext(CoreConsts.DefaultEditUid);
+ if(editContext == null) {
+ return console.warn(`未找到对应uid的可编辑组件[${CoreConsts.DefaultEditUid}]`)
+ }
+
+ try {
+ editContext.openType = 'add';
+ editContext.asyncVisible(data, true).then((edit) => {
+ let formContext = editContext.getFormContext();
+ let initModel = formContext.getInitModel();
+
+ formContext.setEditModel(initModel);
+ edit.$emit('edit', initModel);
+ })
+ } catch (e) {
+ console.error(e);
+ }
+ }
+
+ /**
+ * 删除主表格记录
+ * @param param {Config}
+ */
+ this.del = function ({method, url, data, func, uid
+ , config: {confirmTitle, confirmContent}, callback
+ , context, params, funcPath, reload}) {
+
+ let linkContext = context.getLinkContext();
+ let tableContext = linkContext.getChildrenContext(CoreConsts.DefaultTableUid);
+ if(!(tableContext instanceof TableContext)) {
+ return console.warn(`未找到对应uid的表组件[${linkContext.uid}]`)
+ }
+
+ // 批量删除, 获取表列表数据
+ if(funcPath[1] && funcPath[1] == CoreConsts.ChildFuncNameMeta.BATCH) {
+ data = tableContext.getSelectedRows();
+ }
+
+ if(!data || data.length == 0) {
+ return msgWarn("请选择要删除的记录");
+ }
+
+ let title = confirmTitle || CoreConsts.DelConfirmTitle;
+ let content = confirmContent || CoreConsts.DelConfirmContent;
+
+ confirm({title, content, onOk: () => {
+ this.getRequestParams(data, params, func).then((params => {
+ tableContext.setLoading(true, CoreConsts.DeleteExecTipping)
+ this.getRequestMethod({func, method})(url, params).then(({code, message, data}) => {
+ if (code == CoreConsts.SuccessCode) {
+ msgSuccess(message || CoreConsts.DelSuccessMsg);
+ if(reload) {
+ this.queryByFunc(linkContext); // 删除成功, 重新刷新列表
+ }
+ } else {
+ msgError(message);
+ }
+
+ callback({code, message, data}, params)
+ }).catch(reason => console.error(reason))
+ .finally(() => tableContext.setLoading(false, ""));
+ }));
+ }, onCancel: () => null
+ })
+ }
+
+ /**
+ * 打开编辑框
+ * @param param {Config}
+ */
+ this.openForEdit = function ({uid, url, data, params
+ , func, method, config: {}, context}) {
+
+ let linkContext = context.getLinkContext();
+ let editContext = linkContext.getChildrenContext(CoreConsts.DefaultEditUid);
+ if(!(editContext instanceof EditContext)) {
+ return console.warn(`未找到对应uid的可编辑组件[${linkContext.uid}]`)
+ }
+
+ editContext.openType = 'edit';
+ editContext.asyncVisible(data, false).then((edit) => {
+ editContext.setLoading(true, CoreConsts.FormSpinLoadingTip);
+ this.getRequestParams(data, params, func).then(params => {
+ this.getRequestMethod({func, method})(url, params)
+ .then(({code, message, data}) => {
+ if(code == CoreConsts.SuccessCode) {
+ editContext.getFormContext().setEditModel(data);
+ edit.$emit('edit', data);
+ } else {
+ msgError(message);
+ }
+ }).finally(() => editContext.setLoading(false, null))
+ })
+ })
+ }
+
+ /**
+ * 新增子记录
+ * 支持格式：func='add:child'
+ * 设置参数：:params="{pid: 'pid'}"
+ * @param param {Config}
+ */
+ this.openForChild = function ({uid, data
+ , config: {pid, id}, context}) {
+ if(!pid) {
+ return console.error(`child子功能必须在[config]指定属性pid`)
+ }
+
+ let linkContext = context.getLinkContext();
+ let editContext = linkContext.getChildrenContext(CoreConsts.DefaultEditUid);
+ if(!(editContext instanceof EditContext)) {
+ return console.warn(`未找到对应uid的可编辑组件[${uid}]`)
+ }
+
+ // 打开编辑框并且复制pid字段
+ editContext.asyncVisible(data, true).then(edit => {
+ let initModel = editContext.getFormContext().getInitModel();
+ // 设置pid
+ initModel[pid] = data[id || this.getRowKey()];
+ editContext.getFormContext().setEditModel(initModel)
+ edit.$emit('edit', initModel);
+ })
+ }
+
+ /**
+ * 设置其他功能 比如：设置密码
+ * @param param {Config}
+ */
+ this.openForSet = function ({uid, data
+ , funcPath, config: {copy}, context}) {
+ if(uid == CoreConsts.DefaultEditUid) {
+ console.warn(`set子功能的uid[${uid}]和默认eid[${CoreConsts.DefaultEditUid}]一致, 请确认是否使用默认编辑组件`)
+ }
+
+ if(copy == null) {
+ return console.error(`set子功能必须在[config]指定属性copy: ['id', 'name', ...]}; copy指定要复制哪些字段到编辑对象`)
+ }
+
+ if(typeof copy == 'string') {
+ copy = [copy];
+ }
+
+ let linkContext = context.getLinkContext();
+ let editContext = linkContext.getChildrenContext(uid);
+ if(!(editContext instanceof EditContext)) {
+ return console.warn(`未找到对应uid的可编辑组件[${uid}]`)
+ }
+
+ // 批量操作
+ if(data == null) {
+ let tableContext = linkContext.getChildrenContext(CoreConsts.DefaultTableUid);
+ data = tableContext.getSelectedRows();
+ if(!data || data.length == 0) {
+ return msgWarn(CoreConsts.BatchDataNullTip).then();
+ }
+ }
+
+ editContext.openType = 'edit';
+ // 打开编辑框后复制对应的字段到新的model
+ editContext.asyncVisible(data, true).then(edit => {
+ let initModel = editContext.getFormContext().getInitModel();
+ // 复制属性
+ copy.forEach(field => {
+ let fieldPath = field.split("=");
+ if(fieldPath.length == 1) {
+ fieldPath[1] = fieldPath[0];
+ }
+
+ if(data instanceof Array) {
+ initModel[fieldPath[0]] = data.map(item => item[fieldPath[1]]);
+ } else {
+ let firstField = fieldPath[0];
+
+ // 数组格式
+ if(firstField.endsWith("[]")) {
+ firstField = firstField.substring(0, firstField.length - 2);
+ initModel[firstField] = [data[fieldPath[1]]];
+ } else {
+ initModel[fieldPath[0]] = data[fieldPath[1]];
+ }
+ if(env.DEV && initModel[firstField] === undefined) {
+ console.warn(`要copy的字段[${fieldPath[1]}]在data里面不存在`)
+ }
+ }
+ })
+
+ editContext.getFormContext().setEditModel(initModel)
+ edit.$emit('edit', initModel);
+ })
+ }
+
+ /**
+ * 打开某个弹框(模态框或者抽屉)
+ * 适用组件 UDrawer or UModal
+ * @param param {Config}
+ */
+ this.openForVisible = function ({uid, funcPath, data, context}) {
+ /**
+ * @type {LinkContext|*}
+ */
+ let linkContext = context.getLinkContext()
+
+ if(linkContext) {
+ let visibleContext = linkContext.getChildrenContext(uid);
+ if(visibleContext instanceof VisibleContext) {
+ visibleContext.asyncVisible(data).then((vue) => {
+ let visibleContext = vue.getVisibleContext();
+ if(visibleContext instanceof VisibleContext) {
+ visibleContext.childLinkContext.forEach(item => {
+ item.getQueryFunc().forEach(item => item.trigger())
+ })
+ }
+ })
+ } else {
+ console.warn(`不存在[uid=${uid}]的UDrawer或者UModal组件`)
+ }
+ }
+
+ }
+
+ /**
+ * 打开一个编辑框并且从指定url获取数据
+ * func = edit:loading:eid:/user/detail
+ * @param param {Config}
+ */
+ this.openForLoading = function ({url, uid, func
+ , data, context, params, method, config: {}}) {
+ if(uid == CoreConsts.DefaultEditUid) {
+ console.warn(`loading子功能的eid[${uid}]和默认eid[${CoreConsts.DefaultEditUid}]一致, 可能会出现非预期结果`)
+ }
+
+ if(typeof url != 'string') {
+ console.warn(`loading子功能必须指定url`)
+ }
+
+ let linkContext = context.getLinkContext();
+ let editContext = linkContext.getChildrenContext(uid);
+ if(editContext == null) {
+ return console.warn(`未找到对应uid的可编辑组件[${linkContext.uid}:${uid}]`)
+ }
+
+ editContext.openType = 'edit';
+ // 打开编辑框后复制对应的字段到新的model
+ editContext.asyncVisible(data, true).then(edit => {
+ editContext.setLoading(true, CoreConsts.FormSpinLoadingTip);
+ method = method || "GET";
+ this.getRequestParams(data, params, func).then(params => {
+ this.getRequestMethod({func, method})(url, params)
+ .then(({code, message, data}) => {
+ if(code == CoreConsts.SuccessCode) {
+ editContext.getFormContext().setEditModel(data);
+ edit.$emit('edit', data);
+ } else {
+ msgError(message).then(() => {});
+ }
+ }).finally(() => editContext.setLoading(false, null))
+ })
+ })
+ }
+
+ /**
+ * 更具查询功能点查询
+ * @param linkContext {LinkContext}
+ */
+ this.queryByFunc = function (linkContext) {
+ if(linkContext != null) {
+ let queryFunc = linkContext.getQueryFunc();
+ if(queryFunc != null) {
+ queryFunc.forEach(item => item.trigger())
+ } else {
+ console.warn(`没有找到搜索功能在组件[${linkContext.uid}]`)
+ }
+ }
+ }
+
+ /**
+ * 查询主表格数据
+ * @param config {Config}配置信息
+ */
+ this.query = function ({uid, url, context, reload, method
+ , func, params, callback}) {
+ let linkContext = context.getLinkContext();
+
+ let searchContext = linkContext.getChildrenContext(CoreConsts.DefaultSearchUid);
+ if(!(searchContext instanceof SearchContext)) {
+ return console.warn(`未找到对应的搜索组件[${linkContext.uid}]`)
+ }
+
+ let tableContext = linkContext.getChildrenContext(CoreConsts.DefaultTableUid);
+ if(!(tableContext instanceof TableContext)) {
+ return console.warn(`未找到对应uid的表组件[${linkContext.uid}]`)
+ }
+
+ let model = searchContext.getModel();
+ if(tableContext.pageSize && tableContext.currentPage) {
+ model[CoreConsts.PageSize] = tableContext.pageSize;
+ model[CoreConsts.PageCurrent] = tableContext.currentPage;
+ }
+
+ function reload(status, tip) {
+ if(reload) {
+ tableContext.setLoading(status, tip);
+ }
+ }
+ this.getRequestParams(model, params, func).then(params => {
+ reload(true, CoreConsts.TableSpinLoadingTip);
+ this.getRequestMethod({func, method})(url, params).then(({code, message, data}) => {
+ if(code == CoreConsts.SuccessCode) {
+ if(data instanceof Array){
+ tableContext.setDataSource(data)
+ } else if(data instanceof Object) { // 需要分页
+ let {records, total} = data;
+
+ tableContext.setTotalRows(total);
+ tableContext.setDataSource(records)
+ }
+ } else {
+ msgError(message)
+ }
+
+ callback({code, message, data});
+ }).finally(() => reload(false, null))
+ });
+ }
+
+ /**
+ * 获取详情(暂时未实现此功能)
+ * @param config {Config}
+ */
+ this.detail = function (config) {
+
+ }
+
+ /**
+ * 隐藏主编辑框
+ * @param config {Config}
+ */
+ this.cancel = function ({uid, context}) {
+ let linkContext = context.getLinkContext();
+ let editContext = context;
+ // if(!(context instanceof EditContext)) {
+ // return console.warn(`未找到对应的uid可编辑组件[${linkContext.uid}:${eid}]`)
+ // }
+
+ // 关闭编辑框
+ editContext.setVisible(false);
+ this.initEditComponent(editContext);
+ }
+ /**
+ * 展开树形的表格
+ * @param config {Config}
+ * @param expandedRowKeys 要展开的行的key列表 不指定则展开所有
+ */
+ this.expanded = function ({uid, context}, expandedRowKeys) {
+ let linkContext = context.getLinkContext();
+ let tableContext = linkContext.getChildrenContext(CoreConsts.DefaultTableUid);
+ if(tableContext == null) {
+ return console.warn(`未找到对应uid的表组件[${linkContext.uid}:${CoreConsts.DefaultTableUid}]`)
+ }
+
+ tableContext.expanded(expandedRowKeys);
+ }
+ /**
+ * 提交主编辑表单
+ * @param config {Config}
+ * @return void
+ */
+ this.submit = function ({uid, url, callback
+ , func, params, method, config: {}, context}) {
+ let linkContext = context.getLinkContext();
+
+ let editContext = context;
+ if(!(editContext instanceof EditContext)) {
+ return console.warn(`未找到对应的uid可编辑组件[${linkContext.uid}]`)
+ }
+
+ editContext.getFormContext().validate().then(() => {
+ let model = editContext.getModel();
+
+ function setLoading(status, tip) {
+ let submit = editContext.getFunc(FuncNameMeta.SUBMIT);
+ submit && submit.setLoading(status);
+ editContext.setLoading(status, tip)
+ }
+
+ this.getRequestParams(model, params, func).then(params => {
+ setLoading(true, CoreConsts.FormSpinSubmitTip);
+ this.getRequestMethod({method, func})(url, params).then(({code, message, data}) => {
+ if (code == CoreConsts.SuccessCode) {
+ msgSuccess(CoreConsts.SubmitSuccessMsg);
+ editContext.setVisible(false);
+ this.queryByFunc(linkContext);
+ } else {
+ msgError(message);
+ }
+
+ callback({code, message, data});
+ }).catch(reason => msgError(reason)).finally(() => setLoading(false))
+ }).catch(reason => null)
+ })
+ }
+
+ /**
+ * 重置主编辑表单
+ * @param config {Config}
+ */
+ this.resetEditModel = function ({uid, func, context, params}) {
+ let linkContext = context.getLinkContext();
+ // let editContext = linkContext.getChildrenContext(eid);
+ let editContext = context;
+ if(!(editContext instanceof EditContext)) {
+ return console.warn(`未找到对应的uid可编辑组件[${linkContext.uid}]`)
+ }
+
+ this.initEditComponent(editContext);
+ let editModel = editContext.getFormContext().getEditModel();
+ // 编辑时需要重新获取详情
+ if(this.isEdit(editModel)) {
+ let editFunc = linkContext.getFunc(FuncNameMeta.EDIT);
+ let method = editFunc.getMethod();
+ this.getRequestParams(editModel, params, func).then(params => {
+ editContext.setLoading(true, CoreConsts.FormSpinResetTip);
+ this.getRequestMethod({method, func: FuncNameMeta.EDIT})(editFunc.getUrl(), params)
+ .then(({code, message, data}) => {
+ if(code == CoreConsts.SuccessCode) {
+ editContext.getFormContext().setEditModel(data);
+ } else {
+ msgError(message);
+ }
+ }).finally(() => editContext.setLoading(false, null))
+ })
+
+ } else { // 新增的重置只需要重置字段
+ editContext.getFormContext().resetFields();
+ }
+ }
+
+ /**
+ * 重置搜索表单
+ * @param config {Config}
+ */
+ this.resetSearchModel = function ({uid, context, reload}) {
+ let linkContext = context.getLinkContext();
+
+ let searchContext = context;
+ if(!(searchContext instanceof SearchContext)) {
+ return console.warn(`未找到对应uid的搜索组件[${linkContext.uid}]`)
+ }
+
+ searchContext.getFormContext().resetFields();
+ if(reload) { // 如果需要重新刷新列表
+ this.queryByFunc(linkContext);
+ }
+ }
+
+ /**
+ * excel导出
+ * @param config {Config}
+ */
+ this.excelExport = function ({uid, url, func, params
+ , config: {fileName}, method, context}) {
+ let linkContext = context.getLinkContext();
+ let searchContext = linkContext.getChildrenContext(uid || CoreConsts.DefaultSearchUid);
+ if(searchContext == null) {
+ return console.warn(`未找到对应uid的可搜索组件[${linkContext.uid}]`)
+ }
+
+ let model = searchContext.getModel();
+ this.getRequestParams(model, params, func).then(params => {
+ let messageType = msgLoading(CoreConsts.ExcelDownloadTip, 0);
+ let config = {responseType: 'blob'}; config[CoreConsts.CancelRespResolver] = true;
+ this.getRequestMethod({func, method})(url, params, config).then(resp => {
+ let {data, headers} = resp;
+ if(headers['content-type']) {
+ if(headers['content-type'].indexOf('application/json') > -1 ) {
+ if(data instanceof Object) {
+ SysUtils.readBlobToJson(data, ({message}) => {
+ msgError(message).then();
+ });
+
+ return messageType();
+ }
+ }
+ }
+
+ let header = resp.headers["content-disposition"];
+ fileName = fileName || (header != null ? decodeURI(header.split("filename=")[1]) : dayjs().format("YYYY-MM-DD") + ".xlsx");
+ SysUtils.downloadFile(resp.data, "application/vnd.ms-excel;charset=utf-8", fileName)
+ }).catch(reason => console.error(reason)).finally(messageType)
+ })
+
+ }
+
+ /**
+ * excel excel导入
+ * @param config {Config}
+ */
+ this.excelImport = function ({$vue, uid, data, url, method, func, context, params, config}) {
+ let linkContext = context.getLinkContext();
+ // let searchContext = linkContext.getChildrenContext(uid || CoreConsts.DefaultSearchUid);
+ let fileList;
+ let uploadConfig = {data, accept: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel'
+ , beforeUpload: (file) => {
+ fileList = file;
+ return Promise.reject();
+ }, onReject: (file) => {
+ msgWarn("文件格式错误(支持.xls, .xlsx)").then();
+ }, onRemove: (file) => {
+ fileList = null;
+ }, templateUrl: ''}
+ uploadConfig = Object.assign(uploadConfig, config['uploadConfig']);
+ let assign = Object.assign({title: '', okText: "导入", icon: null, maskClosable: true, onOk: () => {
+ return new Promise((resolve, reject) => {
+ if(fileList) {
+ this.getRequestParams(fileList, params, func).then(params => {
+ this.getRequestMethod({method, func})(url, params, config).then(({code, message, data}) => {
+ if(code == CoreConsts.SuccessCode) {
+ resolve();
+ } else {
+ msgError(message).then(() => {
+ reject(message);
+ });
+ }
+ }).catch(reason => {
+ msgError("请求失败").then(reject);
+ })
+ })
+ } else {
+ reject("请选择文件");
+ msgError("请选择文件").then();
+ }
+ })
+ }}, config);
+
+ if(!assign.content) {
+ assign.content = createVNode(ImportUpload, uploadConfig);
+ }
+
+ $vue['modalRef'] = Modal.info(assign);
+ }
+
+ /**
+ * 下载
+ * @param config {Config}
+ */
+ this.download = function ({url, funcPath, data, params, func, method
+ , context, uid, config: {fileName, contentType}}) {
+ if(funcPath[1] == CoreConsts.ChildFuncNameMeta.BATCH) { // 从列表里面获取数据
+ let linkContext = context.getLinkContext();
+ uid = uid || CoreConsts.DefaultTableUid
+ let tableContext = linkContext.getChildrenContext(uid);
+ if(tableContext instanceof TableContext) {
+ data = tableContext.getSelectedRows();
+ }
+ }
+
+ this.getRequestParams(data, params, func).then(params => {
+ let messageType = msgLoading(CoreConsts.FileDownloadTip, 0);
+ let config = {responseType: 'blob'}; config[CoreConsts.CancelRespResolver] = true;
+ this.getRequestMethod({method, func})(url, params, config).then(resp => {
+ let {data, headers} = resp;
+ if(headers['content-type']) {
+ if(headers['content-type'].indexOf('application/json') > -1 ) {
+ if(data instanceof Object) {
+ SysUtils.readBlobToJson(data, ({message}) => {
+ msgError(message).then();
+ })
+ return messageType();
+ }
+ }
+ }
+
+ let header = headers["content-disposition"];
+ contentType = contentType || headers['content-type'] || 'application/octet-stream';
+ fileName = fileName || (header ? decodeURI(header.split("filename=")[1]) : console.warn("未指定文件名"));
+ SysUtils.downloadFile(data, contentType, fileName)
+ }).finally(messageType)
+ });
+
+ }
+
+ /**
+ * 其他功能的执行操作
+ * 如果需要确认请用：func='confirm'
+ * @param config {Config}
+ */
+ this.otherFuncAjax = function ({func, data, url, reload, params, context
+ , uid, funcPath, method, config: {confirmTitle, confirmContent}, callback}) {
+
+ let linkContext = context.getLinkContext();
+
+ function reload(status, tip) {
+ if(reload) {
+ let tableContext = linkContext.getChildrenContext(CoreConsts.DefaultTableUid);
+ if(tableContext instanceof TableContext) {
+ tableContext.setLoading(status, tip)
+ }
+ }
+ }
+
+ function request() {
+ this.getRequestParams(data, params, func).then(params => {
+ reload(true, CoreConsts.AjaxExecTipping);
+ this.getRequestMethod({func, method})(url, params).then(({code, message, data}) => {
+ if (code == CoreConsts.SuccessCode) {
+ msgSuccess(message || CoreConsts.DefaultExecSuccess);
+ if (reload) {
+ this.queryByFunc(linkContext); // 重新刷新列表
+ }
+ } else {
+ msgError(message);
+ }
+
+ callback({code, message, data}, params)
+ }).catch(reason => console.error(reason)).finally(() => reload(false, null));
+ });
+ }
+
+ if(funcPath[1] && funcPath[1].toUpperCase() == CoreConsts.ChildFuncNameMeta.CONFIRM) {
+ let title = confirmTitle || CoreConsts.DefaultConfirmTitle;
+ let content = confirmContent || CoreConsts.DefaultConfirmTitle;
+ confirm({title, content, onOk: () => request.call(this) , onCancel: () => null})
+ } else {
+ request.call(this);
+ }
+ }
+
+ /**
+ * 其他功能的执行操作
+ * @param config {Config}
+ */
+ this.linkTo = function ({url, data, router}) {
+ router.isReady().then(() => {
+ router.push(url).catch(reason => console.error(reason))
+ });
+ }
+
+ /**
+ * 重置编辑组件[FormModal、FormDrawer]
+ * @param editContext {EditContext}
+ */
+ this.initEditComponent = function (editContext) {
+ let submit = editContext.getFunc(FuncNameMeta.SUBMIT);
+ if(submit) {
+ submit.setLoading(false);
+ }
+
+ editContext.setLoading(false)
+ // 移除所有的校验
+ editContext.getFormContext().clearValidate();
+ }
+
+ /**
+ * @param config {{method: (Config.method|String), func: (Config.func|String)}}
+ * @return {Promise
+
+
+
\ No newline at end of file
diff --git a/UI/src/components/view/MixinCommonView.js b/UI/src/components/view/MixinCommonView.js
new file mode 100644
index 0000000..283102f
--- /dev/null
+++ b/UI/src/components/view/MixinCommonView.js
@@ -0,0 +1,5 @@
+import {defineComponent} from "vue";
+
+export default defineComponent({
+
+})
diff --git a/UI/src/components/view/View.jsx b/UI/src/components/view/View.jsx
new file mode 100644
index 0000000..9bd4823
--- /dev/null
+++ b/UI/src/components/view/View.jsx
@@ -0,0 +1,49 @@
+import {defineComponent, provide} from "vue";
+import {$View, ViewContext} from "@/components/view/Context";
+import {LinkViewContextKey, LinkViewPosition, PositionConst, ViewContextKey} from "@/utils/ProvideKeys";
+import CoreConsts from "@/components/CoreConsts";
+import ULinkView from "@/components/view/LinkView.vue";
+
+export default defineComponent({
+ name: "UView",
+ props: {
+ // 功能名称 比如 用户管理
+ name: {type: String, default: ''},
+ // 数据记录的唯一标识(用于编辑、删除、获取、设置等)
+ rowKey: {type: String, default: CoreConsts.DefaultRowKey},
+ },
+ components: {ULinkView},
+ setup(props) {
+ const viewContext = new ViewContext(props);
+ provide(LinkViewContextKey, null);
+ provide(ViewContextKey, viewContext);
+ provide(LinkViewPosition, PositionConst.Page);
+ return {viewContext}
+ },
+ created() {
+ let $parent = this.$parent;
+ $parent.$view = new $View(this.viewContext);
+ },
+ mounted() {
+ let linkContext = this.viewContext.getLinkContextByUid(CoreConsts.PrimaryUid);
+ linkContext.queryFuncs.forEach(func => {
+ let context = func.getContext().getLinkContext();
+ if(context == linkContext) {
+ func.trigger();
+ }
+ })
+ },
+ render() {
+ return {this.component}
)
+ }
+})
+
+export const UViewModal = defineComponent({
+ name: 'UViewModal',
+ components: {UFormModal},
+ render() {
+ return
+
+ }
+})
+
+export const UViewDrawer = defineComponent({
+ name: 'UViewDrawer',
+ components: {UFormDrawer},
+ render() {
+ return
+
+ }
+})
+
+export const UViewTable = defineComponent({
+ name: 'UViewTable',
+ components: {UTable},
+ props: {
+ rowKey: {default: null}
+ },
+ setup(props, {attrs}) {
+ let viewContext = inject(ViewContextKey);
+
+ let viewRowKey = viewContext.getRowKey();
+ return {viewContext, viewRowKey}
+ },
+ render() {
+ let rowKey = this.rowKey || this.viewRowKey;
+ return (
+
+
+
)
+ }
+})
+
+export default {
+ install(app) {
+ app.component(UView.name, UView);
+ app.component(ULinkView.name, ULinkView);
+ app.component(UViewModal.name, UViewModal);
+ app.component(UViewTable.name, UViewTable);
+ app.component(UViewDrawer.name, UViewDrawer);
+ app.component(UViewSearch.name, UViewSearch);
+ }
+}
diff --git a/UI/src/doc/basic.doc.md b/UI/src/doc/basic.doc.md
new file mode 100644
index 0000000..1f5df74
--- /dev/null
+++ b/UI/src/doc/basic.doc.md
@@ -0,0 +1,56 @@
+UView视图组件 -- 一款可以灵活自定义功能的通用增删改查视图组件
+ +代码演示 +--- + +```vue demo + +
+
+
+
+
+
+ 待编写...
+ 待编写...
+ 待编写...
+ 待编写...
+ 待编写...
+ 待编写...
+
+
+
+
+
+
+
diff --git a/UI/src/doc/menu.doc.md b/UI/src/doc/menu.doc.md
new file mode 100644
index 0000000..fb9491b
--- /dev/null
+++ b/UI/src/doc/menu.doc.md
@@ -0,0 +1,57 @@
+ivzone它是一套基于vue3+antdv2实现的通用增删改查组件库, 一套可以减少30%+以上代码量的通用组件
+它颠覆对增删改查模板的开发体验和使用方式, 具有实现优雅、代码简洁、通俗易懂、开发效率高、代码量减少30%+等优点(核心思想：为通用操作提供一个默认的实现，并实现各组件之间的联动，只做增强不做限制)
+使用最新的技术栈 基于vite2.0+vue3.0+antdv2+vuex4.0+vuerouter4
+提供一套后台管理常用功能模板(用户，角色，菜单，字典，机构，配置等)的实现
+什么是页级组件
+一个页级别组件就是一个功能页面, 主要提供一套增删改查功能的api和子组件
+有哪些页级组件
+主要有三种 1. UView 2. IvzMenuView 3. IvzFuncView
+页级组件有哪些通用的api
+IvzMenuView视图组件 -- 一款可以通过菜单生成功能点的通用增删改查视图组件
+ +代码演示 +--- + +```vue demo + +
+
+
+
+ {{user.name}}
+{{user.remark}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UI/src/views/core/admin/index.vue b/UI/src/views/core/admin/index.vue
new file mode 100644
index 0000000..746deb9
--- /dev/null
+++ b/UI/src/views/core/admin/index.vue
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{value}}
+
+
+ 取消
+ 提交
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 操作系统：{{systemHealth.os}}
+
+
+ CPU架构：{{systemHealth.arch}}
+
+
+ 总内存：{{systemHealth.totalPMSize}}(MB)
+
+
+ 可用内存：{{systemHealth.freePMSize}}(MB)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UI/src/views/core/log/index.vue b/UI/src/views/core/log/index.vue
new file mode 100644
index 0000000..c59b559
--- /dev/null
+++ b/UI/src/views/core/log/index.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+ / {{currentDeviceDto.online}}
+
+
+
+
+ 各socket服务详情
+
+
+
+ 生成模块：
+ 生成根路径：
+ 生成父包：
+
+
+ 注意：生成的代码不会自动加入svn
+
+ {{previewModel.html}}{{previewModel.entity}}{{previewModel.menuSql}}{{previewModel.mapper}}{{previewModel.mapperXml}}{{previewModel.service}}{{previewModel.serviceImpl}}{{previewModel.controller}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UI/src/views/iot/debug/mqtt.vue b/UI/src/views/iot/debug/mqtt.vue
new file mode 100644
index 0000000..6daceda
--- /dev/null
+++ b/UI/src/views/iot/debug/mqtt.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+ 暂未实现
+
+
+
+
+
\ No newline at end of file
diff --git a/UI/src/views/iot/debug/tcp.vue b/UI/src/views/iot/debug/tcp.vue
new file mode 100644
index 0000000..521b7d7
--- /dev/null
+++ b/UI/src/views/iot/debug/tcp.vue
@@ -0,0 +1,13 @@
+
+ 暂未实现
+
+
+
+
+
diff --git a/UI/src/views/iot/debug/udp.vue b/UI/src/views/iot/debug/udp.vue
new file mode 100644
index 0000000..bea4ab1
--- /dev/null
+++ b/UI/src/views/iot/debug/udp.vue
@@ -0,0 +1,13 @@
+
+ 暂未实现
+
+
+
+
+
\ No newline at end of file
diff --git a/UI/src/views/iot/debug/websocket.js b/UI/src/views/iot/debug/websocket.js
new file mode 100644
index 0000000..0c6f28a
--- /dev/null
+++ b/UI/src/views/iot/debug/websocket.js
@@ -0,0 +1,106 @@
+import {msgWarn} from "@/utils/message";
+import {urlConfig} from "@/utils/request";
+
+/**
+ * @param type {String} 调试类型
+ * @param onmessage {Function} 调试消息回调函数
+ * @constructor
+ */
+export function DebugWebsocket(type, onmessage) {
+
+ let clientSn = "SN:" + new Date().getTime().toString(36).toUpperCase();
+ let websocket = new WebSocket(urlConfig.getFullWsURL(`/ws/iot/debug?clientSn=${clientSn}&type=${type}`));
+
+ websocket.onmessage = (ev) => {
+ let data = JSON.parse(ev.data);
+ if(onmessage instanceof Function) {
+ if(data.code == 500) {
+ msgWarn(data.message).then();
+ } else {
+ onmessage(data);
+ }
+ } else {
+ console.log(`接收到消息：${ev.data}`)
+ }
+ }
+
+ /**
+ * dtu调试
+ * @param msg
+ */
+ this.debug = function (model) {
+ let message = {clientSn, model}
+ websocket.send(JSON.stringify(message));
+ }
+
+ this.getWebSocket = function () {
+ return websocket;
+ }
+}
+
+/**
+ * @param type 可选值 jvm | server | system
+ * @param onmessage
+ * @constructor
+ */
+export function HealthWebsocket(type, onmessage) {
+
+ this.isSuspend = false;
+ this.intervalValue = null;
+ this.websocket = new WebSocket(urlConfig.getFullWsURL(`/ws/endpoint/health`));
+
+ this.websocket.onopen = () => {
+ // 先发送一次
+ this.websocket.send(JSON.stringify({type: type}))
+ }
+
+ this.websocket.onmessage = function (ev) {
+ let resp = JSON.parse(ev.data);
+ if(resp['code'] == 200) {
+ onmessage(resp['data']);
+ } else {
+ console.error(resp['msg']);
+ }
+ }
+
+ /**
+ * 暂停
+ */
+ this.suspend = function () {
+ this.isSuspend = true;
+ }
+
+ /**
+ * 启用
+ */
+ this.start = function () {
+ this.isSuspend = false;
+ }
+
+ /**
+ * 停止定时任务
+ */
+ this.stop = function () {
+ clearInterval(this.intervalValue);
+ }
+
+ /**
+ * 关闭websocket和定时任务
+ */
+ this.close = function () {
+ this.stop();
+ this.websocket.close(); // 正常关闭socket
+ }
+
+ /**
+ * 定时获取
+ * @param rate 频率(毫秒)
+ */
+ this.interval = function (rate) {
+ this.intervalValue = setInterval(() => {
+ if(!this.isSuspend) {
+ this.websocket.send(JSON.stringify({type: type}))
+ }
+ }, rate);
+ }
+}
diff --git a/UI/src/views/iot/device/index.vue b/UI/src/views/iot/device/index.vue
new file mode 100644
index 0000000..f8b93db
--- /dev/null
+++ b/UI/src/views/iot/device/index.vue
@@ -0,0 +1,75 @@
+
+
+ 清除
+
+
+
+
+
+
+
+
+ [状态] 成功
+
+
+ [状态] {{ debug['message'] }}
+
+
+
+ {{ debug['data']['value'] }}
+
+
+
+
+ [指令] {{ debug['data']['model']['cmd'] }}
+
+
+ [耗时]
+
+
+
+
+ [DTU编号]
+ [设备地址]
+
+
+
+
+
+
+ {{ debug['data']['reqMsg'] }}
+
+
+ {{ debug['data']['respMsg'] }}
+
+
+ 清除
+
+
+
+
+
+
+
+
+ [状态] 成功
+
+
+ [状态] {{debug['message']}}
+
+
+
+ {{debug['data']['value']}}
+
+
+
+
+ [指令] {{debug['data']['model']['cmd']}}
+
+
+ [耗时]
+
+
+
+
+ [设备编号]
+ [设备地址]
+
+
+
+
+
+
+ {{debug['data']['reqMsg']}}
+
+
+ {{debug['data']['respMsg']}}
+
+
+
+
+
+
+
+
+
+
+
+ [状态] 成功
+
+
+ [状态] {{debug['message']}}
+
+
+
+ {{debug['data']['value']}}
+
+
+
+
+ [类型] {{debug['data']['model']['type']}}
+
+
+ [耗时]
+
+
+
+
+
+
+
+
+
+ {{debug['data']['reqMsg']}}
+
+
+ {{debug['data']['respMsg']}}
+
+
+ 服务器配置
+ dtu心跳配置
+
+
+
+ 断开
+ 连接
+
+
+
+ 接收服务端的网络数据
+ 接收客户端的网络数据
+ 发送
+
+
+ 串口配置
+
+
+
+
+
+
diff --git a/UI/src/views/main/LayoutHeader.vue b/UI/src/views/main/LayoutHeader.vue
new file mode 100644
index 0000000..0d636ce
--- /dev/null
+++ b/UI/src/views/main/LayoutHeader.vue
@@ -0,0 +1,206 @@
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ 登 录
+
+
+
+
+
+
+
+
+ {{loginModel.errMsg}}
+
+
+
+ Copyright © 2020-2023 chenhai.com All Rights Reserved.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
-
+
+ + + {{user.name}} + ++ + + + + + ++ + ++ 个人资料 + + + +退出登录 +
+ -
+
+ ++
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 用户头像
+
+
+
+
+
+
+
+
+
+
+ + 1. 字符串 'hello, ivzone'
+ 2. 数值 3
+ 3. 数组 [3, "5"]
+ 4. json {"a": 3, "b": "hello"} + +
+ * 将在各自的模块启用要扫描的包 {@link ComponentScan#basePackages()} + * @see CoreAutoConfiguration + * + * 以下导入的模块可以通过两种方式来启用或者停用
+ * 1. 直接通过配置文件 {@see application.properties} spring.profiles.include=iot,qrtz + * 2. 直接注释掉 + */ +@ImportAutoConfiguration({ + IotAutoConfiguration.class, // 物联网模块 + QuartzAutoConfiguration.class, // 定时任务模块 + LowCodeGenAutoConfiguration.class, // 低代码代码生成器模块 + // 以下是IBoot的核心配置(必须启用) + CoreAutoConfiguration.class, // 系统管理模块 +}) +@SpringBootApplication( + exclude = {org.springframework.boot.autoconfigure.quartz.QuartzAutoConfiguration.class} +) +public class IBootApplication { + + public static void main(String[] args) { + SpringApplication.run(IBootApplication.class, args); + } + + + @Bean + public IBootControllerAdvice bootControllerAdvice() { + return new IBootControllerAdvice(); + } +} diff --git a/bootstrap/src/main/java/com/iteaj/iboot/common/CacheKeys.java b/bootstrap/src/main/java/com/iteaj/iboot/common/CacheKeys.java new file mode 100644 index 0000000..4368a48 --- /dev/null +++ b/bootstrap/src/main/java/com/iteaj/iboot/common/CacheKeys.java @@ -0,0 +1,7 @@ +package com.iteaj.iboot.common; + +public interface CacheKeys { + + String IBOOT_CACHE_ORG = "IBOOT:ORG"; + String IBOOT_CACHE_DICT = "IBOOT:DICT"; +} diff --git a/bootstrap/src/main/java/com/iteaj/iboot/common/IBootControllerAdvice.java b/bootstrap/src/main/java/com/iteaj/iboot/common/IBootControllerAdvice.java new file mode 100644 index 0000000..c9bebf6 --- /dev/null +++ b/bootstrap/src/main/java/com/iteaj/iboot/common/IBootControllerAdvice.java @@ -0,0 +1,97 @@ +package com.iteaj.iboot.common; + +import com.iteaj.framework.exception.ServiceException; +import com.iteaj.framework.result.HttpResult; +import com.iteaj.framework.result.Result; +import com.iteaj.framework.spi.auth.SecurityException; +import org.apache.shiro.ShiroException; +import org.apache.shiro.authc.AuthenticationException; +import org.apache.shiro.authz.UnauthorizedException; +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.validation.BindException; +import org.springframework.validation.FieldError; +import org.springframework.web.bind.MethodArgumentNotValidException; +import org.springframework.web.bind.annotation.ExceptionHandler; +import org.springframework.web.bind.annotation.ResponseBody; +import org.springframework.web.bind.annotation.RestControllerAdvice; + +import javax.validation.ConstraintViolation; +import javax.validation.ConstraintViolationException; +import java.util.List; + +@RestControllerAdvice +public class IBootControllerAdvice { + + private Logger logger = LoggerFactory.getLogger(getClass()); + + /** + * 全局未知异常处理 + * @return + */ + @ExceptionHandler(Throwable.class) + protected