[update] 外标详情页查看全部按钮，过程稿件展开收起

src/assets/icon/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4236293 */
-  src: url('iconfont.woff2?t=1709805185697') format('woff2'),
-       url('iconfont.woff?t=1709805185697') format('woff'),
-       url('iconfont.ttf?t=1709805185697') format('truetype');
+  src: url('iconfont.woff2?t=1720773883017') format('woff2'),
+       url('iconfont.woff?t=1720773883017') format('woff'),
+       url('iconfont.ttf?t=1720773883017') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-nav-top:before {
+  content: "\e600";
+}
+
 .icon-database-fill:before {
   content: "\e6d7";
 }

src/assets/icon/iconfont.json

@@ -5,6 +5,13 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "11732821",
+      "name": "nav-top",
+      "font_class": "nav-top",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
     {
       "icon_id": "35088513",
       "name": "建筑",

src/views/standardRegulationLibrary/foreignStandard/detail/ForeignStandardDetailPage.vue

@@ -6,6 +6,11 @@
       <div class="detail-page-part" v-for="(part, index) in partList" :key="part + index">
         <div class="detail-page-part-title">
           <span>{{ part }}</span>
+          <!--  过程稿件显示展开收起  -->
+          <div v-if="part === '过程稿件'" class="retractable-btn" @click="handleChangeRetractable(index)">
+            <i class="iconfont " :class="retractableFlag[index] ? 'icon-nav-top' : 'icon-nav-bottom'" />
+            {{ retractableFlag[index] ? '收起' : '展开' }}
+          </div>
         </div>
         <div class="detail-page-part-form" v-if="part !== '过程稿件' && part !== 'Process Manuscript'">
           <div class="detail-page-part-form-item" v-for="formItem in form[part]" :key="formItem.id">
@@ -49,11 +54,11 @@
               <span v-else>{{ global.emptyLine }}</span>
             </div>
             <!--  需要显示查看全部按钮  -->
-            <a-button v-else-if="showViewAllField.includes(formItem.dbFieldName) &&
+            <a v-else-if="showViewAllField.includes(formItem.dbFieldName) &&
                     (detailData[formItem.dbFieldName + '_dictText'] || detailData[formItem.dbFieldName])"
-                      type="primary" ghost @click="viewAll(formItem.dbFieldName)">
+                      @click="viewAll(formItem.dbFieldName)">
               {{ $t('enterpriseStandardLibrary.standard.viewAll')}}
-            </a-button>
+            </a>
             <span v-else>
               {{
                 detailData[needDictFieldList.includes(formItem.fieldShowType) ? formItem.dbFieldName + '_dictText' : formItem.dbFieldName] || global.emptyLine
@@ -62,7 +67,7 @@
           </div>
         </div>
         <!--      过程稿件特殊处理-->
-        <div class="detail-page-process-manuscript" v-if="part === '过程稿件' || part === 'Process Manuscript'">
+        <div class="detail-page-process-manuscript" v-if="part === '过程稿件' || part === 'Process Manuscript'" v-show="retractableFlag[index]">
           <div class="detail-page-process-manuscript-item" v-for="formItem in form[part]" :key="formItem.id">
             <div class="detail-page-process-manuscript-title">
               <span>{{ formItem.dbFieldTxt }}</span>
@@ -170,7 +175,10 @@ export default {
       // 参与只允许查看最新稿件排序的字段顺序(发布稿>TBT通报文件>报批稿>送审稿>征求意见稿>草案)
       newestManuScriptField: ['publish_of_original', 'tbt_file', 'draft_for_review', 'draft_for_approval', 'draft_for_comment', 'draft'],
       // 过程稿件中可以查看的最新文件id
-      manuScriptNewestFileId: ''
+      manuScriptNewestFileId: '',
+      retractableFlag: {}, // 面板展开收起的标识
+      // 业务基本信息有几个部分
+      formPartList: [],
     }
   },
   computed: {
@@ -203,6 +211,7 @@ export default {
             const data = res.result || {}
             this.partList = Object.keys(data)
             const formList = Object.values(data).reduce((acc, cur) => acc.concat(cur), [])
+            this.formPartList = Object.keys(formList)
             this.fileField = []
             formList.forEach(item => {
               if (item.fieldShowType === FieldType.FILE_UP.value) {
@@ -249,6 +258,7 @@ export default {
             }
           }
           console.log(this.detailData)
+          this.initRetractableFlag() // 处理面板展开
         } else {
           this.$message.warn(res.message)
         }
@@ -268,6 +278,24 @@ export default {
         })
       })
     },
+    /**
+     * 默认所有面板都是展开状态
+     */
+    initRetractableFlag () {
+      this.retractableFlag = {}
+      this.formPartList.forEach(key => {
+        this.retractableFlag[key] = true
+      })
+      this.$forceUpdate()
+    },
+    /**
+     * 面板展开收起
+     * @param key
+     */
+    handleChangeRetractable (key) {
+      this.$set(this.retractableFlag, key, !this.retractableFlag[key])
+      this.$forceUpdate()
+    },
     /**
      * 查看标准分解单
      */
@@ -398,4 +426,11 @@ export default {
   color: @primary-color;
   cursor: pointer;
 }
+
+.retractable-btn {
+  cursor: pointer;
+  font-size: 14px;
+  font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+  color: @primary-color;
+}
 </style>