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/dataUpdata.vue | 293 +++------------------------------------------------------- 1 files changed, 17 insertions(+), 276 deletions(-) diff --git a/src/views/datamanage/dataUpdata.vue b/src/views/datamanage/dataUpdata.vue index da0faa2..0e95bb7 100644 --- a/src/views/datamanage/dataUpdata.vue +++ b/src/views/datamanage/dataUpdata.vue @@ -1,6 +1,6 @@ <template> <div - class="authorityManagement_box" + class="subpage_Box" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.8)" > @@ -18,7 +18,7 @@ :label="$t('dataManage.dataUpObj.uploaddata')" name="first" > - <div class="contentIquery"> + <div class="subpage_Iquery subpage_Div"> <el-form :inline="true" :model="formInline" @@ -271,7 +271,7 @@ </el-form> </div> <!-- 涓婁紶鏁版嵁鍒楄〃 --> - <div class="contentBox"> + <div class="subpage_Content subpage_Div"> <el-table :data="tableData" @selection-change="handleSelectionChange" @@ -333,7 +333,7 @@ :label="$t('dataManage.dataUpObj.receiptdata')" name="second" > - <div class="contentIquery"> + <div class="subpage_Iquery subpage_Div"> <el-form :inline="true" :model="formWarehousing" @@ -371,7 +371,7 @@ </el-form> </div> <div - class="contentBox" + class="subpage_Content subpage_Div" style="min-height:330px" > <div class="contentTable"> @@ -459,7 +459,7 @@ /> </el-table> </div> - <div class="pagination_box"> + <div> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -830,27 +830,24 @@ width="70%" > <div class="dialogBox"> - <div class="transFarBox"> + <div class="transFarBox subpage_Div"> <ul> <li @click="singleElection(item)" v-for="(item, i) in tableWareOne" - :class="{ active: activeName == item.tab }" + :class="{ active: activeName == item.eventid }" >{{item.tab}} ({{item.type}})</li> </ul> </div> <div class="tarnsbtton"> <div> <div style="padding:2%"> - <el-link><i - style="color:white" - class="el-icon-plus" - ></i></el-link> + <el-link><i class="el-icon-plus"></i></el-link> </div> </div> </div> - <div class="transFarBox"> + <div class="transFarBox subpage_Div"> <ul> <li @click="singleElection2(item)" @@ -862,21 +859,17 @@ <div class="tarnsbtton"> <div> <div style="padding:2%"> - <el-link @click="setWareTableChangeLeft"><i - style="color:white" - class="el-icon-d-arrow-left" - ></i></el-link> + <el-link @click="setWareTableChangeLeft"><i class="el-icon-d-arrow-left"></i></el-link> </div><br /> <div style="padding:2%"> <el-link><i @click="setWareTableChangeRight" - style="color:white" class="el-icon-d-arrow-right" ></i></el-link> </div> </div> </div> - <div class="transFarBox"> + <div class="transFarBox subpage_Div"> <ul> <li @click="singleElection3(i)" @@ -893,13 +886,16 @@ <el-button size="small" @click="autoMatchWare" + type="primary" >鑷姩鍖归厤</el-button> <el-button size="small" + type="info" @click="setInsrtWareTableClose " >鍙� 娑�</el-button> <el-button size="small" + type="primary" @click="setInsrtWareTable" >纭� 瀹�</el-button> </span> @@ -1272,6 +1268,7 @@ } } } + this.loading = true; const res = await dataUpload_insertFiles(JSON.stringify(this.insertWareList)); this.loading = false @@ -1364,7 +1361,7 @@ //鏁版嵁鍖归厤宸︿晶鐐瑰嚮浜嬩欢 singleElection(row) { this.wareSelectOne = row; - this.activeName = row.tab + this.activeName = row.eventid }, //鏁版嵁鍖归厤宸︿晶涓棿鐐瑰嚮浜嬩欢 singleElection2(row) { @@ -2205,259 +2202,3 @@ } }; </script> -<style lang="less" scoped> -//@import url(); 寮曞叆鍏叡css绫� -.authorityManagement_box { - width: 98%; - height: 98%; - padding: 1%; - overflow: auto; - .contentIquery { - width: calc(98% - 2px); - height: auto; - border: 1px solid white; - padding-left: 1%; - padding-right: 1%; - padding-top: 1%; - border-radius: 5px; - } - .contentBox { - width: calc(98% - 2px); - height: auto; - border: 1px solid white; - margin-top: 1%; - margin-bottom: 1%; - padding: 1%; - border-radius: 5px; - } - .elDivider { - margin: 0; - } - .dialogBox { - width: 100%; - height: 500px; - display: flex; - justify-content: space-between; - .transFarBox { - width: 30%; - height: 100%; - border: 1px solid white; - border-radius: 5px; - max-height: 500px; - overflow-y: auto; - li { - color: white; - border-bottom: 1px solid white; - line-height: 30px; - text-align: center; - } - li:hover { - background: rgba(255, 255, 255, 0.3); - } - .active { - color: #409eff; - } - } - .tarnsbtton { - width: 6%; - height: 100%; - - /*flex 甯冨眬*/ - display: flex; - /*瀹炵幇鍨傜洿灞呬腑*/ - align-items: center; - /*瀹炵幇姘村钩灞呬腑*/ - justify-content: center; - } - } - .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; - } - } - /*淇敼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; - } - } - /deep/.el-dialog__headerbtn { - display: none; - } - /deep/.el-form-item__label { - color: white; - } - // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱 - /deep/.el-input__inner { - background-color: transparent !important ; - color: #fff; - border: 1px solid; - } - /deep/ .popper__arrow::after { - border-top-color: rgba(43, 45, 55, 0.8); - } - /deep/ .el-select .el-input__inner { - border-color: #fff !important; - } - /deep/.el-cascader .el-input__inner { - border-color: #fff !important; - } - /deep/.el-textarea__inner { - background: transparent; - border-color: #fff !important; - color: white; - } - /deep/.el-textarea .el-input__count { - background: transparent; - color: #fff !important; - } - /deep/.el-loading-spinner i { - color: #1890ff !important; - } - /deep/.el-tabs__active-bar { - background: #409eff; - } - /deep/ .el-tabs__item { - color: #409eff; - } - /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; - } - .dialogDiv { - /deep/.el-form-item { - margin-bottom: 0px; - } - /deep/.el-checkbox { - color: white; - } - /deep/.el-checkbox__input.is-checked + .el-checkbox__label { - color: white !important; - } - /deep/.el-checkbox__input.is-disabled + span.el-checkbox__label { - color: white !important; - } - .dialogContent { - width: calc(100% - 20px); - max-height: 370px; - float: left; - overflow: auto; - padding: 10px; - .ContBox { - width: 44%; - padding: 10px; - margin-left: 2%; - float: left; - .ContDiv { - display: flex; - justify-content: space-around; - margin: 5px 0px; - .contLable { - width: 175px; - color: white; - } - } - } - } - } - .elBotton { - background: transparent !important; - border: 1px solid white !important; - color: white !important; - } - /deep/.el-dialog__wrapper { - overflow: hidden; - } -} -</style> - -- Gitblit v1.9.3