From 78b543ca7046ff1fa0b1727821e789bfb3291814 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期四, 23 二月 2023 10:28:22 +0800
Subject: [PATCH] 修改目录管理样式
---
src/views/datamanage/catalogueManage.vue | 144 ++++++++++++++++++++++++++++++-----------------
1 files changed, 92 insertions(+), 52 deletions(-)
diff --git a/src/views/datamanage/catalogueManage.vue b/src/views/datamanage/catalogueManage.vue
index 609328c..a4c5142 100644
--- a/src/views/datamanage/catalogueManage.vue
+++ b/src/views/datamanage/catalogueManage.vue
@@ -1,14 +1,15 @@
<template>
<div class="subpage_Box">
- <div class="cataLogContent">
- <div class="cataLog_leftTree subpage_Div">
- <My-bread
- :list="[
- `${$t('dataManage.dataManage')}`,
- `${$t('dataManage.catalogueManage')}`,
- ]"
- ></My-bread>
- <el-divider />
+ <My-bread
+ :list="[
+ `${$t('dataManage.dataManage')}`,
+ `${$t('dataManage.catalogueManage')}`,
+ ]"
+ ></My-bread>
+ <el-divider />
+ <div class="mainBox">
+
+ <div class="cataLogContent leftTree subpage_Div">
<div style="min-width: 450px">
<el-tree
ref="tree"
@@ -23,8 +24,9 @@
</el-tree>
</div>
</div>
- <div class="cataLog_rightContent subpage_Div">
+ <div class="cataLog_rightContent right subpage_Div">
<div
+ class="inquire"
style="
align-items: center;
display: flex;
@@ -112,8 +114,8 @@
</div>
</div>
</div>
- <el-divider />
- <el-form :model="itemdetail" ref="itemdetail" :rules="rules">
+
+ <el-form :model="itemdetail" ref="itemdetail" :rules="rules" style="position: relative;">
<el-form-item
prop="name"
:label="$t('dataManage.dataUpObj.directoryName')"
@@ -140,7 +142,7 @@
v-model="itemdetail.exts"
type="textarea"
resize="none"
- style="height: 100%; overflow: auto;max-width: 400px;"
+ style="height: 100%; overflow: auto; max-width: 400px"
/>
</el-form-item>
<el-form-item
@@ -151,7 +153,7 @@
v-model="itemdetail.checks"
type="textarea"
resize="none"
- style="height: 100%; overflow: auto;max-width: 400px;"
+ style="height: 100%; overflow: auto; max-width: 400px"
/>
</el-form-item>
<el-form-item
@@ -163,7 +165,7 @@
disabled
type="textarea"
resize="none"
- style="height: 100%; overflow: auto;max-width: 400px;"
+ style="height: 100%; overflow: auto; max-width: 400px"
/>
</el-form-item>
<el-form-item
@@ -237,7 +239,7 @@
v-model="ruleForm.exts"
type="textarea"
resize="none"
- style="height: 100%; overflow: auto; "
+ style="height: 100%; overflow: auto"
/>
</el-form-item>
<el-form-item
@@ -248,7 +250,7 @@
v-model="ruleForm.checks"
type="textarea"
resize="none"
- style="height: 100%; overflow: auto; "
+ style="height: 100%; overflow: auto"
/>
</el-form-item>
<el-form-item
@@ -260,7 +262,7 @@
disabled
type="textarea"
resize="none"
- style="height: 100%; overflow: auto; "
+ style="height: 100%; overflow: auto"
/>
</el-form-item>
<el-form-item
@@ -580,18 +582,20 @@
}
},
setDelNode() {
- this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ョ洰褰�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- }).then(() => {
- this.remove(this.newNode, this.itemdetail)
- }).catch(() => {
- this.$message({
- type: 'info',
- message: '宸插彇娑堝垹闄�'
+ this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ョ洰褰�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ this.remove(this.newNode, this.itemdetail);
+ })
+ .catch(() => {
+ this.$message({
+ type: "info",
+ message: "宸插彇娑堝垹闄�",
+ });
});
- });
},
setNewNode(res) {
var id, lever, orderNum;
@@ -901,35 +905,71 @@
.subpage_Box {
height: 96%;
width: 98%;
- padding: 1%;
+ padding: 1%;
border-radius: 10px;
- .cataLogContent {
- width: 100%;
+ // .cataLogContent {
+ // width: 100%;
+ // height: 100%;
+ // display: flex;
+ // // align-items: center;
+ // justify-content: space-between;
+ // .cataLog_leftTree {
+ // width: 30%;
+ // height: 98%;
+ // border-radius: 5px;
+ // padding: 10px;
+ // overflow-y: auto;
+ // }
+ // .cataLog_rightContent {
+ // width: 66%;
+ // height: 98%;
+ // border-radius: 5px;
+ // padding: 10px;
+ // .menuTop {
+ // /deep/ .el-form-item {
+ // margin-bottom: 0px;
+ // }
+ // }
+ // }
+ // }
+}
+.mainBox {
+ width: 100%;
+ height: calc(100% - 75px);
+ display: flex;
+ justify-content: space-between;
+ .leftTree {
+ width: calc(32% - 0px);
height: 100%;
- display: flex;
- // align-items: center;
- justify-content: space-between;
- .cataLog_leftTree {
- width: 30%;
- height: 98%;
+ padding: 10px;
+ border-radius: 5px;
+ box-sizing: border-box;
+ overflow-y: auto;
+ }
+ .right {
+ width: 65%;
+ height: 100%;
+ border-radius: 5px;
+ padding: 10px;
+ box-sizing: border-box;
+ border: 1px solid #dcdfe6;
+ .inquire {
+ // margin-bottom: 10px;
+ padding: 8px;
+ // margin-top: 10px;
border-radius: 5px;
- padding: 10px;
- overflow-y: auto;
- }
- .cataLog_rightContent {
- width: 66%;
- height: 98%;
- border-radius: 5px;
- padding: 10px;
- .menuTop {
- /deep/ .el-form-item {
- margin-bottom: 0px;
- }
+ border: 1px solid #dcdfe6;
+ margin-bottom: 20px;
+ .el-form-item {
+ margin: 5px;
}
}
+
}
}
-.btnBox{
- text-align: right;
+.btnBox {
+ position: absolute;
+ bottom:0;
+ right: 0;
}
</style>
--
Gitblit v1.9.3