chore(报名申请): 预览页面文件权限修改

modules/my/application/preview.vue

@@ -70,7 +70,7 @@
             </div>
           </div>
         </template>
-        <div class="preview-item is-success" v-if="isManager && hasButton">
+        <div class="preview-item is-success" v-if="isManager">
           <div class="preview-item-hd">
             <div class="title">照片/附件</div>
             <div class="line"></div>
@@ -78,7 +78,7 @@
           <div class="preview-item-bd">
             <template v-if="material.attachments">
               <ul class="attachments">
-                <li class="attachments-item" v-for="(item, index) in material.attachments" :key="index">
+                <li class="attachments-item" v-for="(item, index) in attachments" :key="index">
                   <div class="inner" @click="handlePreview(item)">
                     <el-image :src="item.oss_sign_url" class="pic">
                       <template #error>
@@ -98,6 +98,11 @@
                   </el-button-group>
                 </li>
               </ul>
+              <ul class="attachments-progress" v-for="group in attachmentsOptions" v-if="!hasButton">
+                <li v-for="item in group">
+                  <el-checkbox :value="attachmentsProgress(item.code)" readonly></el-checkbox> {{ item.name }}
+                </li>
+              </ul>
             </template>
           </div>
         </div>
@@ -408,6 +413,33 @@ export default {
           ]
         })
       return options
+    },
+    attachments() {
+      const attachments = this.material.attachments || []
+      if (this.isManager && !this.hasButton) {
+        const list = ['ID_CARD_BACK', 'ID_CARD_FRONT']
+        return attachments.filter(item => list.includes(item.file_type_id))
+      }
+      return attachments
+    },
+    attachmentsOptions() {
+      return [
+        [
+          { name: '英文简历', code: 'RESUME_EN' },
+          { name: '成绩单（中文）', code: 'REPORT_CARD_CN' },
+          { name: '语言能力证明', code: 'INTERNATIONAL_LANGUAGE_SCORE' }
+        ],
+        [
+          { name: '成绩单（英文）', code: 'REPORT_CARD_EN' },
+          { name: '推荐信', code: ['RECOMMENDATION_LETTER', 'RECOMMENDATION_LETTER_2'] },
+          { name: '个人陈述', code: 'PERSONAL_STATEMENT' },
+          { name: '毕业证书或在读证明', code: ['DIPLOMA_CN', 'DEGREE_CERT_CN'] }
+        ],
+        [
+          { name: '缴费凭证', code: 'PAYMENT_VOUCHER' },
+          { name: '入学协议', code: 'ADMISSION_AGREEMENT' }
+        ]
+      ]
     }
   },
   methods: {
@@ -415,6 +447,15 @@ export default {
       const map = { 0: '否', 1: '是' }
       return map[value] || value
     },
+    attachmentsProgress(prop) {
+      const attachments = this.material.attachments || []
+      if (Array.isArray(prop)) {
+        return prop.some(item => {
+          return !!attachments.find(file => file.file_type_id === item)
+        })
+      }
+      return !!attachments.find(file => file.file_type_id === prop)
+    },
     // 获取报名信息
     getApplication() {
       this.loading = true
@@ -633,4 +674,11 @@ export default {
 .viewer-toolbar > ul {
   margin-bottom: 20px;
 }
+.attachments-progress {
+  padding: 10px;
+  line-height: 30px;
+}
+.attachments-progress + .attachments-progress {
+  border-top: 1px solid #ebeef5;
+}
 </style>