From 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期三, 16 七月 2025 22:39:23 +0800 Subject: [PATCH] 添加时间筛选 --- src/App.vue | 195 +++++++++++++++++++++++++++++++++++++----------- 1 files changed, 149 insertions(+), 46 deletions(-) diff --git a/src/App.vue b/src/App.vue index e8a4be3..de1726e 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,15 +1,14 @@ <template> <div id="app"> - <router-view /> + <router-view :key="$route.fullpath"/> </div> </template> <script> - export default { data() { return { - mytitle: '', - } + mytitle: "", + }; }, async created() { const imgObj = await this.getIcon(); @@ -17,11 +16,14 @@ }, methods: { changIcon(obj) { - var link = document.querySelector("link [rel*='icon']") || document.createElement("link"); - var title = document.querySelector("title") || document.createElement("title"); + var link = + document.querySelector("link [rel*='icon']") || + document.createElement("link"); + var title = + document.querySelector("title") || document.createElement("title"); link.type = "image/x-icon"; link.rel = "shortcut icon"; - link.href = obj.chromeLinkUrl; //icon鍥炬爣 + link.href = obj.chromeLinkUrl; //icon鍥炬爣 title.innerHTML = obj.title; document.getElementsByTagName("head")[0].appendChild(link); document.getElementsByTagName("head")[0].appendChild(title); @@ -29,69 +31,170 @@ // 鑾峰彇icon async getIcon() { let result; - const pic = JSON.parse(sessionStorage.getItem('pic')); + const pic = JSON.parse(sessionStorage.getItem("pic")); if (pic) { result = pic; - // console.log('缂撳瓨') } else { - // console.log('璇锋眰'); await this.$axios({ - method: 'get', - url: 'sccg/system/portal/logo/search', - }).then(res => { + method: "get", + url: "sccg/system/portal/logo/search", + }).then((res) => { result = res.data; - sessionStorage.setItem('pic',JSON.stringify(result)); - }) + sessionStorage.setItem("pic", JSON.stringify(result)); + }); } return result; }, - } + }, }; </script> -<style> - -.el-select-dropdown__item{ +<style lang="scss"> +body { + --operation-color: #409eff; +} +.el-select-dropdown__item { height: 100% !important; } -.el-select-dropdown,.popper-class{ - background-color: #17324c !important; + +.el-select-dropdown, +.popper-class { + // background-color: #17324c !important; } -.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ - background-color: #17324c !important; + +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover { + // background-color: #17324c !important; } -.el-tree{ - background-color: #09152f !important; + +.el-tree { + // background-color: #09152f !important; } -.el-tree-node__content:hover, .el-upload-list__item:hover{ - background-color: #09152f !important; + +.el-tree-node__content:hover, +.el-upload-list__item:hover { + // background-color: #09152f !important; color: #4b9bb7 !important; } -.el-tree-node:focus>.el-tree-node__content{ - background-color: #070f22 !important; - color:#4b9bb7 + +.el-tree-node:focus > .el-tree-node__content { + // background-color: #070f22 !important; + color: #4b9bb7; } + +.button-addition { + background-color: #eb5d01; + border: 1px solid #eb5d01; + color: #ffffff; +} + /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ - ::-webkit-scrollbar -{ - width:4px; - height:4px; - background-color:#070f22; +::-webkit-scrollbar { + width: 4px; + height: 4px; + // background-color: #070f22; } + /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ -::-webkit-scrollbar-track -{ - -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); - border-radius:10px; - background-color:#070f22; +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + border-radius: 10px; + // background-color: #070f22; } + /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ -::-webkit-scrollbar-thumb -{ - border-radius:10px; - -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); - background-color:#555; +::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #555; } -</style> \ No newline at end of file + +// 璁剧疆dialog鏍峰紡 +.el-dialog__header, +.el-dialog__body { + // background-color: #06122c; +} +.el-dialog__header { + display: flex; + align-items: center; + background-color: #fff; + padding: 20px; + line-height: 60px; +} +.el-dialog__close { + width: 20px; + height: 20px; + // color: #fff; +} + +.el-dialog__body { + padding: 0; +} + +#app { + .userList{ + height: 100%; + overflow: auto; + } + .list{ + height: 100%; + overflow: auto; + header{ + background-color: transparent; + border: none + } + } + // 璁剧疆寮瑰嚭妗嗘牱寮� + .el-dialog__title { + color: #333; + } + .el-dialog__header { + color: black; + background-color: #DCDFE6; + //border: 1px solid #DCDFE6; + } + // 璁剧疆table鏍峰紡 + .el-table__empty-block { + // background-color: #09152f; + } + .el-table__empty-block { + color: #4b9bb7; + } + .el-table__empty-text { + color: #4b9bb7; + } + .el-table .warning-row { + // background: #06122c; + } + .el-table .success-row { + // background: #071f39; + } + .el-input__inner { + // background-color: #09152f; + // border: 1px solid #17324c; + } + .el-textarea__inner { + // background-color: #09152f; + // border: 1px solid #17324c; + } +} +.el-table__body-wrapper::-webkit-scrollbar { + width: 8px; /*婊氬姩鏉″搴�*/ + height: 8px; /*婊氬姩鏉¢珮搴�*/ +} +.el-table__body-wrapper::-webkit-scrollbar-track { + border-radius: 10px; /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/ + -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3); + background-color: #eeeeee; /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ +} +.el-table__body-wrapper::-webkit-scrollbar-thumb { + border-radius: 10px; /*婊氬姩鏉$殑鍦嗚*/ + -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3); + background-color: rgb(145, 143, 143); /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ +} +.el-range-input { + // background-color: #09152f; +} +</style> -- Gitblit v1.8.0