From 702ec51bcac6442f59bf46678859142a6be2099f Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Wed, 16 Mar 2022 11:26:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A6=85=E9=81=93=E5=B7=B2?=
 =?UTF-8?q?=E7=9F=A5bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../library/docDetail/index.vue               | 119 ++++++++++++++----
 1 file changed, 94 insertions(+), 25 deletions(-)

diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index 46f255080..e4c4a2a1c 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -48,31 +48,51 @@
                 </div>
               </div>
               <div class="TextInformation" v-if="val == $t('textInformation')">
-                <div class="TextInformationContent" v-for="(ol,index1) in item[val]" style="width: 100%">
-              <span class="TextInformationContentLeft"
-                    :class="{'TextInformationContentLeft-left':
-                    ol.db_field_txt == (item[val][index1-1] && item[val][index1-1].db_field_txt?item[val][index1-1].db_field_txt:'')}">
-                 <span :title="ol.db_field_txt"
-                       v-if=" ol.db_field_txt != (item[val][index1-1] &&
-                        item[val][index1-1].db_field_txt?item[val][index1-1].db_field_txt:'')">
-                   {{ol.db_field_txt}}
-                 </span>
-              </span>
-                  <span style="margin-top: 2px">
-                 <span class="TextInformationContentcontent">
-                         <span style="cursor: pointer" :title="ol.value ? ol.value.fileName:''"
-                               @click="pdfPreview(ol.value)">
-                           {{ol.value ? ol.value.fileName : '--'}}
-                         </span>
-                </span>
-              <span class="TextInformationContentright">
-                <span v-show="ol.value" @click="download(ol.value)">
-                  <a-icon type="vertical-align-bottom"/>
-                   {{$t('download')}}
-                </span>
-              </span>
-              </span>
-                </div>
+                <!--                <div class="TextInformationContent" v-for="(ol,index1) in item[val]" style="width: 100%">-->
+                <!--              <span class="TextInformationContentLeft"-->
+                <!--                    :class="{'TextInformationContentLeft-left':-->
+                <!--                    ol.db_field_txt == (item[val][index1-1] && item[val][index1-1].db_field_txt?item[val][index1-1].db_field_txt:'')}">-->
+                <!--                 <span :title="ol.db_field_txt"-->
+                <!--                       v-if=" ol.db_field_txt != (item[val][index1-1] &&-->
+                <!--                        item[val][index1-1].db_field_txt?item[val][index1-1].db_field_txt:'')">-->
+                <!--                   {{ol.db_field_txt}}-->
+                <!--                 </span>-->
+                <!--              </span>-->
+                <!--                  <span style="margin-top: 2px">-->
+                <!--                 <span class="TextInformationContentcontent">-->
+                <!--                         <span style="cursor: pointer" :title="ol.value ? ol.value.fileName:''"-->
+                <!--                               @click="pdfPreview(ol.value)">-->
+                <!--                           {{ol.value ? ol.value.fileName : '&#45;&#45;'}}-->
+                <!--                         </span>-->
+                <!--                </span>-->
+                <!--              <span class="TextInformationContentright">-->
+                <!--                <span v-show="ol.value" @click="download(ol.value)">-->
+                <!--                  <a-icon type="vertical-align-bottom"/>-->
+                <!--                   {{$t('download')}}-->
+                <!--                </span>-->
+                <!--              </span>-->
+                <!--              </span>-->
+                <!--                </div>-->
+                <table class="tableInformation">
+                  <tr v-for="(ol,index1) in item[val]" class="trInformation">
+                    <td class="tdInformation LeftTdInformation" :rowspan="ol.count"
+                        v-if=" index1 == 0 || (index1 > 0 && ol.db_field_txt != item[val][index1 - 1].db_field_txt) ">
+                      {{ol.db_field_txt}}
+                    </td>
+                    <td class="tdInformation conteTdInformation">
+                          <span style="cursor: pointer" :title="ol.value ? ol.value.fileName:''"
+                                @click="pdfPreview(ol.value)">
+                      {{ol.value ? ol.value.fileName : '--'}}
+                      </span>
+                    </td>
+                    <td class="tdInformation rightTdInformation">
+                       <span v-show="ol.value" @click="download(ol.value)">
+                                           <a-icon type="vertical-align-bottom"/>
+                                            {{$t('download')}}
+                                         </span>
+                    </td>
+                  </tr>
+                </table>
               </div>
               <div class="TextInformation" v-else-if="val == $t('relatedInformation')">
                 <div class="TextInformationContent" v-for="(ol,index1) in item[val]" style="width: 100%">
@@ -499,4 +519,53 @@
     margin-bottom: 20px;
   }
 
+  .tableInformation {
+    width: 100%;
+    height: auto;
+
+  }
+
+  .trInformation {
+    height: 56px;
+
+  }
+
+  .tdInformation {
+    border: 1px #eff1f3 solid;
+    text-align: center;
+  }
+
+  .LeftTdInformation {
+    width: 268px;
+    background: #f7f7f8;
+    color: #040B29;
+    font-weight: bold;
+    font-size: 14px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .conteTdInformation {
+    width: calc(100% - 388px);
+    color: #01A0AC;
+    font-size: 14px;
+    font-weight: 400;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    border-right: none;
+  }
+
+  .rightTdInformation {
+    width: 120px;
+    cursor: pointer;
+    color: #00B3BE;
+    font-size: 14px;
+    font-weight: 400;
+    text-align: right;
+    padding: 0 20px 0 0;
+    box-sizing: border-box;
+    border-left: none;
+  }
 </style>
\ No newline at end of file