feat:兼容分辨率低不出现滚动条

chenyao

2 days ago a53ece5036c1fa61a63fe5f9e0cd3519210ab928

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

@@ -8,6 +8,7 @@
      :close-on-click-modal="false"
   >
      <div class="detail-container  detail-container1" v-if="dialogReadonly">
         <div class="detail-title">异议详情</div>
         <el-row class="detail-row-view">
            <el-col :span="12">
               <div class="label">标题</div>
@@ -50,7 +51,7 @@
               <div class="val">{{ formData.reviewOpinion  }}</div>
            </el-col>
         </el-row>
         <div v-if=" detailObjectionStatus === '1' && !requesterProvider">
         <div v-if=" detailObjectionStatus === '1' && permission.orderData_feedback">
            <div class="detail-title" :style="{ marginTop:pxToRem(20)}">异议反馈</div>
            <el-form ref="feedbackFormRef" class="gd-dialog-form" :model="feedbackFormData"
                         :rules="feedbackRules" label-width="140px">
@@ -87,7 +88,7 @@
         :model="formData"
         :rules="rules"
         :disabled="dialogReadonly"
         label-width="180px"
         :label-width="pxToRem(144)"
      >
         <el-row>
            <el-col :span="12">
@@ -162,7 +163,7 @@
                        class="upload-demo"
                     >
                        <template #trigger>
                           <el-button type="primary">选择文件</el-button>
                           <el-button class="gd-upload-btn" type="primary">选择文件</el-button>
                        </template>
                        <template #tip>
                           <div class="el-upload__tip">支持上传 (.zip/.rar/.7z/.tar/.gz)格式</div>
@@ -188,7 +189,7 @@
   </el-button>
   <el-button class="" color="#4C34FF" :loading="submitting || uploading" :disabled="submitting || uploading" @click="handleApply">申请</el-button>
         </template>
         <template v-if="dialogReadonly && detailObjectionStatus === '1' && !requesterProvider">
         <template v-if="dialogReadonly && detailObjectionStatus === '1' && permission.orderData_feedback">
            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="visible = false">取消</el-button>

            <el-button
@@ -269,8 +270,10 @@
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 permission = computed(() => store.state.user.permission);
// const requesterProvider = computed(() => store.state.user.userInfo?.role_id === '2014158512610869250')
// 初始化表单数据
const initForm = () => ({
   id:'',
@@ -329,13 +332,13 @@

// 表单校验规则
const rules = {
   title: fieldRules(true),
   title: fieldRules(true,50),
   objectionType: fieldRules(true),
   submitter: fieldRules(true),
   submitterContact: fieldRules(true),
   catalogResourceName: fieldRules(true),
   objectionDesc: fieldRules(true),
   objectionBasis: fieldRules(true),
   submitter: fieldRules(true,50),
   submitterContact: fieldRules(true,50),
   catalogResourceName: fieldRules(true,50),
   objectionDesc: fieldRules(true,200),
   objectionBasis: fieldRules(true,200),
   attachId: fieldRules(true)

}
@@ -372,9 +375,6 @@
}

// 文件移除
// const handleFileRemove = (file, fileListVal) => {
// uploadedFiles.value = fileListVal
// }
const handleFileRemove = (file, fileListVal) => {
  // 从展示列表中移除
  fileList.value = fileListVal
@@ -448,7 +448,7 @@
      objectionDesc: formData.value.objectionDesc,
      objectionBasis: formData.value.objectionBasis,
      areaCode: formData.value.areaCode || '',
      handleUnit: formData.value.handleUnit || '',
      handleUnit: applyFormData.value.applyTargetDeptId || formData.value.handleUnit || '',
      // 构建附件列表 - 使用当前已上传的文件（包括回显的）
         ...(uploadedFiles.value.length > 0 && {
            attachmentList: uploadedFiles.value.map(file => ({
@@ -458,13 +458,6 @@
         }),
      objectionStatus: objectionStatus
    }
    
    // 如果是编辑且没有修改附件，可以保留原有附件ID
    if (dialogMode.value === 'edit' && formData.value.attachIds) {
      // 这里可以根据业务需求决定是否保留原附件ID
      // 如果接口支持更新时重新上传附件ID列表，可以这样做
    }
    
    await gdDataObjectionSubmitApi(submitData)
    ElMessage.success(dialogMode.value === 'add' ? '新增成功' : '更新成功')
    visible.value = false
@@ -494,6 +487,17 @@
    showApplyDialog.value = true
}

// 根据部门 id 在部门树里递归查找对应的中文名称（title）
function findDeptTitleById(tree, id) {
   if (!Array.isArray(tree) || id === '' || id == null) return ''
   for (const node of tree) {
      if (node.id === id) return node[treeProps.label]
      const found = findDeptTitleById(node[treeProps.children], id)
      if (found) return found
   }
   return ''
}

// 申请提交
async function handleApplySubmit() {
   const isValid = await applyFormRef.value?.validate().catch(() => false)
@@ -519,7 +523,8 @@
         objectionDesc: applyData.objectionDesc,
         objectionBasis: applyData.objectionBasis,
         areaCode: applyData.areaCode || '',
         handleUnit: applyData.handleUnit || '',
         // 处理单位存部门中文名称，而不是 id
         handleUnit: findDeptTitleById(deptTree.value, applyFormData.value.applyTargetDeptId) || applyData.handleUnit || '',
         // 构建附件列表 - 使用当前已上传的文件（包括回显的）
         ...(uploadedFiles.value.length > 0 && {
            attachmentList: uploadedFiles.value.map(file => ({
@@ -616,8 +621,6 @@
    ElMessage.warning('没有可下载的附件')
    return
  }


  // 顺序下载每个附件
  for (let i = 0; i < attachmentDetailsList.value.length; i++) {
    const attach = attachmentDetailsList.value[i]
@@ -628,10 +631,6 @@
    }

    try {
      // 显示当前下载的文件信息
      const currentFileName = attach.originalName || attach.name || `附件_${i + 1}`
   
      
      const response = await fetch(attach.link)
      const blob = await response.blob()
      const url = window.URL.createObjectURL(blob)
@@ -675,8 +674,6 @@
  }
  
}


// 打开弹框
async function open({ mode = 'add', row } = {}) {
  dialogMode.value = mode