HelloGithub/hellogithub-vue
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gengx

Browse Source
This commit is contained in:
Zhang HaoYang
2023-07-10 23:09:06 +08:00
parent c7841414db
commit c79e4e0bbb
9 changed files with 747 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/components/System/Manage/systemManage.vue
View File

@@ -1,62 +1,71 @@
<template>
<div>
<div style="display: flex;justify-content: flex-start">
<el-button type="primary" @click="addAdmin" icon="el-icon-plus">新增</el-button>
<div class="HeadLine">
<div class="HeadSquare"></div>
<div class="TitleFont">文章管理</div>
</div>
<el-table
border
stripe
:data="dataTable"
style="width: 100%;margin-top: 20px">
<el-table-column
prop="adminId"
label="ID"
sortable
align="center"
>
</el-table-column>
<el-table-column
prop="adminName"
align="center"
label="管理员">
</el-table-column>
<el-table-column
prop="adminPassword"
align="center"
label="密码">
</el-table-column>
<el-table-column
prop="loginTime"
align="center"
label="登录时间">
</el-table-column>
<el-table-column
prop="isValid"
align="center"
label="是否有效">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isValid"
:active-value="1"
:inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949"
@change="handleChangeStatus($event,scope.row.adminId)"
>
</el-switch>
</template>
</el-table-column>
<div style="height:50px;width:100%;"></div>
<el-card shadow="always" class="card_style">
<div style="display: flex;justify-content: flex-start">
<el-button type="primary" @click="addAdmin" icon="el-icon-plus">新增</el-button>
</div>
<el-table
:header-row-style="{height:'20px'}" :cell-style="{padding:'8px'}" border
:data="dataTable"
style="width: 100%;margin-top: 20px">
<el-table-column
prop="adminId"
label="ID"
sortable
align="center"
>
</el-table-column>
<el-table-column
prop="adminName"
align="center"
label="管理员">
</el-table-column>
<el-table-column
prop="adminPassword"
align="center"
label="密码">
</el-table-column>
<el-table-column
prop="loginTime"
align="center"
label="登录时间">
</el-table-column>
<el-table-column
prop="isValid"
align="center"
label="是否有效">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isValid"
:active-value="1"
:inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949"
@change="handleChangeStatus($event,scope.row.adminId)"
>
</el-switch>
</template>
</el-table-column>
<el-table-column width="150" label="操作" fixed="right" align="center">
<template slot-scope="scope">
<div class="ButtonBlock">
<img class="MyButton" @click="handleEdit(scope.row)"
src="../../../assets/images/EditButton.svg" style="width:60px">
<img class="MyButton" @click="handleDelete(scope.row)"
src="../../../assets/images/DeleteButton.svg" style="width:60px">
</div>
</template>
</el-table-column>
</el-table>
</el-card>
<el-table-column
fixed="right"
align="center"
label="操作">
<template slot-scope="scope">
<el-button type="primary" icon="el-icon-edit" @click="handleEdit(scope.row)" size="small" circle></el-button>
<el-button type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)" circle size="small"></el-button>
</template>
</el-table-column>
</el-table>
<el-dialog :title="modalType === 0 ? '添加' : '编辑'" :visible.sync="dialogVisible" width="26%"
append-to-body