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

jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue

@@ -89,7 +89,7 @@
             size="middle"
             :loading="loading"
             :pagination="false"
-            :scroll="{x: true}"
+            :scroll="{x: '100%'}"
             rowKey="id"
             :data-source="dataSource"
             :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@@ -105,10 +105,13 @@
                  <a @click="handleCompare(record)" class="text-operation"> {{$t('Push')}}</a>
              </span>
             <span slot="serial_number" slot-scope="text,record">
-              <span style="cursor: pointer" v-html="record.serial_number" @click="titleClick(record)"></span>
+              <span style="cursor: pointer" :title="record.serial_number" class="textName" v-html="record.serial_number"
+                    @click="titleClick(record)"></span>
             </span>
             <span slot="titleName" slot-scope="text,record">
-              <span style="cursor: pointer" v-html="record.title" @click="titleClick(record)"></span>
+              <span style="cursor: pointer" class="textName" v-html="record.title"
+                    :title="record.title"
+                    @click="titleClick(record)"></span>
             </span>
             <span slot="file_name" slot-scope="text,record">
               <a style="color:#21c9cc" @click="fileNameClick(record)">
@@ -250,28 +253,36 @@
             title: this.$t('standard'),
             align: 'center',
             dataIndex: 'serial_number',
+            width: 170,
             scopedSlots: { customRender: 'serial_number' }
           },
           {
             title: this.$t('title'),
             align: 'center',
             dataIndex: 'title',
+            width: 170,
             scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('fileName'),
             align: 'center',
             dataIndex: 'file_name',
+            ellipsis: true,
+            width: 170,
             scopedSlots: { customRender: 'file_name' }
           },
           {
             title: this.$t('status'),
             align: 'center',
+            width: 140,
+            ellipsis: true,
             dataIndex: 'state'
           },
           {
             title: this.$t('zoneOfApplication'),
             align: 'center',
+            width: 170,
+            ellipsis: true,
             dataIndex: 'region'
           },
           // {
@@ -282,21 +293,29 @@
           {
             title: this.$t('technicalField'),
             align: 'center',
+            ellipsis: true,
+            width: 170,
             dataIndex: 'technology_territory'
           },
           {
             title: this.$t('releaseDate'),
             align: 'center',
+            ellipsis: true,
+            width: 170,
             dataIndex: 'issue_time'
           },
           {
             title: this.$t('vehicleInProductionDate'),
             align: 'center',
+            ellipsis: true,
+            width: 210,
             dataIndex: 'implement_time'
           },
           {
             title: this.$t('ImplementationDate'),
             align: 'center',
+            ellipsis: true,
+            width: 210,
             dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1'
           },
           {
@@ -674,10 +693,6 @@
     font-weight: bold;
   }
 
-  .ant-table td {
-    white-space: nowrap;
-  }
-
   .checkbox-left .ant-checkbox-inner {
     width: 18px !important;
     height: 18px !important;
@@ -873,4 +888,17 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
+  .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>