修改禅道已知bug

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

@@ -49,16 +49,18 @@
         :dataSource='dataSource'
         :pagination='false'
         :loading='loading'
-        :scroll="{x: 600}"
+        :scroll="{x: '100%',y:'calc(100vh - 320px)'}"
         :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
         @change='handleTableChange'>
         <span slot="paramsManifestClick" slot-scope="text,record">
-          <a @click="paramsManifestClick(record)">
+          <a class="textName" :title="text" @click="paramsManifestClick(record)">
             {{ text && text.length > 50 ? text.slice(0, 49) + '...' : text }}
           </a>
         </span>
         <span slot="collectionCompletionTime" slot-scope="text,record">
-            {{record.finishTime ? record.finishTime : '-'}}
+            <span class="textName" :title="record.finishTime">
+              {{record.finishTime ? record.finishTime : '-'}}
+            </span>
         </span>
         <span slot="operation" slot-scope="text,record">
             <a class="text-operation" @click="configure(record)">{{$t('configure')}}</a>
@@ -129,43 +131,50 @@
             title: this.$t('title'),
             align: 'center',
             dataIndex: 'title',
+            width: 240,
             scopedSlots: { customRender: 'paramsManifestClick' }
           },
           {
             title: this.$t('status'),
             align: 'center',
             width: 80,
+            ellipsis: true,
             dataIndex: 'state'
           },
           {
             title: this.$t('parameterTemplateName'),
             align: 'center',
             width: 180,
+            ellipsis: true,
             dataIndex: 'paramsTemplateName'
           },
           {
             title: this.$t('collectionCompletionTime'),
             align: 'center',
             dataIndex: 'finishTime',
-            width: 130,
+            width: 160,
+            ellipsis: true,
             scopedSlots: { customRender: 'collectionCompletionTime' }
           },
           {
             title: this.$t('Version'),
             align: 'center',
             width: 50,
+            ellipsis: true,
             dataIndex: 'version'
           },
           {
             title: this.$t('creator'),
             align: 'center',
             width: 110,
+            ellipsis: true,
             dataIndex: 'createBy'
           },
           {
             title: this.$t('createTime'),
             align: 'center',
             width: 160,
+            ellipsis: true,
             dataIndex: 'createTime'
           },
           {
@@ -517,6 +526,19 @@
   /deep/ .add-padding {
     margin-left: -89px !important;
   }
+
+  .textName {
+    width: 100%;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
+    word-break: break-all
+  }
 </style>
 <style>
   .box-input .ant-select-selection {