feat : 新增echarts中指定日期展示及细节优化

src/views/user/index.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="tunnel-bgc">
     <div class="box-top">
-      <div class="back-tunnel" @click="router.push('/')">
+      <div class="back-tunnel" @click="handleGoHome">
         <div class="back-icon"></div>
         <span>返回</span>
       </div>
-      <div class="tunnel-title"></div>
+      <tunnel-title/>
       <div class="all-del-btn">
         <!--        <div class="all-btn" @click="handleAll">-->
         <!--          全选-->
@@ -142,18 +142,18 @@
 
 <script setup>
 import {Search} from '@element-plus/icons-vue'
-import {addUser, editUser, getUser, getRoleOption} from "@/api/user";
+import {addUser, editUser, getUser, getRoleOption, deleteUser, getUserDetail} from "@/api/user";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {getTunnelOption} from "@/api/tunnel";
-import {deleteUser, getUserDetail} from "../../api/user";
+import TunnelTitle from "@/components/tunnelTitle/index.vue";
 
 const router = useRouter()
 const title = ref('添加用户')
 const siteId = reactive(router.currentRoute.value.params.siteId)
+const currentSite = ref(localStorage.getItem('site'))
 const username = ref()
 const userIds = ref()
 const showFirst = ref(true)
-const currentSite = ref('')
 const formInstance = ref()
 const userData = ref([])
 const pageInfo = reactive({
@@ -192,7 +192,9 @@ const multipleTable = ref()
 onMounted(() => {
   showAdmin.value = localStorage.getItem('userId') == 2;
 })
-
+const handleGoHome = () => {
+  router.push('/' + 'userToHome/' + siteId)
+}
 const getTunnel = () => {
   getTunnelOption(siteId).then(res => {
     if (res.code === 1000) {
@@ -205,7 +207,6 @@ const handleAddUser = () => {
   reset()
   title.value = '添加用户'
   isVisited.value = true
-  currentSite.value = localStorage.getItem('site')
 }
 const handleEditUser = (row) => {
   reset()
@@ -220,9 +221,7 @@ const handleEditUser = (row) => {
   title.value = '修改用户'
   isVisited.value = true
 }
-const handleAll = () => {
-  multipleTable.value.toggleAllSelection()
-}
+
 const handleDelete = () => {
   if (userIds.value === undefined) {
     ElMessage.warning('请先选择用户进行删除')
@@ -343,7 +342,7 @@ const handleSelect = async (selection, row) => {
 </script>
 <style lang="scss">
 .user-select {
-  .el-select__wrapper{
+  .el-select__wrapper {
     min-height: 75px;
     height: auto !important;
     background-color: transparent;
@@ -351,41 +350,50 @@ const handleSelect = async (selection, row) => {
     font-size: 35px;
     width: 476px;
   }
+
   .el-select__placeholder.is-transparent {
     height: 54px;
     line-height: 54px;
   }
+
   .el-select__selected-item {
     //height: 54px;
     //line-height: 54px;
     .el-tag {
-      max-width: none!important;
+      max-width: none !important;
       height: 55px;
       font-size: 43px;
-        .el-icon {
-          font-size: 51px;
-          width: auto;
-          height: auto;
+
+      .el-icon {
+        font-size: 51px;
+        width: auto;
+        height: auto;
       }
     }
   }
-  .el-select__caret{
+
+  .el-select__caret {
     font-size: 35px !important;
   }
+
   .el-select-dropdown__item.is-hovering {
     background-color: #064B66 !important;
   }
+
   .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
     width: 42px;
     height: 42px;
   }
+
   .el-input {
     min-height: 75px;
     height: auto !important;
   }
+
   .el-form-item.is-error .el-input__wrapper {
-   box-shadow: none;
+    box-shadow: none;
   }
+
   .el-select__popper {
     margin-top: -12px !important;
     background: #072247 !important;
@@ -444,6 +452,7 @@ const handleSelect = async (selection, row) => {
   background-color: #05FEFF;
   color: #000;
 }
+
 :deep(.el-form-item__error) {
   font-size: 35px;
 }