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>
@@ -0,0 +1,70 @@
+<template>
+  <j-modal
+    :title="$t('standardRegulationLibrary.submitQuestion')"
+    :maskClosable="false"
+    :width="width"
+    :visible="visible"
+    :confirm-loading="confirmLoading"
+    @ok="handleOk"
+    @cancel="handleCancel">
+
+    <a-form :form="form">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <!--          标题-->
+          <a-form-item :label="$t('title')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input :placeholder="$t('pleaseEnter') + $t('title')"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :maxLength="50"
+                     v-decorator="[ 'title', validatorRules.title]" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </j-modal>
+</template>
+
+<script>
+export default {
+  name: 'SubmitQuestionModal',
+  data () {
+    return {
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      modal: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
+      validatorRules: {
+        // 标题
+        title: {
+          rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('title') }],
+          validateTrigger: 'blur'
+        }
+      }
+    }
+  },
+  methods: {
+    open () {
+      this.visible = true
+    },
+    handleOk () {
+
+    },
+    handleCancel () {
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>
@@ -0,0 +1,54 @@
+<template>
+  <j-modal
+    :title="$t('standardRegulationLibrary.updateRecord')"
+    :maskClosable="false"
+    :width="width"
+    :visible="visible"
+    :confirm-loading="confirmLoading"
+    @cancel="handleCancel">
+
+    <div class="record-item" v-for="record in recordList" :key="record">
+      {{ record }}
+    </div>
+
+    <template v-slot:footer>
+      <a-button @click="handleCancel">{{ $t('close') }}</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script>
+export default {
+  name: 'UploadRecordModal',
+  data () {
+    return {
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      recordList: [
+        '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',
+        '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222'
+      ]
+    }
+  },
+  methods: {
+    open () {
+      this.visible = true
+    },
+    handleCancel () {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.record-item {
+  padding: 20px 0;
+  border-bottom: 1px solid #E5E6EB;
+}
+
+.record-item:first-child {
+  padding-top: 0;
+}
+</style>