diff --git a/PC/InterFace.Dash/src/components/commonTabel-drawer copy/index.vue b/PC/InterFace.Dash/src/components/commonTabel-drawer copy/index.vue new file mode 100644 index 0000000..687acab --- /dev/null +++ b/PC/InterFace.Dash/src/components/commonTabel-drawer copy/index.vue @@ -0,0 +1,720 @@ + + + \ No newline at end of file diff --git a/PC/InterFace.Dash/src/components/commonTabel-drawer copy/style/index.scss b/PC/InterFace.Dash/src/components/commonTabel-drawer copy/style/index.scss new file mode 100644 index 0000000..4451c6f --- /dev/null +++ b/PC/InterFace.Dash/src/components/commonTabel-drawer copy/style/index.scss @@ -0,0 +1,137 @@ +.el-drawer__wrapper { + z-index: 10 !important; + position: absolute; + left: 32%; + overflow: visible; + // height:calc(100% - 28px); + // top: 14px; + // right:14px + + ::v-deep .el-drawer { + height: 100%; + overflow: visible; + box-shadow: 0 8px 10px -5px rgb(0 0 0 / 15%), 0 16px 24px 2px rgb(0 0 0 / 9%), 0 6px 30px 5px rgb(0 0 0 / 7%); + + .el-drawer__body { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + + .drawer-heder { + display: flex; + padding: 15px 10px; + justify-content: space-between; + align-items: center; + + .heder-left { + display: flex; + justify-content: space-between; + + .heder-img { + width: 40px; + height: 40px; + margin-right: 10px; + } + + .header-text { + padding:0 20px; + display: flex; + flex-direction: column; + justify-content: space-between; + + span:nth-child(1) { + color: #333; + font-size: 22px; + } + + span:nth-child(2) { + color: #999; + font-size: 16px; + } + } + } + } + + .Descriptions { + padding: 0 10px; + } + + .drawer-main { + // padding-top: 20px; + flex: 1; + overflow: hidden; + // background-color: #efefef; + padding: 10px 20px 20px 30px; + border-top: solid 5px #f6f6f6; + + .el-tabs { + height: 100%; + display: flex; + flex-direction: column; + .el-tabs__header{ + // padding-bottom: 5px ; + .el-tabs__nav{ + z-index: auto !important; + } + } + + .el-tabs__content { + flex: 1; + + .el-tab-pane { + width: 100%; + height: 100%; + overflow-y: auto; + } + + .el-descriptions-item__label { + padding-right: 40px; + } + } + } + } + + .drawer-Shut { + width: 35px; + height: 100px; + position: absolute; + top: 200px; + left: -35px; + + .el-button { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + + ::v-deep span { + font-size: 12px; + letter-spacing: 10px; + writing-mode: tb-rl; + } + } + } + } + } +} + +::v-deep .el-tabs__nav-wrap::after{ + content: unset !important; +} + +.currenTabel-drawer-mx-header{ + text-align: right; + padding: 0 10px 10px 0; +} + +.detailFiltersPopPage{ + position: absolute; + right: 0; + left: 0; + height: 240px; + .fullPageCover{ + height: calc(100vh - 300px) !important; + } +} \ No newline at end of file diff --git a/PC/InterFace.Dash/src/components/commonTabel-drawer/index.vue b/PC/InterFace.Dash/src/components/commonTabel-drawer/index.vue index 687acab..0690fd9 100644 --- a/PC/InterFace.Dash/src/components/commonTabel-drawer/index.vue +++ b/PC/InterFace.Dash/src/components/commonTabel-drawer/index.vue @@ -11,13 +11,6 @@ >
-
{{ propsData[title[0].prop] }} {{ title[0].label }} @@ -66,73 +59,28 @@ :propsData="propsData" > - -
- -
- - - - - - - - - + - - - - + :buttonOperationList="buttonOperationList" + :tableLoading="Loading.tableLoading" + >