WxxyDeveloper/JSL_OrganizeInternalOAWeb_Archive
9
0
Fork 0
mirror of https://gitee.com/XiaoLFeng/JSL_OrganizeInternalOA_Web.git synced 2025-06-08 11:43:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

管理界面完善3.1

Browse Source
This commit is contained in:
妖姐 2024-01-20 03:51:48 +08:00
parent 168d658f7a
commit f6dc436f22
3 changed files with 34 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/manager/Data/Index.vue
View File

@ -15,13 +15,32 @@
<NumberInfo sub-title="近30日活跃设备" total="50,193" sub-total="5.3" status="down" /> <NumberInfo sub-title="近30日活跃设备" total="50,193" sub-total="5.3" status="down" />
</Col> </Col>
</Row> </Row>
<div style="display: flex; flex-direction: row; ">
<Carousel autoplay v-model="value" loop style="height: 500px; width: 500px; background-color: aqua">
<CarouselItem>
<div class="demo-carousel">1</div>
</CarouselItem>
<CarouselItem>
<div class="demo-carousel">2</div>
</CarouselItem>
<CarouselItem>
<div class="demo-carousel">3</div>
</CarouselItem>
<CarouselItem>
<div class="demo-carousel">4</div>
</CarouselItem>
</Carousel>
</div>
</template> </template>
<script>
import {GridItem, NumberInfo, Row} from "view-ui-plus";
export default {
components: {NumberInfo, Row, GridItem}
}
<script setup>
import {Carousel, CarouselItem, GridItem, NumberInfo, Row} from "view-ui-plus";
import {ref} from "vue";
const value = ref(0)
</script> </script>

15
src/manager/Data/UserManage.vue
View File

@ -21,7 +21,7 @@
} }
</style> </style>
<template> <template>
<div style="width: 85vw;height:90vh;position: relative"> <div style="width: 80vw;height:90vh;position: relative">
<div style="padding:20px 10px;"> <div style="padding:20px 10px;">
<Space> <Space>
<span>用户id:</span> <span>用户id:</span>
@ -42,7 +42,7 @@
</Space> </Space>
</div> </div>
<div style="width: 85vw; height: 78vh"> <div style="width: 85vw; height: 78vh">
<Table border ref="selection" :columns="columns" :data="data" style="height: 72vh ;text-align: center" :row-class-name="setRowClassName" > <Table border ref="selection" :columns="columns" :data="data" style="height: 72vh ;text-align: center" width="100%" :row-class-name="setRowClassName" >
<template #status="{ row, index }"> <template #status="{ row, index }">
@ -80,7 +80,6 @@
</Modal> </Modal>
<Modal <Modal
v-model="deleteDialog" v-model="deleteDialog"
title="删除" title="删除"
@ -117,7 +116,7 @@ export default {
columns: [ columns: [
{ {
type: "selection", type: "selection",
width: 60, // width: 60,
align: "center" align: "center"
}, },
{ {
@ -143,7 +142,7 @@ export default {
{ {
title: "状态", title: "状态",
slot: "status", slot: "status",
width: 100, // width: 100,
align: "center", align: "center",
}, },
{ {
@ -159,7 +158,7 @@ export default {
{ {
title: "操作", title: "操作",
slot: "action", slot: "action",
width: 150, // width: 150,
align: "center" align: "center"
} }
], ],
@ -168,9 +167,7 @@ export default {
}, },
methods: { methods: {
onMounted(){
console.log(1)
},
test(){ test(){
requests.userAllCurrent(this.AllUser, this.token).then((res)=>{ requests.userAllCurrent(this.AllUser, this.token).then((res)=>{
console.log(res) console.log(res)

8
src/manager/LeftBar.vue
View File

@ -15,11 +15,11 @@ Submenu>MenuItem{
</style> </style>
<template> <template>
<div class="layout" style="height: 92vh"> <div class="layout" style="height: 92vh;">
<Layout> <Layout >
<Layout> <Layout>
<Sider hide-trigger :style="{background: '#fff'}"> <Sider hide-trigger :style="{background: '#fff'}" style="width: 20vw">
<Menu active-name="0-1" theme="light" width="auto" :open-names="['1']"> <Menu active-name="0-1" theme="light" width="auto" :open-names="['1']">
<MenuItem name="0-1" @click="navigateTo('/manager')" style="text-align: center;">首页</MenuItem> <MenuItem name="0-1" @click="navigateTo('/manager')" style="text-align: center;">首页</MenuItem>
@ -29,7 +29,7 @@ Submenu>MenuItem{
<Icon type="ios-cog"></Icon> <Icon type="ios-cog"></Icon>
系统管理 系统管理
</template> </template>
<MenuItem name="1-1" @click="navigateTo('/manager/UserManage')" style="text-align: center;left:-15px">用户管理</MenuItem> <MenuItem name="1-1" @click="navigateTo('/manager/UserManage')" style="text-align: center;">用户管理</MenuItem>
<MenuItem name="1-2" @click="navigateTo('/manager/RoleManage')" style="text-align: center;left:-15px">角色管理</MenuItem> <MenuItem name="1-2" @click="navigateTo('/manager/RoleManage')" style="text-align: center;left:-15px">角色管理</MenuItem>
<MenuItem name="1-3" @click="navigateTo('/manager/PermissionsManage')" style="text-align: center;left:-15px">权限管理</MenuItem> <MenuItem name="1-3" @click="navigateTo('/manager/PermissionsManage')" style="text-align: center;left:-15px">权限管理</MenuItem>
<MenuItem name="1-4" @click="navigateTo('/manager/LogManage')" style="text-align: center;left:-15px">日志管理</MenuItem> <MenuItem name="1-4" @click="navigateTo('/manager/LogManage')" style="text-align: center;left:-15px">日志管理</MenuItem>