Skip to content

D
dsk-cr20g
Commit 9886a36e authored by tianhongyang's avatar tianhongyang
Browse files
Options

2023/10/19迭代更新

parent 9087fd0b
Hide whitespace changes
Inline Side-by-side
Showing with 487 additions and 293 deletions
dsk-operate-ui/src/assets/images/market/close-max-tip-icon.svg 0 → 100644
View file @ 9886a36e
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1474_151379/881_072671"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g transform="matrix(1,5.551115123125783e-17,-5.551115123125783e-17,1,0,0)" clip-path="url(#master_svg0_1474_151379/881_072671)"><g><path d="M7.05513,7.999883125C7.05513,7.999883125,2.812500397363,3.757263125,2.812500397363,3.757263125C2.812500397363,3.757263125,3.75531,2.814453125,3.75531,2.814453125C3.75531,2.814453125,7.99793,7.057083125,7.99793,7.057083125C7.99793,7.057083125,12.2406,2.814453125,12.2406,2.814453125C12.2406,2.814453125,13.1834,3.757263125,13.1834,3.757263125C13.1834,3.757263125,8.94077,7.999883125,8.94077,7.999883125C8.94077,7.999883125,13.1834,12.242553125,13.1834,12.242553125C13.1834,12.242553125,12.2406,13.185353125,12.2406,13.185353125C12.2406,13.185353125,7.99793,8.942723125,7.99793,8.942723125C7.99793,8.942723125,3.75531,13.185353125,3.75531,13.185353125C3.75531,13.185353125,2.8125,12.242553125,2.8125,12.242553125C2.8125,12.242553125,7.05513,7.999883125,7.05513,7.999883125C7.05513,7.999883125,7.05513,7.999883125,7.05513,7.999883125Z" fill-rule="evenodd" fill="#232323" fill-opacity="0.4000000059604645"/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/assets/images/market/max-tip-title-icon.svg 0 → 100644
View file @ 9886a36e
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g transform="matrix(1,5.551115123125783e-17,-5.551115123125783e-17,1,0,0)"><g><path d="M2,12C2,6.47715,6.47715,2,12,2C17.5229,2,22,6.47715,22,12C22,17.5229,17.5229,22,12,22C6.47715,22,2,17.5229,2,12C2,12,2,12,2,12ZM13,9C13,9,13,7,13,7C13,7,11,7,11,7C11,7,11,9,11,9C11,9,13,9,13,9C13,9,13,9,13,9ZM11,10C11,10,11,17,11,17C11,17,13,17,13,17C13,17,13,10,13,10C13,10,11,10,11,10C11,10,11,10,11,10Z" fill-rule="evenodd" fill="#0081FF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/assets/styles/common.css
View file @ 9886a36e
...@@ -7,3 +7,12 @@ ...@@ -7,3 +7,12 @@
.search-leave-to { .search-leave-to {
width: 60px; width: 60px;
} }
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
dsk-operate-ui/src/assets/styles/index.scss
View file @ 9886a36e
@import './variables.scss'; @import "./variables.scss";
@import './mixin.scss'; @import "./mixin.scss";
@import './transition.scss'; @import "./transition.scss";
@import './element-ui.scss'; @import "./element-ui.scss";
@import './sidebar.scss'; @import "./sidebar.scss";
@import './btn.scss'; @import "./btn.scss";
body { body {
height: 100%; height: 100%;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
Microsoft YaHei, Arial, sans-serif;
} }
label { label {
...@@ -104,7 +105,8 @@ aside { ...@@ -104,7 +105,8 @@ aside {
display: block; display: block;
line-height: 32px; line-height: 32px;
font-size: 16px; font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #2c3e50; color: #2c3e50;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
...@@ -135,7 +137,7 @@ aside { ...@@ -135,7 +137,7 @@ aside {
} }
.text-center { .text-center {
text-align: center text-align: center;
} }
.sub-navbar { .sub-navbar {
...@@ -146,7 +148,13 @@ aside { ...@@ -146,7 +148,13 @@ aside {
text-align: right; text-align: right;
padding-right: 20px; padding-right: 20px;
transition: 600ms ease position; transition: 600ms ease position;
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); background: linear-gradient(
90deg,
rgba(32, 182, 249, 1) 0%,
rgba(32, 182, 249, 1) 0%,
rgba(33, 120, 241, 1) 100%,
rgba(33, 120, 241, 1) 100%
);
.subtitle { .subtitle {
font-size: 20px; font-size: 20px;
...@@ -189,84 +197,87 @@ aside { ...@@ -189,84 +197,87 @@ aside {
align-items: center; align-items: center;
} }
.a-link{ .a-link {
color: #0081FF; color: #0081ff;
&:hover{ &:hover {
color: #0081FF; color: #0081ff;
text-decoration: underline; text-decoration: underline;
} }
} }
.text-cl1{ .text-cl1 {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.text-cl2{ .text-cl2 {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
line-clamp: 2; line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
ul, li { ul,
li {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.app-main{ .app-main {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.app-container { .app-container {
width: 100%;
margin: 12px 24px; margin: 12px 24px;
background-color: #f5f5f5; background-color: #f5f5f5;
padding-bottom: 16px !important; padding-bottom: 16px !important;
.el-input__inner{ .el-input__inner {
border-color: #D9D9D9; border-color: #d9d9d9;
color: #232323; color: #232323;
&::placeholder { &::placeholder {
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
} }
} }
.el-input__inner::placeholder{ .el-input__inner::placeholder {
color: rgba(35,35,35,0.8) !important; color: rgba(35, 35, 35, 0.8) !important;
} }
.el-select .el-input .el-select__caret{ .el-select .el-input .el-select__caret {
color: #232323; color: #232323;
} }
.el-cascader .el-input .el-icon-arrow-down{ .el-cascader .el-input .el-icon-arrow-down {
color: #232323; color: #232323;
} }
.custom-money-select .el-input .el-icon-arrow-down{ .custom-money-select .el-input .el-icon-arrow-down {
color: #232323; color: #232323;
font-size: 14px; font-size: 14px;
} }
.custom-time-select .el-input .el-icon-arrow-down{ .custom-time-select .el-input .el-icon-arrow-down {
color: #232323; color: #232323;
font-size: 14px; font-size: 14px;
} }
.query-box{ .query-box {
justify-content: space-between; justify-content: space-between;
} }
.query-params { .query-params {
.form-content-width { .form-content-width {
//width: 160px; //width: 160px;
} }
.el-form{ .el-form {
&.el-form--inline .el-form-item{ &.el-form--inline .el-form-item {
margin-right: 16px; margin-right: 16px;
} }
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{ .el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
margin-bottom: 8px; margin-bottom: 8px;
margin-top: 8px; margin-top: 8px;
} }
} }
} }
.query-ability{ .query-ability {
.total{ .total {
display: flex !important; display: flex !important;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
...@@ -279,19 +290,19 @@ ul, li { ...@@ -279,19 +290,19 @@ ul, li {
margin-right: 4px; margin-right: 4px;
} }
} }
span{ span {
font-size: 14px; font-size: 14px;
color: #232323; color: #232323;
line-height: initial; line-height: initial;
margin-left: 20px; margin-left: 20px;
cursor: pointer; cursor: pointer;
&:hover{ &:hover {
color: #0081FF; color: #0081ff;
} }
&:first-child{ &:first-child {
margin-left: 0; margin-left: 0;
} }
img{ img {
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-right: 5px; margin-right: 5px;
...@@ -304,50 +315,52 @@ ul, li { ...@@ -304,50 +315,52 @@ ul, li {
padding: 16px; padding: 16px;
} }
.table-item{ .table-item {
width: 100%; width: 100%;
.el-table{ .el-table {
font-size: 13px; font-size: 13px;
color: #232323; color: #232323;
th{ th {
font-size: 13px !important; font-size: 13px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
td{ td {
font-size: 13px; font-size: 13px;
} }
.cell{ .cell {
padding-right: 12px !important; padding-right: 12px !important;
padding-left: 12px !important; padding-left: 12px !important;
line-height: 18px; line-height: 18px;
} }
thead{ thead {
color: rgba(35,35,35,0.7); color: rgba(35, 35, 35, 0.7);
} }
.sort-caret.ascending{ .sort-caret.ascending {
border-bottom-color: rgba(0,129,255,0.5); border-bottom-color: rgba(0, 129, 255, 0.5);
} }
.ascending .sort-caret.ascending{ .ascending .sort-caret.ascending {
border-bottom-color: #0081FF; border-bottom-color: #0081ff;
} }
.sort-caret.descending{ .sort-caret.descending {
border-top-color: rgba(0,129,255,0.5); border-top-color: rgba(0, 129, 255, 0.5);
} }
.descending .sort-caret.descending{ .descending .sort-caret.descending {
border-top-color: #0081FF; border-top-color: #0081ff;
} }
.el-table__header-wrapper{ .el-table__header-wrapper {
th{ th {
background: #F0F3FA; background: #f0f3fa;
// text-align: left; // text-align: left;
} }
} }
.el-table__fixed-header-wrapper{ .el-table__fixed-header-wrapper {
th{ th {
background: #F0F3FA; background: #f0f3fa;
} }
} }
.is-scrolling-left+.el-table__fixed,.is-scrolling-middle+.el-table__fixed,.is-scrolling-right+.el-table__fixed{ .is-scrolling-left + .el-table__fixed,
.is-scrolling-middle + .el-table__fixed,
.is-scrolling-right + .el-table__fixed {
//box-shadow:none; //box-shadow:none;
//-webkit-box-shadow: 2px 0px 1px -2px #C3CBD5; //-webkit-box-shadow: 2px 0px 1px -2px #C3CBD5;
box-shadow: 2px 0 8px -7px #202020; box-shadow: 2px 0 8px -7px #202020;
...@@ -355,57 +368,57 @@ ul, li { ...@@ -355,57 +368,57 @@ ul, li {
height: auto !important; height: auto !important;
bottom: 16px !important; bottom: 16px !important;
} }
.el-table__body tr.current-row > td.el-table__cell{ .el-table__body tr.current-row > td.el-table__cell {
background: none; background: none;
} }
.caret-wrapper{ .caret-wrapper {
width: 10px; width: 10px;
} }
.el-table__body-wrapper{ .el-table__body-wrapper {
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 16px; //竖轴宽度 width: 16px; //竖轴宽度
height: 16px; //横轴宽度 height: 16px; //横轴宽度
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: #F3F4F5; background-color: #f3f4f5;
border-radius: 0; border-radius: 0;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: rgba(98,110,126,0.2); background-color: rgba(98, 110, 126, 0.2);
border: 4px solid #F3F4F5; border: 4px solid #f3f4f5;
border-radius: 10px; border-radius: 10px;
} }
&::-webkit-scrollbar-corner { &::-webkit-scrollbar-corner {
background: #F3F4F5; background: #f3f4f5;
/*border-left: 1px solid #E0EAF2;*/ /*border-left: 1px solid #E0EAF2;*/
} }
tr{ tr {
&.current-row>td{ &.current-row > td {
background-color: initial; background-color: initial;
} }
&:nth-child(2n) { &:nth-child(2n) {
background: #F8FBFF; background: #f8fbff;
} }
} }
tr:hover > td.el-table__cell{ tr:hover > td.el-table__cell {
background: #DCEBFF; background: #dcebff;
} }
} }
.el-table__body tr.hover-row > td.el-table__cell{ .el-table__body tr.hover-row > td.el-table__cell {
background: #DCEBFF; background: #dcebff;
} }
.el-table__fixed{ .el-table__fixed {
//bottom:0 !important; //bottom:0 !important;
.el-table__body{ .el-table__body {
padding-bottom:16px; padding-bottom: 16px;
} }
tr:nth-child(2n){ tr:nth-child(2n) {
background-color: #F8FBFF; background-color: #f8fbff;
} }
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
//滚动条凹槽的颜色，还可以设置边框属性 //滚动条凹槽的颜色，还可以设置边框属性
background-color: #F3F4F5; background-color: #f3f4f5;
height: 16px; height: 16px;
padding: 0 4px; padding: 0 4px;
} }
...@@ -413,7 +426,7 @@ ul, li { ...@@ -413,7 +426,7 @@ ul, li {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
height: 16px; height: 16px;
background-color: #F3F4F5; background-color: #f3f4f5;
border-radius: 6px; border-radius: 6px;
} }
//滚动条的滑块 //滚动条的滑块
...@@ -421,31 +434,30 @@ ul, li { ...@@ -421,31 +434,30 @@ ul, li {
border-radius: 8px; border-radius: 8px;
height: 8px; height: 8px;
margin: 0 4px; margin: 0 4px;
background: rgba(98,110,126,0.2); background: rgba(98, 110, 126, 0.2);
border: 4px solid #F3F4F5; border: 4px solid #f3f4f5;
&:hover{ &:hover {
background: #566380; background: #566380;
} }
} }
.el-scrollbar{ .el-scrollbar {
height: 16px; height: 16px;
.el-scrollbar__bar.is-horizontal{ .el-scrollbar__bar.is-horizontal {
height: 8px; height: 8px;
} }
.el-scrollbar__thumb{ .el-scrollbar__thumb {
background: rgba(98,110,126,0.4); background: rgba(98, 110, 126, 0.4);
&:hover{ &:hover {
background: #566380; background: #566380;
} }
} }
} }
} }
} }
.el-table__body tr.hover-row > td.el-table__cell{ .el-table__body tr.hover-row > td.el-table__cell {
background-color: #DCEBFF; background-color: #dcebff;
} }
.common-title{ .common-title {
border-left: 2px solid #445781; border-left: 2px solid #445781;
padding-left: 8px; padding-left: 8px;
font-size: 16px; font-size: 16px;
...@@ -455,54 +467,55 @@ ul, li { ...@@ -455,54 +467,55 @@ ul, li {
color: #232323; color: #232323;
} }
.pagination-box{ .pagination-box {
text-align: right; text-align: right;
padding: 16px 0; padding: 16px 0;
.el-pagination{ .el-pagination {
font-weight: normal; font-weight: normal;
padding: 0; padding: 0;
button, span:not([class*=suffix]){ button,
span:not([class*="suffix"]) {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
} }
&.is-background .btn-next, &.is-background .btn-next,
&.is-background .btn-prev, &.is-background .btn-prev,
&.is-background .el-pager li{ &.is-background .el-pager li {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
min-width: 24px; min-width: 24px;
padding: 0 6px; padding: 0 6px;
margin: 0 4px; margin: 0 4px;
font-size: 12px; font-size: 12px;
color: rgba(35,35,35,0.7); color: rgba(35, 35, 35, 0.7);
background-color: #F3F4F5; background-color: #f3f4f5;
} }
&.is-background .el-pager li:not(.disabled):hover{ &.is-background .el-pager li:not(.disabled):hover {
background-color: rgba(0,129,255,0.3); background-color: rgba(0, 129, 255, 0.3);
color: #FFFFFF; color: #ffffff;
} }
&.is-background{ &.is-background {
.el-pager{ .el-pager {
li:not(.disabled){ li:not(.disabled) {
&.active{ &.active {
background-color: $systemColor; background-color: $systemColor;
color: #FFFFFF; color: #ffffff;
} }
} }
} }
.el-pagination__jump{ .el-pagination__jump {
margin-left: 8px; margin-left: 8px;
color: #3D3D3D; color: #3d3d3d;
.el-input{ .el-input {
font-size: 12px; font-size: 12px;
} }
.el-pagination__editor{ .el-pagination__editor {
height: 24px; height: 24px;
margin: 0 8px; margin: 0 8px;
} }
.el-pagination__editor.el-input .el-input__inner{ .el-pagination__editor.el-input .el-input__inner {
height: 24px; height: 24px;
border-color: #CDD1D9; border-color: #cdd1d9;
border-radius: 2px; border-radius: 2px;
} }
} }
...@@ -510,29 +523,29 @@ ul, li { ...@@ -510,29 +523,29 @@ ul, li {
} }
} }
.el-drawer{ .el-drawer {
.el-drawer__header{ .el-drawer__header {
padding: 16px 2px 16px 16px; padding: 16px 2px 16px 16px;
margin-bottom: 0; margin-bottom: 0;
border-bottom: 1px solid #E1E1E1; border-bottom: 1px solid #e1e1e1;
} }
.el-drawer__body{ .el-drawer__body {
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 16px; //竖轴宽度 width: 16px; //竖轴宽度
height: 16px; //横轴宽度 height: 16px; //横轴宽度
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: #F3F4F5; background-color: #f3f4f5;
border-radius: 0; border-radius: 0;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: rgba(98,110,126,0.2); background-color: rgba(98, 110, 126, 0.2);
border: 4px solid #F3F4F5; border: 4px solid #f3f4f5;
border-radius: 10px; border-radius: 10px;
} }
&::-webkit-scrollbar-corner { &::-webkit-scrollbar-corner {
background: #F3F4F5; background: #f3f4f5;
/*border-left: 1px solid #E0EAF2;*/ /*border-left: 1px solid #E0EAF2;*/
} }
} }
...@@ -541,49 +554,49 @@ ul, li { ...@@ -541,49 +554,49 @@ ul, li {
//组件公用样式 //组件公用样式
// //
// 无边框、阴影card // 无边框、阴影card
.el-card.noborder{ .el-card.noborder {
border: 0; border: 0;
box-shadow: none; box-shadow: none;
//margin-bottom: 12px; //margin-bottom: 12px;
color: #232323; color: #232323;
.el-card__body{ .el-card__body {
padding: 0; padding: 0;
} }
} }
//el-tabs //el-tabs
.tabpane{ .tabpane {
&.w100{ &.w100 {
.el-tabs__nav-scroll{ .el-tabs__nav-scroll {
padding-left: 16px; padding-left: 16px;
} }
.el-tabs__content{ .el-tabs__content {
padding: 16px; padding: 16px;
} }
} }
.el-tabs__header{ .el-tabs__header {
margin: 0; margin: 0;
} }
.el-tabs__nav-wrap::after{ .el-tabs__nav-wrap::after {
background-color: #EFEFEF; background-color: #efefef;
height: 1px; height: 1px;
} }
.el-tabs__item{ .el-tabs__item {
font-size: 16px; font-size: 16px;
color: #232323; color: #232323;
line-height: 50px; line-height: 50px;
height: 50px; height: 50px;
} }
.is-active{ .is-active {
color: #0081FF; color: #0081ff;
font-weight: bold; font-weight: bold;
} }
} }
.el-tabs__item.is-disabled { .el-tabs__item.is-disabled {
color: #C0C4CC; color: #c0c4cc;
cursor: not-allowed; cursor: not-allowed;
} }
//按钮 //按钮
.btn{ .btn {
margin-left: 8px; margin-left: 8px;
border-radius: 4px; border-radius: 4px;
display: inline-block; display: inline-block;
...@@ -598,17 +611,17 @@ ul, li { ...@@ -598,17 +611,17 @@ ul, li {
height: 32px; height: 32px;
padding: 0 16px; padding: 0 16px;
} }
&.h34{ &.h34 {
width: 80px; width: 80px;
height: 34px; height: 34px;
} }
.img{ .img {
height: 100%; height: 100%;
float: left; float: left;
width: 16px; width: 16px;
} }
} }
.btnsmall{ .btnsmall {
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12px;
border-radius: 2px; border-radius: 2px;
...@@ -617,101 +630,101 @@ ul, li { ...@@ -617,101 +630,101 @@ ul, li {
margin: 0 4px; margin: 0 4px;
cursor: pointer; cursor: pointer;
} }
.btn_default{ .btn_default {
border: 1px solid #0081FF; border: 1px solid #0081ff;
color: #0081FF; color: #0081ff;
background: #FFFFFF; background: #ffffff;
&.h28{ &.h28 {
line-height: 26px; line-height: 26px;
} }
&.h32 { &.h32 {
line-height: 30px; line-height: 30px;
} }
&.h34{ &.h34 {
line-height: 32px; line-height: 32px;
} }
&:hover{ &:hover {
color: #006AD1; color: #006ad1;
border-color: #006AD1; border-color: #006ad1;
} }
} }
.btn_primary{ .btn_primary {
background-color: #0081FF; background-color: #0081ff;
color: #fff; color: #fff;
&.btn_disabled{ &.btn_disabled {
background: #D3D3D3; background: #d3d3d3;
cursor: auto; cursor: auto;
&:hover{ &:hover {
background: #D3D3D3; background: #d3d3d3;
} }
} }
&.btn_shallow{ &.btn_shallow {
color: #0081FF; color: #0081ff;
background: rgba(0, 129, 255, 0.16); background: rgba(0, 129, 255, 0.16);
&:hover{ &:hover {
background: #0081FF; background: #0081ff;
color: #fff; color: #fff;
} }
} }
&.h28{ &.h28 {
line-height: 28px; line-height: 28px;
} }
&.h32{ &.h32 {
line-height: 32px; line-height: 32px;
} }
&.h34{ &.h34 {
line-height: 34px; line-height: 34px;
} }
&.h36{ &.h36 {
line-height: 36px; line-height: 36px;
} }
&:hover{ &:hover {
background-color: #006AD1; background-color: #006ad1;
} }
} }
.btn_cancel{ .btn_cancel {
border: 1px solid #CCCCCC; border: 1px solid #cccccc;
color: #4f4f4f; color: #4f4f4f;
&.h28{ &.h28 {
line-height: 26px; line-height: 26px;
} }
&.h32 { &.h32 {
line-height: 30px; line-height: 30px;
} }
&.h34{ &.h34 {
line-height: 32px; line-height: 32px;
} }
&:hover{ &:hover {
color: #4f4f4f; color: #4f4f4f;
border-color: #CCCCCC; border-color: #cccccc;
background-color: #F4F4F4; background-color: #f4f4f4;
} }
} }
//搜索框 //搜索框
.searchInput{ .searchInput {
width: 590px; width: 590px;
height: 32px; height: 32px;
border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px;
opacity: 1; opacity: 1;
border: 1px solid #EFEFEF; border: 1px solid #efefef;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
.el-input{ .el-input {
margin-top: -1px; margin-top: -1px;
//line-height: 32px; //line-height: 32px;
.el-input__inner{ .el-input__inner {
line-height: 32px; line-height: 32px;
height: 32px; height: 32px;
border: 0; border: 0;
} }
.el-input__suffix{ .el-input__suffix {
margin-top: -1px; margin-top: -1px;
} }
} }
.btn{ .btn {
background: #F5F5F5; background: #f5f5f5;
color: #0081FF; color: #0081ff;
cursor: pointer; cursor: pointer;
width: 60px; width: 60px;
line-height: 32px; line-height: 32px;
...@@ -721,72 +734,72 @@ ul, li { ...@@ -721,72 +734,72 @@ ul, li {
right: 0; right: 0;
top: 0; top: 0;
border-radius: 0; border-radius: 0;
&:hover{ &:hover {
color: #FFFFFF; color: #ffffff;
background: #0081FF; background: #0081ff;
} }
} }
} }
//无边框搜索框 //无边框搜索框
.newSearch{ .newSearch {
width: 238px; width: 238px;
height: 32px; height: 32px;
border-radius: 4px; border-radius: 4px;
.el_input{ .el_input {
height: 32px !important; height: 32px !important;
} }
.el-input__prefix{ .el-input__prefix {
left: 12px; left: 12px;
.el-input__icon{ .el-input__icon {
img{ img {
float: left; float: left;
margin-top: 7px; margin-top: 7px;
} }
} }
} }
.el-input__inner{ .el-input__inner {
padding-left: 36px; padding-left: 36px;
border-color: #fff !important; border-color: #fff !important;
height: 32px !important; height: 32px !important;
} }
} }
//导出EXCEL //导出EXCEL
.btn-export{ .btn-export {
display: inline-block; display: inline-block;
color: #232323; color: #232323;
font-size: 14px; font-size: 14px;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
cursor: pointer; cursor: pointer;
img{ img {
margin-right: 5px; margin-right: 5px;
float: left; float: left;
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-top: 2px; margin-top: 2px;
} }
&:hover{ &:hover {
color: #0081FF; color: #0081ff;
} }
} }
//有链接字体颜色 //有链接字体颜色
.wordprimary{ .wordprimary {
color: #0081FF; color: #0081ff;
cursor: pointer; cursor: pointer;
} }
//分割线 //分割线
.el-divider--horizontal{ .el-divider--horizontal {
margin: 0; margin: 0;
} }
.el-divider{ .el-divider {
background-color: #efefef; background-color: #efefef;
} }
.flex{ .flex {
display: flex; display: flex;
} }
//消息提示框 //消息提示框
.el-message{ .el-message {
border-radius: 0; border-radius: 0;
padding: 10px; padding: 10px;
} }
...@@ -807,9 +820,8 @@ ul, li { ...@@ -807,9 +820,8 @@ ul, li {
padding: 0 16px; padding: 0 16px;
} }
} }
} }
.min1370{ .min1370 {
min-width: 1370px; min-width: 1370px;
} }
dsk-operate-ui/src/layout/components/AppMain.vue
View file @ 9886a36e
...@@ -33,6 +33,7 @@ export default { ...@@ -33,6 +33,7 @@ export default {
width: 100%; width: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: flex;
} }
.fixed-header + .app-main { .fixed-header + .app-main {
...@@ -42,7 +43,7 @@ export default { ...@@ -42,7 +43,7 @@ export default {
.hasTagsView { .hasTagsView {
.app-main { .app-main {
/* 84 = navbar + tags-view = 50 + 34 */ /* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 68px); min-height: calc(100vh - 56px);
min-width:1240px; min-width:1240px;
background: #F5F5F5; background: #F5F5F5;
overflow: initial; overflow: initial;
......
dsk-operate-ui/src/utils/index.js
View file @ 9886a36e
...@@ -402,14 +402,14 @@ export function isNumberStr(str) { ...@@ -402,14 +402,14 @@ export function isNumberStr(str) {
} }
// 甲方详情左侧菜单映射 // 甲方详情左侧菜单映射
// export const detailSideBar = new Map({ export const detailSideBar = new Map([
// // 企业速览 // 企业速览
// holderinfo: "ownershipStructure", ["holderinfo", "ownershipStructure"],
// // 高管信息 // 高管信息
// execuinfo: "leadingMember", ["execuinfo", "leadingMember"],
// // 对外投资 // 对外投资
// overseas: "outboundInvestment", ["overseas", "outboundInvestment"],
// // 分支机构 // 分支机构
// branch: "branch", ["branch", "branch"],
// }) ])
dsk-operate-ui/src/views/components/MaxPageSizeTip.vue 0 → 100644
View file @ 9886a36e
<template>
<div class="max-page-size-tip" @click.stop="$emit('closeMaxTip')">
<div class="max-page-tip-container" @click.stop="''">
<div class="max-page-tip-inner">
<div class="top-title-container">
<img src="@/assets/images/market/max-tip-title-icon.svg" alt="" class="max-tip-icon">
<span class="tip-title">数据查询已达到上限</span>
<img src="@/assets/images/market/close-max-tip-icon.svg" alt="" class="max-tip-close-icon" @click.stop="$emit('closeMaxTip')">
</div>
<div class="max-page-tip-content">
<div class="max-page-content-inner">
您可通过筛选工具来查询数据～若有更多需求请联系客服 0262798729！
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
};
},
//可访问data属性
created() {
},
//计算集
computed: {
},
//方法集
methods: {
},
}
</script>
<style lang="scss" scoped>
.max-page-size-tip {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 1200;
.max-page-tip-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 340px;
height: 112px;
background: #ffffff;
border: 1px solid #e5e6eb;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 20px;
box-sizing: border-box;
.top-title-container {
display: flex;
align-items: center;
.max-tip-icon {
width: 24px;
height: 24px;
}
.tip-title {
color: #1d2129;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-left: 16px;
margin-right: 16px;
width: 228px;
}
.max-tip-close-icon {
width: 16px;
height: 16px;
align-self: flex-start;
cursor: pointer;
}
}
.max-page-tip-content {
margin-top: 4px;
padding-left: 40px;
padding-right: 32px;
box-sizing: border-box;
.max-page-content-inner {
color: #1d2129;
font-size: 14px;
line-height: 22px;
}
}
}
}
</style>
dsk-operate-ui/src/views/detail/party-a/overview/businfo.vue
View file @ 9886a36e
...@@ -6,7 +6,6 @@ ...@@ -6,7 +6,6 @@
<el-tab-pane label="工商变更" :disabled="tableDataTotal==0" name="second"></el-tab-pane> <el-tab-pane label="工商变更" :disabled="tableDataTotal==0" name="second"></el-tab-pane>
</el-tabs> </el-tabs>
<info-table class="info-tab" :list="defaultList" :obj="forInfo" :labelWidth="labelWidth" v-if="activeName=='first'"> <info-table class="info-tab" :list="defaultList" :obj="forInfo" :labelWidth="labelWidth" v-if="activeName=='first'">
<template slot="provinceCode" slot-scope="scope"> <template slot="provinceCode" slot-scope="scope">
<span>{{showRegion(scope.data.provinceCode)}}</span> <span>{{showRegion(scope.data.provinceCode)}}</span>
...@@ -19,7 +18,7 @@ ...@@ -19,7 +18,7 @@
</template> </template>
<template slot="actualCapi" slot-scope="scope"> <template slot="actualCapi" slot-scope="scope">
<span> <span>
{{ scope.data.actualCapi?scope.data.actualCapi+'万元人民币':'--' }} {{ scope.data.actualCapi? `${scope.data.actualCapi}${scope.data.actualCapiUnit}` :'--' }}
</span> </span>
</template> </template>
<template slot="colleguesNum" slot-scope="scope"> <template slot="colleguesNum" slot-scope="scope">
...@@ -28,23 +27,16 @@ ...@@ -28,23 +27,16 @@
</span> </span>
</template> </template>
</info-table> </info-table>
<tables <tables :tableLoading="tableLoading" :tableData="tableData" :tableDataTotal="tableDataTotal" :forData="forData"
:tableLoading="tableLoading" @handle-current-change="handleCurrentChange" :queryParams="queryParams" v-if="activeName=='second'" />
:tableData="tableData"
:tableDataTotal="tableDataTotal"
:forData="forData"
@handle-current-change="handleCurrentChange"
:queryParams="queryParams"
v-if="activeName=='second'"
/>
</div> </div>
</template> </template>
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin';
import dataRegion from '@/assets/json/dataRegion' import dataRegion from '@/assets/json/dataRegion';
import InfoTable from '../component/infoTable' import InfoTable from '../component/infoTable';
import {icInfo, changeInfo} from "@/api/detail/party-a/overview" import { icInfo, changeInfo } from "@/api/detail/party-a/overview";
export default { export default {
name: 'Businfo', name: 'Businfo',
props: ['companyId'], props: ['companyId'],
...@@ -87,63 +79,63 @@ export default { ...@@ -87,63 +79,63 @@ export default {
{ name: '经营范围', prop: 'scope', style: true } { name: '经营范围', prop: 'scope', style: true }
], ],
forData: [ forData: [
{label: '变更日期', prop: 'changeDate', width: '100'}, { label: '变更日期', prop: 'changeDate', width: '100' },
{label: '变更事项', prop: 'type'}, { label: '变更事项', prop: 'type' },
{label: '变更前', prop: 'beforeContent'}, { label: '变更前', prop: 'beforeContent' },
{label: '变更后', prop: 'afterContent'} { label: '变更后', prop: 'afterContent' }
], ],
//列表 //列表
tableLoading:false, tableLoading: false,
tableData:[], tableData: [],
tableDataTotal:0 tableDataTotal: 0
} };
}, },
created() { created() {
this.handleQuery(); this.handleQuery();
this.handleQuery1(); this.handleQuery1();
}, },
methods: { methods: {
handleClick(){ handleClick() {
if(this.activeName=='first'){ if (this.activeName == 'first') {
this.handleQuery() this.handleQuery();
}else{ } else {
this.handleQuery1() this.handleQuery1();
} }
}, },
async handleQuery(params,flag) { async handleQuery(params, flag) {
if(flag){ if (flag) {
return this.handleQuery1(params) return this.handleQuery1(params);
} }
this.isSkeleton = true; this.isSkeleton = true;
this.tableLoading = true this.tableLoading = true;
let param = this.baseParams; let param = this.baseParams;
let res = await icInfo(param); let res = await icInfo(param);
this.tableLoading = false this.tableLoading = false;
if(res.code==200){ if (res.code == 200) {
this.isSkeleton = false; this.isSkeleton = false;
this.forInfo = res.data this.forInfo = res.data;
} }
}, },
async handleQuery1(params) { async handleQuery1(params) {
let param = params?params:this.queryParams let param = params ? params : this.queryParams;
let res = await changeInfo(param) let res = await changeInfo(param);
if(res.code==200){ if (res.code == 200) {
this.tableData = res.rows; this.tableData = res.rows;
this.tableDataTotal = res.total this.tableDataTotal = res.total;
} }
}, },
showRegion(region){ showRegion(region) {
if(region) { if (region) {
let list = dataRegion let list = dataRegion;
let areaText = '' let areaText = '';
list.forEach(item => { list.forEach(item => {
if(item.id == region) { if (item.id == region) {
areaText = item.regionName areaText = item.regionName;
} }
}) });
return areaText return areaText;
}else { } else {
return '--' return '--';
} }
} }
} }
...@@ -151,22 +143,22 @@ export default { ...@@ -151,22 +143,22 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-container{ .detail-container {
margin: 0; margin: 0;
padding: 16px; padding: 16px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
.detail-tab{ .detail-tab {
margin: 0 0 0 -16px; margin: 0 0 0 -16px;
::v-deep .el-tabs__nav-wrap::after{ ::v-deep .el-tabs__nav-wrap::after {
display: none; display: none;
} }
::v-deep .el-tabs__item{ ::v-deep .el-tabs__item {
font-size: 16px; font-size: 16px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
padding: 0 16px; padding: 0 16px;
&.is-active{ &.is-active {
font-weight: bold; font-weight: bold;
} }
} }
......
dsk-operate-ui/src/views/enterpriseData/components/searchTheOwner/index.vue
View file @ 9886a36e
...@@ -114,19 +114,19 @@ ...@@ -114,19 +114,19 @@
<div class="table-item-jf table-item" v-if="!isSkeleton&&tableData.length>0"> <div class="table-item-jf table-item" v-if="!isSkeleton&&tableData.length>0">
<el-table :data="tableData" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}" v-horizontal-scroll="'hover'" <el-table :data="tableData" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}" v-horizontal-scroll="'hover'"
class="table-item1 fixed-table" border highlight-current-row :header-row-class-name="setHeaderRow" :cell-class-name="setCellClass" class="table-item1 fixed-table" border highlight-current-row :header-row-class-name="setHeaderRow" :cell-class-name="setCellClass"
:row-class-name="setRowClass" :header-cell-class-name="setCellClass" @sort-change="sortChange"> :row-class-name="setRowClass" :header-cell-class-name="setCellClass" @sort-change="sortChange" ref="theOwnerListTable">
<el-table-column type="index" label="序号" fixed width="60" :resizable="false"> <el-table-column type="index" label="序号" :fixed="tableColumnFixed" width="60" :resizable="false">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{(pageNum - 1) *pageSize + scope.$index + 1}}</span> <span>{{(pageNum - 1) *pageSize + scope.$index + 1}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="公司名称" fixed width="380" :resizable="false"> <el-table-column label="公司名称" :fixed="tableColumnFixed" width="380" :resizable="false">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="renling"> <div class="renling">
<div style="display:flex;align-items:center"> <div style="display:flex;align-items:center">
<router-link :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}` : `/company/${encodeStr(scope.row.id)}`" tag="a" <router-link :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}` : `/enterprise/${encodeStr(scope.row.id)}`" tag="a"
class="list-titel-a" v-html="scope.row.name"></router-link> class="list-titel-a" v-html="scope.row.name"></router-link>
<!-- 优质甲方tag标签 --> <!-- 优质甲方tag标签 -->
<div class="high-quality-enterprise" v-if="scope.row.other">{{scope.row.other}}</div> <div class="high-quality-enterprise" v-if="scope.row.other">{{scope.row.other}}</div>
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
<el-table-column label="历史发包数量" min-width="107" :resizable="false" :sortable="'custom'" prop="inviteTenderCount"> <el-table-column label="历史发包数量" min-width="107" :resizable="false" :sortable="'custom'" prop="inviteTenderCount">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link v-if="scope.row.inviteTenderCount" <router-link v-if="scope.row.inviteTenderCount"
:to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=hiscontract` : `/company/${encodeStr(scope.row.id)}?path=hiscontract`" :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=hiscontract` : `/enterprise/${encodeStr(scope.row.id)}?path=hiscontract`"
tag="a" class="list-titel-a">{{scope.row.inviteTenderCount ? `${scope.row.inviteTenderCount}个`:"--"}}</router-link> tag="a" class="list-titel-a">{{scope.row.inviteTenderCount ? `${scope.row.inviteTenderCount}个`:"--"}}</router-link>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
...@@ -180,7 +180,7 @@ ...@@ -180,7 +180,7 @@
<el-table-column label="历史发包总金额" min-width="120" :resizable="false" :sortable="'custom'" prop="inviteTenderSumAmount"> <el-table-column label="历史发包总金额" min-width="120" :resizable="false" :sortable="'custom'" prop="inviteTenderSumAmount">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="text-align:right;white-space: nowrap;">{{scope.row.inviteTenderSumAmount ? `${scope.row.inviteTenderSumAmount}万元`:"--"}} <div style="text-align:right;white-space: nowrap;">{{parseFloat(scope.row.inviteTenderSumAmount) ? `${scope.row.inviteTenderSumAmount}万元`:"--"}}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
<el-table-column label="最近一次招标" min-width="107" :resizable="false" :sortable="'custom'" prop="inviteTenderLastTime"> <el-table-column label="最近一次招标" min-width="107" :resizable="false" :sortable="'custom'" prop="inviteTenderLastTime">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link v-if="scope.row.inviteTenderLastTime" <router-link v-if="scope.row.inviteTenderLastTime"
:to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=announcement` : `/company/${encodeStr(scope.row.id)}?path=announcement`" :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=announcement` : `/enterprise/${encodeStr(scope.row.id)}?path=announcement`"
tag="a" class="list-titel-a">{{scope.row.inviteTenderLastTime||"--"}}</router-link> tag="a" class="list-titel-a">{{scope.row.inviteTenderLastTime||"--"}}</router-link>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
<el-table-column label="重点项目" min-width="107" :resizable="false" :sortable="'custom'" prop="importantProjectCount"> <el-table-column label="重点项目" min-width="107" :resizable="false" :sortable="'custom'" prop="importantProjectCount">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link v-if="scope.row.importantProjectCount" <router-link v-if="scope.row.importantProjectCount"
:to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=majorProject` : `/company/${encodeStr(scope.row.id)}?path=majorProject`" :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=majorProject` : `/enterprise/${encodeStr(scope.row.id)}?path=majorProject`"
tag="a" class="list-titel-a">{{`${scope.row.importantProjectCount}个`}}</router-link> tag="a" class="list-titel-a">{{`${scope.row.importantProjectCount}个`}}</router-link>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
...@@ -206,7 +206,7 @@ ...@@ -206,7 +206,7 @@
<!-- <el-table-column label="土地交易" width="107" :resizable="false" :sortable="'custom'" prop="landMarketCount"> <!-- <el-table-column label="土地交易" width="107" :resizable="false" :sortable="'custom'" prop="landMarketCount">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link v-if="scope.row.landMarketCount" <router-link v-if="scope.row.landMarketCount"
:to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=landtransaction` : `/company/${encodeStr(scope.row.id)}?path=landtransaction`" :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=landtransaction` : `/enterprise/${encodeStr(scope.row.id)}?path=landtransaction`"
tag="a" class="list-titel-a">{{`${scope.row.landMarketCount}个`}}</router-link> tag="a" class="list-titel-a">{{`${scope.row.landMarketCount}个`}}</router-link>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
...@@ -215,7 +215,7 @@ ...@@ -215,7 +215,7 @@
<el-table-column label="拟建项目" min-width="107" :resizable="false" :sortable="'custom'" prop="approvalProjectCount"> <el-table-column label="拟建项目" min-width="107" :resizable="false" :sortable="'custom'" prop="approvalProjectCount">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link v-if="scope.row.approvalProjectCount" <router-link v-if="scope.row.approvalProjectCount"
:to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=proposed` : `/company/${encodeStr(scope.row.id)}?path=proposed`" :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=proposed` : `/enterprise/${encodeStr(scope.row.id)}?path=proposed`"
tag="a" class="list-titel-a">{{`${scope.row.approvalProjectCount}个`}}</router-link> tag="a" class="list-titel-a">{{`${scope.row.approvalProjectCount}个`}}</router-link>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
...@@ -224,7 +224,7 @@ ...@@ -224,7 +224,7 @@
<el-table-column label="招标计划" min-width="107" :resizable="false" :sortable="'custom'" prop="bidPlanCount"> <el-table-column label="招标计划" min-width="107" :resizable="false" :sortable="'custom'" prop="bidPlanCount">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link v-if="scope.row.bidPlanCount" <router-link v-if="scope.row.bidPlanCount"
:to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=biddingplan` : `/company/${encodeStr(scope.row.id)}?path=biddingplan`" :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=biddingplan` : `/enterprise/${encodeStr(scope.row.id)}?path=biddingplan`"
tag="a" class="list-titel-a">{{`${scope.row.bidPlanCount}个`}}</router-link> tag="a" class="list-titel-a">{{`${scope.row.bidPlanCount}个`}}</router-link>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
...@@ -233,7 +233,7 @@ ...@@ -233,7 +233,7 @@
<el-table-column label="招标公告" min-width="107" :resizable="false" :sortable="'custom'" prop="jskBidCount"> <el-table-column label="招标公告" min-width="107" :resizable="false" :sortable="'custom'" prop="jskBidCount">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link v-if="scope.row.jskBidCount" <router-link v-if="scope.row.jskBidCount"
:to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=announcement` : `/company/${encodeStr(scope.row.id)}?path=announcement`" :to="scope.row.other ? `/enterprise/${encodeStr(scope.row.id)}?path=announcement` : `/enterprise/${encodeStr(scope.row.id)}?path=announcement`"
tag="a" class="list-titel-a">{{`${scope.row.jskBidCount}个`}}</router-link> tag="a" class="list-titel-a">{{`${scope.row.jskBidCount}个`}}</router-link>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
...@@ -320,6 +320,8 @@ export default { ...@@ -320,6 +320,8 @@ export default {
sort: '', //查询结果排序方式 sort: '', //查询结果排序方式
// 展示认领状态 // 展示认领状态
showClaim: false, showClaim: false,
// table列是否悬浮
tableColumnFixed: false,
// 默认排序方式 // 默认排序方式
order: "desc", order: "desc",
fieldOptions: [{ fieldOptions: [{
...@@ -358,7 +360,8 @@ export default { ...@@ -358,7 +360,8 @@ export default {
total: 0, total: 0,
oldPageNum: 1, oldPageNum: 1,
pageNum: 1, pageNum: 1,
pageSize: 20 pageSize: 20,
tableScrollLeftMemory: 0,
}; };
}, },
watch: { watch: {
...@@ -399,6 +402,12 @@ export default { ...@@ -399,6 +402,12 @@ export default {
created() { created() {
this.init(); this.init();
}, },
beforeDestroy() {
const table = this.$refs["theOwnerListTable"]?.bodyWrapper;
if (table) {
table.removeEventListener("scroll", this.tableScroll, { capture: false, passive: true });
}
},
methods: { methods: {
// 生成查询条件 // 生成查询条件
createSearchConditions() { createSearchConditions() {
...@@ -476,7 +485,8 @@ export default { ...@@ -476,7 +485,8 @@ export default {
const result = await api.searchOwnerUnitListApi(params); const result = await api.searchOwnerUnitListApi(params);
if (result.code == 200) { if (result.code == 200) {
this.tableData = result.data?.list ? result.data.list : []; this.tableData = result.data?.list ? result.data.list : [];
this.total = res.data?.total ? res.data?.total : 0; this.total = result.data?.total ? result.data?.total : 0;
this.addScrollXListener();
} }
} catch (error) { } catch (error) {
console.log(error); console.log(error);
...@@ -495,6 +505,41 @@ export default { ...@@ -495,6 +505,41 @@ export default {
} }
}, },
async addScrollXListener() {
try {
await this.$nextTick();
const table = this.$refs["theOwnerListTable"]?.bodyWrapper;
if (table) {
table.removeEventListener("scroll", this.tableScroll, { capture: false, passive: true });
table.addEventListener("scroll", this.tableScroll, { capture: false, passive: true });
}
} catch (error) {
console.log(error);
}
},
tableScroll(event) {
const { target } = event;
if (target) {
// 滚动条记忆功能
this.tableScrollLeftMemory = target.scrollLeft;
target.scrollLeft > 0 ? this.tableColumnFixed = true : this.tableColumnFixed = false;
}
},
async setScrollX() {
try {
await this.$nextTick();
const table = this.$refs["theOwnerListTable"]?.bodyWrapper;
const left = this.tableScrollLeftMemory;
if (table) {
table.scrollTo({
left,
behavior: "smooth"
});
}
} catch (error) {
console.log(error);
}
},
headerMouseover(e) { headerMouseover(e) {
const { target } = e; const { target } = e;
if (target.classList.contains("enterprise-name-column")) return this.showClaim = true; if (target.classList.contains("enterprise-name-column")) return this.showClaim = true;
...@@ -620,7 +665,7 @@ export default { ...@@ -620,7 +665,7 @@ export default {
this.checkOwnerLabel = true; this.checkOwnerLabel = true;
this.currentOwnerLabels = []; this.currentOwnerLabels = [];
} }
if (val.length >= 2) { if (val.length < 2) {
this.tagCodeQueryType = "or"; this.tagCodeQueryType = "or";
} }
this.search(); this.search();
...@@ -743,11 +788,14 @@ export default { ...@@ -743,11 +788,14 @@ export default {
const params = this.createSearchConditions(); const params = this.createSearchConditions();
this.isSkeleton = true; this.isSkeleton = true;
api.searchOwnerUnitListApi(params).then(res => { api.searchOwnerUnitListApi(params).then(async res => {
if (res.code == 200) { if (res.code == 200) {
this.isSkeleton = false; this.isSkeleton = false;
this.tableData = res.data?.list ? res.data.list : []; this.tableData = res.data?.list ? res.data.list : [];
this.total = res.data?.total ? res.data?.total : 0; this.total = res.data?.total ? res.data?.total : 0;
this.addScrollXListener();
// 滚动条记忆
this.setScrollX();
} }
}).catch(error => { }).catch(error => {
}); });
...@@ -1150,6 +1198,7 @@ export default { ...@@ -1150,6 +1198,7 @@ export default {
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
opacity: 0; opacity: 0;
visibility: hidden;
transition: opacity 0.3s; transition: opacity 0.3s;
white-space: nowrap; white-space: nowrap;
.renling-img-true { .renling-img-true {
...@@ -1208,10 +1257,12 @@ export default { ...@@ -1208,10 +1257,12 @@ export default {
} }
.enterprise-name-row { .enterprise-name-row {
&:hover,
&.hover-row { &.hover-row {
.cell { .cell {
.renling-btn { .renling-btn {
opacity: 1; opacity: 1;
visibility: visible;
} }
} }
} }
......
dsk-operate-ui/src/views/market/index.vue
View file @ 9886a36e
<template> <template>
<div v-loading="loading" class="market-container"> <div v-loading="loading" class="market-container">
<iframe id="companyIframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{height:iframeHight+'px'}" <!-- <iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{ height: iframeHight + 'px' }"
:src="src" /> :src="src" /> -->
<iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" width="100%" :src="src" />
<transition name="fade" mode="out-in" appear>
<max-page-size-tip v-if="showMaxPageTip" @closeMaxTip="showMaxPageTip = false"></max-page-size-tip>
</transition>
</div> </div>
</template> </template>
<script> <script>
import { steerScroll } from '@/assets/js/jskplug'; import { steerScroll } from '@/assets/js/jskplug';
import { dskAccessToken } from '@/api/common'; import { dskAccessToken } from '@/api/common';
import MaxPageSizeTip from "@/views/components/MaxPageSizeTip.vue";
export default { export default {
name: 'Enterprise', name: 'Enterprise',
components: { components: {
MaxPageSizeTip
}, },
data() { data() {
return { return {
...@@ -28,26 +33,37 @@ export default { ...@@ -28,26 +33,37 @@ export default {
ak: 'aec7b3ff2y2q8x6t49a7e2c463ce21912', // 需要携带的sdkId ak: 'aec7b3ff2y2q8x6t49a7e2c463ce21912', // 需要携带的sdkId
timelongs: 7200,//刷新token时间 timelongs: 7200,//刷新token时间
tokentimer: null, tokentimer: null,
showMaxPageTip: false,
}; };
}, },
created() { created() {
if(window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com'){ if (window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com') {
this.domain='https://plug.jiansheku.com' this.domain = 'https://plug.jiansheku.com';
}else { } else {
this.domain='https://pre-plug.jiansheku.com' this.domain='https://pre-plug.jiansheku.com'
} }
this.gettokens(); this.gettokens();
window.addEventListener("message", this.pagecapListener, { passive: true });
}, },
mounted() { mounted() {
this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制 // this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略） // steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略）
}, },
beforeDestroy() { beforeDestroy() {
clearInterval(this.iframeTimer); // -当前页控制 clearInterval(this.iframeTimer); // -当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略） steerScroll('companyIframe', this.navigation, this.footHeight); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略）
clearInterval(this.tokentimer); clearInterval(this.tokentimer);
window.removeEventListener("message", this.pagecapListener, { passive: true });
}, },
methods: { methods: {
// 列表翻页上限
pagecapListener(e) {
const { origin, data } = e;
if (origin.indexOf(this.domain) < 0) return;
if (data == "pageCurrentMaxSize") {
this.showMaxPageTip = true;
}
},
gettokens() { gettokens() {
dskAccessToken().then(res => { dskAccessToken().then(res => {
if (res.code == 200) { if (res.code == 200) {
...@@ -88,14 +104,19 @@ export default { ...@@ -88,14 +104,19 @@ export default {
}); });
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.market-container { .market-container {
width: 100%; width: 100%;
height: 100%;
padding: 16px 24px; padding: 16px 24px;
padding-right: 15px;
box-sizing: border-box; box-sizing: border-box;
.market-iframe {
width: 100%;
height: 100%;
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment