【update】问题征集样式的修改

2022-07-29 10:46:01 +08:00
parent 2eced58515
commit be17c8e5f3
2 changed files with 27 additions and 3 deletions
@@ -274,6 +274,10 @@
    }

    /* 滚动条优化 end */
+    /* 自定义tooltip下样式问题*/
+    .ant-tooltip .ant-tooltip-inner{
+      white-space: pre-wrap!important;
+    }
  </style>
 </head>
 <body>
@@ -9,15 +9,22 @@
      <!--    查询区域-start -->
      <div class="table-page-search-wrapper">
        <a-form layout="inline" @keyup.enter.native="searchQuery">
-          <a-row>
+          <a-row class="standard-row">
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="  标准号">
-                {{ otherFilter.standardNumber }}
+                <a-tooltip placement="topLeft">
+                  <template slot="title">{{ otherFilter.standardNumber }}</template>
+                  <div class="table-text">{{ otherFilter.standardNumber }}</div>
+                </a-tooltip>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="标准名称">
-                {{ otherFilter.standardName }}
+                <a-tooltip placement="topLeft">
+                  <template slot="title">{{ otherFilter.standardName }}</template>
+                  <div class="table-text">{{ otherFilter.standardName }}</div>
+                </a-tooltip>
+
              </a-form-item>
            </a-col>
          </a-row>
@@ -254,6 +261,8 @@ export default {
    let arr = questionList.filter(tt => tt.id === this.filters.standardId)
    if(arr.length > 0) {
      this.otherFilter = arr[0]
+      this.otherFilter.standardNumber = '11111111111           11111111         111111111111111111111111111111111111111111111111111111111111'
+      this.otherFilter.standardName = '委屈委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气委屈恶气恶气'
    }
    // 判断 征集截止时间 和当前时间的关系
    this.canOpe = !compareCurrentTime(this.meetingObj.endTimeAddQuestion)
@@ -327,6 +336,17 @@ export default {
  overflow: hidden;
  text-overflow: ellipsis;
 }
+
+.standard-row {
+  /deep/.ant-form-item .ant-form-item-control-wrapper {
+    width: 0;
+  }
+  .table-text{
+    white-space: pre;
+  }
+}
+
+
 </style>
 <style>
 .name-text-tooltip .ant-tooltip-inner {