update

src/assets/styles/index.css

@@ -71,7 +71,7 @@
 }
 .ant-select-dropdown {
   background: #424E59;
-  border: 1px solid #48545F;
+  border: 1PX solid #48545F;
   box-shadow: 0px 10px 10px 0px rgba(18, 22, 24, 0.36);
   border-radius: 5px;
 }
@@ -133,6 +133,9 @@
   height: 26px;
   line-height: 26px;
 }
+.expandLeftTable .ant-table .ant-table-content .ant-table-tbody .ant-table-expanded-row {
+  width: calc(100vw - 180px);
+}
 .topTable .ant-table {
   width: 100%;
 }
@@ -151,9 +154,6 @@
   font-size: 14px;
   border-right: 1px solid #161A1C;
   border-bottom: 1px solid #161A1C;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
 }
 .topTable .ant-table .ant-table-tbody tr td {
   height: 34px;
@@ -163,9 +163,6 @@
   border-bottom: 1px solid #161A1C;
   font-size: 16px;
   color: #E5E5E5;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
 }
 .topTable .ant-table .ant-table-tbody tr.ant-table-expanded-row:hover td {
   background-color: #172B56;
@@ -416,7 +413,7 @@
   left: 0;
   font-size: 16px;
   line-height: 21px;
-  color: #FB7F75;
+  color: #FF2B2B;
 }
 .ant-form.inlineForm .ant-row.ant-form-item .ant-form-item-label label label {
   padding-left: 0;
@@ -454,6 +451,18 @@
 .ant-form.inlineForm .pl40.ant-form-item .ant-form-item-label label {
   padding-left: 40px;
 }
+.ant-form.dialogForm .ant-row.ant-form-item .ant-form-item-label {
+  width: 70px;
+}
+.ant-form.dialogForm .ant-row.ant-form-item .ant-form-item-label label {
+  padding-left: 0;
+}
+.ant-form.dialogForm .ant-row.ant-form-item .ant-form-item-label label::before {
+  display: none;
+}
+.ant-form.dialogForm .ant-row.ant-form-item .ant-form-item-control-wrapper {
+  width: calc(100% - 70px);
+}
 .ant-select-single .ant-select-selector {
   height: 30px;
   padding: 0 8px;
@@ -464,7 +473,7 @@
 }
 .ant-select-single .ant-select-arrow {
   right: 8px;
-  color: #3A87F7;
+  color: #3a87f7;
 }
 .inlineFormSelect.ant-select-single,
 .shortSelect.ant-select-single {
@@ -490,7 +499,7 @@
 }
 .inlineFormSelect.ant-select-single .ant-select-arrow {
   right: 8px;
-  color: #3A87F7 !important;
+  color: #3a87f7 !important;
 }
 .shortSelect.ant-select-single {
   margin-right: 0;
@@ -526,13 +535,25 @@
   right: 8px;
   color: #3a87f7;
 }
+.input-enumdicname {
+  color: #394753;
+  margin-left: 5px;
+  font-size: 16px;
+}
+.input-enumdicname-absolute {
+  position: absolute;
+  top: -8px;
+  right: -23px;
+  color: #394753;
+  margin-left: 5px;
+  font-size: 16px;
+}
 .dialogInput {
   background: #15202B;
   border: 1px solid #2B3F52;
   border-radius: 3px;
   color: #E5E5E5;
 }
-
 .dialogInput .ant-input {
   color: #E5E5E5;
   background: transparent;
@@ -547,6 +568,12 @@
 .dialogInput:focus {
   border-color: #0C95FF;
 }
+.yellowInput .ant-input,
+.yellowInput .ant-input-number-input {
+  color: #FC9618;
+  font-size: 16px;
+  text-align: center;
+}
 .suffixGrey .ant-input-suffix {
   color: #88a0ae;
 }
@@ -639,6 +666,9 @@
 .ml10 {
   margin-left: 10px;
 }
+.ml35 {
+  margin-left: 35px;
+}
 .ml9 {
   margin-left: 9px;
 }
@@ -654,6 +684,9 @@
 .mt20 {
   margin-top: 20px;
 }
+.mt25 {
+  margin-top: 25px;
+}
 .mt30 {
   margin-top: 30px;
 }
@@ -663,6 +696,9 @@
 .mr10 {
   margin-right: 10px;
 }
+.red {
+  color: #ff4d4f;
+}
 .grey {
   color: #88a0ae;
 }
@@ -765,7 +801,7 @@
   border: 0;
   color: #ffffff;
   font-size: 14px;
-  background: linear-gradient(0deg, #FF5C6F 0%, #FB7F75 99%);
+  background: linear-gradient(0deg, #ff4d4f 0%, #FF2B2B 99%);
   /*圆角兼容性*/
   -moz-border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
@@ -773,7 +809,7 @@
 }
 .btnDanger.ant-btn:hover,
 .btnDanger.ant-btn:focus {
-  background: linear-gradient(0deg, rgba(255, 92, 111, 0.8) 0%, rgba(251, 127, 117, 0.8) 99%);
+  background: linear-gradient(0deg, rgba(255, 77, 79, 0.8) 0%, rgba(255, 43, 43, 0.8) 99%);
   color: rgba(255, 255, 255, 0.8);
   border: 0;
 }
@@ -825,7 +861,7 @@
   color: #88a0ae;
 }
 .ant-row.dialogRowTitle .ant-col .red {
-  color: #FB7F75;
+  color: #FF2B2B;
 }
 .ant-row.dialogRowTitle .ant-col:nth-child(1),
 .ant-row.dialogRowTitle .ant-col:nth-child(2),
@@ -1064,6 +1100,10 @@
   color: #ffffff;
   text-align: center;
 }
+.ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-body .ant-modal-confirm-content {
+  color: #ffffff;
+  font-size: 14px;
+}
 .ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns {
   float: none;
   text-align: center;
@@ -1139,7 +1179,7 @@
   color: #E5E5E5;
   margin-bottom: 10px;
   background: #0f161c;
-  border: 1px solid #172b56;
+  border: 1px solid #172B56;
   border-radius: 3px;
   padding-left: 14px;
   padding-right: 12px;
@@ -1159,7 +1199,7 @@
 .ant-collapse.busyCollapse.ant-collapse-borderless {
   margin-top: 10px;
   background: #0f161c;
-  border: 1px solid #172b56;
+  border: 1px solid #172B56;
   /*圆角兼容性*/
   -moz-border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
@@ -1225,7 +1265,7 @@ textarea:-webkit-autofill,
 select:-webkit-autofill,
 .dialogInput:-webkit-autofill {
   box-shadow: inset 0 0 0 1000px #15202B;
-  -webkit-text-fill-color: #e5e5e5;
+  -webkit-text-fill-color: #E5E5E5;
 }
 input:-internal-autofill-selected {
   background-color: #15202B !important;
@@ -1249,10 +1289,10 @@ input:-internal-autofill-selected {
   border-radius: 3px;
 }
 .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
-  border-color: #3A87F7;
+  border-color: #3a87f7;
 }
 .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked::after {
-  border-color: #3A87F7;
+  border-color: #3a87f7;
 }
 .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper span + span {
   margin-right: 15px;
@@ -1274,7 +1314,7 @@ input:-internal-autofill-selected {
   font-size: 14px;
 }
 .commonRadioGroup .ant-radio-wrapper .ant-radio .ant-radio-inner {
-  border-color: #3A87F7;
+  border-color: #3a87f7;
   background: #15202B;
 }
 .commonRadioGroup .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
@@ -1282,11 +1322,11 @@ input:-internal-autofill-selected {
   top: 4px;
   width: 6px;
   height: 6px;
-  background: #3A87F7;
+  background: #3a87f7;
   border-radius: 50%;
 }
 .commonRadioGroup .ant-radio-wrapper-disabled .ant-radio-disabled .ant-radio-inner {
-  border-color: #3A87F7 !important;
+  border-color: #3a87f7 !important;
   background: #15202B;
 }
 .commonRadioGroup .ant-radio-wrapper-disabled .ant-radio-disabled .ant-radio-inner::after {
@@ -1294,7 +1334,7 @@ input:-internal-autofill-selected {
   top: 4px;
   width: 6px;
   height: 6px;
-  background: #3A87F7;
+  background: #3a87f7;
   border-radius: 50%;
 }
 .commonRadioGroup .ant-radio-wrapper-disabled span + span {
@@ -1325,6 +1365,400 @@ input:-internal-autofill-selected {
   height: 30px;
   line-height: 30px;
 }
+.topTableHeight {
+  height: calc(100% - 28px);
+}
+.topTableHeight40 {
+  height: calc(100% - 40px);
+}
+.hiddenBottomLayout .layout-top .middleLayout .m-layout-left .ant-layout-sider-children ul.ant-menu.ant-menu-inline.left-menu {
+  height: calc(100vh - 126px);
+}
+.buy-sell-market {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 9;
+  left: 0;
+  top: 0;
+  background-color: #181e22;
+}
+.buy-sell-market .buy-sell-market-title {
+  width: 100%;
+  height: 60px;
+  background: #181e22;
+  display: inline-flex;
+  font-size: 14px;
+  position: relative;
+  line-height: 60px;
+  border-bottom: 1PX solid #3a87f7;
+}
+.buy-sell-market .buy-sell-market-title div {
+  align-self: center;
+  align-items: center;
+}
+.buy-sell-market .buy-sell-market-title .backIcon {
+  width: 52px;
+  line-height: 60px;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn {
+  min-width: 90px;
+  height: 40px;
+  display: inline-flex;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn .name {
+  background: #1556B5;
+  text-align: center;
+  flex: 1;
+  padding: 0 16px;
+  /*圆角兼容性*/
+  -moz-border-radius: 3px 0 0 3px;
+  -webkit-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+  color: #ffffff;
+  height: 40px;
+  line-height: 40px;
+  font-size: 16px;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn .arrowRightIcon,
+.buy-sell-market .buy-sell-market-title .titleBtn .arrowLeftIcon {
+  width: 12px;
+  height: 40px;
+  background-image: url(../images/titleArrow.png);
+  background-position: 0 0;
+  background-repeat: no-repeat;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn .arrowLeftIcon {
+  background-position: -12px 0;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn2 .name {
+  /*圆角兼容性*/
+  -moz-border-radius: 0 0 0 0;
+  -webkit-border-radius: 0 0 0 0;
+  border-radius: 0 0 0 0;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn3 {
+  position: relative;
+  margin-right: 20px;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn3 .name {
+  /*圆角兼容性*/
+  -moz-border-radius: 0 5px 5px 0;
+  -webkit-border-radius: 0 5px 5px 0;
+  border-radius: 0 5px 5px 0;
+}
+.buy-sell-market .buy-sell-market-title .titleBtn3 .anticon {
+  font-size: 16px;
+  color: #7a8a94;
+  position: absolute;
+  top: auto;
+  right: 16px;
+  bottom: 0;
+  left: auto;
+  line-height: 36px;
+  z-index: 2;
+}
+.buy-sell-market .buy-sell-market-title .numBlock {
+  display: inline-flex;
+  white-space: nowrap;
+}
+.buy-sell-market .buy-sell-market-title .numBlock .first {
+  font-size: 14px;
+}
+.buy-sell-market .buy-sell-market-title .numBlock .last {
+  font-size: 18px;
+  margin-left: 10px;
+}
+.buy-sell-market .buy-sell-market-title .numBlock + .numBlock {
+  margin-left: 25px;
+}
+.buy-sell-market .buy-sell-market-title .market {
+  margin-left: 28px;
+  min-width: 160px;
+  height: 40px;
+  display: inline-flex;
+  background: #172B56;
+  border: 1px solid #193778;
+  /*圆角兼容性*/
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+  border-radius: 3px 3px 3px 3px;
+  color: #88a0ae;
+  padding: 0 14px;
+}
+.buy-sell-market .buy-sell-market-title .market > div {
+  align-self: center;
+  align-items: center;
+}
+.buy-sell-market .buy-sell-market-title .market .first {
+  font-size: 14px;
+}
+.buy-sell-market .buy-sell-market-title .market .last {
+  font-size: 18px;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+.buy-sell-market .buy-sell-market-title .market .red {
+  color: #FF2B2B;
+}
+.buy-sell-market .buy-sell-market-title .ant-btn {
+  align-items: center;
+  align-self: center;
+}
+.buy-sell-market .buy-sell-market-title .publishBuy.ant-btn {
+  min-width: 80px;
+  height: 30px;
+  line-height: 30px;
+  background: linear-gradient(0deg, #3270d2, #3a87f7);
+  /*圆角兼容性*/
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+  border-radius: 3px 3px 3px 3px;
+  font-size: 14px;
+  color: #ffffff;
+  text-align: center;
+  border: none;
+  margin-left: 10px;
+}
+.buy-sell-market .buy-sell-market-title .publishBuy.ant-btn:hover {
+  background: linear-gradient(0deg, rgba(50, 112, 210, 0.8), rgba(58, 135, 247, 0.8));
+  color: rgba(255, 255, 255, 0.8);
+}
+.buy-sell-market .buy-sell-market-title .detailBtn.ant-btn {
+  min-width: 80px;
+  height: 30px;
+  line-height: 30px;
+  background: linear-gradient(0deg, #343D46 0%, #38444F 100%);
+  /*圆角兼容性*/
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+  border-radius: 3px 3px 3px 3px;
+  font-size: 14px;
+  color: #ffffff;
+  text-align: center;
+  border: none;
+}
+.buy-sell-market .buy-sell-market-title .detailBtn.ant-btn:hover {
+  background: linear-gradient(0deg, rgba(52, 61, 70, 0.8) 0%, rgba(56, 68, 79, 0.8) 100%);
+  color: rgba(255, 255, 255, 0.8);
+}
+.buy-sell-market .buy-sell-market-title .ant-btn + .ant-btn {
+  margin-left: 10px;
+}
+.buy-sell-market .buy-sell-market-title .btn-list {
+  position: absolute;
+  right: 10px;
+}
+.buyHallTable .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body,
+.sellHallTable .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
+  min-height: calc(100vh - 470px);
+  background: transparent;
+}
+.buyHallTable .ant-table,
+.sellHallTable .ant-table {
+  width: 100%;
+}
+.buyHallTable .ant-table table,
+.sellHallTable .ant-table table {
+  border: 0;
+}
+.buyHallTable .ant-table .ant-table-content,
+.sellHallTable .ant-table .ant-table-content {
+  background: #271112;
+}
+.buyHallTable .ant-table .ant-table-thead tr,
+.sellHallTable .ant-table .ant-table-thead tr {
+  box-shadow: 0px 1px 0px 0px #2E3539;
+}
+.buyHallTable .ant-table .ant-table-thead tr th,
+.sellHallTable .ant-table .ant-table-thead tr th {
+  line-height: 34px;
+  background: #212629;
+  padding-top: 0;
+  padding-bottom: 0;
+  color: #556772;
+  font-size: 14px;
+  border-right: 1px solid #121618;
+  border-bottom: 1px solid #121618;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.buyHallTable .ant-table .ant-table-tbody,
+.sellHallTable .ant-table .ant-table-tbody {
+  min-height: calc(100vh - 470px);
+  background: #271112;
+}
+.buyHallTable .ant-table .ant-table-tbody tr td,
+.sellHallTable .ant-table .ant-table-tbody tr td {
+  height: 43px;
+  line-height: 43px;
+  padding: 0 8px;
+  border-right: 1px solid #121618;
+  border-bottom: 1px solid #121618;
+  font-size: 16px;
+  color: #556772;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.buyHallTable .ant-table .ant-table-tbody tr td:first-child,
+.sellHallTable .ant-table .ant-table-tbody tr td:first-child {
+  background: #212629;
+  color: #556772;
+}
+.buyHallTable .ant-table .ant-table-tbody tr td:not(:first-child :nth-child(1)),
+.sellHallTable .ant-table .ant-table-tbody tr td:not(:first-child :nth-child(1)) {
+  background: #271112;
+  color: #E5E5E5;
+}
+.buyHallTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td,
+.sellHallTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td,
+.buyHallTable .ant-table .ant-table-tbody tr.ant-table-expanded-row:hover td,
+.sellHallTable .ant-table .ant-table-tbody tr.ant-table-expanded-row:hover td {
+  background-color: #0E0E0F;
+}
+.buyHallTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td,
+.sellHallTable .ant-table .ant-table-tbody tr.ant-table-expanded-row td {
+  text-align: right;
+}
+.buyHallTable .ant-table .ant-table-tbody tr:hover td,
+.sellHallTable .ant-table .ant-table-tbody tr:hover td {
+  background-color: #172B56 !important;
+}
+.buyHallTable .ant-table .ant-table-placeholder,
+.sellHallTable .ant-table .ant-table-placeholder {
+  border: 0;
+  background: #0E0E0F;
+}
+.buyHallTable .ant-table-row-expand-icon,
+.sellHallTable .ant-table-row-expand-icon {
+  border-color: #556772;
+  background-color: transparent;
+  color: #556772;
+}
+.sellHallTable .ant-table .ant-table-content {
+  background: #10251d;
+}
+.sellHallTable .ant-table .ant-table-tbody {
+  background: #10251d;
+}
+.sellHallTable .ant-table .ant-table-tbody tr td:first-child {
+  background: #212629;
+  color: #556772;
+}
+.sellHallTable .ant-table .ant-table-tbody tr td:not(:first-child :nth-child(1)) {
+  background: #10251d;
+}
+.sellHallTable .ant-table .ant-table-tbody tr td:not(:first-child),
+.buyHallTable .ant-table .ant-table-tbody tr td:not(:first-child) {
+  background-color: #0E0E0F;
+}
+.formBar ::v-deep.formProgress {
+  width: 140px;
+  margin-left: 70px;
+}
+.formBar ::v-deep.formProgress .ant-progress-outer {
+  margin-right: 0;
+  padding-right: 0;
+}
+.formBar ::v-deep.formProgress .ant-progress-outer .ant-progress-inner {
+  background: #2B3F52;
+  /*圆角兼容性*/
+  -moz-border-radius: 2px 2px 2px 2px;
+  -webkit-border-radius: 2px 2px 2px 2px;
+  border-radius: 2px 2px 2px 2px;
+}
+.formBar ::v-deep.formProgress .ant-progress-outer .ant-progress-inner .ant-progress-bg {
+  height: 3px !important;
+  border-radius: 2px !important;
+  background-color: #3a87f7;
+}
+.formBar ::v-deep.formProgress .ant-progress-text {
+  display: none;
+}
+.formBar .listedBtn {
+  width: 120px;
+  height: 30px;
+  line-height: 30px;
+  background: linear-gradient(0deg, #3270d2 0%, #3a87f7 100%);
+  border-radius: 3px;
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  border: 0;
+}
+.formBar .listedBtn:hover {
+  background: linear-gradient(0deg, rgba(58, 135, 247, 0.8) 0%, rgba(50, 112, 210, 0.8) 100%);
+  color: rgba(255, 255, 255, 0.8);
+}
+.formBar .cancelBtn {
+  background: linear-gradient(0deg, #343D46 0%, #38444F 100%);
+}
+.formBar .cancelBtn:hover {
+  background: linear-gradient(0deg, rgba(52, 61, 70, 0.8) 0%, rgba(56, 68, 79, 0.8) 100%);
+  color: rgba(255, 255, 255, 0.8);
+}
+.ant-slider.formSlider {
+  width: 140px;
+  margin-left: 70px;
+}
+.ant-slider.formSlider .ant-slider-rail {
+  margin-right: 0;
+  padding-right: 0;
+  height: 3px !important;
+  border-radius: 2px !important;
+  background-color: #1D2F3F;
+}
+.ant-slider.formSlider .ant-slider-track {
+  height: 3px;
+  background-color: #3a87f7;
+}
+.ant-slider.formSlider .ant-slider-step {
+  height: 3px;
+}
+.ant-slider.formSlider .ant-progress-text {
+  display: none;
+}
+.noData {
+  width: 80px;
+  height: 80px;
+  background: url(../images/nodata.png) center center no-repeat;
+  background-size: cover;
+}
+.ant-empty.ant-empty-normal .ant-empty-image {
+  width: 80px;
+  height: 80px;
+  background: url(../images/nodata.png) center center no-repeat;
+  background-size: cover;
+}
+.ant-empty.ant-empty-normal .ant-empty-image .ant-empty-img-simple {
+  display: none;
+}
+.ant-empty.ant-empty-normal .ant-empty-description {
+  display: none;
+}
+.layout-bottom .srcollYTable .ant-table .ant-table-tbody tr td {
+  background: #1F262B;
+}
+.layout-bottom .srcollYTable .ant-table .ant-table-placeholder {
+  border-top: 1PX solid #161A1C;
+  background: #1F262B;
+}
+.conditionPicker.ant-calendar-picker .ant-input {
+  width: 90px;
+  background: transparent;
+  font-size: 16px;
+  color: #ffffff;
+}
+.conditionPicker.ant-calendar-picker .ant-calendar-picker-icon {
+  display: none;
+}
+.btn-list-sticky {
+  position: sticky;
+  position: -webkit-sticky;
+  right: 2px;
+}
 /*滚动条样式*/
 ::-webkit-scrollbar {
   width: 10px;
@@ -1357,17 +1791,17 @@ body {
   background-color: #e9eef3;
 }
 .ant-layout {
-  background: rgb(255 255 255);
+  background: #ffffff;
 }
 .ant-layout aside {
-  background: rgb(255 255 255);
+  background: #ffffff;
 }
 .ant-layout > section header {
-  background: rgb(255 255 255);
+  background: #ffffff;
   padding: 0;
 }
 .ant-layout > section main {
-  background: rgb(255 255 255);
+  background: #ffffff;
 }
 .ant-card .ant-card-head {
   border: none;
@@ -1399,7 +1833,7 @@ body {
 .submit {
   background: #1abbcf;
   border-radius: 3px;
-  color: #fff;
+  color: #ffffff;
 }
 .ant-btn-primary {
   background-color: #1abbcf;
@@ -1448,7 +1882,7 @@ body {
 }
 ::selection {
   color: #ffffff;
-  background: rgb(54 187 207);
+  background: #f0f0f0;
 }
 .ant-modal-wrap {
   overflow-y: scroll;
@@ -1503,9 +1937,16 @@ body {
   width: 120px;
   display: inline-block;
 }
+.ellipsis_temp {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 250px;
+  display: inline-block;
+}
 .ant-menu-dark,
 .ant-menu-dark {
-  background-color: #1d2327;
+  background-color: #1D2327;
 }
 .ant-menu-dark .ant-menu-submenu-title,
 .ant-menu-dark .ant-menu-submenu-title {
@@ -1514,7 +1955,7 @@ body {
 }
 .ant-menu-dark .ant-menu-sub,
 .ant-menu-dark .ant-menu-sub {
-  background-color: #14181b;
+  background-color: #14181B;
 }
 .ant-menu-dark .ant-menu-sub .ant-menu-item,
 .ant-menu-dark .ant-menu-sub .ant-menu-item {
@@ -1525,7 +1966,7 @@ body {
 }
 .ant-menu-dark .ant-menu-sub .ant-menu-item-selected,
 .ant-menu-dark .ant-menu-sub .ant-menu-item-selected {
-  color: #fff;
+  color: #ffffff;
 }
 .ant-menu-horizontal > .ant-menu-item-active,
 .ant-menu-horizontal > .ant-menu-item-open,
@@ -1556,7 +1997,7 @@ body {
   border-radius: 0px;
 }
 .ant-table-wrapper .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
-  background: #172b56;
+  background: #172B56;
 }
 .ant-table-wrapper .ant-table-body tr td {
   background-color: #0E0E0F;
@@ -1568,16 +2009,16 @@ body {
   padding: 0;
   height: 34px;
   line-height: 34px;
-  border-color: #161a1c;
+  border-color: #161A1C;
   font-family: Adobe Heiti Std;
   font-size: 16px;
 }
 .ant-table-wrapper .ant-table-fixed {
   width: max-content !important;
-  color: #e5e5e5;
-  background: #0e0e0f;
-  border-top-color: #0e0e0f !important;
-  border-left-color: #161a1c !important;
+  color: #E5E5E5;
+  background: #0E0E0F;
+  border-top-color: #0E0E0F !important;
+  border-left-color: #161A1C !important;
 }
 .table-height {
   height: calc(100% - 40px);

src/assets/styles/index.less

@@ -197,6 +197,14 @@ body {
     width: 120px;
     display: inline-block;
 }
+.ellipsis_temp {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 250px;
+    display: inline-block;
+}
+
 
 .ant-menu-dark,
 .ant-menu-dark {

src/views/market/spot_trade/components/buy-sell-market/components/buy/index.vue

@@ -96,7 +96,7 @@ export default defineComponent({
         };
         function handleColumn(columns: ColumnType[]) {
             columns.forEach((item) => {
-                if (item.dataIndex !== 'index') {
+                if (item.dataIndex == 'username') {
                     delete item.width;
                 }
             });

src/views/market/spot_trade/components/buy-sell-market/components/sell/index.vue

@@ -98,9 +98,11 @@ export default defineComponent({
         };
         function handleColumn(columns: ColumnType[]) {
             columns.forEach((item) => {
-                if (item.dataIndex !== 'index') {
-                    delete item.width;
-                }
+                columns.forEach((item) => {
+                    if (item.dataIndex == 'username') {
+                        delete item.width;
+                    }
+                });
             });
             return columns;
         }