From 4e3d77dcbe421a4d6611ebcdd1ac3165cb36ad4b Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 06 二月 2023 14:59:33 +0800 Subject: [PATCH] 系统界面翻新,回车登录,综合展示菜单重复 --- src/views/datamanage/SpatialData.vue | 215 +++-------------------------------------------------- 1 files changed, 14 insertions(+), 201 deletions(-) diff --git a/src/views/datamanage/SpatialData.vue b/src/views/datamanage/SpatialData.vue index b720b5c..92a9dc0 100644 --- a/src/views/datamanage/SpatialData.vue +++ b/src/views/datamanage/SpatialData.vue @@ -5,8 +5,8 @@ `${$t('dataManage.dataRetrieval')}`, ]"></My-bread> <el-divider /> - <div class="spatialContent"> - <div class="spatial_leftTree"> + <div class="spatialContent "> + <div class="spatial_leftTree subpage_Div"> <el-input v-model="filterText"></el-input> <div style="width:300px"> @@ -22,7 +22,7 @@ ></el-tree> </div> </div> - <div class="spatial_rightContent"> + <div class="spatial_rightContent subpage_Div"> <el-form ref="ruleForm" :model="ruleForm" @@ -42,7 +42,8 @@ ></el-input> </el-form-item> <el-form-item> - <el-button v-if="btnStatus.insert" + <el-button + v-if="btnStatus.insert" @click="conditionVisible = true" size="small" icon="el-icon-plus" @@ -139,7 +140,7 @@ </div> </div> <div - class="infoBox" + class="infoBox box_div" v-show="showinfoBox" > @@ -194,7 +195,7 @@ style="display: none" @change="insertFile( )" /> - <el-link + <el-link @click="getInsertFile( )" :underline="false" ><i class="el-icon-folder-opened"></i></el-link> @@ -202,14 +203,16 @@ <el-form-item> <el-row> <el-col :span="3"> - <el-link v-if="btnStatus.insert" + <el-link + v-if="btnStatus.insert" class="elLink" :underline="false" @click="setAttachInsert" >{{$t('common.append')}}</i></el-link> </el-col> <el-col :span="3"> - <el-link v-if="btnStatus.delete" + <el-link + v-if="btnStatus.delete" class="elLink" :underline="false" @click="setAttachDel" @@ -1094,7 +1097,7 @@ .spatial_leftTree { width: calc(15% - 0px); height: 91%; - border: 1px solid white; + border-radius: 5px; padding: 1%; overflow: auto; @@ -1102,202 +1105,12 @@ .spatial_rightContent { width: 80%; height: 91%; - border: 1px solid white; + border-radius: 5px; padding: 1%; overflow-y: auto; } } - .primary { - background: #409eff; - border: #409eff; - color: white; - } - .eldivider { - margin-top: 0px; - } - /deep/.el-form-item__label { - color: white; - } - // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱 - /deep/.el-input__inner { - background-color: transparent !important ; - color: #fff; - border: 1px solid; - } - /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/ - /deep/ .el-table { - background-color: transparent; - - th, - td { - background-color: transparent; - } - .el-table__expanded-cell { - background-color: transparent !important; - } - - // 琛ㄥご鑳屾櫙鑹� - th.el-table__cell { - background-color: #303030; - color: #fff; - } - tr > td { - background-color: #303030; - color: #fff; - } - - // hover鏁堟灉 - tr:hover > td { - background-color: rgba(255, 255, 255, 0.3) !important; - } - - tbody tr:hover { - background-color: rgba(255, 255, 255, 0.3) !important; - // text-align: center; - } - - // 婊氬姩鏉″楂� - .el-table__body-wrapper::-webkit-scrollbar { - width: 5px; - height: 10px; - } - - .el-table__body-wrapper::-webkit-scrollbar { - width: 5px; - /*婊氬姩鏉″搴�*/ - height: 10px; - /*婊氬姩鏉¢珮搴�*/ - } - /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ - .el-table__body-wrapper::-webkit-scrollbar-track { - box-shadow: 0px 1px 3px #216fe6 inset; - /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/ - border-radius: 10px; - } - - /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ - .el-table__body-wrapper::-webkit-scrollbar-thumb { - box-shadow: 0px 1px 3px #216fe6 inset; - border-radius: 6px; - background-color: #216fe6; - } - } - .infoBox { - width: 500px; - position: absolute; - z-index: 100; - top: 15%; - right: 15%; - background-color: #303030; - color: white; - border: 1px solid gray; - height: 600px; - padding: 10px; - overflow: auto; - border-radius: 5px; - .el-card { - background-color: transparent; - color: white; - span { - font-size: 16px; - font-weight: 600; - color: white; - } - } - .contentBox { - margin: 0 aotu 10px; - p { - color: white; - font-size: 14px; - } - } - } - - .pagination_box { - margin-top: 20px; - /deep/.el-input__inner { - background-color: transparent !important; - border: 1px solid; - color: white; - } - /deep/.el-pagination__total { - color: white; - } - /deep/.el-pagination__jump { - color: white; - } - /deep/.el-pager li.active { - color: #409eff; - } - /deep/.el-pager li { - color: white; - background: transparent; - } - /deep/.el-pager li { - color: white; - } - /deep/.btn-prev { - background: transparent; - } - /deep/.btn-next { - background: transparent; - } - /deep/.btn-next i { - color: white; - } - /deep/.btn-prev i { - color: white; - } - } - - .elLink { - color: white !important; - } - .el-icon-folder-opened { - color: white; - } - - /deep/ .el-select .el-input__inner { - border-color: #fff !important; - } - /deep/ .el-dialog { - background: #303030; - } - /deep/.el-range-editor.is-active, - .el-range-editor.is-active:hover, - .el-select .el-input.is-focus .el-input__inner { - border: 1px solid; - } - /deep/.el-dialog__title { - color: white; - } - /deep/.el-textarea__inner { - background: transparent !important; - border-color: #fff !important; - color: white; - } -} -/deep/ .el-dialog { - background: #303030; -} -/deep/.el-range-editor.is-active, -.el-range-editor.is-active:hover, -.el-select .el-input.is-focus .el-input__inner { - border: 1px solid; -} -/deep/.el-dialog__title { - color: white; -} -/deep/ .el-dialog__body { - padding: 10px; -} -/deep/.el-input__inner { - background-color: transparent !important ; - color: #fff; - border: 1px solid white !important; -} -/deep/.el-dialog__wrapper { - overflow: hidden !important; + } </style> -- Gitblit v1.9.3