mengyxu
/
noob-components
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

update

master
许孟阳 1 year ago
parent
4f20b48b37
commit
15090df880
8 changed files with 135 additions and 43 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 45
      examples/App.vue
  2. 2
      package.json
  3. 15
      packages/manage/router/index.vue
  4. 35
      packages/manage/views/permission.vue
  5. 1
      packages/manage/views/status.vue
  6. 18
      plugs/api/user.ts
  7. 59
      plugs/element/index.ts
  8. 3
      plugs/store/index.ts

45
examples/App.vue
Unescape View File

@ -10,28 +10,29 @@ import { Index, Views } from "noob-mengyxu"; @@ -10,28 +10,29 @@ import { Index, Views } from "noob-mengyxu";
const store = useStore();
const { buff, dictionary, config, permission, role, user, status, log } = Views.menus;
const menus = [
{
i18n: "menu.home", path: "home", icon: "HomeFilled"
},
{
i18n: "menu.operator", path: "operator", icon: "Platform", children: [
buff, dictionary, config, permission, role, user, status, log
]
},
{
i18n: "menu.base", path: "base", icon: "House", children: [
{ i18n: "menu.table", path: "table", icon: "List" },
{ i18n: "menu.form", path: "form", icon: "Postcard" },
]
},
{
i18n: "menu.tool", path: "tool", icon: "Tools", children: [
{ i18n: "menu.terminal", path: "terminal", icon: "Platform" },
{ i18n: "menu.color", path: "color", icon: "MagicStick" },
]
}
]
// const menus = [
// {
// i18n: "menu.home", path: "home", icon: "HomeFilled"
// },
// {
// i18n: "menu.operator", path: "operator", icon: "Platform", children: [
// buff, dictionary, config, permission, role, user, status, log
// ]
// },
// {
// i18n: "menu.base", path: "base", icon: "House", children: [
// { i18n: "menu.table", path: "table", icon: "List" },
// { i18n: "menu.form", path: "form", icon: "Postcard" },
// ]
// },
// {
// i18n: "menu.tool", path: "tool", icon: "Tools", children: [
// { i18n: "menu.terminal", path: "terminal", icon: "Platform" },
// { i18n: "menu.color", path: "color", icon: "MagicStick" },
// ]
// }
// ]
const menus = null;
onMounted(() => { });

2
package.json
Unescape View File

@ -1,6 +1,6 @@ @@ -1,6 +1,6 @@
{
"name": "noob-mengyxu",
"version": "0.2.11",
"version": "0.3.0",
"main": "index.ts",
"module": "index.ts",
"keywords": [

15
packages/manage/router/index.vue
Unescape View File

@ -2,9 +2,8 @@ @@ -2,9 +2,8 @@
<el-container :style="appMain" ref="main" v-show="!flag.loading">
<el-header v-show="state.size.headHeight != '0px'" class="app-head" :height="state.size.headHeight">
<Head :title="title" @updatePwd="pwd => emit('updatePwd', pwd)" @logout="emit('logout')" :styleAble="styleAble"
:sizeAble="sizeAble" :langAble="langAble" :center="center" :username="username" :closeAble="closeAble"
:logo="logo" />
<Head :title="title" @updatePwd="updatePwd" @logout="onLogout" :styleAble="styleAble" :sizeAble="sizeAble"
:langAble="langAble" :center="center" :username="username" :closeAble="closeAble" :logo="logo" />
</el-header>
<el-container id="container">
<el-aside v-show="state.size.asideWidth != '0px'" :width="state.size.asideWidth">
@ -22,6 +21,7 @@ import { reactive, onMounted, ref, onBeforeUnmount } from "vue"; @@ -22,6 +21,7 @@ import { reactive, onMounted, ref, onBeforeUnmount } from "vue";
import { useStore } from "vuex";
import { useRouter } from "vue-router";
import { MenuTree, Head, Api } from "noob-mengyxu"
import md5 from "js-md5";
const { state, commit, dispatch } = useStore();
const emit = defineEmits(['updatePwd', 'logout']);
@ -112,8 +112,17 @@ const onLogout = () => { @@ -112,8 +112,17 @@ const onLogout = () => {
});
}
const updatePwd = pwd => {
pwd.old = md5(pwd.old);
pwd.new = md5(pwd.new);
pwd.reNew = md5(pwd.reNew);
emit('updatePwd', pwd);
Api.user.updatePwd(pwd);
}
onMounted(() => {
router.push("/")
dispatch("getMenus");
getUser(true);
interval = setInterval(getUser, 5000);
window.onresize = onResize;

35
packages/manage/views/permission.vue
Unescape View File

@ -4,15 +4,8 @@ @@ -4,15 +4,8 @@
</SearchRow>
<ListTable @query="query" :props="props" :example="example" :data="result" rowKey="id"
:treeProps="{ children: 'children' }">
<template #status="{ row }">
<div slot="reference" class="name-wrapper">
<NoobTag v-if="row.status == 'A'">
{{ t('base.active') }}
</NoobTag>
<NoobTag v-else type="danger">
{{ t('base.inactive') }}
</NoobTag>
</div>
<template #desc="{ row }">
<component class="icon" :is="row.desc"></component>
</template>
<template #action="{ row }">
<TableAction :add="row.parent == null" @modify="modify(row)" @del="delate(row)" @add="addPermission(row)" />
@ -27,6 +20,16 @@ @@ -27,6 +20,16 @@
<NoobInput v-model="permission.id" full :placeholder="t('rule.pleaseEnter') + t('permission.prop.1')"
:disabled="!flag.add" />
</template>
<template #desc>
<el-select-v2 :size="state.size.size" class="form-item full" v-model="permission.desc" filterable
:options="icons.map(i => ({ value: i, label: i }))"
:placeholder="t('rule.pleaseSelect') + t('permission.prop.2')">
<template #default="{ item }">
<component class="icon" :is="item.value"></component>
{{ item.value }}
</template>
</el-select-v2>
</template>
<template #perOrder>
<NoobSelect v-model="permission.perOrder" full :max-value="99"
:placeholder="t('rule.pleaseSelect') + t('permission.prop.4')" />
@ -41,7 +44,7 @@ import { reactive, onMounted, ref } from "vue"; @@ -41,7 +44,7 @@ import { reactive, onMounted, ref } from "vue";
import { Api, PageExample, ListTable, SearchRow, NoobInput, TableAction, NoobTag, NoobSelect, ModifyForm, Element } from "noob-mengyxu";
import { useI18n } from "vue3-i18n";
const { t } = useI18n();
const { SimpleRequired } = Element;
const { SimpleRequired, icons } = Element;
const { state, dispatch } = useStore();
const { list, add, set, del } = Api.permission;
const result = ref([]);
@ -65,7 +68,7 @@ const props = [ @@ -65,7 +68,7 @@ const props = [
{ i18n: 'permission.prop.2', code: 'desc', slot: true, width: 80 },
{ i18n: 'permission.prop.3', code: 'perLevel', dict: 'per_level', width: 80 },
{ i18n: 'permission.prop.4', code: 'perOrder', width: 80 },
{ i18n: 'permission.prop.5', code: 'status', dict: 'able_status', width: 80 },
{ i18n: 'permission.prop.5', code: 'perStatus', dict: 'able_status', width: 80 },
{ i18n: 'permission.prop.6', code: 'perContent', width: 230 },
{ i18n: 'permission.prop.7', code: 'action', slot: true, width: 180, fixed: 'right' },
]
@ -76,7 +79,7 @@ const items = [ @@ -76,7 +79,7 @@ const items = [
{ i18n: 'permission.prop.3', code: 'perLevel', dict: 'per_level', disabled: true },
{ i18n: 'permission.prop.0', code: 'name' },
{ i18n: 'permission.prop.6', code: 'perContent' },
{ i18n: 'permission.prop.2', code: 'desc' },
{ i18n: 'permission.prop.2', code: 'desc', slot: true },
{ i18n: 'permission.prop.4', code: 'perOrder', slot: true },
{ i18n: 'permission.prop.5', code: 'perStatus', dict: 'able_status' },
]
@ -134,4 +137,12 @@ onMounted(() => { @@ -134,4 +137,12 @@ onMounted(() => {
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
.icon {
// margin-left: -15px;
margin-right: 10px;
width: 18px;
height: 18px;
// width: v-bind('state.size.menuIconSize');
// height: v-bind('state.size.menuIconSize');
}
</style>

1
packages/manage/views/status.vue
Unescape View File

@ -1,4 +1,5 @@ @@ -1,4 +1,5 @@
<template>
<h1>功能待添加</h1>
</template>
<script lang="ts" setup>

18
plugs/api/user.ts
Unescape View File

@ -1,5 +1,6 @@ @@ -1,5 +1,6 @@
import { get, post, put, delate } from '../http/axios';
const root = 'user';
const pwdUrl = 'user/password';
export const list = (example) => {
return new Promise((resolve, reject) => {
@ -35,6 +36,23 @@ export const add = (user) => { @@ -35,6 +36,23 @@ export const add = (user) => {
});
};
export const updatePwd = (pwd) => {
return new Promise((resolve, reject) => {
put(pwdUrl, pwd).then(
(rsp: any) => {
if (rsp) {
resolve(rsp);
} else {
resolve(false);
}
},
(err) => {
resolve(false);
}
);
});
};
export const set = (user) => {
return new Promise((resolve, reject) => {
put(root, user).then(

59
plugs/element/index.ts
Unescape View File

@ -1,2 +1,57 @@ @@ -1,2 +1,57 @@
export * from "./message";
export * from "./rule";
export * from './message';
export * from './rule';
export const icons = [
'Search',
'Female',
'House',
'Link',
'Service',
'Pointer',
'Star',
'Notification',
'Connection',
'ChatDotRound',
'Setting',
'Clock',
'Position',
'View',
'Hide',
'Unlock',
'Lock',
'Refresh',
'Bell',
'User',
'UserFilled',
'CircleCheck',
'Warning',
'WarningFilled',
'WarnTriangleFilled',
'Filter',
'EditPen',
'Edit',
'Message',
'Tools',
'HomeFilled',
'Histogram',
'Document',
'Notebook',
'Tickets',
'Collection',
'Postcard',
'DataBoard',
'DataAnalysis',
'DataLine',
'TrendCharts',
'Files',
'Folder',
'List',
'Monitor',
'Iphone',
'Platform',
'OfficeBuilding',
'School',
'Cpu',
'MagicStick',
'Coin',
];

3
plugs/store/index.ts
Unescape View File

@ -55,9 +55,6 @@ export class Actions { @@ -55,9 +55,6 @@ export class Actions {
getMenus = ({ state, commit }) => {
getMenus().then((rsp) => commit('updateState', ['menus', rsp]));
};
logout = ({ state, commit }) => {
logout().then((rsp) => window.location.reload());
};
}
export class Mutations {

Write Preview
Loading…
Cancel
Save