feat:添加判断

张含笑

2026-01-21 f62b5dccd3fbd23ff9353f4e7ea5e6d18aa54946

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

@@ -5,6 +5,7 @@
      :title="titleEnum[dialogMode]"
      @closed="visible = false"
      destroy-on-close
      :close-on-click-modal="false"
   >
      <div class="detail-container" v-if="dialogReadonly">
         <el-row class="detail-row-view">
@@ -25,26 +26,58 @@
               <div class="val">{{ formData.submitterContact }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">提交单位</div>
               <div class="val">{{ formData.submitUnitName }}</div>
            </el-col>
            <el-col :span="12">
               <div class="label">目录/申请资源名称</div>
               <div class="val">{{ formData.catalogResourceName }}</div>
            </el-col>
            <el-col :span="24">
            <el-col :span="12">
               <div class="label">异议描述</div>
               <div class="val">{{ formData.objectionDesc }}</div>
            </el-col>
            <el-col :span="24">
            <el-col :span="12">
               <div class="label">异议依据</div>
               <div class="val">{{ formData.objectionBasis }}</div>
            </el-col>
            <el-col :span="24">
            <el-col :span="12">
               <div class="label">相关附件</div>
               <div class="val">{{ formData.attachName || '暂无附件' }}</div>
            </el-col>
            <el-col :span="12" v-if="detailObjectionStatus === '2'">
               <div class="label">其他异议详情</div>
               <div class="val">{{ formData.otherObjectionDetail }}</div>
            </el-col>
            <el-col :span="12" v-if="detailObjectionStatus === '2'">
               <div class="label">审核意见</div>
               <div class="val">{{ formData.reviewOpinion  }}</div>
            </el-col>
         </el-row>
         <div v-if=" detailObjectionStatus === '1'">
            <div class="detail-title" :style="{ marginTop:pxToRem(20)}">异议反馈</div>
            <el-form ref="feedbackFormRef" class="gd-dialog-form" :model="feedbackFormData"
                         :rules="feedbackRules" label-width="140px">
               <el-row>
                  <el-col :span="12">
                     <el-form-item label="其他异议详情" prop="otherObjectionDetail">
                        <el-input
                           class="gd-input"
                           v-model="feedbackFormData.otherObjectionDetail"
                           placeholder="请输入"
                           clearable
                        />
                     </el-form-item>
                  </el-col>
                  <el-col :span="12">
                     <el-form-item label="审核意见" prop="reviewOpinion">
                        <el-input
                           class="gd-input"
                           v-model="feedbackFormData.reviewOpinion"
                           placeholder="请输入"
                           clearable
                        />
                     </el-form-item>
                  </el-col>
               </el-row>
            </el-form>
         </div>
      </div>

      <el-form
@@ -54,7 +87,7 @@
         :model="formData"
         :rules="rules"
         :disabled="dialogReadonly"
         label-width="120px"
         label-width="180px"
      >
         <el-row>
            <el-col :span="12">
@@ -91,49 +124,31 @@
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="提交单位" prop="submitUnitId">
                  <el-tree-select
                     class="gd-select"
                     popper-class="gd-tree-select-popper"
                     v-model="formData.submitUnitId"
                     node-key="id"
                     :data="deptTree"
                     :props="treeProps"
                     check-strictly
               <el-form-item label="目录/申请资源名称" prop="catalogResourceName">
                  <el-input class="gd-input" v-model="formData.catalogResourceName" placeholder="请输入" clearable />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="异议描述" prop="objectionDesc">
                  <el-input
                     class="gd-input"
                     v-model="formData.objectionDesc"
                     placeholder="请输入"
                     clearable
                  />
               </el-form-item>
            </el-col>
            <el-col :span="12">
               <el-form-item label="目录/申请资源名称" prop="catalogResourceName">
                  <el-input class="gd-input" v-model="formData.catalogResourceName" placeholder="请输入" clearable />
               </el-form-item>
            </el-col>
            <el-col :span="24">
               <el-form-item label="异议描述" prop="objectionDesc">
                  <el-input
                     class="gd-input"
                     v-model="formData.objectionDesc"
                     type="textarea"
                     :rows="4"
                     placeholder="请输入"
                     clearable
                  />
               </el-form-item>
            </el-col>
            <el-col :span="24">
               <el-form-item label="异议依据" prop="objectionBasis">
                  <el-input
                     class="gd-input"
                     v-model="formData.objectionBasis"
                     type="textarea"
                     :rows="4"
                     placeholder="请输入"
                     clearable
                  />
               </el-form-item>
            </el-col>
            <el-col :span="24">
            <el-col :span="12">
               <el-form-item label="相关附件" prop="attachId">
                  <div class="upload-container">
                     <el-upload
@@ -159,18 +174,39 @@
            </el-col>
         </el-row>
      </el-form>

      <template #footer>
         <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>
         <el-button
            class="save-btn"
            color="#4C34FF"
            v-if="!dialogReadonly"
            :loading="submitting"
            :disabled="submitting"
            @click="handleSubmit"
         >
            保存
         </el-button>
         <template v-if="!dialogReadonly">
            <el-button
               class="save-btn"
               color="#4C34FF"
               v-if="!dialogReadonly"
               :loading="submitting"
               :disabled="submitting"
               @click="handleSubmit"
            >
               保存
            </el-button>
            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="handleApply">申请</el-button>
         </template>
         <template v-if="dialogReadonly && detailObjectionStatus === '1'">
            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="visible = false">取消</el-button>

            <el-button
               class="save-btn"
               color="#4C34FF"

               :loading="submitting"
               :disabled="submitting"
               @click="handleFeedbackSubmit"

            >
               反馈
            </el-button>
         </template>
         <template v-if="detailDemandStatus === '2'">
            <el-button color="#F2F3F5" :loading="submitting" :disabled="submitting" @click="visible = false">关闭</el-button>
         </template>
      </template>
   </el-dialog>
</template>
@@ -184,7 +220,7 @@
   gdDataObjectionSubmitApi,
} from '@/views/orderView/orderDataManage/dataObjection/dataObjectionApi'
import { putFileAttachApi } from '@/views/orderView/orderDataManage/supplyAdd/supplyAddApi'

import { pxToRem } from '@/utils/rem'
// 初始化表单数据
const initForm = () => ({
   title: '',
@@ -195,23 +231,38 @@
   catalogResourceName: '',
   objectionDesc: '',
   objectionBasis: '',
   attachId: '',
   attachName: '',
   attachmentList:[
      {
         attachId: '',
         attachName: '',
      }
   ],
   objectionStatus: '',

})

// 初始化异议反馈表单数据
const initFeedbackForm = () => ({
   otherObjectionDetail: '',
   reviewOpinion: '',
   objectionStatus: '2'
})

// 注入部门树和字典
const deptTree = inject('deptTree')
const treeProps = inject('treeProps')
const dictObj = inject('dictObj')

const detailObjectionStatus = inject('detailObjectionStatus')
const emit = defineEmits(['success'])
const formRef = ref(null) // 表单实例
const feedbackFormRef = ref(null) // 反馈表单实例
const formData = ref(initForm()) // 表单数据
const feedbackFormData = ref(initFeedbackForm()) // 异议反馈表单数据
const visible = defineModel() // 弹框显隐
const dialogMode = ref('add') // 弹框模式
const submitting = ref(false) // 提交中
const dialogReadonly = computed(() => dialogMode.value === 'view')
const titleEnum = ref({ edit: '编辑', view: '查看', add: '新增' })
const titleEnum = ref({ edit: '编辑', view: '查看', add: '数据异议申请' })
const fileList = ref([]) // 上传文件列表
const uploadedFiles = ref([]) // 已上传文件列表

@@ -224,6 +275,12 @@
   catalogResourceName: fieldRules(true),
   objectionDesc: fieldRules(true),
   objectionBasis: fieldRules(true),
}

// 异议反馈表单校验规则
const feedbackRules = {
   otherObjectionDetail: fieldRules(true),
   reviewOpinion: fieldRules(true),
}

// 自定义上传请求
@@ -291,13 +348,31 @@
   ElMessage.error(error?.message || '文件上传失败，请重试')
}

// 提交新增/编辑
async function handleSubmit() {
// 提交数据的通用函数
async function submitForm(objectionStatus) {
   const isValid = await formRef.value?.validate().catch(() => false)
   if (!isValid) return
   submitting.value = true
   try {
      await gdDataObjectionSubmitApi(formData.value)
      // 构建符合接口要求的提交数据
      const submitData = {
         title: formData.value.title,
         objectionType: formData.value.objectionType,
         submitter: formData.value.submitter,
         submitterContact: formData.value.submitterContact,
         catalogResourceName: formData.value.catalogResourceName,
         objectionDesc: formData.value.objectionDesc,
         objectionBasis: formData.value.objectionBasis,
         areaCode: formData.value.areaCode || '',
         handleUnit: formData.value.handleUnit || '',
         // 构建附件列表
         attachmentList: uploadedFiles.value.map(file => ({
            attachId: file.attachId,
            attachName: file.originalName,
         })),
         objectionStatus: objectionStatus
      }
      await gdDataObjectionSubmitApi(submitData)
      ElMessage.success(dialogMode.value === 'add' ? '新增成功' : '更新成功')
      visible.value = false
      emit('success')
@@ -306,6 +381,38 @@
   }
}

// 提交新增/编辑（保存）
async function handleSubmit() {
   await submitForm('0')
}

// 申请提交
async function handleApply() {
   await submitForm('1')
}

// 处理异议反馈提交
async function handleFeedbackSubmit() {
   // 验证反馈表单
   const isValid = await feedbackFormRef.value?.validate().catch(() => false)
   if (!isValid) return
   submitting.value = true
   try {
      // 构建反馈提交数据
      const submitData = {
         id: formData.value.id,
         otherObjectionDetail: feedbackFormData.value.otherObjectionDetail || '',
         reviewOpinion: feedbackFormData.value.reviewOpinion || '',
         objectionStatus: '2'
      }
      await gdDataObjectionSubmitApi(submitData)
      ElMessage.success('反馈提交成功')
      visible.value = false
      emit('success')
   } finally {
      submitting.value = false
   }
}
// 加载详情
async function loadDetail() {
   if (!formData.value.id) return
@@ -319,7 +426,10 @@
   // 重置文件列表
   fileList.value = []
   uploadedFiles.value = []
   // 重置表单数据
   formData.value = dialogMode.value === 'add' ? initForm() : row
   // 重置反馈表单数据
   feedbackFormData.value = initFeedbackForm()
   if (dialogMode.value !== 'add') {
      await loadDetail()
   }
@@ -331,22 +441,11 @@
<style scoped lang="scss">
.detail-container {
   padding: 20px;
   .label {
      font-weight: 500;
      color: #333333;
      margin-bottom: 8px;
   }
   .val {
      padding: 8px;
      background-color: #f5f7fa;
      border-radius: 4px;
      min-height: 32px;
      word-break: break-all;
      margin-bottom: 16px;
   }
}

.upload-container {
   width: 100%;
}
.label {
   width: 120px !important;
}
</style>