[update] 修改变更30

src/views/standardsAssociation/CertificateManagement.vue

@@ -72,6 +72,13 @@
                 class="primary"
                 style="margin-left: 8px">申请证书
               </a-button>
+              <!--   2023-07变更：增加证书模板信息  -->
+              <a-button
+                type="primary"
+                @click="lookCertificateModeInfo"
+                class="primary"
+                style="margin-left: 8px">证书模板信息
+              </a-button>
             </span>
             </a-col>
           </a-row>
@@ -194,6 +201,9 @@
 
       <!--    证书续费编辑 窗口-->
       <renew-charge-edit-model ref="RenewChargeEditModel" @ok="modalFormOk"></renew-charge-edit-model>
+
+      <!--    证书模板信息弹框  -->
+      <certificate-mode-info-modal ref="certificateModeInfoModal"></certificate-mode-info-modal>
     </a-card>
   </div>
 </template>
@@ -223,6 +233,8 @@ import FreeCertificateEditModel from '@views/standardsAssociation/model/FreeCert
 import ChargeCertificateEditModel from '@views/standardsAssociation/model/ChargeCertificateEditModel'
 import RenewChargeEditModel from '@views/standardsAssociation/model/RenewChargeEditModel'
 import FreeCertificateReplaceEditModel from '@views/standardsAssociation/model/FreeCertificateReplaceEditModel'
+// 证书模板信息弹框
+import CertificateModeInfoModal from './vinCertificate/CertificateModeInfoModal'
 
 export default {
   name: 'CertificateManagement',
@@ -242,7 +254,8 @@ export default {
     FreeCertificateEditModel,
     ChargeCertificateEditModel,
     RenewChargeEditModel,
-    FreeCertificateReplaceEditModel
+    FreeCertificateReplaceEditModel,
+    CertificateModeInfoModal
   },
   data() {
     return {
@@ -652,6 +665,10 @@ export default {
       // var miao = (date1.getTime() - date2.getTime()) / 1000
       var fen = ((date1.getTime() - date2.getTime()) / 1000) / 60
       return parseInt(fen / (24 * 60)) // 得出剩bai余
+    },
+    // 证书模板信息按钮点击
+    lookCertificateModeInfo () {
+      this.$refs.certificateModeInfoModal.look()
     }
   }
 }

src/views/standardsAssociation/vinCertificate/CertificateModeInfoModal.vue

@@ -0,0 +1,142 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    :maskClosable="false"
+    switchFullscreen
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-row :gutter="24">
+        <a-col :span="24" class="basic-info-item"><label>提醒消息：</label><span>{{ detail.promptMessage }}</span>
+        </a-col>
+        <a-col :span="24" class="basic-info-item"><label>附件：</label><span><a @click="lookFile">查看</a></span>
+        </a-col>
+      </a-row>
+    </a-spin>
+    <template slot="footer">
+      <a-button key="back" @click="handleCancel">关闭</a-button>
+    </template>
+    <under-study-files-modal ref="filesModal" :columns="fileColumns" :isCommittee="false"></under-study-files-modal>
+  </j-modal>
+</template>
+
+<script>
+import UnderStudyFilesModal from '@views/MessagePage/modules/UnderStudyFilesModal'
+import { getFileInfo } from '@api/api'
+import { getAction } from '@/api/manage'
+
+export default {
+  name: 'CertificateModeInfoModal',
+  components: {UnderStudyFilesModal},
+  data () {
+    return {
+      title: '查看',
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      detail: {},
+      fileLoading: false,
+      fileList: [],
+      fileColumns: [
+        {
+          title: '文件名',
+          align: 'center',
+          dataIndex: 'fileName',
+          scopedSlots: { customRender: 'text' }
+        }, {
+          title: '上传时间',
+          align: 'center',
+          dataIndex: 'createTime',
+          scopedSlots: { customRender: 'time' }
+        }, {
+          title: '操作',
+          align: 'center',
+          dataIndex: 'action',
+          width: 160,
+          scopedSlots: { customRender: 'action' }
+        }
+      ],
+      url: {
+        queryById: ''
+      }
+    }
+  },
+  methods: {
+    look () {
+      this.visible = true
+      getAction(this.url.queryById).then(res => {
+        if (res.success) {
+          this.detail = Object.assign({}, res.result)
+          this.initFileList(this.detail.file)
+        }
+      })
+    },
+    lookFile () {
+      this.$refs.filesModal.title = '文件'
+      this.$refs.filesModal.dataSource = this.fileList
+      this.$refs.filesModal.visible = true
+    },
+    /*
+    * 通过文件id获取文件的相关信息
+    * */
+    getFileInfo(id) {
+      return new Promise(resolve => {
+        let result = {}
+        getFileInfo({ id: id }).then(res => {
+          if (res.success) {
+            result = res.result
+          }
+        }).finally(() => {
+          resolve(result)
+        })
+      })
+    },
+    /*
+    * 获取文件信息
+    * */
+    async initFileList(fileIds) {
+      this.fileLoading = true
+      if (fileIds) {
+        const fileList = []
+        let arr = fileIds.split(',')
+        for (let i = 0; i < arr.length; i++) {
+          let fileObj = {}
+          fileObj = await this.getFileInfo(arr[i])
+          fileList.push({ fileId: fileObj.id, fileName: fileObj.fileName, createTime: fileObj.createTime })
+        }
+        this.fileList = [...fileList]
+      } else {
+        this.fileList = []
+      }
+      this.fileLoading = false
+      console.log(this.fileList)
+    },
+    handleCancel () {
+      this.visible = false
+      this.detail = {}
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.basic-info {
+
+  .ant-col {
+    margin: 5px 0;
+  }
+
+  &-item {
+    display: flex;
+
+    label {
+      flex-shrink: 0;
+      width: 10%;
+      text-align: right;
+    }
+  }
+}
+</style>