haiwei-module-admin 1.0.0

package/src/views/log/login-log/page.js

@@ -0,0 +1,27 @@
+/** 页面信息 */
+const page = new (function() {
+  this.title = '登录日志'
+  this.icon = 'log'
+  this.name = 'admin_log_login'
+  this.path = '/admin/log/login'
+
+  // 关联权限
+  this.permissions = [`${this.name}_get`]
+  this.buttons = {
+    export: {
+      text: '导出',
+      type: 'text',
+      icon: 'export',
+      code: `${this.name}_export`,
+      permissions: [`${this.name}export_post`]
+    }
+  }
+})()
+
+/** 路由信息 */
+export const route = {
+  page,
+  component: () => import(/* webpackChunkName: "admin.log" */ './index')
+}
+
+export default page

package/src/views/menu/components/add/components/link/index.vue

@@ -0,0 +1,106 @@
+<template>
+  <nm-form ref="form" v-bind="form" v-on="on">
+    <el-row :gutter="50">
+      <el-col :span="20" :offset="2">
+        <el-form-item label="父节点">
+          <el-input v-model="parent.path" disabled />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="菜单名称：" prop="name">
+          <el-input v-model="form.model.name" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="链接：" prop="url">
+          <el-input v-model="form.model.url" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="图标：" prop="icon">
+          <nm-icon-picker v-model="form.model.icon" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="图标颜色：" prop="iconColor">
+          <nm-color-picker v-model="form.model.iconColor" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="打开方式：" prop="target">
+          <nm-enum-select v-model="form.model.target" module-code="admin" enum-name="MenuTarget" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <div v-show="dialogTarget">
+      <el-row :gutter="50">
+        <el-col :span="10" :offset="2">
+          <el-form-item label="宽度：" prop="dialogWidth">
+            <el-input v-model="form.model.dialogWidth" placeholder="默认 60%" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="10">
+          <el-form-item label="高度：" prop="dialogHeight">
+            <el-input v-model="form.model.dialogHeight" placeholder="默认 70%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="50">
+        <el-col :span="10" :offset="2">
+          <el-form-item label="可全屏：" prop="dialogFullscreen">
+            <el-switch v-model="form.model.dialogFullscreen" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </div>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="排序：" prop="sort">
+          <el-input v-model="form.model.sort" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="显示：" prop="show">
+          <el-switch v-model="form.model.show" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="20" :offset="2">
+        <el-form-item label="备注：" prop="remarks">
+          <el-input v-model="form.model.remarks" type="textarea" :rows="2" placeholder="请输入内容"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form>
+</template>
+<script>
+import mixins from '../mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      route: '',
+      form: {
+        model: {
+          type: 2
+        },
+        rules: {
+          url: [{ type: 'url', message: '请输入正确的链接格式' }]
+        }
+      }
+    }
+  },
+  computed: {
+    dialogTarget() {
+      return this.form.model.target === 2
+    }
+  }
+}
+</script>

package/src/views/menu/components/add/components/mixins.js

@@ -0,0 +1,83 @@
+export default {
+  data() {
+    return {
+      form: {
+        noLoading: true,
+        action: $api.admin.menu.add,
+        model: {
+          // 所属模块
+          moduleCode: '',
+          // 父节点ID
+          parentId: '',
+          // 类型
+          type: 0,
+          // 名称
+          name: '',
+          // 路由名称
+          routeName: '',
+          // 路由参数
+          routeParams: '',
+          // 路由参数
+          routeQuery: '',
+          // 图标
+          icon: '',
+          // 图标颜色
+          iconColor: '',
+          // url链接
+          url: '',
+          // 是否显示
+          show: true,
+          // 链接打开目标
+          target: 0,
+          // 对话框宽度
+          dialogWidth: '',
+          // 对话框高度
+          dialogHeight: '',
+          // 对话框可全屏
+          dialogFullscreen: true,
+          // 排序
+          sort: 0,
+          // 备注
+          remarks: ''
+        },
+        rules: {
+          name: [{ required: true, message: '请输入菜单名称' }]
+        }
+      },
+      on: {
+        success: this.onSuccess,
+        error: this.onError,
+        'validate-error': this.onValidateError
+      }
+    }
+  },
+  props: ['parent', 'sort'],
+  methods: {
+    submit() {
+      if (this.submitBefore) {
+        this.submitBefore()
+      }
+      this.$refs.form.submit()
+    },
+    reset() {
+      this.$nextTick(() => {
+        this.$refs.form.reset()
+        this.setProps()
+      })
+    },
+    setProps() {
+      this.form.model.parentId = this.parent.id
+      this.form.model.sort = this.sort
+    },
+    onSuccess(id) {
+      this.form.model.id = id
+      this.$emit('success', { id, label: this.form.model.name, item: Object.assign({}, this.form.model) })
+    },
+    onError() {
+      this.$emit('error')
+    },
+    onValidateError() {
+      this.$emit('validate-error')
+    }
+  }
+}

package/src/views/menu/components/add/components/node/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <nm-form ref="form" v-bind="form" v-on="on">
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="父节点">
+          <el-input v-model="parent.path" disabled />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="菜单名称：" prop="name">
+          <el-input v-model="form.model.name" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="图标：" prop="icon">
+          <nm-icon-picker v-model="form.model.icon" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="图标颜色：" prop="iconColor">
+          <nm-color-picker v-model="form.model.iconColor" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="排序：" prop="sort">
+          <el-input v-model="form.model.sort" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="显示：" prop="show">
+          <el-switch v-model="form.model.show" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="20" :offset="2">
+        <el-form-item label="备注：" prop="remarks">
+          <el-input v-model="form.model.remarks" type="textarea" :rows="2" placeholder="请输入内容"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form>
+</template>
+<script>
+import mixins from '../mixins'
+export default {
+  mixins: [mixins]
+}
+</script>

package/src/views/menu/components/add/components/route/index.vue

@@ -0,0 +1,122 @@
+<template>
+  <nm-form ref="form" v-bind="form" v-on="on">
+    <el-row :gutter="50">
+      <el-col :span="20" :offset="2">
+        <el-form-item label="父节点">
+          <el-input v-model="parent.path" disabled />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="所属模块：" prop="moduleCode">
+          <nm-module-select v-model="form.model.moduleCode" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="选择页面：" prop="route">
+          <el-select v-model="form.model.routeName" placeholder="请选择" @change="onPageChange">
+            <el-option v-for="p in pages" :key="p.code" :label="p.name" :value="p.code">
+              <span>{{ p.name }}__{{ p.code }}</span>
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="菜单名称：" prop="name">
+          <el-input v-model="form.model.name" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="路由名称：" prop="routeName">
+          <el-input v-model="form.model.routeName" disabled />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="路由参数：" prop="routeParams">
+          <el-input v-model="form.model.routeParams" type="textarea" :rows="2" placeholder="params"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="路由参数：" prop="routeQuery">
+          <el-input v-model="form.model.routeQuery" type="textarea" :rows="2" placeholder="query"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="图标：" prop="icon">
+          <nm-icon-picker v-model="form.model.icon" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="图标颜色：" prop="iconColor">
+          <nm-color-picker v-model="form.model.iconColor" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="排序：" prop="sort">
+          <el-input v-model="form.model.sort" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="显示：" prop="show">
+          <el-switch v-model="form.model.show" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="20" :offset="2">
+        <el-form-item label="备注：" prop="remarks">
+          <el-input v-model="form.model.remarks" type="textarea" :rows="2" placeholder="请输入内容"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form>
+</template>
+<script>
+import { mapState } from 'vuex'
+import mixins from '../mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      form: {
+        model: {
+          type: 1
+        },
+        rules: {
+          moduleCode: [{ required: true, message: '请选择模块' }],
+          routeName: [{ required: true, message: '请选择路由名称' }]
+        }
+      }
+    }
+  },
+  computed: {
+    ...mapState('app/page', { allPages: s => s.pages }),
+    pages() {
+      if (!this.form.model.moduleCode) return []
+      return this.allPages.filter(m => m.moduleCode.toLowerCase() === this.form.model.moduleCode.toLowerCase())
+    }
+  },
+  methods: {
+    onPageChange(val) {
+      for (var i = 0; i < this.pages.length; i++) {
+        let page = this.pages[i]
+        if (page.code === val) {
+          this.form.model.name = page.name
+          this.form.model.routeName = page.code
+          this.form.model.icon = page.icon
+          break
+        }
+      }
+    }
+  }
+}
+</script>

package/src/views/menu/components/add/index.vue

@@ -0,0 +1,86 @@
+<template>
+  <nm-dialog v-bind="dialog" @open="onOpen" :visible.sync="visible_">
+    <el-tabs class="nm-dialog-tabs" v-model="tab" type="card" @tab-click="setProps">
+      <el-tab-pane name="node">
+        <span slot="label"> <nm-icon name="node" />节点 </span>
+        <node-menu ref="node" :parent="parent" :sort="sort" v-on="on" />
+      </el-tab-pane>
+      <el-tab-pane name="route">
+        <span slot="label"> <nm-icon name="link" />路由菜单 </span>
+        <route-menu ref="route" :parent="parent" :sort="sort" v-on="on" />
+      </el-tab-pane>
+      <el-tab-pane name="link">
+        <span slot="label"> <nm-icon name="transmit" />链接菜单 </span>
+        <link-menu ref="link" :parent="parent" :sort="sort" v-on="on" />
+      </el-tab-pane>
+    </el-tabs>
+    <template v-slot:footer>
+      <nm-button text="添加" type="success" @click="onSubmit" />
+      <nm-button text="重置" type="info" @click="onReset" />
+    </template>
+  </nm-dialog>
+</template>
+<script>
+import { mixins } from 'netmodular-ui'
+import NodeMenu from './components/node'
+import RouteMenu from './components/route'
+import LinkMenu from './components/link'
+export default {
+  mixins: [mixins.dialog],
+  components: { NodeMenu, RouteMenu, LinkMenu },
+  data() {
+    return {
+      tab: 'node',
+      dialog: {
+        footer: true,
+        title: '添加菜单',
+        icon: 'add',
+        width: '60%',
+        class: 'nm-admin-menu-add',
+        loading: false,
+        draggable: true
+      },
+      on: {
+        success: this.onSuccess,
+        error: this.onError,
+        'validate-error': this.onValidateError
+      }
+    }
+  },
+  props: ['parent', 'sort'],
+  methods: {
+    onSubmit() {
+      this.dialog.loading = true
+      this.$refs[this.tab].submit()
+    },
+    onReset() {
+      this.$nextTick(() => {
+        this.$refs[this.tab].reset()
+      })
+    },
+    setProps() {
+      this.$refs[this.tab].setProps()
+    },
+    onSuccess(model) {
+      this.dialog.loading = false
+      this.$emit('success', model)
+    },
+    onError() {
+      this.dialog.loading = false
+    },
+    onValidateError() {
+      this.dialog.loading = false
+    },
+    onOpen() {
+      this.onReset()
+    }
+  }
+}
+</script>
+<style lang="scss">
+.nm-admin-menu-add {
+  .el-scrollbar__view {
+    padding: 0 !important;
+  }
+}
+</style>

package/src/views/menu/components/edit/components/link/index.vue

@@ -0,0 +1,106 @@
+<template>
+  <nm-form ref="form" v-bind="form" v-on="on">
+    <el-row :gutter="50">
+      <el-col :span="20" :offset="2">
+        <el-form-item label="父节点">
+          <el-input v-model="parent.path" disabled />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="菜单名称：" prop="name">
+          <el-input v-model="form.model.name" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="链接：" prop="url">
+          <el-input v-model="form.model.url" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="图标：" prop="icon">
+          <nm-icon-picker v-model="form.model.icon" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="图标颜色：" prop="iconColor">
+          <nm-color-picker v-model="form.model.iconColor" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="打开方式：" prop="target">
+          <nm-enum-select v-model="form.model.target" module-code="admin" enum-name="MenuTarget" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <div v-show="dialogTarget">
+      <el-row :gutter="50">
+        <el-col :span="10" :offset="2">
+          <el-form-item label="宽度：" prop="dialogWidth">
+            <el-input v-model="form.model.dialogWidth" placeholder="默认 60%" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="10">
+          <el-form-item label="高度：" prop="dialogHeight">
+            <el-input v-model="form.model.dialogHeight" placeholder="默认 70%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="50">
+        <el-col :span="10" :offset="2">
+          <el-form-item label="可全屏：" prop="dialogFullscreen">
+            <el-switch v-model="form.model.dialogFullscreen" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </div>
+    <el-row :gutter="50">
+      <el-col :span="10" :offset="2">
+        <el-form-item label="排序：" prop="sort">
+          <el-input v-model="form.model.sort" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="显示：" prop="show">
+          <el-switch v-model="form.model.show" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="50">
+      <el-col :span="20" :offset="2">
+        <el-form-item label="备注：" prop="remarks">
+          <el-input v-model="form.model.remarks" type="textarea" :rows="2" placeholder="请输入内容"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form>
+</template>
+<script>
+import mixins from '../mixins'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      route: '',
+      form: {
+        model: {
+          type: 2
+        },
+        rules: {
+          url: [{ type: 'url', message: '请输入正确的链接格式' }]
+        }
+      }
+    }
+  },
+  computed: {
+    dialogTarget() {
+      return this.form.model.target === 2
+    }
+  }
+}
+</script>

package/src/views/menu/components/edit/components/mixins.js

@@ -0,0 +1,80 @@
+export default {
+  data() {
+    return {
+      form: {
+        noLoading: true,
+        action: $api.admin.menu.update,
+        model: {
+          // 所属模块
+          moduleCode: '',
+          // 父节点ID
+          parentId: '',
+          // 类型
+          type: 0,
+          // 名称
+          name: '',
+          // 路由名称
+          routeName: '',
+          // 路由参数
+          routeParams: '',
+          // 路由参数
+          routeQuery: '',
+          // 图标
+          icon: '',
+          // 图标颜色
+          iconColor: '',
+          // url链接
+          url: '',
+          // 是否显示
+          show: true,
+          // 链接打开目标
+          target: 0,
+          // 对话框宽度
+          dialogWidth: '',
+          // 对话框高度
+          dialogHeight: '',
+          // 可全屏
+          dialogFullscreen: true,
+          // 排序
+          sort: 0,
+          // 备注
+          remarks: ''
+        },
+        rules: {
+          name: [{ required: true, message: '请输入菜单名称' }]
+        }
+      },
+      on: {
+        success: this.onSuccess,
+        error: this.onError,
+        'validate-error': this.onValidateError
+      }
+    }
+  },
+  props: ['model', 'parent'],
+  methods: {
+    submit() {
+      if (this.submitBefore) {
+        this.submitBefore()
+      }
+      this.$refs.form.submit()
+    },
+    reset() {
+      this.$nextTick(() => {
+        this.$refs.form.reset()
+      })
+    },
+    setModel() {
+      this.form.model = this.model
+    },
+    onSuccess() {
+      this.$emit('success', { id: this.form.model.id, label: this.form.model.name, item: Object.assign({}, this.form.model) })
+    },
+    onError() {
+      this.$emit('error')
+    },
+    onValidateError() {
+      this.$emit('validate-error')
+    }
+  }
+}