haiwei-module-admin 1.0.0

package/src/components/upload-mixins.js

@@ -0,0 +1,127 @@
+import { mapState } from 'vuex'
+export default {
+  data() {
+    return {
+      action: $api.admin.file.getUploadUrl(),
+      loading: false
+    }
+  },
+  props: {
+    /**模块编码 */
+    module: {
+      type: String,
+      required: true
+    },
+    /**分组 */
+    group: {
+      type: String,
+      required: true
+    },
+    /**访问方式，0、私有 1、公开 2、授权 */
+    accessMode: {
+      type: Number,
+      default: 0
+    },
+    /**授权模式下关联的账户ID，使用英文","分割 */
+    accounts: String,
+    /** 上传前函数 */
+    beforeUpload: Function,
+    /** 接受上传的文件类型 */
+    accept: String,
+    /** 文件最大大小 */
+    maxSize: String,
+    /** 是否可拖拽上传 */
+    drag: {
+      type: Boolean,
+      default: true
+    },
+    /** 可接受文件类型 */
+    fileType: {
+      type: Array
+    },
+    //禁用
+    disabled: Boolean,
+    //自动上传
+    autoUpload: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    ...mapState('app/token', ['accessToken']),
+    headers() {
+      return {
+        Authorization: 'Bearer ' + this.accessToken
+      }
+    },
+    uploadData() {
+      return {
+        moduleCode: this.module,
+        group: this.group,
+        accessMode: this.accessMode,
+        accounts: this.accounts
+      }
+    },
+    maxSizeBytes() {
+      if (this.maxSize) {
+        const max = this.maxSize.toLowerCase()
+        if (max.endsWith('kb')) {
+          return parseFloat(max.replace('kb', '')) * 1024
+        } else if (max.endsWith('mb')) {
+          return parseFloat(max.replace('mb', '')) * 1024 * 1024
+        } else if (max.endsWith('gb')) {
+          return parseFloat(max.replace('gb', '')) * 1024 * 1024 * 1024
+        } else if (max.endsWith('tb')) {
+          return parseFloat(max.replace('tb', '')) * 1024 * 1024 * 1024 * 1024
+        } else if (max.endsWith('b')) {
+          return parseFloat(max.replace('b', ''))
+        } else {
+          return parseFloat(max)
+        }
+      }
+      return ''
+    }
+  },
+  methods: {
+    onError() {
+      this._error('上传失败')
+      this.$emit('error')
+      this.loading = false
+    },
+    getSizeUnit(size) {
+      if (size === null || size === '') {
+        return '0 B'
+      }
+      var unitArr = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+      var index = 0
+      var srcsize = parseFloat(size)
+      index = Math.floor(Math.log(srcsize) / Math.log(1024))
+      var s = srcsize / Math.pow(1024, index)
+      s = s.toFixed(2)
+      return s + unitArr[index]
+    },
+    /** 获取文件后缀名 */
+    getFileExt(name) {
+      let ext = ''
+      const arr = name.split('.')
+      if (arr.length > 1) {
+        ext = arr[arr.length - 1]
+      }
+      return ext
+    },
+    /** 验证文件类型 */
+    verifyFileType(file) {
+      if (this.fileType && this.fileType.length > 0) {
+        var ext = this.getFileExt(file.name)
+        if (this.fileType.every(m => m.toLowerCase() !== ext)) {
+          this._error(`.${ext} 文件类型不支持！`)
+          return false
+        }
+      }
+      return true
+    },
+    submit() {
+      this.$refs.upload.submit()
+    }
+  }
+}

package/src/config/index.js

@@ -0,0 +1,18 @@
+const isDev = process.env.NODE_ENV !== 'production'
+
+const config = {
+  baseUrl: '/api/'
+  /** 账户类型 */
+  // accountTypes: [
+  //   { label: '管理员', value: 0 },
+  //   { label: '企业', value: 2 },
+  //   { label: '员工', value: 1 }
+  // ]
+}
+
+// 开发模式
+if (isDev) {
+  config.baseUrl = 'http://localhost:6220/api/'
+}
+
+export default config

package/src/index.js

@@ -0,0 +1,69 @@
+import NetModularUI from 'netmodular-ui'
+import './api'
+import module from './module'
+import routes from './routes'
+import store from './store'
+import components from './components'
+import NetmodularSkinsClassics from 'netmodular-skins-classics'
+
+const admin = {
+  module,
+  routes,
+  store,
+  components
+}
+
+// 模块列表
+let modules = [admin]
+
+export default {
+  /**
+   * @description 注册模块
+   * @param {Object} module 模块信息
+   */
+  registerModule(module) {
+    if (module) modules.push(module)
+  },
+  /**
+   * @description 注册皮肤
+   * @param {object} skin 皮肤
+   */
+  registerSkin(skin) {
+    if (skin) NetModularUI.registerSkin(skin)
+  },
+  /**
+   * @description 启动
+   */
+  async start(config) {
+    // 设置接口信息
+    NetModularUI.configApi(config)
+    // 使用皮肤
+    NetModularUI.registerSkin(NetmodularSkinsClassics)
+
+    // 获取UI配置信息
+    const UIConfig = await $api.admin.config.getUI()
+
+    // 方法
+    let actions = {
+      //身份认证相关方法
+      ...$api.admin.auth,
+      // 修改密码方法
+      updatePassword: $api.admin.account.updatePassword,
+      // 皮肤修改方法
+      saveSkin: $api.admin.account.skinUpdate
+    }
+
+    // 设置账户类型
+    if (config.accountTypes) {
+      UIConfig.component.login.accountTypes = config.accountTypes
+    }
+
+    window.loaded = true
+    const t = setInterval(() => {
+      if (window.loadProgress > 98) {
+        clearInterval(t)
+        NetModularUI.use({ config: UIConfig, modules, actions })
+      }
+    }, 20)
+  }
+}

package/src/main.js

@@ -0,0 +1,5 @@
+import WebHost from './index'
+import config from './config'
+
+// 启动
+WebHost.start(config)

package/src/module.js

@@ -0,0 +1,10 @@
+/** 模块信息 */
+const pack = require('../package.json')
+
+export default {
+  id: pack.id,
+  name: pack.title,
+  code: pack.code,
+  version: pack.version,
+  description: pack.description
+}

package/src/routes/index.js

@@ -0,0 +1,3 @@
+import loadRoutes from 'netmodular-ui/packages/utils/load-routes'
+const requireComponent = require.context('../views', true, /\page.js$/)
+export default loadRoutes(requireComponent.keys().map(fileName => requireComponent(fileName).route))

package/src/store/index.js

@@ -0,0 +1,4 @@
+export default {
+  namespaced: true,
+  state: {}
+}

package/src/views/account/components/save/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <nm-form-dialog ref="form" v-bind="form" v-on="on" :visible.sync="visible_">
+    <el-row>
+      <el-col :span="20" :offset="1">
+        <el-form-item label="用户名：" prop="userName">
+          <el-input v-model="form.model.userName" />
+        </el-form-item>
+        <el-form-item label="角色：" prop="roles">
+          <nm-role-select ref="roles" multiple v-model="form.model.roles" />
+        </el-form-item>
+        <el-form-item label="名称：" prop="name">
+          <el-input v-model="form.model.name" />
+        </el-form-item>
+        <el-form-item v-if="isAdd_" label="密码：" prop="password">
+          <el-input v-model="form.model.password" placeholder="默认密码123456" clearable />
+        </el-form-item>
+        <el-form-item label="手机：" prop="phone">
+          <el-input type="number" v-model="form.model.phone" clearable />
+        </el-form-item>
+        <el-form-item label="邮箱：" prop="email">
+          <el-input type="email" v-model="form.model.email" clearable />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-dialog>
+</template>
+<script>
+import { mixins } from 'netmodular-ui'
+
+// 接口
+const { add, edit, update } = $api.admin.account
+
+export default {
+  mixins: [mixins.formSave],
+  data() {
+    return {
+      title: '账户',
+      actions: {
+        add,
+        edit,
+        update
+      },
+      form: {
+        width: '500px',
+        model: {
+          id: '',
+          name: '',
+          roles: [],
+          userName: '',
+          phone: '',
+          email: '',
+          password: ''
+        },
+        rules: {
+          name: [{ required: true, message: '请输入名称' }],
+          userName: [{ required: true, message: '请输入用户名' }],
+          password: [{ min: 6, message: '密码长度不能小于6位' }],
+          phone: [{ len: 11, message: '请输入正确的手机号' }],
+          email: [{ type: 'email', message: '请输入正确的邮箱地址' }]
+        }
+      }
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,50 @@
+export default [
+  {
+    name: 'id',
+    label: '编号',
+    width: 240,
+    show: false
+  },
+  {
+    name: 'typeName',
+    label: '类型'
+  },
+  {
+    name: 'name',
+    label: '名称'
+  },
+  {
+    name: 'userName',
+    label: '用户名',
+    width: 150
+  },
+  {
+    name: 'roles',
+    label: '角色',
+    width: 300
+  },
+  {
+    name: 'phone',
+    label: '手机号'
+  },
+  {
+    name: 'email',
+    label: '邮箱',
+    width: 150
+  },
+  {
+    name: 'status',
+    label: '状态',
+    width: 150
+  },
+  {
+    name: 'loginTime',
+    label: '最后登录时间',
+    width: 150
+  },
+  {
+    name: 'loginIP',
+    label: '最后登录IP',
+    width: 150
+  }
+]

package/src/views/account/index/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <nm-container>
+    <nm-list ref="list" v-bind="list">
+      <!--查询条件-->
+      <template v-slot:querybar>
+        <el-form-item label="用户名：" prop="userName">
+          <el-input v-model="list.model.userName" clearable />
+        </el-form-item>
+        <el-form-item label="名称：" prop="name">
+          <el-input v-model="list.model.name" clearable />
+        </el-form-item>
+      </template>
+
+      <!--高级查询-->
+      <template v-slot:querybar-advanced>
+        <el-row>
+          <el-col :span="20" :offset="1">
+            <el-form-item label="手机号：" prop="phone">
+              <el-input v-model="list.model.phone" clearable />
+            </el-form-item>
+            <el-form-item label="邮箱：" prop="email">
+              <el-input v-model="list.model.name" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
+
+      <!--按钮-->
+      <template v-slot:querybar-buttons="{ total }">
+        <nm-button v-bind="buttons.add" @click="add(total)" />
+      </template>
+
+      <!--角色-->
+      <template v-slot:col-roles="{ row }">
+        <template v-if="row.roles && row.roles.length > 0">
+          <template v-for="(role, index) in row.roles">
+            <el-tag :key="role.value" :text="role.label">{{ role.label }}</el-tag>
+            <template v-if="index < row.roles.length - 1">、</template>
+          </template>
+        </template>
+        <span v-else>未绑定</span>
+      </template>
+
+      <!--状态-->
+      <template v-slot:col-status="{ row }">
+        <el-tag v-if="row.status === 0" type="info">未激活</el-tag>
+        <el-tag v-else-if="row.status === 1" type="success">正常</el-tag>
+        <el-tag v-else-if="row.status === 2" type="warning">禁用</el-tag>
+        <el-tag v-else-if="row.status === 3" type="danger">注销</el-tag>
+      </template>
+
+      <!--登录时间-->
+      <template v-slot:col-loginTime="{ row }">{{ row.status === 0 ? '未登录' : row.loginTime }}</template>
+      <template v-slot:col-loginIP="{ row }">{{ row.status === 0 ? '未登录' : row.loginIP }}</template>
+
+      <!--操作列-->
+      <template v-slot:col-operation="{ row }">
+        <nm-button v-if="!row.isLock && row.status === 0" v-bind="buttons.active" @click="active(row)" />
+        <nm-button v-if="!row.isLock" v-bind="buttons.edit" @click="edit(row)" />
+        <nm-button v-if="!row.isLock" v-bind="buttons.resetPassword" @click="resetPassword(row)" />
+        <nm-button-delete v-if="!row.isLock" v-bind="buttons.del" :disabled="row.id === accountId" :action="removeAction" :id="row.id" @success="refresh" />
+        <nm-button v-if="row.isLock" type="text" text="锁定" :disabled="true" />
+      </template>
+    </nm-list>
+
+    <!--保存页-->
+    <save-page :id="curr.id" :visible.sync="dialog.save" @success="refresh" />
+  </nm-container>
+</template>
+<script>
+import { mapState } from 'vuex'
+import { mixins } from 'netmodular-ui'
+import page from './page'
+import cols from './cols'
+import SavePage from '../components/save'
+
+// 接口
+const api = $api.admin.account
+
+export default {
+  name: page.name,
+  mixins: [mixins.list],
+  components: { SavePage },
+  data() {
+    return {
+      list: {
+        title: page.title,
+        cols,
+        action: api.query,
+        operationWidth: '270',
+        advanced: {
+          enabled: true,
+          width: '400px'
+        },
+        model: {
+          userName: '',
+          name: '',
+          phone: '',
+          email: ''
+        }
+      },
+      removeAction: api.remove,
+      buttons: page.buttons
+    }
+  },
+  computed: {
+    ...mapState('app/account', { accountId: 'id' })
+  },
+  methods: {
+    resetPassword(row) {
+      this._confirm(`您确定要重置账户(${row.name})的密码吗？`).then(() => {
+        api.resetPassword(row.id).then(() => {
+          this._success('已重置')
+        })
+      })
+    },
+    active(row) {
+      this._confirm(`您确定要激活账户(${row.name})吗？`).then(() => {
+        api.active(row.id).then(() => {
+          this._success('已激活')
+          row.status = 1
+        })
+      })
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,57 @@
+/** 页面信息 */
+const page = new (function() {
+  this.title = '账户管理'
+  this.icon = 'user'
+  this.name = 'admin_account'
+  this.path = '/admin/account'
+
+  // 关联权限
+  this.permissions = [`${this.name}_query_get`]
+
+  // 按钮
+  this.buttons = {
+    add: {
+      text: '添加',
+      type: 'success',
+      icon: 'add',
+      code: `${this.name}_add`,
+      permissions: [`${this.name}_add_post`]
+    },
+    edit: {
+      text: '编辑',
+      type: 'text',
+      icon: 'edit',
+      code: `${this.name}_edit`,
+      permissions: [`${this.name}_edit_get`, `${this.name}_update_post`]
+    },
+    del: {
+      text: '删除',
+      type: 'text',
+      icon: 'delete',
+      code: `${this.name}_del`,
+      permissions: [`${this.name}_delete_delete`]
+    },
+    resetPassword: {
+      text: '重置密码',
+      type: 'text',
+      icon: 'refresh',
+      code: `${this.name}_reset_password`,
+      permissions: [`${this.name}_resetpassword_post`]
+    },
+    active: {
+      text: '激活',
+      type: 'text',
+      icon: 'run',
+      code: `${this.name}_active`,
+      permissions: [`${this.name}_active_post`]
+    }
+  }
+})()
+
+/** 路由信息 */
+export const route = {
+  page,
+  component: () => import(/* webpackChunkName: "admin.account" */ './index')
+}
+
+export default page

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

@@ -0,0 +1,64 @@
+<template>
+  <nm-drawer v-bind="drawer" :visible.sync="visible_">
+    <el-form label-width="120px" disabled>
+      <el-form-item label="账户：">{{ model.accountName }}</el-form-item>
+      <el-form-item label="模块：">{{ model.module }}({{ model.area }})</el-form-item>
+      <el-form-item label="控制器：">{{ model.controller }}({{ model.controllerDesc }})</el-form-item>
+      <el-form-item label="方法：">{{ model.action }}({{ model.actionDesc }})</el-form-item>
+      <el-form-item label="执行时间：">{{ model.executionTime }}</el-form-item>
+      <el-form-item label="用时：">{{ model.executionDuration }}ms</el-form-item>
+      <el-form-item label="IP：">{{ model.ip }}</el-form-item>
+      <el-form-item label="平台：">{{ model.platformName }}</el-form-item>
+      <el-form-item label="浏览器信息：">
+        <el-input type="textarea" :value="model.browserInfo" :rows="5" />
+      </el-form-item>
+      <el-form-item label="参数：">
+        <el-input type="textarea" :value="model.parameters" :rows="10" />
+      </el-form-item>
+      <el-form-item label="结果：">
+        <el-input type="textarea" :value="model.result" :rows="10" />
+      </el-form-item>
+    </el-form>
+  </nm-drawer>
+</template>
+<script>
+import { mixins } from 'netmodular-ui'
+
+// 接口
+const api = $api.admin.auditInfo
+
+export default {
+  mixins: [mixins.drawer],
+  data() {
+    return {
+      drawer: {
+        header: true,
+        title: '审计日志详情',
+        icon: 'log',
+        width: '600px',
+        draggable: true
+      },
+      model: {}
+    }
+  },
+  props: ['id'],
+  methods: {
+    get() {
+      if (this.id === '') {
+        this._warning('请选择要查看的数据~')
+        return
+      }
+      api.details(this.id).then(data => {
+        this.model = data
+      })
+    }
+  },
+  watch: {
+    id() {
+      if (this.id > 0) {
+        this.get()
+      }
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,63 @@
+export default [
+  {
+    name: 'id',
+    label: '编号',
+    show: false
+  },
+  {
+    name: 'accountName',
+    label: '账户',
+    export: {
+      width: 15
+    }
+  },
+  {
+    name: 'module',
+    label: '模块',
+    export: {
+      width: 15
+    }
+  },
+  {
+    name: 'controller',
+    label: '控制器',
+    export: {
+      width: 15
+    }
+  },
+  {
+    name: 'action',
+    label: '方法',
+    export: {
+      width: 15
+    }
+  },
+  {
+    name: 'platformName',
+    label: '平台',
+    export: {
+      width: 15
+    }
+  },
+  {
+    name: 'ip',
+    label: 'IP',
+    export: {
+      width: 15
+    }
+  },
+  {
+    name: 'executionTime',
+    label: '执行时间',
+    export: {
+      width: 20
+    }
+  },
+  {
+    name: 'executionDuration',
+    label: '执行用时(ms)',
+    export: {
+      width: 15
+    }
+  }
+]