修改全局的标题和编号两行展示

jero-web/src/components/tableDate/index.vue

@@ -6,7 +6,7 @@
         rowKey="id"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="false"
-        :scroll="{x: true}"
+        :scroll="{x: '100%'}"
         :data-source="dataSource"
         :loading="loading"
         :rowClassName="rowClassName"
@@ -28,21 +28,20 @@
                      </a>
          </span>
         <span slot="detailClick" slot-scope="text,record">
-              <a class="text" :title="text" @click="detailClick(record)">
-                {{text && text.length > 18?text.slice(0,17)+'...':text}}
+              <a class="textName" :title="text" @click="detailClick(record)">
+                {{text}}
               </a>
         </span>
         <span slot="urlClick" slot-scope="text,record">
               <a class="text" :title="text" @click="urlClick(text)">
-                {{text && text.length > 18?text.slice(0,17)+'...':text}}
+                {{text}}
               </a>
         </span>
         <span slot="detailText" slot-scope="text,record">
               <span class="text" :title="text">
-               {{text && text.length > 18?text.slice(0,17)+'...':text}}
+               {{text}}
               </span>
         </span>
-
       </a-table>
     </div>
     <div class="page" v-if="dataSource.length > 0">
@@ -150,12 +149,14 @@
                 dataIndex: res.db_field_name,
                 align: 'center',
                 ellipsis: true,
-                sorter: res.sort
+                sorter: res.sort,
+                width: 170
               })
               if (res.click) {
                 this.columns[index].scopedSlots = {
                   customRender: 'detailClick'
                 }
+                this.columns[index].ellipsis = false
               } else if (res.urlClick) {
                 this.columns[index].scopedSlots = {
                   customRender: 'urlClick'
@@ -245,10 +246,6 @@
     font-weight: bold;
   }
 
-  .ant-table td {
-    white-space: nowrap;
-  }
-
   .rowClassNameBack {
     background: #f5f5f5;
   }
@@ -268,4 +265,17 @@
     text-align: right;
     margin-top: 20px;
   }
+
+  .textName {
+    width: 100%;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
+    word-break: break-all
+  }
 </style>