Merge branch 'feat_theme_g' of United_Software/k_online_ui into feat_theme

src/components/AutoComplete/src/AutoComplete.vue

@@ -233,9 +233,4 @@ const handleCurrentChange = (val: number) => {
 :deep(.el-popper) {
   border-radius: 12px !important;
 }
-:deep(.el-pagination) {
-  .is-active {
-    color: #b57b32 !important;
-  }
-}
 </style>

src/components/DateRange/src/DateRange.vue

@@ -293,15 +293,7 @@ const clearDaterangeObj = () => {
 </script>
 <template>
   <div class="select">
-    <el-popover
-      trigger="click"
-      :width="400"
-      :visible="Date_visible"
-      :popper-style="{
-        backgroundColor: 'var(--management-bg-bolor)',
-        borderColor: 'var(--management-bg-bolor)'
-      }"
-    >
+    <el-popover trigger="click" :width="400" :visible="Date_visible" popper-class="DaterangeClass">
       <template #reference>
         <div class="Date_Range" @blur="Date_visible = false" @click="Date_visible = !Date_visible">
           <div class="select_title">Date Range</div>
@@ -312,7 +304,7 @@ const clearDaterangeObj = () => {
           </span>
         </div>
       </template>
-      <div style="background-color: var(--management-bg-bolor)">
+      <div class="date_header">
         <div class="title">Date Range</div>
         <div class="ETD">
           <CalendarDate
@@ -331,7 +323,7 @@ const clearDaterangeObj = () => {
         <div class="AddType" v-for="(item, index) in AddDateType" :key="item">
           <div>
             <div class="ETD_title Date_Title">
-              <div>Date Type</div>
+              <div class="Date_type">Date Type</div>
               <span class="iconfont_icon" @click="deleteType(index)">
                 <svg class="iconfont icon_delete" aria-hidden="true">
                   <use xlink:href="#icon-icon_delete_b"></use>
@@ -358,6 +350,7 @@ const clearDaterangeObj = () => {
               CalendarWidth="352px"
               :Date="DateCreation"
               @DateRangeChange="DateRangeChange"
+              :isType="true"
             ></CalendarDate>
           </div>
         </div>
@@ -387,7 +380,7 @@ const clearDaterangeObj = () => {
   cursor: pointer;
   display: flex;
   align-items: center;
-  border: 1px solid var(--color-border);
+  border: 1px solid var(--color-select-border);
   border-radius: var(--border-radius-6);
 }
 .Date_Range {
@@ -418,6 +411,7 @@ const clearDaterangeObj = () => {
   display: flex;
   align-items: center;
   padding-left: 16px;
+  border-radius: 12px 12px 0 0;
 }
 .ETD {
   margin: 8px 16px;
@@ -505,4 +499,11 @@ const clearDaterangeObj = () => {
 .icon_dark {
   fill: var(--color-neutral-1);
 }
+.date_header {
+  background-color: var(--management-bg-color);
+  border-radius: 12px;
+}
+.Date_type {
+  color: var(--color-neutral-2);
+}
 </style>

src/components/DateRange/src/components/CalendarDate.vue

@@ -15,6 +15,10 @@ const props = defineProps({
   },
   Date: {
     type: Array
+  },
+  isType: {
+    type: Boolean,
+    default: false
   }
 })
 const ETDDate = ref(props.Date)
@@ -106,8 +110,7 @@ const isTwoDate = (date: any) => {
       :showToday="false"
       :style="{
         width: props.CalendarWidth,
-        backgroundColor: 'var(--management-bg-bolo)',
-        borderColor: 'var(--border-color-1)'
+        backgroundColor: props.isType ? 'var(--more-type-bg-color)' : 'var(--management-bg-color)'
       }"
       :open="open"
       :disabled="Disabled"
@@ -152,7 +155,7 @@ const isTwoDate = (date: any) => {
 .footer_left {
   display: flex;
   flex: 50%;
-  padding: 0 4px 0 0;
+  padding: 0 0 0 5px;
   height: 48px;
   display: flex;
   align-items: center;

src/components/DateRange/src/components/QuickCalendarDate.vue

@@ -160,7 +160,7 @@ const placeholder = computed(() => {
 .footer_left {
   display: flex;
   flex: 50%;
-  padding: 0 4px 0 0;
+  padding: 0 0 0 5px;
   height: 48px;
   display: flex;
   align-items: center;

src/components/ScoringGrade/components/DialogColorful.vue

@@ -112,8 +112,8 @@ const theme = localStorage.getItem('theme')
   font-size: var(--font-size-3);
 }
 .inputdetails {
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   border-radius: 6px;
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 </style>

src/components/ScoringGrade/components/DialogUe.vue

@@ -159,7 +159,7 @@ const theme = localStorage.getItem('theme')
 :deep(.el-checkbox-button__inner) {
   color: var(--tag-info-text-color);
   font-size: var(--font-size-3);
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   font-weight: 400;
   padding: 0;
   width: 180px;
@@ -167,7 +167,7 @@ const theme = localStorage.getItem('theme')
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid var(--border-color-1);
+  border: 1px solid var(--color-select-border);
   border-radius: var(--border-radius-6);
   margin-bottom: 8px;
 }
@@ -180,7 +180,7 @@ const theme = localStorage.getItem('theme')
   border-color: transparent;
 }
 :deep(.el-checkbox-button:first-child .el-checkbox-button__inner) {
-  border-left: 1px solid var(--color-border);
+  border-left: 1px solid var(--color-select-border);
   border-top-left-radius: var(--border-radius-6);
   border-bottom-left-radius: var(--border-radius-6);
 }
@@ -225,9 +225,9 @@ const theme = localStorage.getItem('theme')
 }
 .content_left {
   height: 41px;
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   font-weight: 400;
-  border: 1px solid var(--border-color-1);
+  border: 1px solid var(--color-select-border);
   font-size: var(--font-size-3);
   border-radius: 6px 0 0 6px;
   display: flex;

src/components/ScoringGrade/src/ScoringGrade.vue

@@ -389,7 +389,7 @@ const SubmitText = ref()
   width: 64px;
   height: 64px;
   border-radius: 12px 0 0 12px;
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   position: absolute;
   box-shadow: -2px 2px 12px rgba(0, 0, 0, 15%);
   z-index: 2013;
@@ -400,7 +400,7 @@ const SubmitText = ref()
   justify-content: center;
 }
 .el-avatar {
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   cursor: pointer;
 }
 .score_flex {
@@ -410,7 +410,7 @@ const SubmitText = ref()
   position: absolute;
   right: 64px;
   top: -30px;
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   border-radius: 12px 0 0 12px;
 }
 .score {
@@ -426,6 +426,9 @@ const SubmitText = ref()
   z-index: 2013 !important;
   border: none;
 }
+:deep(.scoreDialog) {
+  background-color: var(--management-bg-color);
+}
 .el-dialog.scoreDialog {
   position: absolute;
   margin-bottom: 0;

src/components/SelectTable/src/SelectTable.vue

@@ -297,7 +297,7 @@ const onInput = () => {
 
 :deep(.el-table__row:not(.current-row):hover) {
   td {
-    background-color: #fff1e6 !important;
+    background-color: var(--color-btn-default-bg-hover) !important;
   }
 }
 
@@ -313,7 +313,7 @@ const onInput = () => {
   height: 40px;
   justify-content: space-between;
   padding: 0 12px 0 8px;
-
+  background-color: var(--color-mode);
   > span {
     font-size: 13px;
   }
@@ -323,12 +323,6 @@ const onInput = () => {
   border-radius: 12px !important;
 }
 
-:deep(.el-pagination) {
-  .is-active {
-    color: #b57b32 !important;
-  }
-}
-
 :deep(.el-table--fit) {
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
@@ -339,8 +333,8 @@ const onInput = () => {
 }
 
 .is-disabled {
-  background-color: #f5f7fa;
-  color: #a8abb2;
+  background-color: var(--input-disabled-bg-color);
+  color: var(--input-disabled-text-color);
   cursor: not-allowed;
   box-shadow: none !important;
 }

src/components/TransportMode/src/TransportMode.vue

@@ -252,7 +252,7 @@ const defaultTransport = () => {
   cursor: pointer;
   display: flex;
   align-items: center;
-  border: 1px solid var(--color-border);
+  border: 1px solid var(--color-select-border);
   border-radius: var(--border-radius-6);
 }
 .select:hover {
@@ -341,12 +341,12 @@ const defaultTransport = () => {
   border-color: var(--border-hover-color);
 }
 :deep(.el-dropdown-menu) {
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
 }
 .dropdownwidth {
   width: 248px;
-  background-color: var(--management-bg-bolor);
-  border-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
+  border-color: var(--management-bg-color);
 }
 @media only screen and (min-width: 1280px) {
   .el-dropdown-link,

src/styles/Antdui.scss

@@ -1,6 +1,11 @@
+.ant-picker {
+  background-color: var(--management-bg-color);
+  color: var(--color-neutral-1);
+}
 .ant-picker-range {
-  height: 32px;
-  border: 1px solid var(--border-color-1);
+  height: 40px;
+  background-color: var(--management-bg-color);
+  border: 1px solid var(--color-select-border);
 }
 .ant-picker:hover, .ant-picker-focused {
   border-color: var(--color-theme);
@@ -56,7 +61,7 @@
     color: var(--color-theme);
   }
   .ant-picker-dropdown .ant-picker-panel-container {
-    background-color: var(--management-bg-bolor);
+    background-color: var(--management-bg-color);
   }
   .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels .ant-picker-panel {
     border-left: 1px solid var(--border-color-2);
@@ -71,28 +76,24 @@
     background: var(--color-orange-6);
   }
  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {
-  color: var(--color-neutral-3);
+  color: var(--color-neutral-2);
  }
 .ant-picker-dropdown .ant-picker-decade-panel,.ant-picker-dropdown .ant-picker-year-panel,.ant-picker-dropdown .ant-picker-quarter-panel,.ant-picker-dropdown .ant-picker-month-panel,.ant-picker-dropdown .ant-picker-week-panel,.ant-picker-dropdown .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-time-panel {
   border-left: 1px solid var(--border-color-2);
 }
 .ant-picker .ant-picker-input >input, .ant-picker .ant-picker-input >input::placeholder {
-  color: var(--color-neutral-1);
+  color: var(--color-neutral-3);
 }
 .ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
-  color: var(--color-range-text);
+  color: var(--color-neutral-1);
 }
 .ant-picker-dropdown .ant-picker-header {
   border-bottom: 1px solid var(--border-color-2);
 }
 .ant-picker .ant-picker-clear {
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   color: var(--color-neutral-1);
 }
 .ant-picker .ant-picker-clear:hover {
   color: var(--color-neutral-1);
-}
-.ant-picker {
-  background-color: var(--management-bg-bolor);
-  color: var(--color-neutral-1);
 }

src/styles/elementui.scss

@@ -1,7 +1,7 @@
 // button
 .el-button.el-button--noborder {
   border: none;
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   span {
     color: var(--color-theme);
   }
@@ -33,7 +33,7 @@ button.el-button.el-button--text {
   background-color: var(--color-btn-default-bg-color);
   color: var(--color-neutral-1);
   fill: var(--color-neutral-1);
-  border: 1px solid var(--border-color-1);
+  border: 1px solid var(--color-select-border);
   margin-left: 8px !important;
   &:hover {
     border: 1px solid var(--color-btn-default-bg-hover);
@@ -353,7 +353,7 @@ div .el-select__placeholder.is-transparent {
   }
 }
 div.el-input__wrapper {
-  box-shadow: 0 0 0 1px var(--border-color-1) inset;
+  box-shadow: 0 0 0 1px var(--color-border) inset;
   padding-left: 8px;
 }
 div.el-input div.el-input__wrapper.is-focus {
@@ -384,10 +384,11 @@ div .el-dropdown__popper .el-dropdown__list {
   user-select: none;
 }
 div .el-checkbox__inner:hover {
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 div .el-checkbox__inner {
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
+  background-color: #FFF;
 }
 div .el-checkbox__input.is-checked .el-checkbox__inner:after {
   border-color: var(--color-mode);
@@ -425,7 +426,7 @@ div .el-popper[data-popper-placement^='bottom'] > .el-popper__arrow {
   top: 0;
 }
 div .el-dropdown-menu__item {
-  border: 1px solid var(--border-color-1);
+  border: 1px solid var(--color-select-border);
   border-radius: var(--border-radius-6);
 }
 div .el-dropdown__popper.el-popper,
@@ -467,7 +468,7 @@ div .el-collapse-item__content {
   }
 }
 div .el-select__wrapper {
-  box-shadow: 0 0 0 1px var(--border-color-1);
+  box-shadow: 0 0 0 1px var(--color-select-border);
 }
 div .el-select__wrapper.is-focused {
   box-shadow: 0 0 0 1px var(--color-theme);
@@ -611,6 +612,8 @@ div .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after
 div .el-select__wrapper.is-disabled,
 .el-select__wrapper.is-disabled:hover {
   box-shadow: none !important;
+  background-color: var(--input-disabled-bg-color);
+  color: var(--input-disabled-text-color);
 }
 div .scoreDialog header.el-dialog__header {
   background: var(--dashboard-scoring-bg-color);
@@ -620,7 +623,7 @@ div .scoreDialog header.el-dialog__header {
   border-radius: 6px 6px 0 0;
 }
 div .el-dialog.scoreDialog {
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
 }
 div .scoreDialog .el-dialog__body {
   margin-top: 40px;
@@ -713,9 +716,6 @@ div .ShowAlerIcon {
   background-color: var(--tips-bg-color) !important;
   border-color: var(--tips-bg-color) !important;
 }
-div .dash_popver {
-  border-radius: 12px !important;
-}
 div .el-month-table td .el-date-table-cell__text {
   color: var(--color-neutral-1);
 }
@@ -724,15 +724,21 @@ div .el-month-table td.today .el-date-table-cell__text {
   font-weight: 400;
 }
 div .el-select-dropdown {
-  background-color: var(--color-header-bg);
+  background-color: var(--management-bg-color);
   border-color: var(--color-header-bg);
 }
 div label.smile_radio .el-radio__inner {
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
 }
 div .el-radio__inner:hover {
   border-color: var(--color-theme);
 }
 div .dash_popver {
-  background-color: var(--management-bg-bolor) !important;
+  background-color: var(--management-bg-color) !important;
+  border-radius: 12px !important;
 }
+div .DaterangeClass {
+  background-color: var(--management-bg-color) !important;
+  border-color: var(--management-bg-color) !important;
+  border-radius: 12px !important;
+}

src/styles/theme-g.scss

@@ -17,7 +17,8 @@
   --color-btn-default-dark-hover: #fff;
   --color-grey: #3C414A;
 
-  --management-bg-bolor: #3e454f;
+  --management-bg-color: #3e454f;
+  --more-type-bg-color: #343A43;
 
   // filterstag
   --color-tag-checked-all: rgba(255, 117, 0, 0.2);
@@ -30,7 +31,7 @@
   --color-tag-arrived-bg: rgba(1, 183, 161, 0.2);
   --color-tag-completed-bg: rgba(91, 180, 98, 0.2);
 
-  --border-color-1: #656f7d;
+  --color-select-border: #656f7d;
   --border-color-2: #4C515A;
   --border-hover-color: rgba(255, 117, 0, 0.2);
 
@@ -40,7 +41,7 @@
   --el-checkbox-bg-color: #656f7d;
 
   // 日历
-  --color-orange-6: rgba(237, 109, 0,0.2);
+  --color-orange-6: #614d3f;
   --color-range-text: #ED6D00;
 
   // more filters
@@ -50,10 +51,17 @@
   --addparties-background-color: #343A43;
   --color-border-top: #3F434A;
 
+  // tag
   --tag-bg-color: rgba(239, 239, 240, 0.1);
   --tag-info-text-color: #fff;
   --tips-bg-color: rgba(26, 28, 32, 1);
+  --tag-info-bg-color: rgba(239, 239, 240, 0.1);
 
+  // 评分
   --scoring-bg-color: #525b69;
   --scoring-smile-radio-color: #626871;
+
+  // 输入框禁用的颜色
+  --input-disabled-bg-color: #2b2f36;
+  --input-disabled-text-color: #66696f;
 }

src/styles/theme.scss

@@ -73,7 +73,7 @@
   --color-tag-Departed-bg: #d9edfa;
 
   --color-border: #eaebed;
-  --border-color-1: #eaebed;
+  --color-select-border: #eaebed;
   --border-color-2: #eaebed;
   --color-border-1: #e8eaee;
   --color-border-2: #eaebed;
@@ -113,7 +113,8 @@
 
   --color-header-bg: #f6f8fa;
 
-  --management-bg-bolor: #fff;
+  --management-bg-color: #fff;
+  --more-type-bg-color: #fff;
 
   // 字体
   --font-size-1: 10px;
@@ -179,6 +180,11 @@
 
   --color-table-header-bg: #f8f9fd;
   --color-table-click-row-bg: #ffe3cc;
+
+  // 输入框禁用的颜色
+  --input-disabled-bg-color: #f5f7fa;
+  --input-disabled-text-color: #a8abb2;
+
 }
 
 :root.dark {

src/views/Dashboard/src/DashboardView.vue

@@ -821,7 +821,7 @@ const ClickParams = (val: any) => {
             display: 'flex',
             flexDirection: 'column',
             alignItems: 'center',
-            backgroundColor: 'var(--management-bg-bolor)'
+            backgroundColor: 'var(--management-bg-color)'
           }"
         >
           <template #reference>
@@ -1227,7 +1227,7 @@ const ClickParams = (val: any) => {
   max-height: 800px;
   overflow-y: auto;
   border-radius: 12px;
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
 }
 .title {
   font-weight: 700;

src/views/Dashboard/src/components/DashFiters.vue

@@ -283,7 +283,7 @@ const DateRangeSearch = () => {
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid var(--border-color-1);
+  border: 1px solid var(--color-select-border);
   margin-bottom: 8px;
 }
 :deep(.el-checkbox-button__inner:hover) {
@@ -292,10 +292,10 @@ const DateRangeSearch = () => {
   border-color: var(--color-btn-default-bg-hover);
 }
 :deep(.el-checkbox-button.is-focus .el-checkbox-button__inner) {
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 :deep(.el-checkbox-button:first-child .el-checkbox-button__inner) {
-  border-left: 1px solid var(--border-color-1);
+  border-left: 1px solid var(--color-select-border);
   border-top-left-radius: var(--border-radius-6);
   border-bottom-left-radius: var(--border-radius-6);
 }
@@ -315,18 +315,18 @@ const DateRangeSearch = () => {
 }
 :deep(.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner) {
   background-color: #eaebed;
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
   color: #2b2f36;
   font-weight: 700;
 }
 // :deep(.el-checkbox-button.is-focus .el-checkbox-button__inner) {
-//   border-color: var(--border-color-1);
+//   border-color: var(--color-select-border);
 // }
 :deep(.el-radio-button__original-radio:disabled + .el-radio-button__inner) {
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 :deep(.el-checkbox-button.is-disabled .el-checkbox-button__inner) {
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 .Dash_title {
   height: 48px;
@@ -351,7 +351,7 @@ const DateRangeSearch = () => {
   justify-content: flex-end;
   align-items: center;
   height: 48px;
-  border-top: 1px solid var(--border-color-1);
+  border-top: 1px solid var(--color-select-border);
   margin-top: 5px;
   font-weight: 400;
   font-size: var(--font-size-3);
@@ -375,7 +375,7 @@ const DateRangeSearch = () => {
   height: 40px;
   display: flex;
   align-items: center;
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 :deep(
     .el-radio-button.is-active
@@ -385,18 +385,18 @@ const DateRangeSearch = () => {
   height: 40px;
   display: flex;
   align-items: center;
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 :deep(.el-radio-button:first-child .el-radio-button__inner) {
   height: 40px;
   display: flex;
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
   align-items: center;
 }
 :deep(.el-radio-button__inner) {
   display: flex;
   align-items: center;
   height: 40px;
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 </style>

src/views/Dashboard/src/components/ScoringSystem.vue

@@ -21,6 +21,7 @@ const buttonDisabled = ref(true)
 const isshowDetails = ref(true)
 const isShowScoring = ref(true)
 const SubmitText = ref()
+const isPrevious = ref(false)
 interface AvaterItem {
   src: string
   src1: string
@@ -142,21 +143,25 @@ smileAspects.value = [
   }
 ]
 const closeDialog = () => {
-  isShowAngry.value = false
-  innerVisible.value = false
-  dialogVisible.value = false
-  isShowHappy.value = false
-  isShowSmile.value = false
-  isshowDetails_submit.value = false
-  isshowDetails.value = true
-  smilecheckbox.value = {}
-  checkboxGroup1.value = []
-  checkboxGroup2.value = []
-  smileAspects.value.forEach((item: any) => {
-    item.radio = ''
-  })
-  buttonDisabled.value = true
-  inputdetails.value = ''
+  if (!isPrevious.value) {
+    isShowAngry.value = false
+    innerVisible.value = false
+    dialogVisible.value = false
+    isShowHappy.value = false
+    isShowSmile.value = false
+    isshowDetails_submit.value = false
+    isshowDetails.value = true
+    smilecheckbox.value = {}
+    checkboxGroup1.value = []
+    checkboxGroup2.value = []
+    smileAspects.value.forEach((item: any) => {
+      item.radio = ''
+    })
+    buttonDisabled.value = true
+    inputdetails.value = ''
+  } else {
+    isPrevious.value = false
+  }
 }
 const mouseenter = (item: any) => {
   item.src = item.itemsrc
@@ -170,7 +175,7 @@ const InnerTitle = ref()
 const InnerTileQues = ref()
 const checkexpression = ref()
 const OpenScoring = (item: any) => {
-  dialogVisible.value = false
+  // dialogVisible.value = false
   innerVisible.value = true
   InnerTitle.value = item.itemtext
   InnerTileQues.value = item.proposal
@@ -197,6 +202,7 @@ const OpenScoring = (item: any) => {
   }
 }
 const previous = () => {
+  isPrevious.value = true
   dialogVisible.value = true
   innerVisible.value = false
   isShowAngry.value = false
@@ -320,6 +326,7 @@ const submitDetails = (val: any) => {
         class="scoreDialog2"
         :destroy-on-close="true"
         @close="closeDialog"
+        :close-on-click-modal="false"
       >
         <div class="dialog" v-if="isshowDetails">
           <div class="das_in_title">
@@ -555,7 +562,7 @@ const submitDetails = (val: any) => {
 :deep(.el-checkbox-button__inner) {
   color: var(--tag-info-text-color);
   font-size: var(--font-size-3);
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   font-weight: 400;
   padding: 0;
   width: 180px;
@@ -563,7 +570,7 @@ const submitDetails = (val: any) => {
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid var(--border-color-1);
+  border: 1px solid var(--color-select-border);
   border-radius: var(--border-radius-6);
   margin-bottom: 8px;
 }
@@ -576,7 +583,7 @@ const submitDetails = (val: any) => {
   border-color: transparent;
 }
 :deep(.el-checkbox-button:first-child .el-checkbox-button__inner) {
-  border-left: 1px solid var(--border-color-1);
+  border-left: 1px solid var(--color-select-border);
   border-top-left-radius: var(--border-radius-6);
   border-bottom-left-radius: var(--border-radius-6);
 }
@@ -595,11 +602,14 @@ const submitDetails = (val: any) => {
   background-color: var(--color-theme);
   border-color: var(--color-theme);
 }
+:deep(.scoreDialog2) {
+  background-color: var(--management-bg-color);
+}
 .inputdetails {
   margin-top: 8px;
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   border-radius: 6px;
-  border-color: var(--border-color-1);
+  border-color: var(--color-select-border);
 }
 :deep(.el-textarea) {
   .el-textarea__inner {
@@ -633,9 +643,9 @@ const submitDetails = (val: any) => {
 }
 .content_left {
   height: 41px;
-  background-color: var(--management-bg-bolor);
+  background-color: var(--management-bg-color);
   font-weight: 400;
-  border: 1px solid var(--border-color-1);
+  border: 1px solid var(--color-select-border);
   font-size: var(--font-size-3);
   border-radius: 6px 0 0 6px;
   display: flex;