fix: 审批管理附件问题修复

buhuazhen

6 天以前 19775998b5ea8e4e3da74bb2a3f8981d360427ed

 src/views/officeProcessAutomation/ApproveManage/approve-template/index.vue

@@ -380,23 +380,18 @@

      <template v-if="detailAttachments.length">

        <el-tag

          v-for="(f, i) in detailAttachments"

          :key="i"

          class="detail-attachment-tag"

          type="info"

          effect="plain"

        >

          {{ attachmentDisplayName(f) }}

        </el-tag>
        <div class="detail-attachment-list">
          <div
            v-for="(f, i) in detailAttachments"
            :key="i"
            class="detail-attachment-item"
            @click="openAttachmentFile(f)"
          >
            <el-icon class="attachment-icon"><Document /></el-icon>
            <span class="attachment-name">{{ attachmentDisplayName(f) }}</span>
            <el-icon class="attachment-download"><Download /></el-icon>
          </div>
        </div>

      </template>

@@ -422,7 +417,7 @@

<script setup>

import { ArrowRight, Plus, RefreshRight } from "@element-plus/icons-vue";
import { ArrowRight, Document, Download, Plus, RefreshRight } from "@element-plus/icons-vue";

import { ElMessage } from "element-plus";

@@ -525,6 +520,14 @@

}

function openAttachmentFile(file) {
  const url = file?.url || file?.previewURL || file?.downloadURL || file?.previewUrl || "";
  if (url) {
    window.open(url, "_blank");
  } else {
    ElMessage.warning("无法打开该附件");
  }
}


function unwrapArray(payload) {
@@ -795,10 +798,40 @@

}

.detail-attachment-tag {
.detail-attachment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

  margin: 0 8px 8px 0;
.detail-attachment-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: var(--el-fill-color-light);
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}

.detail-attachment-item:hover {
  background: var(--el-fill-color);
}

.attachment-icon {
  font-size: 16px;
  color: var(--el-text-color-regular);
}

.attachment-name {
  font-size: 14px;
  color: var(--el-text-color-primary);
}

.attachment-download {
  font-size: 14px;
  color: var(--el-text-color-secondary);
}

.text-muted {