add 标准详情；更新记录

2023-09-07 17:57:47 +08:00
parent 397f30423a
commit 3432c9c322
15 changed files with 749 additions and 128 deletions
@@ -0,0 +1,146 @@
+<template>
+  <div class="detail-page">
+    <div class="detail-page-title">{{ pageTitle }}{{ $t('details') }}</div>
+
+    <div class="detail-page-part" v-for="(part, index) in partList" :key="part + index">
+      <div class="detail-page-part-title">
+        <span>{{ part }}</span>
+        <div class="detail-page-part-title-operate-box" v-if="index === 0">
+          <!--          更新记录-->
+          <a-button type="link" @click="handleOpenUpdateRecord">
+            <i class="iconfont icon-root-list" />
+            {{ $t('standardRegulationLibrary.updateRecord') }}
+          </a-button>
+          <!--          提交问题-->
+          <a-button type="link" @click="submitQuestion">
+            <a-icon type="database" />
+            {{ $t('standardRegulationLibrary.submitQuestion') }}
+          </a-button>
+          <!--          分享-->
+          <a-button type="link"><i class="iconfont icon-root-list" />{{ $t('share') }}</a-button>
+        </div>
+      </div>
+      <div class="detail-page-part-form" v-if="index !== 3">
+        <div class="detail-page-part-form-item" v-for="formItem in form[part]" :key="formItem.id">
+          <label>{{ formItem.dbFieldTxt }}</label>
+          <span>{{ detailData[formItem.dbFieldName] }}</span>
+        </div>
+      </div>
+      <!--      过程稿件特殊处理-->
+      <div class="detail-page-process-manuscript" v-if="index === 3">
+        <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>
+            <a-button type="primary" ghost icon="file-text">{{ $t('standardRegulationLibrary.standardResolutionSheet') }}</a-button>
+          </div>
+          <div class="detail-page-process-manuscript-file" v-for="file in detailData[formItem.dbFieldName]" :key="file.id">
+            <div class="detail-page-process-manuscript-file-info">
+              <a-icon type="link" />
+              <div class="detail-page-process-manuscript-file-name">{{ file.fileName }}</div>
+            </div>
+            <div class="detail-page-process-manuscript-file-operate">
+              <a-button type="link" icon="download">{{ $t('download') }}</a-button>
+              <a-button type="link">
+                <i class="iconfont icon-water-drop-slash"></i>
+                {{ $t('unwatermarkedDownload') }}
+              </a-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!--    更新记录-->
+    <upload-record-modal ref="uploadRecordModal" />
+    <!--    提交问题-->
+    <submit-question-modal ref="submitQuestionModal" />
+  </div>
+</template>
+
+<script>
+import '@assets/less/common.less'
+import { TagsTypeEnums } from '../../../enums/commonEnums'
+import { getDomesticStandardFormModal } from '../../../api/standardRegulationLibraryApi'
+import UploadRecordModal from './modules/UploadRecordModal.vue'
+import SubmitQuestionModal from './modules/SubmitQuestionModal.vue'
+
+export default {
+  name: 'StandardDetailPage',
+  components: { UploadRecordModal, SubmitQuestionModal },
+  data () {
+    return {
+      partList: [], // 页面模块列表
+      form: {}, // 页面字段
+      detailData: {
+        modification_list: [
+          {
+            id: 1,
+            fileName: '国内文字占位符段落标题标准.pdf'
+          },
+          {
+            id: 2,
+            fileName: '国内标准国内文字占位符段落标题标准.pdf'
+          },
+          {
+            id: 3,
+            fileName: '国内标准国内标准.pdf'
+          }
+        ],
+        draft_for_review: [{
+          id: 11,
+          fileName: '国内文字占位符段落标题标准.pdf'
+        }],
+        draft_for_approval: [{
+          id: 21,
+          fileName: '国内标准国内文字占位符段落标题标准.pdf'
+        }],
+        draft_for_comment: [{
+          id: 31,
+          fileName: '国内标准国内标准.pdf'
+        }],
+        draft: [{
+          id: 311,
+          fileName: '国内标准国内标准.pdf'
+        }]
+      } // 页面数据
+    }
+  },
+  computed: {
+    pageTitle () {
+      return TagsTypeEnums.nameOfIndex(this.$route.query.type)
+    }
+  },
+  created () {
+    this.initForm()
+  },
+  methods: {
+    initForm () {
+      getDomesticStandardFormModal().then(res => {
+        if (res.success) {
+          const data = res.result || {}
+          this.partList = Object.keys(data)
+          this.form = data
+        } else {
+          this.$message.warn(res.message)
+        }
+      })
+    },
+    /**
+     * 更新记录
+     */
+    handleOpenUpdateRecord () {
+      this.$refs.uploadRecordModal.open()
+    },
+    /**
+     * 提交问题
+     */
+    submitQuestion () {
+      this.$refs.submitQuestionModal.open()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>