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/styleManage.vue | 217 +++-------------------------------------------------- 1 files changed, 15 insertions(+), 202 deletions(-) diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue index fa3d636..fe540dc 100644 --- a/src/views/datamanage/styleManage.vue +++ b/src/views/datamanage/styleManage.vue @@ -5,7 +5,7 @@ `${$t('dataManage.styleManage')}`, ]"></My-bread> <el-divider /> - <div class="searchComp"> + <div class="searchComp subpage_Div"> <el-form ref="ruleForm" :model="ruleForm" @@ -24,7 +24,7 @@ <el-button @click="submitForm('ruleForm')" icon="el-icon-search" - type="primary" + type="primary" size="small" >{{ $t('common.iquery') }}</el-button> <el-button @@ -452,12 +452,14 @@ class="dialog-footer" > <el-button - type="info" size="small" + type="info" + size="small" @click="removeUpdate" >{{$t('common.close')}}</el-button> <el-button - type="primary" - @click="updateForm" size="small" + type="primary" + @click="updateForm" + size="small" >{{$t('common.confirm')}}</el-button> </div> </el-dialog> @@ -653,11 +655,13 @@ class="dialog-footer" > <el-button - type="info" size="small" + type="info" + size="small" @click="insertFromDataClose" >{{$t('common.close')}}</el-button> <el-button - type="primary" size="small" + type="primary" + size="small" @click="insertFromData" >{{$t('common.confirm')}}</el-button> </div> @@ -671,7 +675,7 @@ </div> <div class="btnBox"> <el-button - type="primary" + type="primary" size="small" @click="selectDirCataName" >{{ @@ -687,7 +691,7 @@ </div> </div> <div - class="leftTree" + class="leftTree subpage_Div" v-if="showDepCata" > <div class="treeBox"> @@ -1376,7 +1380,7 @@ margin: 10px auto; border-radius: 5px; - border: 1px solid rgb(202, 201, 204); + .el-form-item { margin: 5px; } @@ -1392,19 +1396,14 @@ left: 800px; width: 400px; height: 600px; - background: #303030; - border: 1px solid #000; + .treeBox { height: 550px; overflow: auto; - /deep/ .el-tree-node__content:hover { - background-color: rgb(153, 153, 153); - } } .btnBox { width: 160px; margin: 10px auto 0; - // background-color: red; } } .bottom { @@ -1418,194 +1417,8 @@ height: 80%; margin: 0 auto; overflow: auto; - /*淇敼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: 5px; - } - - .el-table__body-wrapper::-webkit-scrollbar { - width: 5px; - /*婊氬姩鏉″搴�*/ - height: 5px; - /*婊氬姩鏉¢珮搴�*/ - } - /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ - .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: 25%; - background-color: #303030; - .el-card { - color: white; - background-color: transparent; - span { - font-size: 16px; - font-weight: 600; - } - } - .contentBox { - margin: 0 aotu 10px; - height: 500px; - overflow: auto; - p { - // background-color: #bfa; - // margin-bottom: 10px; - font-size: 14px; - } - .boxlabel { - margin-left: 10px; - } - } - /* 鏁翠綋鏍峰紡 */ - .contentBox::-webkit-scrollbar { - width: 6px; - height: 6px; - } - - /* 婊氬姩鏉� */ - .contentBox::-webkit-scrollbar-thumb { - background-color: #b3d8ff; - border-radius: 6px; - } - - /* 婊氬姩鏉¢紶鏍囩粡杩囨牱寮� */ - .contentBox::-webkit-scrollbar-thumb:hover { - background-color: #b3d8ff; - border-radius: 6px; - } - - /* 婊氬姩鏉¤建閬� */ - .contentBox::-webkit-scrollbar-track-piece { - -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); - border-radius: 10px; - background: #ededed; - } - } - .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; - } - } - /deep/.el-form-item__label { - color: white; - } - // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱 - /deep/.el-input__inner { - background-color: transparent !important ; - color: #fff; - border: 1px solid; - } - - /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-select .el-input__inner { - border-color: #fff !important; - } - /deep/.el-cascader .el-input__inner { - border-color: #fff !important; - } - .primary { - background: #409eff; - border: #409eff; - color: white; - } - .el-icon-plus { - color: white; - } - .el-icon-upload2 { - color: white; } } </style> -- Gitblit v1.9.3