haiwei-module-admin 1.0.0

package/src/views/auditInfo/index/index.vue

@@ -0,0 +1,118 @@
+<template>
+  <nm-container>
+    <nm-list ref="list" v-bind="list">
+      <!--查询条件-->
+      <template v-slot:querybar>
+        <el-form-item label="账户编号：" prop="accountId">
+          <el-input v-model="list.model.accountId" clearable />
+        </el-form-item>
+        <el-form-item label="模块：" prop="moduleCode">
+          <nm-module-select v-model="list.model.moduleCode" clearable />
+        </el-form-item>
+        <el-form-item label="控制器：" prop="controller">
+          <el-input v-model="list.model.controller" clearable />
+        </el-form-item>
+        <el-form-item label="操作：" prop="action">
+          <el-input v-model="list.model.action" clearable />
+        </el-form-item>
+        <el-form-item label="访问来源：" prop="platform">
+          <nm-platform-select v-model="list.model.platform" clearable />
+        </el-form-item>
+      </template>
+
+      <template v-slot:header-toolbar>
+        <nm-date-range-picker size="mini" :start.sync="list.model.startDate" :end.sync="list.model.endDate" @change="refresh" />
+      </template>
+
+      <template v-slot:col-moduleName="{ row }">
+        <span>{{ row.moduleName }}({{ row.area }})</span>
+      </template>
+
+      <template v-slot:col-controller="{ row }">
+        <span>{{ row.controllerDesc }}({{ row.controller }})</span>
+      </template>
+
+      <template v-slot:col-action="{ row }">
+        <span>{{ row.actionDesc }}({{ row.action }})</span>
+      </template>
+      <template v-slot:col-executionDuration="{ row }">
+        <span>{{ row.executionDuration }}ms</span>
+      </template>
+
+      <!--操作列-->
+      <template v-slot:col-operation="{ row }">
+        <nm-button v-bind="buttons.details" @click="details(row)" />
+      </template>
+    </nm-list>
+
+    <details-page :id="detailsPage.id" :visible.sync="detailsPage.visible" />
+  </nm-container>
+</template>
+<script>
+import page from './page'
+import cols from './cols'
+import DetailsPage from '../components/details'
+
+// 接口
+const api = $api.admin.auditInfo
+
+export default {
+  name: page.name,
+  components: { DetailsPage },
+  data() {
+    return {
+      list: {
+        title: page.title,
+        action: api.query,
+        model: {
+          accountId: '',
+          moduleCode: '',
+          controller: '',
+          action: '',
+          platform: '',
+          startDate: null,
+          endDate: null
+        },
+        cols,
+        /**导出配置 */
+        exportOptions: {
+          /**启用导出按钮 */
+          enabled: true,
+          /**导出数据的方法 */
+          action: api.exportData,
+          /**启用高级配置 */
+          advanced: true,
+          /**导出按钮位置 */
+          btnLocation: 'querybar',
+          /**导出按钮权限编码 */
+          btnCode: page.buttons.export.code,
+          /**默认是否显示标题 */
+          showTitle: true,
+          /**默认是否显示版权信息 */
+          showCopyright: true,
+          /**默认是否显示列名 */
+          showColName: true,
+          /**默认是否显示导出日期 */
+          showExportDate: true,
+          /**默认是否显示导出人 */
+          showExportPeople: true
+        }
+      },
+      detailsPage: {
+        visible: false,
+        id: 0
+      },
+      buttons: page.buttons
+    }
+  },
+  methods: {
+    refresh() {
+      this.$refs.list.refresh()
+    },
+    details(row) {
+      this.detailsPage.id = row.id
+      this.detailsPage.visible = true
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,34 @@
+/** 页面信息 */
+const page = new (function() {
+  this.title = '审计日志'
+  this.icon = 'log'
+  this.name = 'admin_auditinfo'
+  this.path = '/admin/auditinfo'
+
+  // 关联权限
+  this.permissions = [`${this.name}_query_get`]
+  this.buttons = {
+    details: {
+      text: '详情',
+      type: 'text',
+      icon: 'detail',
+      code: `${this.name}_details`,
+      permissions: [`${this.name}_details_get`]
+    },
+    export: {
+      text: '导出',
+      type: 'text',
+      icon: 'export',
+      code: `${this.name}_export`,
+      permissions: [`${this.name}_export_post`]
+    }
+  }
+})()
+
+/** 路由信息 */
+export const route = {
+  page,
+  component: () => import(/* webpackChunkName: "admin.auditinfo" */ './index')
+}
+
+export default page

package/src/views/button/permission-bind/index.vue

@@ -0,0 +1,50 @@
+<template>
+  <nm-dialog v-bind="dialog" :visible.sync="visible_" @open="onOpen">
+    <bind-page ref="bind" :query="query" :action="action" />
+  </nm-dialog>
+</template>
+<script>
+import { mixins } from 'netmodular-ui'
+import BindPage from '../../permission/components/bind'
+
+// 接口
+const api = $api.admin.button
+
+export default {
+  mixins: [mixins.dialog],
+  components: { BindPage },
+  data() {
+    return {
+      id_: ''
+    }
+  },
+  props: ['id', 'name'],
+  computed: {
+    dialog() {
+      return {
+        noScrollbar: true,
+        title: `权限绑定(${this.name})`,
+        icon: 'bind',
+        width: '70%',
+        height: '70%'
+      }
+    }
+  },
+  methods: {
+    query() {
+      return api.getPermissionList(this.id)
+    },
+    action(list) {
+      return api.bindPermission({ id: this.id, permissionList: list })
+    },
+    onOpen() {
+      if (this.id && this.id !== this.id_) {
+        this.$nextTick(() => {
+          this.$refs.bind.refresh()
+        })
+      }
+      this.id_ = this.id
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,10 @@
+export default [
+  {
+    name: 'name',
+    label: '键名'
+  },
+  {
+    name: 'desc',
+    label: '说明'
+  }
+]

package/src/views/cache/index/index.vue

@@ -0,0 +1,64 @@
+<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" checked-first clearable @change="onModuleChange" />
+        </el-form-item>
+      </template>
+
+      <!--操作列-->
+      <template v-slot:col-operation="{ row }">
+        <nm-button v-bind="buttons.clear" @click="clear(row)" />
+      </template>
+    </nm-list>
+  </nm-container>
+</template>
+<script>
+import { mixins } from 'netmodular-ui'
+import page from './page'
+import cols from './cols'
+
+// 接口
+const api = $api.admin.cache
+
+export default {
+  name: page.name,
+  mixins: [mixins.list],
+  data() {
+    return {
+      list: {
+        title: page.title,
+        cols,
+        action: api.query,
+        queryOnCreated: false,
+        model: {
+          moduleCode: ''
+        }
+      },
+      buttons: page.buttons
+    }
+  },
+  methods: {
+    clear(row) {
+      this._delete(async () => {
+        this._openLoading('正在清除缓存，请稍后...')
+        api
+          .clear(row.name)
+          .then(() => {
+            this._closeLoading()
+            this._success('清除成功~')
+          })
+          .catch(() => {
+            this._closeLoading()
+            this._error('清除失败~')
+          })
+      }, `您确定要清除缓存《${row.desc}》吗？`).catch(() => {})
+    },
+    onModuleChange() {
+      this.$refs.list.refresh()
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,29 @@
+/** 页面信息 */
+const page = new (function() {
+  this.title = '缓存清理'
+  this.icon = 'redis'
+  this.name = 'admin_cache'
+  this.path = '/admin/cache'
+
+  // 关联权限
+  this.permissions = [`${this.name}_query_get`]
+
+  // 按钮
+  this.buttons = {
+    clear: {
+      text: '清除',
+      type: 'text',
+      icon: 'delete',
+      code: `${this.name}_clear`,
+      permissions: [`${this.name}_clear_delete`]
+    }
+  }
+})()
+
+/** 路由信息 */
+export const route = {
+  page,
+  component: () => import(/* webpackChunkName: "admin.cache" */ './index')
+}
+
+export default page

package/src/views/config/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <nm-container>
+    <nm-tabs>
+      <el-tabs v-model="tab">
+        <el-tab-pane name="module" lazy>
+          <span slot="label"> <nm-icon name="app"></nm-icon>业务模块 </span>
+          <module-pane ref="module" />
+        </el-tab-pane>
+        <el-tab-pane name="library" lazy>
+          <span slot="label"> <nm-icon name="system"></nm-icon>基础类库 </span>
+          <library-pane ref="library" :descriptors="libraries" />
+        </el-tab-pane>
+      </el-tabs>
+    </nm-tabs>
+  </nm-container>
+</template>
+<script>
+import page from './page'
+import ModulePane from './module'
+import LibraryPane from './library'
+
+const { getDescriptors } = $api.admin.config
+export default {
+  name: page.name,
+  components: { ModulePane, LibraryPane },
+  data() {
+    return {
+      tab: 'module',
+      descriptors: []
+    }
+  },
+  computed: {
+    libraries() {
+      return this.descriptors.filter(m => m.type === 0)
+    }
+  },
+  created() {
+    getDescriptors().then(data => {
+      this.descriptors = data
+    })
+  }
+}
+</script>

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

@@ -0,0 +1,165 @@
+<template>
+  <nm-form-page v-bind="form" @success="onSuccess">
+    <el-divider content-position="left">认证&授权</el-divider>
+    <el-row>
+      <el-col :span="5" :offset="1">
+        <el-form-item label="验证码：" prop="verifyCode">
+          <el-switch v-model="form.model.verifyCode" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="权限验证：" prop="validate">
+          <el-switch v-model="form.model.validate" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="按钮验证：" prop="button">
+          <el-switch v-model="form.model.button" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="单账户登录：" prop="singleAccount">
+          <el-switch v-model="form.model.singleAccount" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="5" :offset="1">
+        <el-form-item label="审计日志：" prop="auditing">
+          <el-switch v-model="form.model.auditing" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">JWT参数</el-divider>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="密钥(Key)：" prop="jwt.key">
+          <el-input v-model="form.model.jwt.key" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="有效期(Expires)：" prop="jwt.expires">
+          <el-input v-model.number="form.model.jwt.expires">
+            <template slot="append">分钟</template>
+          </el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="发行人(Issuer)：" prop="jwt.issuer">
+          <el-input v-model="form.model.jwt.issuer" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="消费者(Audience)：" prop="jwt.audience">
+          <el-input v-model="form.model.jwt.audience" clearable />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">登录方式</el-divider>
+    <el-row>
+      <el-col :span="5" :offset="1">
+        <el-form-item label="用户名：">
+          <el-switch v-model="form.model.loginMode.userName" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="邮箱：">
+          <el-switch v-model="form.model.loginMode.email" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="用户名或邮箱：">
+          <el-switch v-model="form.model.loginMode.userNameOrEmail" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="手机号：">
+          <el-switch v-model="form.model.loginMode.phone" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="5" :offset="1">
+        <el-form-item label="微信扫码登录：">
+          <el-switch v-model="form.model.loginMode.weChatScanCode" disabled />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="QQ：">
+          <el-switch v-model="form.model.loginMode.qq" disabled />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="GitHub：">
+          <el-switch v-model="form.model.loginMode.gitHub" disabled />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-page>
+</template>
+<script>
+import mixins from '../../form-mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      code: 'Auth',
+      form: {
+        labelWidth: '200px',
+        model: {
+          verifyCode: false,
+          validate: false,
+          button: false,
+          singleAccount: false,
+          auditing: false,
+          jwt: {
+            key: '',
+            issuer: '',
+            audience: '',
+            expires: 120,
+            refreshTokenExpires: 7
+          },
+          loginMode: {
+            userName: true,
+            email: false,
+            userNameOrEmail: false,
+            phone: false,
+            weChatScanCode: false,
+            qq: false,
+            gitHub: false
+          }
+        },
+        rules: {
+          'jwt.key': [
+            { required: true, message: '请填写JWT的key' },
+            {
+              type: 'string',
+              len: 16,
+              message: '密钥长度必须为16位'
+            }
+          ],
+          'jwt.expires': [
+            { required: true, message: '请填写令牌有效期' },
+            { type: 'number', min: 1, message: '有效期不能小于1分钟' }
+          ]
+        }
+      }
+    }
+  },
+  methods: {
+    onSuccess() {
+      this.setUIConfig({
+        permission: {
+          validate: this.form.model.validate,
+          button: this.form.model.button
+        },
+        component: {
+          login: { verifyCode: this.form.model.verifyCode }
+        }
+      })
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,149 @@
+<template>
+  <nm-form-page v-bind="form" @success="onSuccess">
+    <el-divider content-position="left">登录页</el-divider>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="默认账户类型：" prop="defaultAccountType">
+          <el-select v-model="form.model.login.defaultAccountType">
+            <el-option label="管理员" :value="0"></el-option>
+            <el-option label="个人" :value="1"></el-option>
+            <el-option label="企业" :value="2"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="页类型：" prop="pageType">
+          <el-select v-model="form.model.login.pageType">
+            <el-option v-for="item in pageTypeOptions" :key="item" :label="item" :value="item"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">工具栏</el-divider>
+    <el-row>
+      <el-col :span="5" :offset="1">
+        <el-form-item label="全屏控制：" prop="fullscreen">
+          <el-switch v-model="form.model.toolbar.fullscreen" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="皮肤设置：" prop="skin">
+          <el-switch v-model="form.model.toolbar.skin" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="退出按钮：" prop="logout">
+          <el-switch v-model="form.model.toolbar.logout" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="用户信息：" prop="userInfo">
+          <el-switch v-model="form.model.toolbar.userInfo" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">菜单</el-divider>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="保持一个子菜单的展开：" prop="menu.uniqueOpened">
+          <el-switch v-model="form.model.menu.uniqueOpened" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">对话框</el-divider>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="可点击模态框关闭：" prop="dialog.closeOnClickModal">
+          <el-switch v-model="form.model.dialog.closeOnClickModal" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="默认可拖拽：" prop="dialog.draggable">
+          <el-switch v-model="form.model.dialog.draggable" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">列表页</el-divider>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="序号表头名称：" prop="list.serialNumberName">
+          <el-input v-model="form.model.list.serialNumberName" placeholder="默认 #" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">标签导航</el-divider>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="启用：" prop="tabnav.enabled">
+          <el-switch v-model="form.model.tabnav.enabled" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="显示图标：" prop="tabnav.showIcon">
+          <el-switch v-model="form.model.tabnav.showIcon" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="显示首页" prop="tabnav.showHome">
+          <el-switch v-model="form.model.tabnav.showHome" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="首页地址：" prop="tabnav.homeUrl">
+          <el-input v-model="form.model.tabnav.homeUrl" placeholder="路由的完整地址" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="最大页面数量：" prop="tabnav.maxOpenCount">
+          <el-input v-model.number="form.model.tabnav.maxOpenCount" placeholder="默认 20" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-divider content-position="left">自定义CSS</el-divider>
+    <el-row>
+      <el-col :span="22" :offset="1">
+        <el-form-item labelWidth="0" prop="customCss">
+          <el-input type="textarea" :rows="5" placeholder="如果需要重新某个组件的样式，可以在此处添加覆盖的CSS" v-model="form.model.customCss"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-page>
+</template>
+<script>
+import { mapState } from 'vuex'
+import mixins from '../../form-mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      code: 'Component',
+      form: {
+        labelWidth: '200px',
+        model: {
+          login: { defaultAccountType: 0, pageType: null },
+          menu: { uniqueOpened: true },
+          dialog: { closeOnClickModal: false, draggable: false },
+          list: { serialNumberName: null },
+          tabnav: { enabled: true, showHome: true, homeUrl: null, showIcon: true, maxOpenCount: 20 },
+          toolbar: { fullscreen: true, skin: true, logout: true, userInfo: true },
+          customCss: null
+        }
+      }
+    }
+  },
+  computed: {
+    ...mapState('app/config', { pageTypeOptions: s => s.component.login.pageTypeOptions })
+  },
+  methods: {
+    onSuccess() {
+      this.setUIConfig({
+        component: this.form.model
+      })
+    }
+  }
+}
+</script>