Skip to content

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

2023/10/19迭代更新

parent 9087fd0b
Show 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 @@
.search-leave-to {
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 './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './btn.scss';
@import "./variables.scss";
@import "./mixin.scss";
@import "./transition.scss";
@import "./element-ui.scss";
@import "./sidebar.scss";
@import "./btn.scss";
body {
height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
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 {
......@@ -104,7 +105,8 @@ aside {
display: block;
line-height: 32px;
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;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
......@@ -135,7 +137,7 @@ aside {
}
.text-center {
text-align: center
text-align: center;
}
.sub-navbar {
......@@ -146,7 +148,13 @@ aside {
text-align: right;
padding-right: 20px;
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 {
font-size: 20px;
......@@ -189,20 +197,20 @@ aside {
align-items: center;
}
.a-link{
color: #0081FF;
&:hover{
color: #0081FF;
.a-link {
color: #0081ff;
&:hover {
color: #0081ff;
text-decoration: underline;
}
}
.text-cl1{
.text-cl1 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.text-cl2{
.text-cl2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
......@@ -211,62 +219,65 @@ aside {
-webkit-box-orient: vertical;
}
ul, li {
ul,
li {
list-style: none;
padding: 0;
margin: 0;
}
.app-main{
.app-main {
background-color: #f5f5f5;
}
.app-container {
width: 100%;
margin: 12px 24px;
background-color: #f5f5f5;
padding-bottom: 16px !important;
.el-input__inner{
border-color: #D9D9D9;
.el-input__inner {
border-color: #d9d9d9;
color: #232323;
&::placeholder {
color: rgba(35,35,35,0.4);
color: rgba(35, 35, 35, 0.4);
}
}
.el-input__inner::placeholder{
color: rgba(35,35,35,0.8) !important;
.el-input__inner::placeholder {
color: rgba(35, 35, 35, 0.8) !important;
}
.el-select .el-input .el-select__caret{
.el-select .el-input .el-select__caret {
color: #232323;
}
.el-cascader .el-input .el-icon-arrow-down{
.el-cascader .el-input .el-icon-arrow-down {
color: #232323;
}
.custom-money-select .el-input .el-icon-arrow-down{
.custom-money-select .el-input .el-icon-arrow-down {
color: #232323;
font-size: 14px;
}
.custom-time-select .el-input .el-icon-arrow-down{
.custom-time-select .el-input .el-icon-arrow-down {
color: #232323;
font-size: 14px;
}
.query-box{
.query-box {
justify-content: space-between;
}
.query-params {
.form-content-width {
//width: 160px;
}
.el-form{
&.el-form--inline .el-form-item{
.el-form {
&.el-form--inline .el-form-item {
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-top: 8px;
}
}
}
.query-ability{
.total{
.query-ability {
.total {
display: flex !important;
flex-direction: row;
align-items: center;
......@@ -279,19 +290,19 @@ ul, li {
margin-right: 4px;
}
}
span{
span {
font-size: 14px;
color: #232323;
line-height: initial;
margin-left: 20px;
cursor: pointer;
&:hover{
color: #0081FF;
&:hover {
color: #0081ff;
}
&:first-child{
&:first-child {
margin-left: 0;
}
img{
img {
width: 18px;
height: 18px;
margin-right: 5px;
......@@ -304,50 +315,52 @@ ul, li {
padding: 16px;
}
.table-item{
.table-item {
width: 100%;
.el-table{
.el-table {
font-size: 13px;
color: #232323;
th{
th {
font-size: 13px !important;
font-weight: 400 !important;
}
td{
td {
font-size: 13px;
}
.cell{
.cell {
padding-right: 12px !important;
padding-left: 12px !important;
line-height: 18px;
}
thead{
color: rgba(35,35,35,0.7);
thead {
color: rgba(35, 35, 35, 0.7);
}
.sort-caret.ascending{
border-bottom-color: rgba(0,129,255,0.5);
.sort-caret.ascending {
border-bottom-color: rgba(0, 129, 255, 0.5);
}
.ascending .sort-caret.ascending{
border-bottom-color: #0081FF;
.ascending .sort-caret.ascending {
border-bottom-color: #0081ff;
}
.sort-caret.descending{
border-top-color: rgba(0,129,255,0.5);
.sort-caret.descending {
border-top-color: rgba(0, 129, 255, 0.5);
}
.descending .sort-caret.descending{
border-top-color: #0081FF;
.descending .sort-caret.descending {
border-top-color: #0081ff;
}
.el-table__header-wrapper{
th{
background: #F0F3FA;
.el-table__header-wrapper {
th {
background: #f0f3fa;
// text-align: left;
}
}
.el-table__fixed-header-wrapper{
th{
background: #F0F3FA;
.el-table__fixed-header-wrapper {
th {
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;
//-webkit-box-shadow: 2px 0px 1px -2px #C3CBD5;
box-shadow: 2px 0 8px -7px #202020;
......@@ -355,57 +368,57 @@ ul, li {
height: auto !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;
}
.caret-wrapper{
.caret-wrapper {
width: 10px;
}
.el-table__body-wrapper{
.el-table__body-wrapper {
&::-webkit-scrollbar {
width: 16px; //竖轴宽度
height: 16px; //横轴宽度
}
&::-webkit-scrollbar-track {
background-color: #F3F4F5;
background-color: #f3f4f5;
border-radius: 0;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(98,110,126,0.2);
border: 4px solid #F3F4F5;
background-color: rgba(98, 110, 126, 0.2);
border: 4px solid #f3f4f5;
border-radius: 10px;
}
&::-webkit-scrollbar-corner {
background: #F3F4F5;
background: #f3f4f5;
/*border-left: 1px solid #E0EAF2;*/
}
tr{
&.current-row>td{
tr {
&.current-row > td {
background-color: initial;
}
&:nth-child(2n) {
background: #F8FBFF;
background: #f8fbff;
}
}
tr:hover > td.el-table__cell{
background: #DCEBFF;
tr:hover > td.el-table__cell {
background: #dcebff;
}
}
.el-table__body tr.hover-row > td.el-table__cell{
background: #DCEBFF;
.el-table__body tr.hover-row > td.el-table__cell {
background: #dcebff;
}
.el-table__fixed{
.el-table__fixed {
//bottom:0 !important;
.el-table__body{
padding-bottom:16px;
.el-table__body {
padding-bottom: 16px;
}
tr:nth-child(2n){
background-color: #F8FBFF;
tr:nth-child(2n) {
background-color: #f8fbff;
}
}
::-webkit-scrollbar-track-piece {
//滚动条凹槽的颜色，还可以设置边框属性
background-color: #F3F4F5;
background-color: #f3f4f5;
height: 16px;
padding: 0 4px;
}
......@@ -413,7 +426,7 @@ ul, li {
::-webkit-scrollbar {
width: 8px;
height: 16px;
background-color: #F3F4F5;
background-color: #f3f4f5;
border-radius: 6px;
}
//滚动条的滑块
......@@ -421,31 +434,30 @@ ul, li {
border-radius: 8px;
height: 8px;
margin: 0 4px;
background: rgba(98,110,126,0.2);
border: 4px solid #F3F4F5;
&:hover{
background: rgba(98, 110, 126, 0.2);
border: 4px solid #f3f4f5;
&:hover {
background: #566380;
}
}
.el-scrollbar{
.el-scrollbar {
height: 16px;
.el-scrollbar__bar.is-horizontal{
.el-scrollbar__bar.is-horizontal {
height: 8px;
}
.el-scrollbar__thumb{
background: rgba(98,110,126,0.4);
&:hover{
.el-scrollbar__thumb {
background: rgba(98, 110, 126, 0.4);
&:hover {
background: #566380;
}
}
}
}
}
.el-table__body tr.hover-row > td.el-table__cell{
background-color: #DCEBFF;
.el-table__body tr.hover-row > td.el-table__cell {
background-color: #dcebff;
}
.common-title{
.common-title {
border-left: 2px solid #445781;
padding-left: 8px;
font-size: 16px;
......@@ -455,54 +467,55 @@ ul, li {
color: #232323;
}
.pagination-box{
.pagination-box {
text-align: right;
padding: 16px 0;
.el-pagination{
.el-pagination {
font-weight: normal;
padding: 0;
button, span:not([class*=suffix]){
button,
span:not([class*="suffix"]) {
height: 24px;
line-height: 24px;
}
&.is-background .btn-next,
&.is-background .btn-prev,
&.is-background .el-pager li{
&.is-background .el-pager li {
height: 24px;
line-height: 24px;
min-width: 24px;
padding: 0 6px;
margin: 0 4px;
font-size: 12px;
color: rgba(35,35,35,0.7);
background-color: #F3F4F5;
color: rgba(35, 35, 35, 0.7);
background-color: #f3f4f5;
}
&.is-background .el-pager li:not(.disabled):hover{
background-color: rgba(0,129,255,0.3);
color: #FFFFFF;
&.is-background .el-pager li:not(.disabled):hover {
background-color: rgba(0, 129, 255, 0.3);
color: #ffffff;
}
&.is-background{
.el-pager{
li:not(.disabled){
&.active{
&.is-background {
.el-pager {
li:not(.disabled) {
&.active {
background-color: $systemColor;
color: #FFFFFF;
color: #ffffff;
}
}
}
.el-pagination__jump{
.el-pagination__jump {
margin-left: 8px;
color: #3D3D3D;
.el-input{
color: #3d3d3d;
.el-input {
font-size: 12px;
}
.el-pagination__editor{
.el-pagination__editor {
height: 24px;
margin: 0 8px;
}
.el-pagination__editor.el-input .el-input__inner{
.el-pagination__editor.el-input .el-input__inner {
height: 24px;
border-color: #CDD1D9;
border-color: #cdd1d9;
border-radius: 2px;
}
}
......@@ -510,29 +523,29 @@ ul, li {
}
}
.el-drawer{
.el-drawer__header{
.el-drawer {
.el-drawer__header {
padding: 16px 2px 16px 16px;
margin-bottom: 0;
border-bottom: 1px solid #E1E1E1;
border-bottom: 1px solid #e1e1e1;
}
.el-drawer__body{
.el-drawer__body {
overflow-y: auto;
&::-webkit-scrollbar {
width: 16px; //竖轴宽度
height: 16px; //横轴宽度
}
&::-webkit-scrollbar-track {
background-color: #F3F4F5;
background-color: #f3f4f5;
border-radius: 0;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(98,110,126,0.2);
border: 4px solid #F3F4F5;
background-color: rgba(98, 110, 126, 0.2);
border: 4px solid #f3f4f5;
border-radius: 10px;
}
&::-webkit-scrollbar-corner {
background: #F3F4F5;
background: #f3f4f5;
/*border-left: 1px solid #E0EAF2;*/
}
}
......@@ -541,49 +554,49 @@ ul, li {
//组件公用样式
//
// 无边框、阴影card
.el-card.noborder{
.el-card.noborder {
border: 0;
box-shadow: none;
//margin-bottom: 12px;
color: #232323;
.el-card__body{
.el-card__body {
padding: 0;
}
}
//el-tabs
.tabpane{
&.w100{
.el-tabs__nav-scroll{
.tabpane {
&.w100 {
.el-tabs__nav-scroll {
padding-left: 16px;
}
.el-tabs__content{
.el-tabs__content {
padding: 16px;
}
}
.el-tabs__header{
.el-tabs__header {
margin: 0;
}
.el-tabs__nav-wrap::after{
background-color: #EFEFEF;
.el-tabs__nav-wrap::after {
background-color: #efefef;
height: 1px;
}
.el-tabs__item{
.el-tabs__item {
font-size: 16px;
color: #232323;
line-height: 50px;
height: 50px;
}
.is-active{
color: #0081FF;
.is-active {
color: #0081ff;
font-weight: bold;
}
}
.el-tabs__item.is-disabled {
color: #C0C4CC;
color: #c0c4cc;
cursor: not-allowed;
}
//按钮
.btn{
.btn {
margin-left: 8px;
border-radius: 4px;
display: inline-block;
......@@ -598,17 +611,17 @@ ul, li {
height: 32px;
padding: 0 16px;
}
&.h34{
&.h34 {
width: 80px;
height: 34px;
}
.img{
.img {
height: 100%;
float: left;
width: 16px;
}
}
.btnsmall{
.btnsmall {
display: inline-block;
font-size: 12px;
border-radius: 2px;
......@@ -617,101 +630,101 @@ ul, li {
margin: 0 4px;
cursor: pointer;
}
.btn_default{
border: 1px solid #0081FF;
color: #0081FF;
background: #FFFFFF;
&.h28{
.btn_default {
border: 1px solid #0081ff;
color: #0081ff;
background: #ffffff;
&.h28 {
line-height: 26px;
}
&.h32 {
line-height: 30px;
}
&.h34{
&.h34 {
line-height: 32px;
}
&:hover{
color: #006AD1;
border-color: #006AD1;
&:hover {
color: #006ad1;
border-color: #006ad1;
}
}
.btn_primary{
background-color: #0081FF;
.btn_primary {
background-color: #0081ff;
color: #fff;
&.btn_disabled{
background: #D3D3D3;
&.btn_disabled {
background: #d3d3d3;
cursor: auto;
&:hover{
background: #D3D3D3;
&:hover {
background: #d3d3d3;
}
}
&.btn_shallow{
color: #0081FF;
&.btn_shallow {
color: #0081ff;
background: rgba(0, 129, 255, 0.16);
&:hover{
background: #0081FF;
&:hover {
background: #0081ff;
color: #fff;
}
}
&.h28{
&.h28 {
line-height: 28px;
}
&.h32{
&.h32 {
line-height: 32px;
}
&.h34{
&.h34 {
line-height: 34px;
}
&.h36{
&.h36 {
line-height: 36px;
}
&:hover{
background-color: #006AD1;
&:hover {
background-color: #006ad1;
}
}
.btn_cancel{
border: 1px solid #CCCCCC;
.btn_cancel {
border: 1px solid #cccccc;
color: #4f4f4f;
&.h28{
&.h28 {
line-height: 26px;
}
&.h32 {
line-height: 30px;
}
&.h34{
&.h34 {
line-height: 32px;
}
&:hover{
&:hover {
color: #4f4f4f;
border-color: #CCCCCC;
background-color: #F4F4F4;
border-color: #cccccc;
background-color: #f4f4f4;
}
}
//搜索框
.searchInput{
.searchInput {
width: 590px;
height: 32px;
border-radius: 2px 0px 0px 2px;
opacity: 1;
border: 1px solid #EFEFEF;
border: 1px solid #efefef;
position: relative;
overflow: hidden;
.el-input{
.el-input {
margin-top: -1px;
//line-height: 32px;
.el-input__inner{
.el-input__inner {
line-height: 32px;
height: 32px;
border: 0;
}
.el-input__suffix{
.el-input__suffix {
margin-top: -1px;
}
}
.btn{
background: #F5F5F5;
color: #0081FF;
.btn {
background: #f5f5f5;
color: #0081ff;
cursor: pointer;
width: 60px;
line-height: 32px;
......@@ -721,72 +734,72 @@ ul, li {
right: 0;
top: 0;
border-radius: 0;
&:hover{
color: #FFFFFF;
background: #0081FF;
&:hover {
color: #ffffff;
background: #0081ff;
}
}
}
//无边框搜索框
.newSearch{
.newSearch {
width: 238px;
height: 32px;
border-radius: 4px;
.el_input{
.el_input {
height: 32px !important;
}
.el-input__prefix{
.el-input__prefix {
left: 12px;
.el-input__icon{
img{
.el-input__icon {
img {
float: left;
margin-top: 7px;
}
}
}
.el-input__inner{
.el-input__inner {
padding-left: 36px;
border-color: #fff !important;
height: 32px !important;
}
}
//导出EXCEL
.btn-export{
.btn-export {
display: inline-block;
color: #232323;
font-size: 14px;
height: 24px;
line-height: 24px;
cursor: pointer;
img{
img {
margin-right: 5px;
float: left;
width: 18px;
height: 18px;
margin-top: 2px;
}
&:hover{
color: #0081FF;
&:hover {
color: #0081ff;
}
}
//有链接字体颜色
.wordprimary{
color: #0081FF;
.wordprimary {
color: #0081ff;
cursor: pointer;
}
//分割线
.el-divider--horizontal{
.el-divider--horizontal {
margin: 0;
}
.el-divider{
.el-divider {
background-color: #efefef;
}
.flex{
.flex {
display: flex;
}
//消息提示框
.el-message{
.el-message {
border-radius: 0;
padding: 10px;
}
......@@ -807,9 +820,8 @@ ul, li {
padding: 0 16px;
}
}
}
.min1370{
.min1370 {
min-width: 1370px;
}
dsk-operate-ui/src/layout/components/AppMain.vue
View file @ 9886a36e
......@@ -33,6 +33,7 @@ export default {
width: 100%;
position: relative;
overflow: hidden;
display: flex;
}
.fixed-header + .app-main {
......@@ -42,7 +43,7 @@ export default {
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 68px);
min-height: calc(100vh - 56px);
min-width:1240px;
background: #F5F5F5;
overflow: initial;
......
dsk-operate-ui/src/utils/index.js
View file @ 9886a36e
......@@ -402,14 +402,14 @@ export function isNumberStr(str) {
}
// 甲方详情左侧菜单映射
// export const detailSideBar = new Map({
// // 企业速览
// holderinfo: "ownershipStructure",
// // 高管信息
// execuinfo: "leadingMember",
// // 对外投资
// overseas: "outboundInvestment",
// // 分支机构
// branch: "branch",
// })
export const detailSideBar = new Map([
// 企业速览
["holderinfo", "ownershipStructure"],
// 高管信息
["execuinfo", "leadingMember"],
// 对外投资
["overseas", "outboundInvestment"],
// 分支机构
["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 @@
<el-tab-pane label="工商变更" :disabled="tableDataTotal==0" name="second"></el-tab-pane>
</el-tabs>
<info-table class="info-tab" :list="defaultList" :obj="forInfo" :labelWidth="labelWidth" v-if="activeName=='first'">
<template slot="provinceCode" slot-scope="scope">
<span>{{showRegion(scope.data.provinceCode)}}</span>
......@@ -19,7 +18,7 @@
</template>
<template slot="actualCapi" slot-scope="scope">
<span>
{{ scope.data.actualCapi?scope.data.actualCapi+'万元人民币':'--' }}
{{ scope.data.actualCapi? `${scope.data.actualCapi}${scope.data.actualCapiUnit}` :'--' }}
</span>
</template>
<template slot="colleguesNum" slot-scope="scope">
......@@ -28,23 +27,16 @@
</span>
</template>
</info-table>
<tables
:tableLoading="tableLoading"
:tableData="tableData"
:tableDataTotal="tableDataTotal"
:forData="forData"
@handle-current-change="handleCurrentChange"
:queryParams="queryParams"
v-if="activeName=='second'"
/>
<tables :tableLoading="tableLoading" :tableData="tableData" :tableDataTotal="tableDataTotal" :forData="forData"
@handle-current-change="handleCurrentChange" :queryParams="queryParams" v-if="activeName=='second'" />
</div>
</template>
<script>
import mixin from '../mixins/mixin'
import dataRegion from '@/assets/json/dataRegion'
import InfoTable from '../component/infoTable'
import {icInfo, changeInfo} from "@/api/detail/party-a/overview"
import mixin from '../mixins/mixin';
import dataRegion from '@/assets/json/dataRegion';
import InfoTable from '../component/infoTable';
import { icInfo, changeInfo } from "@/api/detail/party-a/overview";
export default {
name: 'Businfo',
props: ['companyId'],
......@@ -87,63 +79,63 @@ export default {
{ name: '经营范围', prop: 'scope', style: true }
],
forData: [
{label: '变更日期', prop: 'changeDate', width: '100'},
{label: '变更事项', prop: 'type'},
{label: '变更前', prop: 'beforeContent'},
{label: '变更后', prop: 'afterContent'}
{ label: '变更日期', prop: 'changeDate', width: '100' },
{ label: '变更事项', prop: 'type' },
{ label: '变更前', prop: 'beforeContent' },
{ label: '变更后', prop: 'afterContent' }
],
//列表
tableLoading:false,
tableData:[],
tableDataTotal:0
}
tableLoading: false,
tableData: [],
tableDataTotal: 0
};
},
created() {
this.handleQuery();
this.handleQuery1();
},
methods: {
handleClick(){
if(this.activeName=='first'){
this.handleQuery()
}else{
this.handleQuery1()
handleClick() {
if (this.activeName == 'first') {
this.handleQuery();
} else {
this.handleQuery1();
}
},
async handleQuery(params,flag) {
if(flag){
return this.handleQuery1(params)
async handleQuery(params, flag) {
if (flag) {
return this.handleQuery1(params);
}
this.isSkeleton = true;
this.tableLoading = true
this.tableLoading = true;
let param = this.baseParams;
let res = await icInfo(param);
this.tableLoading = false
if(res.code==200){
this.tableLoading = false;
if (res.code == 200) {
this.isSkeleton = false;
this.forInfo = res.data
this.forInfo = res.data;
}
},
async handleQuery1(params) {
let param = params?params:this.queryParams
let res = await changeInfo(param)
if(res.code==200){
let param = params ? params : this.queryParams;
let res = await changeInfo(param);
if (res.code == 200) {
this.tableData = res.rows;
this.tableDataTotal = res.total
this.tableDataTotal = res.total;
}
},
showRegion(region){
if(region) {
let list = dataRegion
let areaText = ''
showRegion(region) {
if (region) {
let list = dataRegion;
let areaText = '';
list.forEach(item => {
if(item.id == region) {
areaText = item.regionName
if (item.id == region) {
areaText = item.regionName;
}
})
return areaText
}else {
return '--'
});
return areaText;
} else {
return '--';
}
}
}
......@@ -151,22 +143,22 @@ export default {
</script>
<style lang="scss" scoped>
.detail-container{
.detail-container {
margin: 0;
padding: 16px;
background: #FFFFFF;
background: #ffffff;
border-radius: 4px;
.detail-tab{
.detail-tab {
margin: 0 0 0 -16px;
::v-deep .el-tabs__nav-wrap::after{
::v-deep .el-tabs__nav-wrap::after {
display: none;
}
::v-deep .el-tabs__item{
::v-deep .el-tabs__item {
font-size: 16px;
height: 30px;
line-height: 30px;
padding: 0 16px;
&.is-active{
&.is-active {
font-weight: bold;
}
}
......
dsk-operate-ui/src/views/enterpriseData/components/searchTheOwner/index.vue
View file @ 9886a36e
......@@ -114,19 +114,19 @@
<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'"
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">
<span>{{(pageNum - 1) *pageSize + scope.$index + 1}}</span>
</template>
</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">
<div class="renling">
<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>
<!-- 优质甲方tag标签 -->
<div class="high-quality-enterprise" v-if="scope.row.other">{{scope.row.other}}</div>
......@@ -172,7 +172,7 @@
<el-table-column label="历史发包数量" min-width="107" :resizable="false" :sortable="'custom'" prop="inviteTenderCount">
<template slot-scope="scope">
<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>
<span v-else>--</span>
</template>
......@@ -180,7 +180,7 @@
<el-table-column label="历史发包总金额" min-width="120" :resizable="false" :sortable="'custom'" prop="inviteTenderSumAmount">
<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>
</template>
</el-table-column>
......@@ -188,7 +188,7 @@
<el-table-column label="最近一次招标" min-width="107" :resizable="false" :sortable="'custom'" prop="inviteTenderLastTime">
<template slot-scope="scope">
<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>
<span v-else>--</span>
</template>
......@@ -197,7 +197,7 @@
<el-table-column label="重点项目" min-width="107" :resizable="false" :sortable="'custom'" prop="importantProjectCount">
<template slot-scope="scope">
<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>
<span v-else>--</span>
</template>
......@@ -206,7 +206,7 @@
<!-- <el-table-column label="土地交易" width="107" :resizable="false" :sortable="'custom'" prop="landMarketCount">
<template slot-scope="scope">
<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>
<span v-else>--</span>
</template>
......@@ -215,7 +215,7 @@
<el-table-column label="拟建项目" min-width="107" :resizable="false" :sortable="'custom'" prop="approvalProjectCount">
<template slot-scope="scope">
<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>
<span v-else>--</span>
</template>
......@@ -224,7 +224,7 @@
<el-table-column label="招标计划" min-width="107" :resizable="false" :sortable="'custom'" prop="bidPlanCount">
<template slot-scope="scope">
<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>
<span v-else>--</span>
</template>
......@@ -233,7 +233,7 @@
<el-table-column label="招标公告" min-width="107" :resizable="false" :sortable="'custom'" prop="jskBidCount">
<template slot-scope="scope">
<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>
<span v-else>--</span>
</template>
......@@ -320,6 +320,8 @@ export default {
sort: '', //查询结果排序方式
// 展示认领状态
showClaim: false,
// table列是否悬浮
tableColumnFixed: false,
// 默认排序方式
order: "desc",
fieldOptions: [{
......@@ -358,7 +360,8 @@ export default {
total: 0,
oldPageNum: 1,
pageNum: 1,
pageSize: 20
pageSize: 20,
tableScrollLeftMemory: 0,
};
},
watch: {
......@@ -399,6 +402,12 @@ export default {
created() {
this.init();
},
beforeDestroy() {
const table = this.$refs["theOwnerListTable"]?.bodyWrapper;
if (table) {
table.removeEventListener("scroll", this.tableScroll, { capture: false, passive: true });
}
},
methods: {
// 生成查询条件
createSearchConditions() {
......@@ -476,7 +485,8 @@ export default {
const result = await api.searchOwnerUnitListApi(params);
if (result.code == 200) {
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) {
console.log(error);
......@@ -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) {
const { target } = e;
if (target.classList.contains("enterprise-name-column")) return this.showClaim = true;
......@@ -620,7 +665,7 @@ export default {
this.checkOwnerLabel = true;
this.currentOwnerLabels = [];
}
if (val.length >= 2) {
if (val.length < 2) {
this.tagCodeQueryType = "or";
}
this.search();
......@@ -743,11 +788,14 @@ export default {
const params = this.createSearchConditions();
this.isSkeleton = true;
api.searchOwnerUnitListApi(params).then(res => {
api.searchOwnerUnitListApi(params).then(async res => {
if (res.code == 200) {
this.isSkeleton = false;
this.tableData = res.data?.list ? res.data.list : [];
this.total = res.data?.total ? res.data?.total : 0;
this.addScrollXListener();
// 滚动条记忆
this.setScrollX();
}
}).catch(error => {
});
......@@ -1150,6 +1198,7 @@ export default {
align-items: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s;
white-space: nowrap;
.renling-img-true {
......@@ -1208,10 +1257,12 @@ export default {
}
.enterprise-name-row {
&:hover,
&.hover-row {
.cell {
.renling-btn {
opacity: 1;
visibility: visible;
}
}
}
......
dsk-operate-ui/src/views/market/index.vue
View file @ 9886a36e
<template>
<div v-loading="loading" class="market-container">
<iframe id="companyIframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{height:iframeHight+'px'}"
:src="src" />
<!-- <iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{ height: iframeHight + 'px' }"
: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>
</template>
<script>
import { steerScroll } from '@/assets/js/jskplug';
import { dskAccessToken } from '@/api/common';
import MaxPageSizeTip from "@/views/components/MaxPageSizeTip.vue";
export default {
name: 'Enterprise',
components: {
MaxPageSizeTip
},
data() {
return {
......@@ -28,26 +33,37 @@ export default {
ak: 'aec7b3ff2y2q8x6t49a7e2c463ce21912', // 需要携带的sdkId
timelongs: 7200,//刷新token时间
tokentimer: null,
showMaxPageTip: false,
};
},
created() {
if(window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com'){
this.domain='https://plug.jiansheku.com'
}else {
if (window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com') {
this.domain = 'https://plug.jiansheku.com';
} else {
this.domain='https://pre-plug.jiansheku.com'
}
this.gettokens();
window.addEventListener("message", this.pagecapListener, { passive: true });
},
mounted() {
this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略）
// this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制
// steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略）
},
beforeDestroy() {
clearInterval(this.iframeTimer); // -当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略）
clearInterval(this.tokentimer);
window.removeEventListener("message", this.pagecapListener, { passive: true });
},
methods: {
// 列表翻页上限
pagecapListener(e) {
const { origin, data } = e;
if (origin.indexOf(this.domain) < 0) return;
if (data == "pageCurrentMaxSize") {
this.showMaxPageTip = true;
}
},
gettokens() {
dskAccessToken().then(res => {
if (res.code == 200) {
......@@ -88,14 +104,19 @@ export default {
});
}
}
}
};
</script>
<style lang="scss" scoped>
.market-container {
width: 100%;
height: 100%;
padding: 16px 24px;
padding-right: 15px;
box-sizing: border-box;
.market-iframe {
width: 100%;
height: 100%;
}
}
</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