WxxyDeveloper/JSL_OrganizeInternalOAWeb_Archive
9
0
Fork 0
mirror of https://gitee.com/XiaoLFeng/JSL_OrganizeInternalOA_Web.git synced 2025-06-08 03:33:03 +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" />
</Col>
</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>
<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>

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

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

8
src/manager/LeftBar.vue
View File

@ -15,11 +15,11 @@ Submenu>MenuItem{
</style>
<template>
<div class="layout" style="height: 92vh">
<Layout>
<div class="layout" style="height: 92vh;">
<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']">
<MenuItem name="0-1" @click="navigateTo('/manager')" style="text-align: center;">首页</MenuItem>
@ -29,7 +29,7 @@ Submenu>MenuItem{
<Icon type="ios-cog"></Icon>
系统管理
</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-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>