修复全局样式错乱问题

src/views/career/components/FillMajor.vue

@@ -473,86 +473,21 @@ export default {
 .radio_contianer > div {
   display: flex;
 }
-</style>
-
-<style>
-.el-table__empty-text {
-  margin-top: 48px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.el-tree-node__content {
-  padding-top: 6px;
-  padding-bottom: 6px;
-  height: 32px;
-  font-size: 14px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #343434;
-  line-height: 20px;
-}
-
-.el-tree-node {
-  padding-left: 16px;
-}
-
-.el-tree-node__expand-icon.expanded {
-  content: "";
-}
-
-.el-tree-node__content > .el-tree-node__expand-icon {
-  padding: 6px;
-  /* position: absolute; */
-  right: 16px;
-}
-
-.el-table .el-table__header-wrapper th,
-.el-table .el-table__fixed-header-wrapper th {
-  background: #47c6a2;
-  color: white;
-}
-
-.el-dialog__header .el-dialog__title {
-  color: #47c6a2;
-}
-
-.el-radio-button__inner {
+.fill-batch >>> .el-radio-button__inner {
   border-left: 1px solid #dcdfe6;
 }
 
-.radio_contianer .el-radio-button .el-radio-button__inner {
+.fill-batch >>> .radio_contianer .el-radio-button .el-radio-button__inner {
   border-radius: 16px;
-  margin-right: 8px;
   margin-bottom: 5px;
+  margin-right: 8px;
 }
-
-.split_page .el-pager > li {
-  border-radius: 50%;
-}
-
-.el-input-number.is-controls-right .el-input-number__decrease {
-  width: 16px;
-}
-
-.el-input-number.is-controls-right[class*="medium"] [class*="increase"],
-.el-input-number.is-controls-right[class*="medium"] [class*="decrease"] {
-  width: 16px;
+.fill-batch >>> .radio_contianer .is-active .el-radio-button__inner{
+  border-left: none;
 }
-
-.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-  color: #47c6a2;
-  background: #ffffff;
+.fill-batch >>> .split_page .el-pager > li {
+  border-radius: 50%;
 }
+</style>
 
-.table-delete-icon {
-  cursor: pointer;
-}
 
-.empty-text {
-  margin-top: 150px;
-  text-align: center;
-  color: #ccc;
-}
-</style>

src/views/career/components/NewFillMajor.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fill-batch">
+  <div class="new-fill-batch">
     <div class="top-title">（四）选择院校专业</div>
     <div class="content_box">
       <div class="content-title" style="text-align: center">本科批</div>
@@ -103,85 +103,21 @@ export default {
 .radio_contianer > div > span {
   margin-right: 16px;
 }
-</style>
-<style>
-.el-table__empty-text {
-  margin-top: 48px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.el-tree-node__content {
-  padding-top: 6px;
-  padding-bottom: 6px;
-  height: 32px;
-  font-size: 14px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #343434;
-  line-height: 20px;
-}
-
-.el-tree-node {
-  padding-left: 16px;
-}
-
-.el-tree-node__expand-icon.expanded {
-  content: "";
-}
 
-.el-tree-node__content > .el-tree-node__expand-icon {
-  padding: 6px;
-  /* position: absolute; */
-  right: 16px;
-}
-
-.el-table .el-table__header-wrapper th,
-.el-table .el-table__fixed-header-wrapper th {
-  background: #47c6a2;
-  color: white;
-}
-
-.el-dialog__header .el-dialog__title {
-  color: #47c6a2;
-}
-
-.el-radio-button__inner {
+.new-fill-batch >>> .el-radio-button__inner {
   border-left: 1px solid #dcdfe6;
 }
 
-.radio_contianer .el-radio-button .el-radio-button__inner {
+.new-fill-batch >>> .radio_contianer .el-radio-button .el-radio-button__inner {
   border-radius: 16px;
-  margin-right: 8px;
   margin-bottom: 5px;
+  margin-right: 8px;
 }
-
-.split_page .el-pager > li {
-  border-radius: 50%;
-}
-
-.el-input-number.is-controls-right .el-input-number__decrease {
-  width: 16px;
-}
-
-.el-input-number.is-controls-right[class*="medium"] [class*="increase"],
-.el-input-number.is-controls-right[class*="medium"] [class*="decrease"] {
-  width: 16px;
-}
-
-.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-  color: #47c6a2;
-  background: #ffffff;
-}
-
-.table-delete-icon {
-  cursor: pointer;
+.new-fill-batch >>> .radio_contianer .is-active .el-radio-button__inner{
+  border-left: none;
 }
-
-.empty-text {
-  margin-top: 150px;
-  text-align: center;
-  color: #ccc;
+.new-fill-batch >>> .split_page .el-pager > li {
+  border-radius: 50%;
 }
 </style>
+

src/views/questioncenter/bestpaper.vue

@@ -1,6 +1,6 @@
 <template >
   <div class="bestpaper_container">
-    <el-card class="header">
+    <el-card class="mb10">
       <div class="smart_tabs">
         <div class="tab" :class="tabActive == 0 ? 'tab_active' : ''" @click="switchTab(0)">
           名校试卷
@@ -520,52 +520,21 @@ export default {
 .real_topic .topic_item .paper_opera .view > img {
   margin-right: 6px;
 }
-.el-radio-group {
-  display: flex;
-  flex-wrap: wrap;
-}
-</style>
-<style>
-.el-tree-node__content {
-  padding-top: 6px;
-  padding-bottom: 6px;
-  height: 32px;
-  font-size: 14px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #343434;
-  line-height: 20px;
-}
-.el-tree-node {
-  padding-left: 16px;
-}
-.el-tree-node__expand-icon.expanded {
-  content: "";
-}
-.el-tree-node__content > .el-tree-node__expand-icon {
-  padding: 6px;
-  /* position: absolute; */
-  right: 16px;
-}
-.el-table .el-table__header-wrapper th,
-.el-table .el-table__fixed-header-wrapper th {
-  background: #47c6a2;
-  color: white;
-}
-.el-dialog__header .el-dialog__title {
-  color: #47c6a2;
-}
-.el-radio-button__inner {
+
+.bestpaper_container >>> .el-radio-button__inner {
   border-left: 1px solid #dcdfe6;
+  margin-bottom: 5px;
 }
-.radio_contianer .el-radio-button .el-radio-button__inner {
+
+.bestpaper_container >>> .radio_contianer .el-radio-button .el-radio-button__inner {
   border-radius: 16px;
-  margin-bottom: 5px;
 }
-.split_page .el-pager > li {
-  border-radius: 50%;
+.bestpaper_container >>> .radio_contianer .is-active .el-radio-button__inner{
+  border-left: none;
 }
-.header {
-  margin-bottom: 10px;
+.bestpaper_container >>> .split_page .el-pager > li {
+  border-radius: 50%;
 }
+
 </style>
+

src/views/questioncenter/generating.vue

@@ -1323,16 +1323,7 @@ export default {
   border-color: #e6ebf5;
   color: #c0c4cc;
 }
-</style>
-<style>
-.el-table__empty-text {
-  margin-top: 48px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.el-tree-node__content {
+/deep/ .el-tree-node__content {
   padding-top: 6px;
   padding-bottom: 6px;
   height: 32px;
@@ -1343,64 +1334,54 @@ export default {
   line-height: 20px;
 }
 
-.el-tree-node {
-  padding-left: 16px;
+.generating_container >>> .el-radio-button__inner {
+  border-left: 1px solid #dcdfe6;
 }
 
-.el-tree-node__expand-icon.expanded {
-  content: "";
+.generating_container >>> .radio_contianer .el-radio-button .el-radio-button__inner {
+  border-radius: 16px;
+  border-bottom: 5px;
 }
 
-.el-tree-node__content > .el-tree-node__expand-icon {
-  padding: 6px;
-  /* position: absolute; */
-  right: 16px;
+.generating_container >>> .split_page .el-pager > li {
+  border-radius: 50%;
 }
-
-.el-table .el-table__header-wrapper th,
-.el-table .el-table__fixed-header-wrapper th {
-  background: #47c6a2;
-  color: white;
+.generating_container >>> .el-tree-node {
+  padding-left: 16px;
 }
-
-.el-dialog__header .el-dialog__title {
-  color: #47c6a2;
+.generating_container >>> .el-tree-node__expand-icon.expanded {
+  content: "";
 }
 
-.el-radio-button__inner {
-  border-left: 1px solid #dcdfe6;
+.generating_container >>> .el-tree-node__content > .el-tree-node__expand-icon {
+  padding: 6px;
+  /* position: absolute; */
+  right: 16px;
 }
-
-.radio_contianer .el-radio-button .el-radio-button__inner {
-  border-radius: 16px;
-  margin-bottom: 5px;
+.generating_container >>> .radio_contianer .is-active .el-radio-button__inner{
+  border-left: none;
 }
-
-.split_page .el-pager > li {
-  border-radius: 50%;
+.empty-text {
+  margin-top: 150px;
+  text-align: center;
+  color: #ccc;
 }
 
-.el-input-number.is-controls-right .el-input-number__decrease {
+.generating_container >>>.el-input-number.is-controls-right .el-input-number__decrease {
   width: 16px;
 }
 
-.el-input-number.is-controls-right[class*="medium"] [class*="increase"],
-.el-input-number.is-controls-right[class*="medium"] [class*="decrease"] {
+.generating_container >>>.el-input-number.is-controls-right[class*="medium"] [class*="increase"],
+.generating_container >>>.el-input-number.is-controls-right[class*="medium"] [class*="decrease"] {
   width: 16px;
 }
 
-.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+.generating_container >>>.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
   color: #47c6a2;
   background: #ffffff;
 }
 
-.table-delete-icon {
+.generating_container >>>.table-delete-icon {
   cursor: pointer;
 }
-
-.empty-text {
-  margin-top: 150px;
-  text-align: center;
-  color: #ccc;
-}
 </style>

src/views/questioncenter/smart.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="smart_container">
-    <el-card class="header">
+    <el-card class="mb10">
       <div class="smart_tabs">
         <div
           class="tab"
@@ -611,74 +611,22 @@ export default {
   left: 0;
   position: absolute;
 }
-</style>
-<style>
-.el-radio-button__inner {
+
+.smart_container >>> .el-radio-button__inner {
   border-left: 1px solid #dcdfe6;
 }
 
-.radio_contianer .el-radio-button .el-radio-button__inner {
+.smart_container >>> .radio_contianer .el-radio-button .el-radio-button__inner {
   border-radius: 16px;
+  margin-bottom: 5px;
 }
 
-.split_page .el-pager > li {
+.smart_container >>> .split_page .el-pager > li {
   border-radius: 50%;
 }
-
-.header {
-  margin-bottom: 10px;
+.smart_container >>> .radio_contianer .is-active .el-radio-button__inner{
+  border-left: none;
 }
 </style>
-<style>
-.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-  color: #47c6a2;
-  background: #ffffff;
-}
-
-.el-tree-node__content {
-  padding-top: 6px;
-  padding-bottom: 6px;
-  height: 32px;
-  font-size: 14px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #343434;
-  line-height: 20px;
-}
-
-.el-tree-node {
-  padding-left: 16px;
-}
-
-.el-tree-node__expand-icon.expanded {
-  content: "";
-}
-
-.el-tree-node__content > .el-tree-node__expand-icon {
-  padding: 6px;
-  /* position: absolute; */
-  right: 16px;
-}
-
-.el-table .el-table__header-wrapper th,
-.el-table .el-table__fixed-header-wrapper th {
-  background: #47c6a2;
-  color: white;
-}
 
-.el-dialog__header .el-dialog__title {
-  color: #47c6a2;
-}
 
-.radio_contianer .el-radio-button:first-child:last-child .el-radio-button__inner {
-  border-radius: 16px;
-}
-
-.el-tree-node__content {
-  white-space: break-space !important;
-}
-
-.el-tree-node__content {
-  padding-right: 25px;
-}
-</style>