feat:下载附件

张含笑

2026-01-22 ed51359fa291d29def9f80f27905540781679d6d

feat:下载附件

 applications/task-work-order/src/views/orderView/orderDataManage/appInnovation/FormDiaLog.vue

@@ -8,7 +8,7 @@
        :close-on-click-modal="false"
    >
        <div class="detail-container" v-if="dialogReadonly">
            <el-row>
            <el-row class="detail-row-view">
                <el-col :span="12">
                    <div class="label">案例名称</div>
                    <div class="val">{{ formData.caseName }}</div>

 applications/task-work-order/src/views/orderView/orderDataManage/dataObjection/FormDiaLog.vue

@@ -425,19 +425,38 @@
    if (!formData.value.id) return
    const res = await gdDataObjectionDetailApi({ id: formData.value.id })
    formData.value = res?.data?.data ?? {}
    if (formData.value.attachIds) {
        getAttachDetail(formData.value.attachIds)
    }
}
// 获取附件详情
async function getAttachDetail() {
    if (!formData.value.id) return
    const res = await getAttachDetailApi({ id: formData.value.id })
    console.log('附件详情',res.data.data)
    attachmentDetailsList.value=res.data.data
async function getAttachDetail(attachIds) {
    // 如果 attachIds 是字符串，尝试分割成数组
    const ids = typeof attachIds === 'string' ? attachIds.split(',') : Array.isArray(attachIds) ? attachIds : [attachIds]
    const detailPromises = ids.map(id => getAttachDetailApi({ id }))
    const results = await Promise.all(detailPromises)
    attachmentDetailsList.value = results.map(res => res.data.data).filter(Boolean)
    console.log('附件详情', attachmentDetailsList.value)
}
// 处理附件下载
async function handleDownloadAttach() {
console.log('附件');


    if (attachmentDetailsList.value.length === 0) {
        ElMessage.warning('没有可下载的附件')
        return
    }
	
    // 遍历所有附件并下载
    attachmentDetailsList.value.forEach(attach => {
        if (attach.link) {
            const link = document.createElement('a')
            link.href = attach.link
            link.download = attach.originalName || attach.name
            link.style.display = 'none'
            document.body.appendChild(link)
            link.click()
            document.body.removeChild(link)
        }
    })
}


@@ -453,7 +472,6 @@
    feedbackFormData.value = initFeedbackForm()
    if (dialogMode.value !== 'add') {
        await loadDetail()
        await getAttachDetail()
    }
}


 uniapps/work-app/src/static/images/work/share.svg

New file
@@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="interactive-button/reply" clip-path="url(#clip0_67_2892)">
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M12.0021 2.91712C11.4337 2.31088 10.4167 2.71307 10.4167 3.54407L10.4167 6.25C5.58418 6.25 1.66667 10.1675 1.66667 15C1.66667 15.069 1.66747 15.1378 1.66906 15.2063C1.68601 15.9378 2.5645 16.2952 3.0882 15.7893C4.66313 14.268 6.80489 13.3333 9.16667 13.3333C9.59145 13.3333 10.0088 13.3635 10.4167 13.4218V16.4559C10.4167 17.2869 11.4337 17.6891 12.0021 17.0829L17.8408 10.8549C18.2916 10.3741 18.2916 9.6259 17.8408 9.14507L12.0021 2.91712ZM12.0833 5.44065L16.3577 10L12.0833 14.5594V12.0583L11.4304 11.9135C10.7008 11.7518 9.94319 11.6667 9.16667 11.6667C7.09177 11.6667 5.15777 12.2739 3.53383 13.3197C4.28823 10.2188 7.08361 7.91667 10.4167 7.91667C10.6691 7.91667 10.9182 7.92984 11.1633 7.95548L12.0833 8.05173V5.44065Z" fill="#4E5969"/>
</g>
<defs>
<clipPath id="clip0_67_2892">
<rect width="20" height="20" fill="white" transform="matrix(-1 0 0 1 20 0)"/>
</clipPath>
</defs>
</svg>

 uniapps/work-app/src/subPackages/workDetail/index.vue

@@ -4,7 +4,7 @@
        <!-- 自定义导航栏 -->
        <u-navbar title="工单详情" :is-back="true" back-text="" :back-icon-size="40" @left-click="onBackClick">
            <template #right>
                <div class="share-btn" @click="onShareClick">分享</div>
                <div class="share-btn" @click="onShareClick"><img src="@/static/images/work/share.svg" alt=""></div>
            </template>
        </u-navbar>

@@ -427,6 +427,8 @@
          font-weight: 400;
          font-size: 28rpx;
          color: #1d6fe9;
          text-decoration: underline;
          text-align: right;
          //white-space: nowrap;
          ///* 禁止换行 */
          //overflow: hidden;