mooho-base-admin-plus 0.1.0

package/src/pages/system/formView.vue

@@ -0,0 +1,136 @@
+<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="FormView" :filter="filter" :selectEnable="true" @create="create" @edit="edit">
+        <template #filterCommand>
+          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">导出</Button>
+          <file-upload url="api/DataView/importFile" accept=".view" @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>
+        <template #command="{ row }">
+          <Button size="small" title="字段设置" type="info" custom-icon="fa fa-bars" @click="setting(row)"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="FormViewEdit" @on-change="formChange" @on-after-save="$refs.table.loadData()">
+      <template #footer>
+        <Button type="primary" custom-icon="fa fa-save" @click="() => $refs.form.onSave()">保存</Button>
+        <Button type="primary" v-if="canCopy" custom-icon="fa fa-copy" @click="copy">复制</Button>
+      </template>
+    </modal-form>
+    <form-setting ref="setting" @layout-mode="layoutMode" />
+    <form-setting-layout ref="settingLayout" @list-mode="listMode" />
+  </div>
+</template>
+<script>
+  import dataViewApi from '../../api/dataView';
+  import mixinPage from '../../mixins/page';
+  import viewColumnApi from '../../api/viewColumn';
+
+  export default {
+    name: 'system-ui-formView',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        filter: {
+          viewType: 'FormView'
+        },
+        canCopy: null
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      formChange() {
+        const data = this.$refs.form.data;
+        const columns = this.$refs.form.columns;
+
+        const columnModel = columns.find(item => {
+          return item.code === 'model';
+        });
+
+        if (data.isVirtual) {
+          columnModel.isShow = false;
+        } else {
+          columnModel.isShow = true;
+        }
+
+        //this.$refs.form.forceUpdate();
+      },
+      // 字段设置
+      async setting(row) {
+        let res = await viewColumnApi.queryByDataViewID(row.id);
+        this.$refs.settingLayout.open(row, res.data);
+      },
+      // 切换至列表模式
+      listMode({ dataView, columns }) {
+        this.$refs.settingLayout.close();
+        this.$refs.setting.open(dataView, columns);
+      },
+      // 切换至预览模式
+      layoutMode({ dataView, columns }) {
+        this.$refs.setting.close();
+        this.$refs.settingLayout.open(dataView, columns);
+      },
+      // 导出文件
+      exportFile() {
+        let ids = this.$refs.table.getSelected().map(x => {
+          return x.id;
+        });
+        if (ids.length > 0) {
+          dataViewApi.exportFile(ids);
+        } else {
+          this.error('请选择需要导出的内容！');
+        }
+      },
+      // 导入成功
+      importFileSuccess(res) {
+        if (res.code == 0) {
+          this.success('导入成功！', () => {
+            this.$refs.table.loadData();
+          });
+        } else {
+          this.error(res.message);
+        }
+      },
+      // 复制
+      copy() {
+        this.confirmInput(
+          '确认要复制并创建新的视图吗？',
+          '视图代码',
+          async () => {
+            let dataView = await dataViewApi.copy(this.$refs.form.data.id, this.newCode);
+            this.$refs.form.open(dataView);
+            this.$refs.table.loadData();
+          },
+          newCode => {
+            if (!(newCode || '').trim()) {
+              this.warning('请输入需要创建的视图代码！');
+              return false;
+            } else {
+              this.newCode = newCode;
+              return true;
+            }
+          }
+        );
+      },
+      // 新建
+      create() {
+        this.canCopy = false;
+        this.$refs.form.openDefault({ viewType: 'FormView' });
+      },
+      // 编辑
+      edit({ row }) {
+        this.canCopy = true;
+        this.$refs.form.open(row);
+      }
+    }
+  };
+</script>

package/src/pages/system/log.vue

@@ -0,0 +1,55 @@
+<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="Log">
+        <template #command="{ row }">
+          <Button size="small" title="堆栈信息" type="info" custom-icon="fa fa-bars" @click="openStack(row)"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <Modal v-model="stackOpened" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" :width="800">
+      <template #header>
+        <div>
+          <slot name="header">
+            <span class="title">堆栈信息</span>
+            <span class="description">Stack Info</span>
+          </slot>
+        </div>
+      </template>
+      <div class="ivu-ml-8 ivu-mr-8">
+        {{ log.stack }}
+      </div>
+      <template #footer>
+        <div>
+          <Button type="default" custom-icon="fa fa-times" @click="stackOpened = false">关闭</Button>
+        </div>
+      </template>
+    </Modal>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-log',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        log: {},
+        stackOpened: false
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      openStack(row) {
+        this.log = row;
+        this.stackOpened = true;
+      }
+    }
+  };
+</script>

package/src/pages/system/notice.vue

@@ -0,0 +1,26 @@
+<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="Notice" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)"></view-table>
+    </Card>
+    <modal-form ref="form" view-code="NoticeEdit" @on-after-save="$refs.table.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-notice',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {}
+  };
+</script>

package/src/pages/system/openApi.vue

@@ -0,0 +1,26 @@
+<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="OpenApi" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)" />
+    </Card>
+    <modal-form ref="form" view-code="OpenApiEdit" @on-after-save="$refs.table.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-openApi',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {}
+  };
+</script>

package/src/pages/system/openUser.vue

@@ -0,0 +1,66 @@
+<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="OpenUser" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+        <template #command="{ row }">
+          <Button size="small" title="接口权限" type="primary" custom-icon="fa fa-atom" @click="openApiTableOpen(row)"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="OpenUserEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-table ref="openApiTable" view-code="OpenApiCheck" :select-enable="true" :static="true" :footerEnable="true">
+      <template #footer>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveOpenApiPermission()">保存</Button>
+        <Button type="default" custom-icon="fa fa-times" @click="$refs.openApiTable.close()">关闭</Button>
+      </template>
+    </modal-table>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import openApiPermissionApi from '../../api/openApiPermission';
+
+  export default {
+    name: 'system-openUser',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        openUserID: null
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      // 打开接口列表界面
+      async openApiTableOpen(row) {
+        this.openUserID = row.id;
+        let openApis = await openApiPermissionApi.queryForCheck(row.id);
+        this.$refs.openApiTable.loadData(openApis);
+        this.$refs.openApiTable.setSelected(
+          openApis.filter(item => {
+            return item.checked;
+          })
+        );
+        this.$refs.openApiTable.open();
+      },
+      // 保存接口权限
+      async saveOpenApiPermission() {
+        this.confirm('确定要保存吗？', () => {
+          let openApiIDs = this.$refs.openApiTable.getSelected().map(item => {
+            return item.id;
+          });
+
+          openApiPermissionApi.batchSave(this.openUserID, openApiIDs).then(() => {
+            this.success('保存成功！', () => {
+              this.$refs.openApiTable.close();
+            });
+          });
+        });
+      }
+    }
+  };
+</script>

package/src/pages/system/organization.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="Organization"
+        :filter="filter"
+        :tree-enable="true"
+        :tree-load="row => onTreeLoad(row)"
+        :has-children="
+          row => {
+            return row.hasChildren;
+          }
+        "
+        @create="create()"
+        @edit="({ row, index }) => edit(row)"
+      >
+        <template #command="{ row }">
+          <Button size="small" title="创建下级" type="primary" custom-icon="fa fa-plus" @click="create(row)"></Button>
+        </template>
+        <template #column="{ row, column, code }">
+          <template v-if="code == 'name'">
+            <div :style="{ 'font-weight': row.hasChildren ? 'bold' : '', 'text-indent': row._depth * 12 + 'px' }">{{ showData(row, column) }}</div>
+          </template>
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="OrganizationEdit" @on-after-save="formAfterSave" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import modelApi from '../../api/model';
+
+  export default {
+    name: 'system-organization',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        data: null,
+        filter: {
+          parentID: 'null'
+        }
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      // 树展开
+      async onTreeLoad(row) {
+        let res = await modelApi.query('Organization', {
+          parentID: row.id,
+          page: 1,
+          per: 1000,
+          orderBy: '+orderNo'
+        });
+
+        for (let data of res.data) {
+          data._depth = row._depth == null ? 1 : row._depth + 1;
+        }
+
+        return res.data;
+      },
+      // 创建
+      create(parent) {
+        this.data = null;
+        if (parent) {
+          this.$refs.form.openDefault({
+            parentID: parent.id,
+            orderNo: parent.orderNo
+          });
+        } else {
+          this.$refs.form.openDefault({});
+        }
+      },
+      // 编辑
+      edit(row) {
+        this.data = row;
+        this.$refs.form.open(row);
+      },
+      // 保存后事件
+      formAfterSave(row) {
+        if (this.data) {
+          for (let key in row) {
+            this.data[key] = row[key];
+          }
+        } else {
+          this.$refs.table.loadData();
+        }
+      }
+    }
+  };
+</script>
+[]

package/src/pages/system/organizationType.vue

@@ -0,0 +1,26 @@
+<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="OrganizationType" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)"></view-table>
+    </Card>
+    <modal-form ref="form" view-code="OrganizationTypeEdit" @on-after-save="$refs.table.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-organizationType',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {}
+  };
+</script>

package/src/pages/system/permission.vue

@@ -0,0 +1,175 @@
+<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="Permission"
+        :filter="filter"
+        :selectEnable="true"
+        :tree-enable="true"
+        :tree-load="row => onTreeLoad(row)"
+        :has-children="
+          row => {
+            return row.hasChildren;
+          }
+        "
+        @create="create()"
+        @edit="({ row, index }) => edit(row)"
+      >
+        <template #filterCommand>
+          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">导出</Button>
+          <file-upload url="api/Permission/importFile" accept=".pms" @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>
+        <template #command="{ row }">
+          <Button size="small" title="创建下级" type="primary" custom-icon="fa fa-plus" @click="create(row)"></Button>
+        </template>
+        <template #column="{ row, column, code }">
+          <template v-if="code == 'name'">
+            <div :style="{ 'font-weight': row.hasChildren ? 'bold' : '', 'text-indent': row._depth * 12 + 'px' }">{{ showData(row, column) }}</div>
+          </template>
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="PermissionEdit" @on-change="formChange" @on-after-save="formAfterSave" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import permissionApi from '../../api/permission';
+  import modelApi from '../../api/model';
+
+  export default {
+    name: 'system-permission',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        data: null,
+        filter: {
+          parentID: 'null'
+        }
+      };
+    },
+    computed: {},
+    created() {},
+    methods: {
+      formChange(sender, oldValue, newValue, selected) {
+        const data = this.$refs.form.data;
+        const columns = this.$refs.form.columns;
+
+        const columnCustomPageID = columns.find(item => {
+          return item.code === 'customPageID';
+        });
+        const columnTemplateUrl = columns.find(item => {
+          return item.code === 'templateUrl';
+        });
+
+        if (data.isCustomPage) {
+          // 自定义页面
+          columnCustomPageID.isShow = true;
+          columnTemplateUrl.isShow = false;
+        } else {
+          columnCustomPageID.isShow = false;
+          columnTemplateUrl.isShow = true;
+        }
+
+        // 必须父路由打头
+        if (sender && sender.code == 'parentID') {
+          if (selected) {
+            data.url = selected.url + '/';
+          }
+        }
+
+        if (sender && sender.code == 'hasPermissionPoint') {
+          if (data.hasPermissionPoint && data.permissionPoint == null) {
+            this.$refs.form.setTableData('permissionPoint', [
+              { code: 'view', name: '查看' },
+              { code: 'create', name: '新增' },
+              { code: 'edit', name: '编辑' },
+              { code: 'remove', name: '删除' }
+            ]);
+          }
+          // else if (!data.hasPermissionPoint) {
+          //     this.$refs.form.setTableData('permissionPoint', null);
+          // }
+        }
+
+        //this.$refs.form.forceUpdate();
+      },
+      // 导出文件
+      exportFile() {
+        let ids = this.$refs.table.getSelected().map(x => {
+          return x.id;
+        });
+        if (ids.length > 0) {
+          permissionApi.exportFile(ids);
+        } else {
+          this.error('请选择需要导出的内容！');
+        }
+      },
+      // 导入成功
+      importFileSuccess(res) {
+        if (res.code == 0) {
+          this.success('导入成功！', () => {
+            this.$refs.table.loadData();
+          });
+        } else {
+          this.error(res.message);
+        }
+      },
+      // 树展开
+      async onTreeLoad(row) {
+        let res = await modelApi.query('Permission', {
+          parentID: row.id,
+          page: 1,
+          per: 1000,
+          orderBy: '+orderNo'
+        });
+
+        for (let data of res.data) {
+          data._depth = row._depth == null ? 1 : row._depth + 1;
+        }
+
+        return res.data;
+      },
+      // 创建
+      create(parent) {
+        this.data = null;
+        if (parent) {
+          this.$refs.form.openDefault({
+            clientTypeID: parent.clientTypeID,
+            parentID: parent.id,
+            icon: parent.icon,
+            url: parent.url + '/',
+            orderNo: parent.orderNo
+          });
+        } else {
+          this.$refs.form.openDefault({});
+        }
+      },
+      // 编辑
+      edit(row) {
+        this.data = row;
+        this.$refs.form.open(row);
+      },
+      // 保存后事件
+      formAfterSave(row) {
+        if (this.data) {
+          for (let key in row) {
+            this.data[key] = row[key];
+          }
+        } else {
+          this.$refs.table.loadData();
+        }
+      }
+    }
+  };
+</script>
+[]

package/src/pages/system/planJob.vue

@@ -0,0 +1,40 @@
+<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="PlanJob" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+        <template #command="{ row }">
+          <Button size="small" title="立即启动" type="primary" custom-icon="fa fa-bolt" @click="execute(row)"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <modal-form ref="form" view-code="PlanJobEdit" @on-after-save="$refs.table.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import planJobApi from '../../api/planJob';
+
+  export default {
+    name: 'system-planJob',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {
+      // 执行
+      execute(row) {
+        this.confirm('确定要立即启动该任务吗？', async () => {
+          await planJobApi.execute(row.id);
+          this.success('启动成功！');
+          this.$refs.table.loadData();
+        });
+      }
+    }
+  };
+</script>