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

jero-web/src/components/OcrTable/DocTable.vue

@@ -29,6 +29,11 @@
               </span>
            </a>
          </span>
+        <span slot="detailName" slot-scope="text,record">
+          <span class="textName" :title="text">
+              {{text}}
+          </span>
+        </span>
         <!--        <span slot="detailClick" slot-scope="text,record">-->
         <!--              <a class="text" :title="text" @click="detailClick(record)">{{text}}</a>-->
         <!--        </span>-->
@@ -146,7 +151,7 @@
                 dataIndex: 'index',
                 key: 'index',
                 align: 'center',
-              customRender: (text,record,index) => `${index+1}`,
+                customRender: (text, record, index) => `${index + 1}`
               })
             jsonHead.forEach((res, index) => {
               this.columns.push({
@@ -160,6 +165,11 @@
                 this.columns[index].scopedSlots = {
                   customRender: 'detailClick'
                 }
+              } else if (res.db_field_txt == 'number' || res.db_field_txt == 'Title' || res.db_field_txt == '编号' || res.db_field_txt == '标题') {
+                this.columns[index].scopedSlots = {
+                  customRender: 'detailName'
+                }
+                this.columns[index].ellipsis = false
               } else {
                 this.columns[index].scopedSlots = {
                   customRender: 'detailText'
@@ -237,10 +247,6 @@
   .table .ant-table-column-title {
     font-weight: bold;
   }
-
-  .ant-table td {
-    white-space: nowrap;
-  }
 </style>
 <style scoped>
   .box {
@@ -257,4 +263,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>

jero-web/src/components/OcrTable/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"
         :columns="columns"
@@ -32,6 +32,11 @@
         <span slot="detailClick" slot-scope="text,record">
               <a class="text" :title="text" @click="detailClick(record)">{{text}}</a>
         </span>
+        <span slot="detailName" slot-scope="text,record">
+          <span class="textName" :title="text">
+              {{text}}
+          </span>
+        </span>
         <!--        <span slot="detailText" slot-scope="text,record">-->
         <!--              <span class="text" :title="text">-->
         <!--               {{text.length > 18?text.slice(0,17)+'...':text}}-->
@@ -141,12 +146,18 @@
                 dataIndex: res.db_field_name,
                 align: 'center',
                 ellipsis: true,
+                width:170,
                 sorter: res.sort
               })
               if (res.click) {
                 this.columns[index].scopedSlots = {
                   customRender: 'detailClick'
                 }
+              } else if (res.db_field_txt == 'number' || res.db_field_txt == 'Title' || res.db_field_txt == '编号' || res.db_field_txt == '标题') {
+                this.columns[index].scopedSlots = {
+                  customRender: 'detailName'
+                }
+                this.columns[index].ellipsis = false
               } else {
                 this.columns[index].scopedSlots = {
                   customRender: 'detailText'
@@ -228,9 +239,6 @@
     font-weight: bold;
   }
 
-  .ant-table td {
-    white-space: nowrap;
-  }
 </style>
 <style scoped>
   .box {
@@ -247,4 +255,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>

jero-web/src/components/SplitTable/DocTable.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"
         :columns="columns"
@@ -31,7 +31,12 @@
          </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>
+        <span slot="detail" slot-scope="text,record">
+           <span class="textName" :title="text">
+                {{text}}
            </span>
         </span>
       </a-table>
@@ -150,12 +155,18 @@
                 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'
                 }
+              } else if (res.db_field_txt == 'number' || res.db_field_txt == 'Title' || res.db_field_txt == '编号' || res.db_field_txt == '标题') {
+                this.columns[index].scopedSlots = {
+                  customRender: 'detail'
+                }
+                this.columns[index].ellipsis = false
               } else {
                 this.columns[index].scopedSlots = {
                   customRender: 'detailText'
@@ -233,10 +244,6 @@
   .table .ant-table-column-title {
     font-weight: bold;
   }
-
-  .ant-table td {
-    white-space: nowrap;
-  }
 </style>
 <style scoped>
   .box {
@@ -253,4 +260,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>

jero-web/src/components/SplitTable/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"
         :columns="columns"
@@ -18,7 +18,8 @@
 <!--              <span class="text">-->
              <!--                     {{ol.text}}-->
              <!--              </span>-->
-             <span v-if="ol.text==$t('backDocument')&&record.flag==0" class="text" v-has="'split:sarFileSplitInfo:bind'">
+             <span v-if="ol.text==$t('backDocument')&&record.flag==0" class="text"
+                   v-has="'split:sarFileSplitInfo:bind'">
                      {{ol.text}}
              </span>
               <span v-if="ol.text==$t('view')" class="text" v-has="'split:sarFileSplitItems:page'">
@@ -35,10 +36,11 @@
               </span>
         </span>
         <span slot="detail" slot-scope="text,record">
-              <a class="text" :title="text" @click="urlClick(text,record)">
+              <a class="textName" :title="text" @click="urlClick(text,record)">
                 {{text}}
               </a>
         </span>
+
       </a-table>
     </div>
     <div class="page" v-if="dataSource.length > 0">
@@ -158,7 +160,8 @@
                 dataIndex: res.db_field_name,
                 align: 'center',
                 ellipsis: true,
-                sorter: res.sort
+                sorter: res.sort,
+                width: 170
               })
               if (res.db_field_name == '') {
                 // scope.row.itermsConditions ? scope.row.itermsConditions.replace(/<.*?>/ig, ' ') : ''
@@ -167,10 +170,11 @@
               this.columns[index].scopedSlots = {
                 customRender: 'detailText'
               }
-              if(res.db_field_txt === "编号" || res.db_field_txt === "标题" ){
+              if (res.db_field_txt == 'number' || res.db_field_txt == 'Title' || res.db_field_txt == '编号' || res.db_field_txt == '标题') {
                 this.columns[index].scopedSlots = {
                   customRender: 'detail'
                 }
+                this.columns[index].ellipsis = false
               }
             })
 
@@ -254,10 +258,6 @@
   .table .ant-table-column-title {
     font-weight: bold;
   }
-
-  .ant-table td {
-    white-space: nowrap;
-  }
 </style>
 <style scoped>
   .box {
@@ -274,4 +274,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>

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)">
+              <a class="textName" :title="text" @click="detailClick(record)">
-                {{text && text.length > 18?text.slice(0,17)+'...':text}}
+                {{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>

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>

jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue

@@ -941,10 +941,10 @@
     display: -webkit-box;
     text-overflow: ellipsis;
     /*! autoprefixer: off */
-    text-justify: inter-ideograph;
+    -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     /*! autoprefixer: on;*/
-    -webkit-box-orient: vertical;
+    text-justify: inter-ideograph;
     word-break: break-all
   }
 </style>

jero-web/src/views/projectManagement/components/listOfRegulations.vue

@@ -1568,10 +1568,10 @@
     display: -webkit-box;
     text-overflow: ellipsis;
     /*! autoprefixer: off */
-    text-justify: inter-ideograph;
+    -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     /*! autoprefixer: on;*/
-    -webkit-box-orient: vertical;
+    text-justify: inter-ideograph;
     word-break: break-all
   }
 </style>

jero-web/src/views/projectManagement/components/nonConformance.vue

@@ -60,7 +60,9 @@
         :columns="columns"
       >
         <span slot="standard" slot-scope="text,result">
-              <a @click="standardClick(result)">{{text}}</a>
+           <a @click="standardClick(result)" class="textName" :title="text">
+             {{text}}
+           </a>
         </span>
       </a-table>
     </div>
@@ -326,4 +328,16 @@
     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>

jero-web/src/views/projectManagement/projectNonConformance/index.vue

@@ -466,5 +466,7 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
+    word-break: break-all
   }
 </style>