odjbin/tunnel-cloud-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

邓洁: 用户管理修改细节

Browse Source
This commit is contained in:
邓洁
2023-12-18 23:23:27 +08:00
parent e4fada8d75
commit e828ded44f
1 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/user/index.vue
View File

@@ -41,7 +41,9 @@
<el-table-column prop="identity" label="身份" align="center"/> <el-table-column prop="identity" label="身份" align="center"/>
<el-table-column label="操作" align="center"> <el-table-column label="操作" align="center">
<template #default> <template #default>
<el-button link type="primary" size="large" style="font-size: 40px;color: #17E1E2;" @click="editUser">修改</el-button> <el-button link type="primary" size="large" style="font-size: 40px;color: #17E1E2;" @click="editUser">
修改
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -164,20 +166,20 @@ const formRules = ref({
account: [{required: true, message: '请输入站点名称', trigger: 'blur'}], account: [{required: true, message: '请输入站点名称', trigger: 'blur'}],
password: [{required: true, message: '请输入密码', trigger: 'blur'}] password: [{required: true, message: '请输入密码', trigger: 'blur'}]
}) })
const checkList=ref([ const checkList = ref([
{ label: "系统管理员", value: 111 }, {label: "系统管理员", value: 111},
{ label: "站点管理员", value: 222 }, {label: "站点管理员", value: 222},
{ label: "隧道管理员", value: 333 }, {label: "隧道管理员", value: 333},
{ label: "巡查员", value: 444 } {label: "巡查员", value: 444}
]) ])
const multipleTable=ref() const multipleTable = ref()
const addUser = () => { const addUser = () => {
isVisited.value = true isVisited.value = true
} }
const editUser = () => { const editUser = () => {
isVisited.value = true isVisited.value = true
} }
const handleAll=()=>{ const handleAll = () => {
multipleTable.value.toggleAllSelection() multipleTable.value.toggleAllSelection()
} }
</script> </script>
@@ -390,18 +392,21 @@ const handleAll=()=>{
} }
} }
} }
:deep(.el-checkbox-group){
:deep(.el-checkbox-group) {
margin-top: 10px; margin-top: 10px;
} }
:deep(.el-checkbox__label){
color: #FFFFFF; :deep(.el-checkbox__label) {
font-size: 38px; color: #FFFFFF;
} font-size: 38px;
}
.pagination { .pagination {
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
bottom: 290px; bottom: 90px;
display: flex; display: flex;
align-items: center; align-items: center;
color: #60DDDE; color: #60DDDE;