海外 - 详情 - 标准号、中文名称、英文名称、发布稿、修订本，勘误件，增补件

src/pages/details/otherStandardDetails/index.vue

@@ -57,6 +57,12 @@
                       <span v-else>{{ sarStandardsInfoEO.standSort + ' ' + sarStandardsInfoEO.standNumber }}</span>
                     </p>
                     <!--                <p><label style=" margin-right: 150px;">标准年份</label><span>{{ sarStandardsInfoEO.standYear || '-' }}</span></p>-->
+                    <p><label style=" margin-right: 150px;">中文名称</label><span>{{
+                        sarStandardsInfoEO.standName || '-'
+                      }}</span></p>
+                    <p v-if="activeState"><label style=" margin-right: 150px;">英文名称</label><span>{{
+                        sarStandardsInfoEO.standEnName || '-'
+                      }}</span></p>
                     <!--发布稿（必读）-->
                     <template v-for="(child, childIndex) in item.child1">
                       <p class="files-title">
@@ -100,12 +106,135 @@
                         <template v-if="child.value === null">-</template>
                       </p>
                     </template>
-                    <p><label style=" margin-right: 150px;">中文名称</label><span>{{
+                    <!--修订本-->
-                        sarStandardsInfoEO.standName || '-'
+                    <template v-for="(child, childIndex) in item.child5">
-                      }}</span></p>
+                      <p class="files-title">
-                    <p v-if="activeState"><label style=" margin-right: 150px;">英文名称</label><span>{{
+                        <label style=" margin-right: 164px;">{{ child.attrName }}</label>
-                        sarStandardsInfoEO.standEnName || '-'
+                        <template v-if="child.value && child.value.length > 0"
-                      }}</span></p>
+                                  v-for="(file, fileIndex) in child5Func(child.value)">
+                          <span>
+                          <a style="font-size: 16px;color: #409EFF;cursor: pointer"
+                             @click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
+                             :title="file.oldFileName">{{ file.oldFileName }}</a>
+                          <i
+                              title="下载"
+                              @click="downloadFile(file.id)"
+                              class="icon-download"
+                              v-btn-permission="$route.params.pageType === 'INLAND_STAND' ? 'd5b28957b5105c805e90a16fd5056a45' : 'a772afab2a6708883335500f3f86e771'"
+                          />
+                          <i
+                              title="下载带水印"
+                              @click="downloadFileByWater(file.id, file.fileSuffix)"
+                              class="icon-download2"
+                              v-btn-permission="$route.params.pageType === 'INLAND_STAND' ? '02fd6eff0537c283dd071683de10689f' : '824f3bf9edef83fc7488917136167232'"
+                          />
+                            <!--                      <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
+                          </span>
+                          <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 && 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>
+                        <template v-if="child.value === null">-</template>
+                      </p>
+                    </template>
+                    <!--勘误件-->
+                    <template v-for="(child, childIndex) in item.child4">
+                      <p class="files-title">
+                        <label style=" margin-right: 164px;">{{ child.attrName }}</label>
+                        <template v-if="child.value && child.value.length > 0"
+                                  v-for="(file, fileIndex) in child4Func(child.value)">
+                          <span>
+                          <a style="font-size: 16px;color: #409EFF;cursor: pointer"
+                             @click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
+                             :title="file.oldFileName">{{ file.oldFileName }}</a>
+                          <i
+                              title="下载"
+                              @click="downloadFile(file.id)"
+                              class="icon-download"
+                              v-btn-permission="$route.params.pageType === 'INLAND_STAND' ? 'd5b28957b5105c805e90a16fd5056a45' : 'a772afab2a6708883335500f3f86e771'"
+                          />
+                          <i
+                              title="下载带水印"
+                              @click="downloadFileByWater(file.id, file.fileSuffix)"
+                              class="icon-download2"
+                              v-btn-permission="$route.params.pageType === 'INLAND_STAND' ? '02fd6eff0537c283dd071683de10689f' : '824f3bf9edef83fc7488917136167232'"
+                          />
+                            <!--                      <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
+                          </span>
+                          <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 && 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>
+                        <template v-if="child.value === null">-</template>
+                      </p>
+                    </template>
+                    <!--增补件（必读）-->
+                    <template v-for="(child, childIndex) in item.child3">
+                      <p class="files-title">
+                        <label style=" margin-right: 164px;">{{ child.attrName }}</label>
+                        <template v-if="child.value && child.value.length > 0"
+                                  v-for="(file, fileIndex) in child3Func(child.value)">
+                          <span>
+                          <a style="font-size: 16px;color: #409EFF;cursor: pointer"
+                             @click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
+                             :title="file.oldFileName">{{ file.oldFileName }}</a>
+                          <i
+                              title="下载"
+                              @click="downloadFile(file.id)"
+                              class="icon-download"
+                              v-btn-permission="$route.params.pageType === 'INLAND_STAND' ? 'd5b28957b5105c805e90a16fd5056a45' : 'a772afab2a6708883335500f3f86e771'"
+                          />
+                          <i
+                              title="下载带水印"
+                              @click="downloadFileByWater(file.id, file.fileSuffix)"
+                              class="icon-download2"
+                              v-btn-permission="$route.params.pageType === 'INLAND_STAND' ? '02fd6eff0537c283dd071683de10689f' : '824f3bf9edef83fc7488917136167232'"
+                          />
+                            <!--                      <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
+                          </span>
+                          <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 && 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>
+                        <template v-if="child.value === null">-</template>
+                      </p>
+                    </template>
                     <p class="half">
                       <label style=" margin-right: 150px;"
                              title="“计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。"
@@ -377,7 +506,9 @@
                   v-for="(child, childIndex) in item.one"
                   v-if="child.isShowImp === '0' && item.label == '过程稿件'"
               >
+<!--                增补件（必读）和勘误件不放在过程稿件里了-->
                 <div
+                    v-show="child.attrField !== 'ZBJBD' && child.attrField !== 'KWJ'"
                     :key="child.id"
                     :class="'modular-item half'"
                 >
@@ -1940,6 +2071,7 @@ export default {
   watch: {},
   methods: {
     child1Func(child1) {
+      console.log('1943',child1)
       const list = []
       if (child1 && child1.length > 1) {
         list.push(child1[0])
@@ -1947,6 +2079,33 @@ export default {
       }
       return child1
     },
+    child3Func(child3) {
+      console.log('1943',child3)
+      const list = []
+      if (child3 && child3.length > 1) {
+        list.push(child3[0])
+        return list
+      }
+      return child3
+    },
+    child4Func(child4) {
+      console.log('1943',child4)
+      const list = []
+      if (child4 && child4.length > 1) {
+        list.push(child4[0])
+        return list
+      }
+      return child4
+    },
+    child5Func(child5) {
+      console.log('1943',child5)
+      const list = []
+      if (child5 && child5.length > 1) {
+        list.push(child5[0])
+        return list
+      }
+      return child5
+    },
     handleChange(val) {
       console.log('1724', val)
     },
@@ -3479,7 +3638,9 @@ export default {
       displayLocation.forEach(location => {
         // 动态属性字段-FBGBJBD 单独添加至基础信息
         const list = displayLocation.filter(item => item.label === '过程稿件');
+        console.log('3535',list)
         if (location.label === '基础信息' && list && list.length > 0) {
+          //发布稿必读
           if (!list[0].child) {
             location['child1'] = []
           } else {
@@ -3487,6 +3648,30 @@ export default {
             location['child1'] = childList
 
           }
+          //增补件必读
+          if (!list[0].child) {
+            location['child3'] = []
+          } else {
+            const childList = list[0].child.filter(item => item.attrField === 'ZBJBD');
+            location['child3'] = childList
+
+          }
+          //勘误件
+          if (!list[0].child) {
+            location['child4'] = []
+          } else {
+            const childList = list[0].child.filter(item => item.attrField === 'KWJ');
+            location['child4'] = childList
+
+          }
+          //修订本
+          if (!list[0].child) {
+            location['child5'] = []
+          } else {
+            const childList = list[0].child.filter(item => item.attrField === 'XDB');
+            location['child5'] = childList
+
+          }
         }
         // 动态属性字段-SYRZ 单独添加至基础信息
         const list2 = displayLocation.filter(item => item.label === '适用范围');