diff --git a/src/views/login/index.vue b/src/views/login/index.vue index b8ac2d9..56a2938 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -47,6 +47,8 @@ const authStore = useAuthStore(); const loginForm = reactive({ username: "admin", password: "123456", + // username: "", + // password: "", code: "", uuid: "", }); diff --git a/src/views/site/index.vue b/src/views/site/index.vue index bfdfa48..3f7b6b3 100644 --- a/src/views/site/index.vue +++ b/src/views/site/index.vue @@ -165,12 +165,12 @@ const formRules = ref({ const formInstance = ref() const getList = () => { getSiteList({ - // userId:userId, + userId:userId, ...pageInfo }).then((res) => { total.value = res.data.total; showAddIcon.value = total.value % 6!==0; - showFirst.value = total.value / pageInfo.pageSize >= 1; + showFirst.value = total.value / pageInfo.pageSize > 1; res.data.rows.map(item => { if (item.tunnelList === null || item.tunnelList.length === 0) { item.info = info.value @@ -188,7 +188,6 @@ const handleClickSite = (type) => { if (type.checked) { siteIds.value.push(type.siteId) siteNameList.value.push(type.siteName) - } else { siteIds.value.map((item, index) => { if (item === type.siteId) { @@ -260,6 +259,15 @@ const handleSubmit = (instance) => { const handleChooseAll=()=>{ siteList.value.map(item=>{ item.checked=!item.checked + if(item.checked&&!item.isDefault){ + siteIds.value.push(item.siteId) + }else if(!item.checked&&!item.isDefault){ + siteIds.value.map((newItem, index) => { + if (newItem === item.siteId) { + siteIds.value.splice(index, 1) + } + }) + } }) } const handleMoreDelete = () => { diff --git a/src/views/tunnel-manage/index.vue b/src/views/tunnel-manage/index.vue index f0772c5..3a0196d 100644 --- a/src/views/tunnel-manage/index.vue +++ b/src/views/tunnel-manage/index.vue @@ -269,7 +269,6 @@ const handleGoSiteOrIndex = () => { } else if (type === 'i') { router.push('/') } - } const getList = () => { getTunnelList({ @@ -333,6 +332,15 @@ const handleGoToEditTunnel = (tunnelId) => { const handleChooseAll = () => { tunnelList.value.map(item => { item.checked = !item.checked + if(item.checked&&!item.isDefault){ + tunnelIds.value.push(item.tunnelId) + }else if(!item.checked&&!item.isDefault){ + tunnelIds.value.map((newItem, index) => { + if (newItem === item.tunnelId) { + tunnelIds.value.splice(index, 1) + } + }) + } }) } const handleEditDevice = (tunnelId) => { diff --git a/src/views/user/index.vue b/src/views/user/index.vue index 9c4a4ec..64df85d 100644 --- a/src/views/user/index.vue +++ b/src/views/user/index.vue @@ -10,9 +10,9 @@ -
- 删除 -
+ + +
@@ -24,12 +24,18 @@ v-model="username" clearable placeholder="输入搜索内容" + @clear="getInfo" />
搜索
用户管理
-
添加用户
+
+
添加用户
+
+ 删除 +
+
{{ currentSite }}如果需要切换站点,请返回首屏切换
- - + + - - + + + + + - - - + -.current-site{ - font-size: 38px;color: #FFFFFF; +:deep(.el-input .el-input__password) { + font-size: 60px; +} + +:deep(.el-input__clear) { + font-size: 40px; +} + +.current-site { + font-size: 41px; + color: #FFFFFF; margin-top: 12px; - >span{ - font-size: 30px!important; - color: darkgray!important; + + > span { + font-size: 38px !important; + color: darkgray !important; margin-left: 20px; + } } -} + :deep(.el-table__header-wrapper .el-checkbox) { display: none } @@ -390,31 +415,32 @@ const handleSelect = async (selection, row) => { } } - .all-del-btn { - display: flex; - .del-btn { - width: 168px; - height: 60px; - background: #08B7B8; - border-radius: 11px; - } + } - .all-btn { - cursor: pointer; - padding-left: 53px; - width: 178px; - height: 70px; - line-height: 70px; - border-radius: 11px; - border: 2px solid #08B7B8; - color: #FFFFFF; - font-size: 38px; + .all-del-btn { + display: flex; - &:last-child { - margin-left: 40px; - margin-right: 70px; - } + .del-btn { + width: 168px; + height: 60px; + background: #08B7B8; + border-radius: 11px; + } + + .all-btn { + cursor: pointer; + padding-left: 53px; + width: 178px; + height: 70px; + line-height: 70px; + border-radius: 11px; + border: 2px solid #08B7B8; + color: #FFFFFF; + font-size: 38px; + + &:last-child { + margin-left: 40px; } } } @@ -433,7 +459,7 @@ const handleSelect = async (selection, row) => { border-radius: 20px; border: 2px solid #05FEFF; box-sizing: border-box; - padding: 73px 98px; + padding: 73px 58px; .user-top { width: 100%; @@ -452,14 +478,15 @@ const handleSelect = async (selection, row) => { .add-btn { cursor: pointer; - width: 170px; - height: 60px; - line-height: 60px; + width: 180px; + height: 70px; + line-height: 70px; background: #08B7B8; border-radius: 6px; color: #FFFFFF; - font-size: 35px; + font-size: 38px; padding-left: 19px; + //margin-left: 20px; } .search-box { @@ -467,25 +494,25 @@ const handleSelect = async (selection, row) => { :deep(.el-button) { width: 140px; - height: 60px; + height: 70px; background: #08B7B8; border-radius: 6px; border: none; - font-size: 35px; + font-size: 38px; color: #FFFFFF; } :deep(.el-input__wrapper) { - width: 292px; - height: 60px; + width: 300px; + height: 70px; border-radius: 6px; border: 1px solid #05FEFF; background-color: transparent; - font-size: 35px; + font-size: 38px; .el-input__inner { - height: 60px; - line-height: 60px; + height: 70px; + line-height: 70px; color: #FFFFFF; } } @@ -493,7 +520,7 @@ const handleSelect = async (selection, row) => { } :deep(.el-table--fit) { - width: 2000px !important; + width: 2110px !important; } :deep(.cell) {