haiwei-module-admin 1.0.0

package/src/views/config/library/components/path/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <nm-form-page v-bind="form">
+    <el-row>
+      <el-col :span="22">
+        <el-form-item labelWidth="200px" prop="uploadPath">
+          <template v-slot:label>
+            <el-tooltip effect="dark" content="默认是应用根目录下的Upload目录" placement="top">
+              <nm-icon class="nm-size-20 nm-text-warning" name="warning" />
+            </el-tooltip>
+            文件上传存储根路径：
+          </template>
+          <el-input v-model="form.model.uploadPath" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="22">
+        <el-form-item labelWidth="200px" prop="tempPath">
+          <template v-slot:label>
+            <el-tooltip effect="dark" content="默认是应用根目录下的Temp目录" placement="top">
+              <nm-icon class="nm-size-20 nm-text-warning" name="warning" />
+            </el-tooltip>
+            临时文件存储根路径：
+          </template>
+          <el-input v-model="form.model.tempPath" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-page>
+</template>
+<script>
+import mixins from '../../form-mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      code: 'Path',
+      form: {
+        model: {
+          uploadPath: '',
+          tempPath: ''
+        }
+      }
+    }
+  }
+}
+</script>

package/src/views/config/library/components/quartz/index.vue

@@ -0,0 +1,66 @@
+<template>
+  <nm-form-page v-bind="form">
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="开启：" prop="enabled">
+          <el-switch v-model="form.model.enabled" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="日志：" prop="logger">
+          <el-switch v-model="form.model.logger" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="实例名称：" prop="instanceName">
+          <el-input v-model="form.model.instanceName" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="表前缀：" prop="tablePrefix">
+          <el-input v-model="form.model.tablePrefix" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="center"><span class="nm-text-warning">Quartz的数据库配置与任务调度模块保持一致</span></el-divider>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="数据库类型：">
+          <el-select disabled v-model="form.model.provider">
+            <el-option label="SqlServer" :value="0"> </el-option>
+            <el-option label="MySql" :value="1"> </el-option>
+            <el-option label="SQLite" :value="2"> </el-option>
+            <el-option label="Oracle" :value="3"> </el-option>
+            <el-option label="PostgreSQL" :value="4"> </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-page>
+</template>
+<script>
+import mixins from '../../form-mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      code: 'Quartz',
+      form: {
+        labelWidth: '200px',
+        model: {
+          enabled: false,
+          logger: false,
+          instanceName: '',
+          tablePrefix: '',
+          provider: 0
+        },
+        rules: {
+          instanceName: [{ required: true, message: '实例名称不能为空' }]
+        }
+      }
+    }
+  }
+}
+</script>

package/src/views/config/library/components/system/index.vue

@@ -0,0 +1,58 @@
+<template>
+  <nm-form-page v-bind="form" @success="onSuccess">
+    <el-row>
+      <el-col :span="13" :offset="1">
+        <el-form-item label="标题：" prop="title">
+          <el-input v-model="form.model.title" />
+        </el-form-item>
+        <el-form-item label="版权申明：" prop="copyright">
+          <el-input v-model="form.model.copyright" placeholder="版权所有：XXXXXX" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="7">
+        <el-form-item label="Logo：" prop="logo">
+          <nm-file-upload-img v-model="form.model.logo" module="Admin" group="Logo" :access-mode="1" width="75px" height="75px" no-text icon-size="3em" @success="onSuccess" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="13" :offset="1">
+        <el-form-item label="账户信息页：" prop="userPage">
+          <el-input v-model="form.model.userPage" placeholder="请填写前端路由名称，默认使用系统自带的userinfo" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-page>
+</template>
+<script>
+import mixins from '../../form-mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      code: 'System',
+      form: {
+        model: {
+          title: '',
+          logo: '',
+          copyright: '',
+          userPage: ''
+        }
+      }
+    }
+  },
+  methods: {
+    onSuccess(data) {
+      const { title, copyright, userPage } = this.form.model
+      this.setUIConfig({
+        system: {
+          title,
+          logo: data.url,
+          copyright,
+          userPage
+        }
+      })
+    }
+  }
+}
+</script>

package/src/views/config/library/form-mixins.js

@@ -0,0 +1,25 @@
+import { mapMutations } from 'vuex'
+const { edit, update } = $api.admin.config
+export default {
+  data() {
+    return {
+      type: 0,
+      code: '',
+      form: {
+        header: false,
+        action: this.update
+      }
+    }
+  },
+  methods: {
+    ...mapMutations('app/config', { setUIConfig: 'init' }),
+    update() {
+      return update({ type: this.type, code: this.code, json: JSON.stringify(this.form.model) })
+    }
+  },
+  created() {
+    edit({ type: this.type, code: this.code }).then(data => {
+      this.form.model = data
+    })
+  }
+}

package/src/views/config/library/index.vue

@@ -0,0 +1,76 @@
+<template>
+  <el-tabs class="nm-admin-config-library page" v-model="tab" tab-position="left" type="border-card">
+    <!--系统信息-->
+    <el-tab-pane name="system">
+      <span slot="label"> <nm-icon name="system"></nm-icon>系统信息 </span>
+      <system-config />
+    </el-tab-pane>
+    <!--前端组件-->
+    <el-tab-pane name="component" lazy>
+      <span slot="label"> <nm-icon name="table"></nm-icon>前端组件 </span>
+      <component-config />
+    </el-tab-pane>
+    <!--通用路径-->
+    <el-tab-pane name="path" lazy>
+      <span slot="label"> <nm-icon name="attachment"></nm-icon>通用路径 </span>
+      <path-config />
+    </el-tab-pane>
+    <!--认证授权-->
+    <el-tab-pane name="auth" lazy>
+      <span slot="label"> <nm-icon name="verifycode"></nm-icon>认证授权 </span>
+      <auth-config />
+    </el-tab-pane>
+    <!--Quartz-->
+    <el-tab-pane v-if="hasQuartz" name="quartz" lazy>
+      <span slot="label"> <nm-icon name="timer"></nm-icon>Quartz </span>
+      <quartz-config />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+<script>
+import SystemConfig from './components/system'
+import ComponentConfig from './components/component'
+import PathConfig from './components/path'
+import AuthConfig from './components/auth'
+import QuartzConfig from './components/quartz'
+export default {
+  components: { SystemConfig, ComponentConfig, PathConfig, AuthConfig, QuartzConfig },
+  data() {
+    return {
+      tab: 'system'
+    }
+  },
+  props: {
+    descriptors: Array
+  },
+  computed: {
+    hasQuartz() {
+      return this.has('Quartz')
+    }
+  },
+  methods: {
+    has(code) {
+      return this.descriptors.findIndex(m => m.code.toLowerCase() === code.toLowerCase()) > -1
+    }
+  }
+}
+</script>
+<style lang="scss">
+.nm-admin-config-library {
+  .el-tabs__header {
+    margin-right: 0 !important;
+  }
+  .el-tabs__item {
+    text-align: left !important;
+
+    &.is-active {
+      color: #67c23a !important;
+    }
+  }
+  .el-tabs__content {
+    .nm-box {
+      border-left: none !important;
+    }
+  }
+}
+</style>

package/src/views/config/module/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <el-tabs class="nm-admin-config-module page" v-model="tab" tab-position="left" type="border-card">
+    <el-tab-pane v-for="item in modules" :key="item.name" :name="item.name" lazy>
+      <span slot="label"><nm-icon :name="item.icon"></nm-icon>{{ getNo(item) }}_{{ item.label }} </span>
+      <component :is="item.name"></component>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+<script>
+import { mapState } from 'vuex'
+const { select } = $api.admin.module
+export default {
+  data() {
+    return {
+      tab: '',
+      modules: []
+    }
+  },
+  computed: {
+    ...mapState('app/system', ['globalComponents'])
+  },
+  methods: {
+    getNo(item) {
+      return item.id < 10 ? '0' + item.id : '' + item.id
+    }
+  },
+  created() {
+    select().then(data => {
+      data.forEach(m => {
+        let module = {
+          id: m.data.id,
+          label: m.label,
+          name: `nm-config-${m.value.toLowerCase()}`,
+          icon: m.data.icon
+        }
+        if (this.globalComponents.includes(module.name)) {
+          this.modules.push(module)
+        }
+      })
+      if (this.modules.length > 0) this.tab = this.modules[0].name
+    })
+  }
+}
+</script>
+
+<style lang="scss">
+.nm-admin-config-module {
+  .el-tabs__header {
+    margin-right: 0 !important;
+  }
+  .el-tabs__item {
+    text-align: left !important;
+
+    &.is-active {
+      color: #67c23a !important;
+    }
+  }
+  .el-tabs__content {
+    .nm-box {
+      border-left: none !important;
+    }
+  }
+}
+</style>

package/src/views/config/page.js

@@ -0,0 +1,21 @@
+/** 页面信息 */
+const page = new (function() {
+  this.title = '配置中心'
+  this.icon = 'tools'
+  this.name = 'admin_config'
+  this.path = '/admin/config'
+
+  // 关联权限
+  this.permissions = [`${this.name}_edit_get`, `${this.name}_update_post`, `${this.name}_UploadLogo_post`, `${this.name}_LogoUrl_get`, `${this.name}_Descriptors_get`]
+
+  // 按钮
+  this.buttons = {}
+})()
+
+/** 路由信息 */
+export const route = {
+  page,
+  component: () => import(/* webpackChunkName: "admin.config" */ './index')
+}
+
+export default page

package/src/views/file/index/cols.js

@@ -0,0 +1,53 @@
+export default [
+  {
+    name: 'id',
+    label: '编号',
+    width: 0,
+    show: false
+  },
+  {
+    name: 'moduleName',
+    label: '模块',
+    width: '100'
+  },
+  {
+    name: 'group',
+    label: '分组',
+    width: '100'
+  },
+  {
+    name: 'saveId',
+    label: '存储编号',
+    width: '240'
+  },
+  {
+    name: 'fileName',
+    label: '文件名'
+  },
+  {
+    name: 'ext',
+    label: '扩展名'
+  },
+  {
+    name: 'sizeName',
+    label: '大小'
+  },
+  {
+    name: 'fullPath',
+    label: '路径'
+  },
+  {
+    name: 'accessModeName',
+    label: '访问方式'
+  },
+  {
+    name: 'mime',
+    label: 'MIME',
+    show: false
+  },
+  {
+    name: 'md5',
+    label: 'MD5',
+    show: false
+  }
+]

package/src/views/file/index/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <nm-container>
+    <nm-list ref="list" v-bind="list">
+      <!--查询条件-->
+      <template v-slot:querybar>
+        <el-form-item label="模块：" prop="moduleCode">
+          <nm-module-select v-model="list.model.moduleCode" clearable />
+        </el-form-item>
+        <el-form-item label="文件名：" prop="fileName">
+          <el-input v-model="list.model.fileName" clearable />
+        </el-form-item>
+      </template>
+
+      <!--操作列-->
+      <template v-slot:col-operation="{ row }">
+        <nm-file-download v-bind="buttons.export" :url="row.url" :private="row.accessMode !== 1" @success="refresh" />
+        <nm-button-delete v-bind="buttons.del" :id="row.id" :action="removeAction" @success="refresh" />
+        <nm-button-delete v-bind="buttons.hardDel" :id="row.id" :action="hardRemoveAction" @success="refresh" />
+      </template>
+    </nm-list>
+  </nm-container>
+</template>
+<script>
+import { mixins } from 'netmodular-ui'
+import page from './page'
+import cols from './cols'
+
+// 接口
+const api = $api.admin.file
+
+export default {
+  name: page.name,
+  mixins: [mixins.list],
+  data() {
+    return {
+      list: {
+        title: page.title,
+        cols,
+        action: api.query,
+        operationWidth: '200',
+        model: {
+          moduleCode: '',
+          fileName: ''
+        }
+      },
+      removeAction: api.remove,
+      hardRemoveAction: api.hardDelete,
+      buttons: page.buttons
+    }
+  }
+}
+</script>

package/src/views/file/index/page.js

@@ -0,0 +1,42 @@
+/** 页面信息 */
+const page = new (function() {
+  this.title = '文件管理'
+  this.icon = 'attachment'
+  this.name = 'admin_file'
+  this.path = '/admin/file'
+
+  // 关联权限
+  this.permissions = [`${this.name}_query_get`]
+
+  this.buttons = {
+    export: {
+      text: '导出',
+      type: 'text',
+      icon: 'export',
+      code: `${this.name}_export`,
+      permissions: [`${this.name}_export_get`]
+    },
+    del: {
+      text: '删除',
+      type: 'text',
+      icon: 'delete',
+      code: `${this.name}_del`,
+      permissions: [`${this.name}_delete_delete`]
+    },
+    hardDel: {
+      text: '物理删除',
+      type: 'text',
+      icon: 'delete',
+      code: `${this.name}_harddel`,
+      permissions: [`${this.name}_hardDelete_delete`]
+    }
+  }
+})()
+
+/** 路由信息 */
+export const route = {
+  page,
+  component: () => import(/* webpackChunkName: "Admin.File" */ './index')
+}
+
+export default page