[update] 增加企标详情页，未完全写完，添加企标操作弹框

2023-09-08 17:42:21 +08:00
parent 798774b291
commit c7c1a9aa27
9 changed files with 682 additions and 39 deletions
@@ -0,0 +1,133 @@
+<template>
+  <div class="detail-page">
+    <div class="detail-page-title">{{ pageTitle }}{{ $t('enterpriseStandardLibrary.standard.detailTitle') }}</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="icon-edit-1" @click="handleEvaluate">
+            <i class="iconfont icon-root-list" />
+            {{ $t('enterpriseStandardLibrary.standard.evaluate') }}
+          </a-button>
+          <!--          收藏-->
+<!--          <i class="iconfont icon-star1" v-if="form[part].collect === '0'" />-->
+<!--          <i class="iconfont icon-star" v-else />-->
+          <!--          更新记录-->
+          <a-button type="link" @click="handleOpenUpdateRecord">
+            <i class="iconfont icon-root-list" />
+            {{ $t('enterpriseStandardLibrary.standard.updateRecord') }}
+          </a-button>
+          <!--          提交问题-->
+          <a-button type="link" @click="submitQuestion">
+            <i class="iconfont icon-chat" />
+            {{ $t('enterpriseStandardLibrary.standard.submitQuestion') }}
+          </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, formIndex) in form[part]" :key="formItem.id">
+          <div class="detail-page-process-manuscript-title">
+            <span>{{ formItem.dbFieldTxt }}</span>
+            <a-button v-if="formIndex === 0" type="primary" ghost icon="file-text">{{ $t('enterpriseStandardLibrary.standard.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>
+        <a-table></a-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import '@assets/less/common.less'
+import { getEnterpriseStandardInfoById } from '@/api/enterpriseStandardLibraryApi'
+
+export default {
+  name: 'EnterpriseStandardDetail',
+  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'
+        }]
+      } // 页面数据
+    }
+  },
+  created () {
+    this.initForm()
+  },
+  methods: {
+    initForm () {
+      const params = {}
+      params.id = this.$route.query.id
+      params.module = '3'
+      getEnterpriseStandardInfoById(params).then(res => {
+        if (res.success) {
+          const data = res.result || {}
+          this.partList = Object.keys(data)
+          this.form = data
+        } else {
+          this.$message.warn(res.message)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>