mooho-base-admin-plus 0.1.0

package/src/pages/system/apiLog.vue

@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="ApiLog">
+        <template #command="{ row }">
+          <Button size="small" title="请求" type="info" custom-icon="fa fa-cloud-upload-alt" @click="openRequest(row)"></Button>
+          <Button size="small" title="响应" type="info" custom-icon="fa fa-cloud-download-alt" @click="openResponse(row)"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <Modal
+      v-model="isShow"
+      scrollable
+      :mask-closable="layout.maskClosable"
+      :draggable="layout.draggable"
+      :sticky="true"
+      :reset-drag-position="true"
+      :width="800"
+      :styles="{ top: '4vh' }"
+    >
+      <template #header>
+        <div>
+          <slot name="header">
+            <span class="title">{{ title }}</span>
+            <span class="description">{{ description }}</span>
+          </slot>
+        </div>
+      </template>
+      <div class="ivu-ml-8 ivu-mr-8">
+        <Row :gutter="24" type="flex">
+          <Col span="12">
+            <pre>{{ json }}</pre>
+          </Col>
+        </Row>
+      </div>
+      <template #footer>
+        <div>
+          <Button type="default" custom-icon="fa fa-times" @click="isShow = false">关闭</Button>
+        </div>
+      </template>
+    </Modal>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-apiLog',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        isShow: false,
+        json: null,
+        title: null,
+        description: null
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      openRequest(row) {
+        this.json = JSON.stringify(JSON.parse(row.requestBody), null, 2);
+        this.title = '请求';
+        this.description = 'Request';
+        this.isShow = true;
+      },
+      openResponse(row) {
+        this.json = JSON.stringify(JSON.parse(row.responseBody), null, 2);
+        this.title = '返回';
+        this.description = 'Response';
+        this.isShow = true;
+      }
+    }
+  };
+</script>

package/src/pages/system/applicationType.vue

@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="ApplicationType" @create="$refs.form.open()" @edit="({ row }) => edit(row)"></view-table>
+    </Card>
+    <modal-form ref="form" view-code="ApplicationTypeEdit" @on-after-save="$refs.table.loadData()" @on-change="formChange">
+      <template #column="{ code }">
+        <div v-if="code == 'titleColumn'">
+          <Input type="text" :readonly="true" v-model="$refs.form.data.titleColumn" @on-focus="openTitleColumnSelect()">
+            <template #prepend>
+              <Button custom-icon="fa fa-search" @click="openTitleColumnSelect()"></Button>
+            </template>
+          </Input>
+        </div>
+      </template>
+      <template #bottom>
+        <Divider :plain="true" dashed orientation="left" size="small">
+          <span class="title">流程属性映射</span>
+        </Divider>
+        <view-table ref="propertyTable" view-code="ApplicationProcessProperty" :static="true">
+          <template #column="{ row, code }">
+            <template v-if="code == 'column'">
+              <Input type="text" size="small" :readonly="true" v-model="row.column" @on-focus="openPropertyColumnSelect(row)">
+                <template #prepend>
+                  <Button size="small" custom-icon="fa fa-search" @click="openPropertyColumnSelect(row)"></Button>
+                </template>
+              </Input>
+            </template>
+          </template>
+        </view-table>
+      </template>
+      <template #footer>
+        <Button type="primary" custom-icon="fa fa-save" @click="save">保存</Button>
+      </template>
+    </modal-form>
+    <column-check ref="columnCheck" />
+  </div>
+</template>
+<script>
+  import columnCheck from '../../components/view/column-check.vue';
+  import mixinPage from '../../mixins/page';
+  import modelApi from '../../api/model';
+
+  export default {
+    name: 'system-applicationType',
+    mixins: [mixinPage],
+    components: { columnCheck },
+    data() {
+      return {
+        processProperties: []
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      // 打开标题字段选择界面
+      openTitleColumnSelect() {
+        if (this.$refs.form.data.model == null) {
+          return;
+        }
+
+        this.$refs.columnCheck.open(this.$refs.form.data.model, checked => {
+          this.$refs.form.data.titleColumn = checked.code;
+          //this.$forceUpdate();
+        });
+      },
+      // 打开属性字段选择界面
+      openPropertyColumnSelect(row) {
+        if (this.$refs.form.data.model == null) {
+          return;
+        }
+
+        this.$refs.columnCheck.open(this.$refs.form.data.model, checked => {
+          row.column = checked.code;
+          //this.$forceUpdate();
+        });
+      },
+      // 编辑
+      edit(row) {
+        this.$refs.form.open(row);
+        this.initPropertyData();
+      },
+      // 保存
+      async save() {
+        let isOK = await this.$refs.form.validate();
+
+        if (!isOK) {
+          this.error('有内容不符合要求，请正确填写！');
+        } else {
+          this.confirm('确定要保存吗？', async () => {
+            let data = this.$refs.form.getFullData();
+
+            if (!(data.formViewCode || '').trim() && !(data.routerPath || '').trim()) {
+              this.error('表单视图和路由地址不能同时为空');
+              return;
+            }
+
+            data.processProperty = JSON.stringify(this.$refs.propertyTable.data);
+
+            if (!data.id) {
+              await modelApi.add('ApplicationType', data);
+            } else {
+              await modelApi.update('ApplicationType', data);
+            }
+
+            this.success('操作成功！', () => {
+              this.$refs.form.close();
+              this.$refs.table.loadData();
+            });
+          });
+        }
+      },
+      // 模型变化
+      async formChange(sender) {
+        let data = this.$refs.form.data;
+        if (sender && sender.code == 'processID') {
+          data.processProperty = null;
+          this.initPropertyData();
+        } else if (sender && sender.code == 'model') {
+          data.titleColumn = null;
+          data.formViewCode = null;
+          data.processProperty = null;
+          this.initPropertyData();
+        }
+
+        // if (sender && sender.code == 'formViewCode') {
+        //   data.model = selected.model;
+        //   data.processProperty = null;
+        //   data.titleColumn = null;
+        //   this.initPropertyData();
+        // }
+
+        // let columnRouterPath = this.$refs.form.columns.find(item => {
+        //     return item.code == 'routerPath';
+        // });
+        // let columnFormViewID = this.$refs.form.columns.find(item => {
+        //     return item.code == 'formViewID';
+        // });
+
+        // if (data.isRedirect) {
+        //     columnRouterPath.isShow = true;
+        //     columnFormViewID.isShow = false;
+        // } else {
+        //     columnRouterPath.isShow = false;
+        //     columnFormViewID.isShow = true;
+        // }
+      },
+      // 初始化申请流程参数数据
+      async initPropertyData() {
+        let processID = this.$refs.form.data.processID;
+        let processProperty = this.$refs.form.data.processProperty;
+        this.processProperties = [];
+
+        if (processID != null) {
+          let res = await modelApi.query('ProcessProperty', { processID });
+
+          let processProperties = res.data;
+          let existProperties = [];
+
+          if (processProperty != null) {
+            existProperties = JSON.parse(processProperty);
+          }
+
+          this.processProperties = processProperties.map(processProperty => {
+            let existProperty = existProperties.find(item => item.propertyCode == processProperty.propertyCode);
+
+            return {
+              propertyCode: processProperty.propertyCode,
+              propertyName: processProperty.propertyName,
+              column: existProperty == null ? null : existProperty.column
+            };
+          });
+        }
+
+        this.$refs.propertyTable.loadData(this.processProperties);
+      }
+    }
+  };
+</script>

package/src/pages/system/customPage.vue

@@ -0,0 +1,62 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="CustomPage" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+        <template #command="{}">
+          <!-- <Button size="small"
+                  title="页面组件"
+                  type="info"
+                  custom-icon="fa fa-window-maximize"
+                  @click="$refs.componentTable.open({customPageID: row.id})"></Button>
+              <Button size="small"
+                  title="页面控件"
+                  type="info"
+                  custom-icon="fa fa-clone"
+                  @click="$refs.controlTable.open({customPageID: row.id})"></Button> -->
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="CustomPageEdit" @on-after-save="$refs.table.loadData()" />
+    <!-- <modal-table ref="componentTable"
+            view-code="CustomPageComponent"
+            @create="(param)=>$refs.componentForm.openDefault(param)"
+            @edit="({row, index})=>$refs.componentForm.open(row)">
+            <template slot-scope="{ row }"
+                slot="command">
+                <Button size="small"
+                    title="页面控件"
+                    type="info"
+                    custom-icon="fa fa-clone"
+                    @click="$refs.controlTable.open({customPageID: row.customPageID, customPageComponentID: row.id})"></Button>
+            </template>
+        </modal-table>
+        <modal-form ref="componentForm"
+            view-code="CustomPageComponentEdit"
+            @on-after-save="$refs.componentTable.loadData()" />
+        <modal-table ref="controlTable"
+            view-code="CustomPageControl"
+            @create="(param)=>$refs.controlForm.openDefault(param)"
+            @edit="({row, index})=>$refs.controlForm.open(row)" />
+        <modal-form ref="controlForm"
+            view-code="CustomPageControlEdit"
+            @on-after-save="$refs.controlTable.loadData()" /> -->
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-page',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {}
+  };
+</script>

package/src/pages/system/customTable.vue

@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="CustomTable" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+        <template #command="{ row }">
+          <Button size="small" title="字段" type="info" custom-icon="fa fa-bars" @click="$refs.columnTable.open({ customTableID: row.id })"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="CustomTableEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-table ref="columnTable" view-code="CustomColumn" @create="param => $refs.columnForm.openDefault(param)" @edit="({ row, index }) => $refs.columnForm.open(row)">
+      <template #command="{ row }">
+        <Button size="small" title="删除" type="warning" custom-icon="fa fa-trash-alt" @click="remove(row)"></Button>
+      </template>
+    </modal-table>
+    <modal-form ref="columnForm" view-code="CustomColumnEdit" @on-change="formChange" @on-after-save="$refs.columnTable.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import modelApi from '../../api/model';
+
+  export default {
+    name: 'system-customTable',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {
+      formChange() {
+        const data = this.$refs.columnForm.data;
+        const columns = this.$refs.columnForm.columns;
+
+        const columnPropertyName = columns.find(item => {
+          return item.code === 'propertyName';
+        });
+        const columnDataType = columns.find(item => {
+          return item.code === 'dataType';
+        });
+        const columnSize = columns.find(item => {
+          return item.code === 'size';
+        });
+        const columnFkModel = columns.find(item => {
+          return item.code === 'fkModel';
+        });
+
+        if (data.dataType === 'String') {
+          // 字符串
+          columnSize.isShow = true;
+          columnSize.name = '长度';
+          columnFkModel.isShow = false;
+        } else if (data.dataType === 'Decimal') {
+          // 小数
+          columnSize.isShow = true;
+          columnSize.name = '小数位';
+          columnFkModel.isShow = false;
+        } else if (data.dataType === 'ID') {
+          // 唯一键
+          columnSize.isShow = false;
+          columnFkModel.isShow = true;
+        } else {
+          columnSize.isShow = false;
+          columnFkModel.isShow = false;
+        }
+
+        if (data.id != null) {
+          // 不能修改数据类型、外键表名
+          columnPropertyName.readonly = true;
+          columnDataType.readonly = true;
+          columnFkModel.readonly = true;
+        } else {
+          columnPropertyName.readonly = false;
+          columnDataType.readonly = false;
+          columnFkModel.readonly = false;
+        }
+
+        //this.$refs.columnForm.forceUpdate();
+      },
+      remove(row) {
+        this.confirm('确认要删除该项吗？', () => {
+          this.confirm('删除字段后该字段的所有数据将不可恢复，确认要删除吗？', async () => {
+            await modelApi.remove('CustomColumn', row.id);
+
+            this.success('操作成功！', () => {
+              this.$refs.columnTable.loadData();
+            });
+          });
+        });
+      }
+    }
+  };
+</script>

package/src/pages/system/dict.vue

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="Dict" @create="createdDict()" @edit="({ row, index }) => $refs.form.open(row)" />
+    </Card>
+    <modal-form ref="form" view-code="DictEdit" @on-after-save="$refs.table.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-dict',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {
+      createdDict() {
+        if (this.$refs.table.filter.typeID) {
+          this.$refs.form.openDefault({
+            typeID: this.$refs.table.filter.typeID
+          });
+        } else {
+          this.warning('请先选择枚举类型！');
+        }
+      }
+    }
+  };
+</script>

package/src/pages/system/dictType.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="DictType" :selectEnable="true" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+        <template #filterCommand>
+          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">导出</Button>
+          <file-upload url="api/DictType/importFile" accept=".dict" @on-success="importFileSuccess" style="display: inline-block; margin-left: 4px; margin-right: 4px">
+            <template #>
+              <Button type="primary" custom-icon="fa fa-cloud-upload-alt" size="small">导入</Button>
+            </template>
+          </file-upload>
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="DictTypeEdit" @on-after-save="$refs.table.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import dictTypeApi from '../../api/dictType';
+
+  export default {
+    name: 'system-dictType',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {
+      // 导出文件
+      exportFile() {
+        let ids = this.$refs.table.getSelected().map(x => {
+          return x.id;
+        });
+        if (ids.length > 0) {
+          dictTypeApi.exportFile(ids);
+        } else {
+          this.error('请选择需要导出的内容！');
+        }
+      },
+      // 导入成功
+      importFileSuccess(res) {
+        if (res.code == 0) {
+          this.success('导入成功！', () => {
+            this.$refs.table.loadData();
+          });
+        } else {
+          this.error(res.message);
+        }
+      }
+    }
+  };
+</script>

package/src/pages/system/entityView.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="EntityView">
+        <template #filterCommand>
+          <Button size="small" type="primary" custom-icon="fa fa-save" @click="save">保存</Button>
+        </template>
+      </view-table>
+    </Card>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import entityViewApi from '../../api/entityView';
+
+  export default {
+    name: 'system-entityView',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {
+      save() {
+        this.confirm('确定保存视图配置吗？', async () => {
+          await entityViewApi.save(this.$refs.table.data);
+          this.success('保存成功');
+          this.$refs.table.loadData();
+        });
+      }
+    }
+  };
+</script>

package/src/pages/system/error/404.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <Exception type="404" img-color :desc="$t('page.exception.e404')" :back-text="$t('page.exception.btn')" />
+  </div>
+</template>
+<script></script>

package/src/pages/system/extendColumn.vue

@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="Entity" :filter="filter">
+        <template #command="{ row }">
+          <Button size="small" title="扩展字段" type="primary" custom-icon="fa fa-bars" @click="$refs.columnTable.open({ modelName: row.name })"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <modal-table ref="columnTable" view-code="ExtendColumn" @create="param => $refs.columnForm.openDefault(param)" @edit="({ row, index }) => $refs.columnForm.open(row)">
+      <template #command="{ row }">
+        <Button size="small" title="删除" type="warning" custom-icon="fa fa-trash-alt" @click="remove(row)"></Button>
+      </template>
+    </modal-table>
+    <modal-form ref="columnForm" view-code="ExtendColumnEdit" @on-change="formChange" @on-after-save="$refs.columnTable.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import modelApi from '../../api/model';
+
+  export default {
+    name: 'system-extendColumn',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        filter: {}
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      formChange() {
+        const data = this.$refs.columnForm.data;
+        const columns = this.$refs.columnForm.columns;
+
+        const columnPropertyName = columns.find(item => {
+          return item.code === 'propertyName';
+        });
+        const columnDataType = columns.find(item => {
+          return item.code === 'dataType';
+        });
+        const columnSize = columns.find(item => {
+          return item.code === 'size';
+        });
+        const columnFkModel = columns.find(item => {
+          return item.code === 'fkModel';
+        });
+
+        if (data.dataType === 'String') {
+          // 字符串
+          columnSize.isShow = true;
+          columnSize.name = '长度';
+          columnFkModel.isShow = false;
+        } else if (data.dataType === 'Decimal') {
+          // 小数
+          columnSize.isShow = true;
+          columnSize.name = '小数位';
+          columnFkModel.isShow = false;
+        } else if (data.dataType === 'ID') {
+          // 唯一键
+          columnSize.isShow = false;
+          columnFkModel.isShow = true;
+        } else {
+          columnSize.isShow = false;
+          columnFkModel.isShow = false;
+        }
+
+        if (data.id != null) {
+          // 不能修改数据类型、外键表名
+          columnPropertyName.readonly = true;
+          columnDataType.readonly = true;
+          columnFkModel.readonly = true;
+        } else {
+          columnPropertyName.readonly = false;
+          columnDataType.readonly = false;
+          columnFkModel.readonly = false;
+        }
+
+        //this.$refs.columnForm.forceUpdate();
+      },
+      remove(row) {
+        this.confirm('确认要删除该项吗？', () => {
+          this.confirm('删除扩展字段后该字段的所有数据将不可恢复，确认要删除吗？', async () => {
+            await modelApi.remove('ExtendColumn', row.id);
+
+            this.success('操作成功！', () => {
+              this.$refs.columnTable.loadData();
+            });
+          });
+        });
+      }
+    }
+  };
+</script>