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 | 210 +++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 189 insertions(+), 21 deletions(-) diff --git a/src/App.vue b/src/App.vue index 240acf4..de1726e 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,32 +1,200 @@ <template> <div id="app"> - <nav> - <router-link to="/">Home</router-link> | - <router-link to="/about">About</router-link> - </nav> - <router-view/> + <router-view :key="$route.fullpath"/> </div> </template> +<script> +export default { + data() { + return { + mytitle: "", + }; + }, + async created() { + const imgObj = await this.getIcon(); + this.changIcon(imgObj); + }, + methods: { + changIcon(obj) { + 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鍥炬爣 + title.innerHTML = obj.title; + document.getElementsByTagName("head")[0].appendChild(link); + document.getElementsByTagName("head")[0].appendChild(title); + }, + // 鑾峰彇icon + async getIcon() { + let result; + const pic = JSON.parse(sessionStorage.getItem("pic")); + if (pic) { + result = pic; + } else { + await this.$axios({ + method: "get", + url: "sccg/system/portal/logo/search", + }).then((res) => { + result = res.data; + sessionStorage.setItem("pic", JSON.stringify(result)); + }); + } + return result; + }, + }, +}; +</script> +<style lang="scss"> +body { + --operation-color: #409eff; +} +.el-select-dropdown__item { + height: 100% !important; +} -<style> +.el-select-dropdown, +.popper-class { + // 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-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; +} + +.button-addition { + background-color: #eb5d01; + border: 1px solid #eb5d01; + color: #ffffff; +} + +/*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 + 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ +::-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-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #555; +} + +// 璁剧疆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 { - font-family: Avenir, Helvetica, Arial, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-align: center; - color: #2c3e50; + .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; + } } - -nav { - padding: 30px; +.el-table__body-wrapper::-webkit-scrollbar { + width: 8px; /*婊氬姩鏉″搴�*/ + height: 8px; /*婊氬姩鏉¢珮搴�*/ } - -nav a { - font-weight: bold; - color: #2c3e50; +.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; /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ } - -nav a.router-link-exact-active { - color: #42b983; +.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