样式改动

src/views/ToConfigure/components/noticeConfig.vue

@@ -41,7 +41,9 @@
               placement="bottom"
               popper-class="item-span-tooltip"
             >
-              <span>{{ item.copywriter.requirementArea || item.copywriter.taskArea }}</span>
+              <div class="detail-contain">
+                {{ item.copywriter.requirementArea || item.copywriter.taskArea }}
+              </div>
             </el-tooltip>
           </div>
           <div class="item-span">
@@ -52,7 +54,9 @@
               placement="bottom"
               popper-class="item-span-tooltip"
             >
-              <span>{{ item.copywriter.noticeConditionList.join('；') }}</span>
+              <div class="detail-contain">
+                {{ item.copywriter.noticeConditionList.join('；') }}
+              </div>
             </el-tooltip>
           </div>
           <div class="item-span">
@@ -379,18 +383,25 @@ ul,li{
       font-size: 12px;
       margin: 9px 0;
       width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+      display: flex;
+      flex-shrink: 0;
       label{
         color: #666666;
         font-weight: 200;
+        min-width: 70px;
       }
-      span {
-        color:#333333;
-        cursor: pointer;
+      .el-tooltip {
+        width: 100%;
       }
     }
+    .detail-contain {
+      color:#333333;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      display: inline-block;
+    }
     .item-link {
       color:#409EFF;
       border: 1px solid #409EFF;
@@ -457,6 +468,7 @@ ul,li{
 .item-span-tooltip {
   background-color: rgba(121,132,150,0.8) !important;
   position: relative;
+  max-width: 300px !important;
 }
 .item-span-tooltip::before{
   content: '';