吉安感知网项目-前端
张含笑
2026-01-28 6f0ce5d8de547aaee0a5cdadedd7baf0aae2191f
applications/task-work-order/src/views/orderView/orderDataManage/dataObjection/FormDiaLog.vue
@@ -7,7 +7,7 @@
      destroy-on-close
      :close-on-click-modal="false"
   >
      <div class="detail-container" v-if="dialogReadonly">
      <div class="detail-container  detail-container1" v-if="dialogReadonly">
         <el-row class="detail-row-view">
            <el-col :span="12">
               <div class="label">标题</div>
@@ -50,8 +50,8 @@
               <div class="val">{{ formData.reviewOpinion  }}</div>
            </el-col>
         </el-row>
         <div v-if=" detailObjectionStatus === '1'">
            <div class="detail-title" :style="{ marginTop:pxToRem(20)}">异议反馈</div>
         <div v-if=" detailObjectionStatus === '1' && !requesterProvider">
            <div class="detail-title" :style="{ marginTop:pxToRem(20)}">异议反馈{{requesterProvider}}</div>
            <el-form ref="feedbackFormRef" class="gd-dialog-form" :model="feedbackFormData"
                         :rules="feedbackRules" label-width="140px">
               <el-row>
@@ -178,8 +178,8 @@
      <template #footer>
         <template v-if="!dialogReadonly">
            <el-button
               class="save-btn"
               color="#4C34FF"
               color="#F2F3F5"
               v-if="!dialogReadonly"
               :loading="submitting"
               :disabled="submitting"
@@ -187,13 +187,13 @@
            >
               保存
            </el-button>
            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="handleApply">申请</el-button>
            <el-button class="" color="#4C34FF" :loading="submitting" :disabled="submitting" @click="handleApply">申请</el-button>
         </template>
         <template v-if="dialogReadonly && detailObjectionStatus === '1'">
         <template v-if="dialogReadonly && detailObjectionStatus === '1' && !requesterProvider">
            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="visible = false">取消</el-button>
            <el-button
               class="save-btn"
               class=""
               color="#4C34FF"
               :loading="submitting"
@@ -204,7 +204,7 @@
               反馈
            </el-button>
            <el-button
                  class="save-btn"
                  class=""
                  color="#4C34FF"
                  :loading="submitting"
@@ -216,7 +216,7 @@
               </el-button>
         </template>
         <template v-if="detailObjectionStatus === '2'">
            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="visible = false">关闭</el-button>
<!--            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="visible = false">关闭</el-button>-->
         </template>
      </template>
   </el-dialog>
@@ -233,8 +233,12 @@
} from '@/views/orderView/orderDataManage/dataObjection/dataObjectionApi'
import { putFileAttachApi } from '@/views/orderView/orderDataManage/supplyAdd/supplyAddApi'
import { pxToRem } from '@/utils/rem'
import { useStore } from 'vuex'
const store = useStore()
const requesterProvider = computed(() => store.state.user.userInfo?.role_id === '2014158512610869250')
// 初始化表单数据
const initForm = () => ({
   id:'',
   title: '',
   objectionType: '',
   submitter: '',
@@ -315,9 +319,7 @@
// 文件移除
const handleFileRemove = (file, fileListVal) => {
   if (file.response && file.response.attachId) {
      uploadedFiles.value = uploadedFiles.value.filter(item => item.attachId !== file.response.attachId)
   }
uploadedFiles.value = fileListVal
}
// 上传前验证
@@ -359,10 +361,16 @@
async function submitForm(objectionStatus) {
   const isValid = await formRef.value?.validate().catch(() => false)
   if (!isValid) return
   if (uploadedFiles.value.length === 0) {
      return ElMessage.warning('请上传附件')
   }
   submitting.value = true
   try {
      // 构建符合接口要求的提交数据
      const submitData = {
         // 编辑模式下传递id
         ...(formData.value.id && { id: formData.value.id }),
         title: formData.value.title,
         objectionType: formData.value.objectionType,
         submitter: formData.value.submitter,
@@ -425,19 +433,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 +480,6 @@
   feedbackFormData.value = initFeedbackForm()
   if (dialogMode.value !== 'add') {
      await loadDetail()
      await getAttachDetail()
   }
}
@@ -461,8 +487,9 @@
</script>
<style scoped lang="scss">
.detail-container {
   padding: 20px;
.detail-container1 {
display: flex;
flex-direction: column;
}
.upload-container {
   width: 100%;