修改bug 56447 资料中心-资料详情，UI问题

src/pages/regulatoryRepository/dataCenter/dataCenterDetail.vue

@@ -4,17 +4,18 @@
       <div class="back" title="返回" @click="back">
         <i class="el-icon-back"></i>
       </div>
-      <div class="title">
+    </div>
-        {{ detailInfoForm.dataTitle + '-详情' }}
+    <!--title 标题-->
-      </div>
+    <div class="details-header">
+      <span>
+        {{detailInfoForm.dataTitle}}
+      </span>
     </div>
     <transition name="el-zoom-in-top">
       <div class="transition-box">
         <p class="transition-box-p">
           <label class="transition-box-label">类型：</label>
-          <span class="transition-box-span">
+          <span class="transition-box-span">{{ detailInfoForm.dataType }}</span>
-             {{ detailInfoForm.dataType }}
-            </span>
         </p>
         <p class="transition-box-p">
           <label class="transition-box-label">资料标题：</label>
@@ -204,8 +205,8 @@ export default {
 
   },
   created() {
-    this.detailInfoId = this.$route.params.id
+    this.detailInfoId = this.$route.query.id
-    console.log('13', this.$route.params.id)
+    console.log('13', this.$route.query.id)
   },
   mounted() {
     let fileId
@@ -250,15 +251,14 @@ export default {
   .transition-box {
     padding: 0 10% 0 10%;
     background: #ffffff;
-    font-size: 28px;
+    font-size: 16px;
 
     .transition-box-p {
       line-height: 50px;
-
+      border-bottom: 1px solid #E5E5E5;
       .transition-box-label {
         display: inline-block;
-        font-weight: bolder;
+        width: 100px;
-        width: 200px;
         vertical-align: top;
       }
 
@@ -266,6 +266,8 @@ export default {
         display: inline-block;
         color: #7e8083;
         width: calc(~'100% - 100px');
+        word-break: break-all;
+        white-space: pre-wrap;
       }
 
       .file-box {
@@ -277,6 +279,7 @@ export default {
           width: 100%;
           cursor: pointer;
           color: #4498f0;
+          word-break: break-all;
         }
 
         p {
@@ -309,4 +312,18 @@ export default {
     }
   }
 }
+
+
+.details-header {
+  padding: 34px 20%;
+  font-size: 20px;
+  font-weight: bold;
+  color: #555555;
+  text-align: center;
+  word-break: break-all;
+  white-space: pre-wrap;
+  & > span {
+    width: 100%;
+  }
+}
 </style>

src/pages/regulatoryRepository/dataCenter/index.vue

@@ -134,12 +134,14 @@
             prop="dataType"
             width="250"
             label="类型"
+            :show-overflow-tooltip="true"
             align="center">
           </el-table-column>
           <el-table-column
             prop="dataTitle"
             min-width="250"
             label="资料标题"
+            :show-overflow-tooltip="true"
             align="center">
             <template slot-scope="scope">
               <span @click.stop="toDetail(scope.row)" style="cursor:pointer;color: #409eff">{{ scope.row.dataTitle }}</span>
@@ -602,7 +604,7 @@ export default {
     toDetail(row){
       this.$router.push({
         name: "dataCenterDetail",
-        params: {
+        query: {
           id: row.id
         }
       });