From c5a888aa6f8d2c8163499ee1a13cfe6faf890697 Mon Sep 17 00:00:00 2001
From: super_liu <396572590@qq.com>
Date: Wed, 23 Mar 2022 12:49:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20There=20is=20no=20way=20the,=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../otherBussStandardDetails/index.vue        | 109 ++++++++++--------
 .../details/otherStandardDetails/index.vue    |  17 ++-
 2 files changed, 71 insertions(+), 55 deletions(-)

diff --git a/src/pages/details/otherBussStandardDetails/index.vue b/src/pages/details/otherBussStandardDetails/index.vue
index 6ddf03188..7cf72d85d 100644
--- a/src/pages/details/otherBussStandardDetails/index.vue
+++ b/src/pages/details/otherBussStandardDetails/index.vue
@@ -351,63 +351,65 @@
               <template v-if = "item.label === '基础信息'">
                 <div class="details-content-modular basic-information" style="margin-bottom: 0">
                   <div class="basic-information-content">
-                    <p class="" style="color: #C42626;"><label style=" margin-right: 171px;">企标号</label><span>{{ sarStandardsInfoEO.standCode }}</span></p>
+                    <p class=""><label style=" margin-right: 171px;">企标号</label><span>{{ sarStandardsInfoEO.standCode }}</span></p>
                     <template v-for="(child, childIndex) in item.child1">
                       <div class="files-title" style="border-bottom: 1px solid #E5E5E5">
-                        <label style=" margin-right: 172px;">{{ child.attrName }}</label>
-                        <template v-if="child.value && child.value.length > 0" v-for="(file, fileIndex) in child1Func(child.value)">
-<!--                          单个文件-->
-                          <span v-if="child.value && child.value.length > 0 && child.value.length === 1">
-                            <a style="font-size: 16px;color: #409EFF;cursor: pointer" @click="openFileInPdf(file.id, file.oldFileName)" target="_blank" :title="file.oldFileName">{{ file.oldFileName }}</a>
+                        <label style="float: left;">{{ child.attrName }}</label>
+                        <div style="margin-left: 220px;">
+                          <div v-if="child.value && child.value.length > 0" v-for="(file, fileIndex) in child1Func(child.value)" style="line-height: 50px;">
+                            <!--                          单个文件-->
+                            <span v-if="child.value && child.value.length > 0 && child.value.length === 1">
+                            <a style="font-size: 16px;color: #409EFF;cursor: pointer" @click="openFileInPdf(file.id, file.oldFileName)" target="_blank" :title="file.oldFileName">{{ file.oldFileName | ellipsis50 }}</a>
                             <i
-                                title="下载"
-                                @click="downloadFile(file.id)"
-                                class="icon-download"
-                                v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
+                                    title="下载"
+                                    @click="downloadFile(file.id)"
+                                    class="icon-download"
+                                    v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
                             />
                             <i
-                                title="下载带水印"
-                                v-show="file.fileSuffix === 'pdf' || file.fileSuffix === 'PDF'"
-                                @click="downloadFileByWater(file.id, file.fileSuffix)"
-                                class="icon-download2"
-                                v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
+                                    title="下载带水印"
+                                    v-show="file.fileSuffix === 'pdf' || file.fileSuffix === 'PDF'"
+                                    @click="downloadFileByWater(file.id, file.fileSuffix)"
+                                    class="icon-download2"
+                                    v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
                             />
-                            <!--                      <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
+                              <!--                      <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
                             </span>
-<!--                          多个文件-->
-                         <div v-else-if="child.value && child.value.length > 0">
-                            <span style="margin-left: 19%">
+                            <!--                          多个文件-->
+                            <div v-else-if="child.value && child.value.length > 0" style="line-height: 50px;">
+                            <span>
                               <a style="font-size: 16px;color: #409EFF;cursor: pointer"
                                  @click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
-                                 :title="file.oldFileName">{{ file.oldFileName }}</a>
+                                 :title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
                               <i
-                                title="下载"
-                                @click="downloadFile(file.id)"
-                                class="icon-download"
-                                v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
+                                      title="下载"
+                                      @click="downloadFile(file.id)"
+                                      class="icon-download"
+                                      v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
                               />
                               <i
-                                title="下载带水印"
-                                @click="downloadFileByWater(file.id, file.fileSuffix)"
-                                class="icon-download2"
-                                v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
+                                      title="下载带水印"
+                                      @click="downloadFileByWater(file.id, file.fileSuffix)"
+                                      class="icon-download2"
+                                      v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
                               />
                             </span>
-                        <!--                      <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
-                      </div>
-                          <!--                        <el-button-->
-                          <!--                                v-if="child.attrField === itemNam "-->
-                          <!--                                v-for="(itemNam,index) in itemExistList"-->
-                          <!--                                :key="index"-->
-                          <!--                                @click="showItemsModel(child.attrField)"-->
-                          <!--                                class="decomposition-btn"-->
-                          <!--                                style="right:62px"-->
-                          <!--                                icon="icon-separate"-->
-                          <!--                        >标准分解单-->
-                          <!--                        </el-button>-->
-<!--                          <el-button v-if="child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);"-->
-<!--                                     class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button>-->
-                        </template>
+                              <!--                      <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
+                            </div>
+                            <!--                        <el-button-->
+                            <!--                                v-if="child.attrField === itemNam "-->
+                            <!--                                v-for="(itemNam,index) in itemExistList"-->
+                            <!--                                :key="index"-->
+                            <!--                                @click="showItemsModel(child.attrField)"-->
+                            <!--                                class="decomposition-btn"-->
+                            <!--                                style="right:62px"-->
+                            <!--                                icon="icon-separate"-->
+                            <!--                        >标准分解单-->
+                            <!--                        </el-button>-->
+                            <!--                          <el-button v-if="child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);"-->
+                            <!--                                     class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button>-->
+                          </div>
+                        </div>
                         <template v-if="child.value === null" >-</template>
                       </div>
                     </template>
@@ -416,7 +418,7 @@
                     <p class="half">
                       <label style=" margin-right: 156px;"
                              title="“修订中”为现行有效版本；“已修订”标准的有效性需根据实际实施情况判定"
-                      >文本状态</label><span style="color: #409EFF;">{{ sarStandardsInfoEO.textStatusBussShow || '-' }}</span>
+                      >文本状态</label><span>{{ sarStandardsInfoEO.textStatusBussShow || '-' }}</span>
                     </p>
                     <p class="half"><label style=" margin-right: 157px;">发布日期</label><span>{{ sarStandardsInfoEO.issueTime || '-' }}</span></p>
                     <p class="half" style=""><label style=" margin-right: 122px;">标准实施日期</label><span>{{ sarStandardsInfoEO.putTime || '-' }}</span></p>
@@ -425,7 +427,7 @@
                         v-if="child.isShowImp === '0'"
                     >
                       <p class="half">
-                        <label style=" margin-right: 157px;" :title="child.attrName">{{child.attrName}}</label>
+                        <label style=" margin-right: 150px;" :title="child.attrName">{{child.attrName}}</label>
                         <span :title="child.value || '-'">
                           <template v-if="child.value">
                           {{ child.value }}
@@ -525,7 +527,7 @@
                         v-for="(file, fileIndex) in child.value"
                         :key="fileIndex"
                     >
-                      <a @click="openFileInPdf(file.id, file.oldFileName)" target="_blank">{{ file.oldFileName }}</a>
+                      <a @click="openFileInPdf(file.id, file.oldFileName)" target="_blank">{{ file.oldFileName | ellipsis30}}</a>
                       <i title="下载" @click="downloadFile(file.id)" class="icon-download" v-btn-permission="'9882f477aad895ec56a7464f3e9c0b11'"/>
                       <i title="下载带水印" @click="downloadFileByWater(file.id, file.fileSuffix)" class="icon-download2" v-btn-permission="'9bab2662fbd9d0507b39be813371a597'"/>
                       <!--                  <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
@@ -1321,6 +1323,13 @@ export default {
         return value.slice(0,12) + '...'
       }
       return value
+    },
+    ellipsis50 (value) {
+      if (!value) return ''
+      if (value.length > 50) {
+        return value.slice(0,50) + '...'
+      }
+      return value
     }
   },
   data () {
@@ -3404,11 +3413,11 @@ export default {
             min-height: 50px;
             line-height: 50px;
             font-size: 16px;
-            color: #999999;
+            color: #333333;
             word-break: break-all;
-            //overflow: hidden;
-            //white-space: nowrap;
-            //text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
           }
           .modular-content-p-flies{
             position: relative;
diff --git a/src/pages/details/otherStandardDetails/index.vue b/src/pages/details/otherStandardDetails/index.vue
index 2126cf2e5..92543d09b 100644
--- a/src/pages/details/otherStandardDetails/index.vue
+++ b/src/pages/details/otherStandardDetails/index.vue
@@ -66,15 +66,15 @@
                     <!--发布稿（必读）-->
                     <template v-for="(child, childIndex) in item.child1">
                       <div class="files-titles" style="border-bottom: 1px solid #E5E5E5">
-                        <label style="margin-right: 164px;">{{ child.attrName }}</label>
+                        <label style="float: left">{{ child.attrName }}</label>
                         <template v-if="child.value && child.value.length > 0">
                           <!--                          单个文件时-->
-                          <div style="position: relative;">
+                          <div style="position: relative;margin-left: 214px;">
                             <div v-for="(file, fileIndex) in child1Func(child.value)" style="display: flex;">
                           <span v-if="child.value && child.value.length > 0 && child.value.length === 1" style="display: flex; align-items: center;">
                             <a style="font-size: 16px;color: #409EFF;cursor: pointer;"
                                @click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
-                               :title="file.oldFileName">{{ file.oldFileName }}</a>
+                               :title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
                             <i
                               title="下载"
                               @click="downloadFile(file.id)"
@@ -91,10 +91,10 @@
                           </span>
                               <!--                          多个文件时-->
                               <div v-else-if="child.value && child.value.length > 0">
-                            <span style="margin-left: 19%;display: flex; align-items: center;">
+                            <span style="display: flex; align-items: center;">
                               <a style="font-size: 16px;color: #409EFF;cursor: pointer"
                                  @click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
-                                 :title="file.oldFileName">{{ file.oldFileName }}</a>
+                                 :title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
                               <i
                                 title="下载"
                                 @click="downloadFile(file.id)"
@@ -1784,6 +1784,13 @@ export default {
         return value.slice(0, 12) + '...'
       }
       return value
+    },
+    ellipsis50 (value) {
+      if (!value) return ''
+      if (value.length > 50) {
+        return value.slice(0,50) + '...'
+      }
+      return value
     }
   },
   data() {