feat: 需求上报详情

src/components/DetailComponent/SummaryDetail.vue

@@ -1,130 +1,130 @@
 <template>
-  <el-form :model="formData" ref="summaryForm">
+  <el-form :model="localFormData" ref="summaryForm">
     <el-row gutter="50">
       <el-col :span="12">
         <el-form-item label="名称" prop="requirementName">
-          <span>{{ formData.requirementName }}</span>
+          <span>{{ localFormData.requirementId }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="专项资金" prop="specialFund">
-          <span>{{ formData.specialFund }}</span>
+          <span>{{ localFormData.specialFund }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="开始时间" prop="startTime">
-          <span>{{ formData.startTime }}</span>
+          <span>{{ localFormData.startTime }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="所属公司" prop="companyName">
-          <span>{{ formData.companyName }}</span>
+          <span>{{ localFormData.companyName }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="项目类型" prop="projectType">
-          <span>{{ formData.projectType }}</span>
+          <span>{{ localFormData.projectType }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="结束时间" prop="endTime">
-          <span>{{ formData.endTime }}</span>
+          <span>{{ localFormData.endTime }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="出资类型" prop="investmentType">
-          <span>{{ formData.investmentType }}</span>
+          <span>{{ localFormData.investmentType }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="项目影响" prop="projectImpact">
-          <span>{{ formData.projectImpact }}</span>
+          <span>{{ localFormData.projectImpact }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="所属业务板块" prop="businessSegment">
-          <span>{{ formData.businessSegment }}</span>
+          <span>{{ localFormData.businessSegment }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="预期成果形式" prop="resultForm">
-          <span>{{ formData.resultForm }}</span>
+          <span>{{ localFormData.resultForm }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="预期技术标准制定" prop="technicalStandard">
-          <span>{{ formData.technicalStandard }}</span>
+          <span>{{ localFormData.technicalStandard }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="产学研联合" prop="industryUniversityResearch">
-          <span>{{ formData.industryUniversityResearch }}</span>
+          <span>{{ localFormData.industryUniversityResearch }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="开展政府申报" prop="governmentDeclaration">
-          <span>{{ formData.governmentDeclaration }}</span>
+          <span>{{ localFormData.governmentDeclaration }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="知识产权状况" prop="intellectualProperty">
-          <span>{{ formData.intellectualProperty }}</span>
+          <span>{{ localFormData.intellectualProperty }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="6">
         <el-form-item label="发明专利(项)" prop="inventionPatent">
-          <span>{{ formData.inventionPatent }}</span>
+          <span>{{ localFormData.inventionPatent }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="6">
         <el-form-item label="实用性新型专利(项)" prop="newPatent">
-          <span>{{ formData.newPatent }}</span>
+          <span>{{ localFormData.newPatent }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="6">
         <el-form-item label="软件著作权(项)" prop="softwareCopyright">
-          <span>{{ formData.softwareCopyright }}</span>
+          <span>{{ localFormData.softwareCopyright }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="6">
         <el-form-item label="著作权(项)" prop="copyright">
-          <span>{{ formData.copyright }}</span>
+          <span>{{ localFormData.copyright }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="6">
         <el-form-item label="其他(项)" prop="other">
-          <span>{{ formData.other }}</span>
+          <span>{{ localFormData.other }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="6">
         <el-form-item label="经济概算(万元)" prop="economicEstimate">
-          <span>{{ formData.economicEstimate }}</span>
+          <span>{{ localFormData.economicEstimate }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="6">
         <el-form-item label="其中申请公司总部科技创新专项资金(万元)" prop="specialFundAmount">
-          <span>{{ formData.specialFundAmount }}</span>
+          <span>{{ localFormData.specialFundAmount }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="24">
         <el-form-item label="现有业务描述" prop="serviceDescription">
-          <span>{{ formData.serviceDescription }}</span>
+          <span>{{ localFormData.serviceDescription }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="24">
         <el-form-item label="研发项目关键内容描述" prop="contentDescription">
-          <span>{{ formData.contentDescription }}</span>
+          <span>{{ localFormData.contentDescription }}</span>
         </el-form-item>
       </el-col>
       <el-col :span="24">
         <el-form-item label="需求上报申请书">
-          <el-button type="primary" link @click="handleDownload(formData.fileList)">{{formData.fileList}}</el-button>
+          <el-button type="primary" link @click="handleDownload(localFormData.fileList)">{{localFormData.fileList}}</el-button>
         </el-form-item>
       </el-col>
       <el-col :span="24">
         <el-form-item label="需求上报附件">
           <fvTable style="width: 100%;max-height: 400px;" v-if="processViewer" :tableConfig="tableConfig"
-                   :data="formData.fileList" :isSettingCol="false" :pagination="false">
+                   :data="localFormData.fileList" :isSettingCol="false" :pagination="false">
             <template #empty>
               <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
             </template>
@@ -138,21 +138,25 @@
 
 <script setup lang="jsx">
 import {downloadFile} from "@/api/project-demand";
+import { watch, watchEffect } from "vue";
 
 const props = defineProps({
   formData: {
-    type: Array,
-    default: []
+    type: Object,
+    default: {}
   },
   data: {
-    type: Array,
-    default: []
+    type: Object,
+    default: {}
   },
   processViewer: {
     type: Boolean,
     default: false
   },
 })
+const localFormData = ref({})
+const summaryForm = ref()
+
 const tableConfig = reactive({
   columns: [
     {
@@ -200,6 +204,17 @@ const handleDownload = (fileList) => {
   //   a.click()
   // })
 }
+
+watch(
+  ()=>props.formData,
+  (val)=>{
+    console.log(val, 'ssss');
+  }
+)
+
+watchEffect(()=>{
+  Object.keys(props.formData).length && (localFormData.value = props.formData)
+})
 </script>
 
 <style scoped>