fix : 修复页面细节

src/views/project-management/filing/conclusion.vue

@@ -1,17 +1,16 @@
 <template>
   <div class="apply-block">
-    <el-form :model="formData" ref="applyForm" label-width="auto" :rules="rules">
-      <baseTitle title="项目结项"></baseTitle>
-      <AttachmentUpload ref="attachment" label="项目结项附件" :showTable="showTable" :otherFileList="otherFileList"
-                        @getAttachment="getAttachment"
-                        @getOtherFile="getOtherFile" :showFileList="true" :formData="formData" :preview="name === 'Filing/edit'"/>
-      <div class="approval-record">
-        <baseTitle title="流程"></baseTitle>
-        <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
-      </div>
-    </el-form>
+    <baseTitle title="项目结项"></baseTitle>
+    <AttachmentUpload ref="attachment" label="项目结项附件" :showTable="showTable" :otherFileList="otherFileList"
+                      @getAttachment="getAttachment"
+                      @getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
+                      :preview="name === 'Filing/edit'"/>
+    <div class="approval-record">
+      <baseTitle title="流程"></baseTitle>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
+    </div>
     <div class="oper-page-btn">
-      <el-button color="#DED0B2" v-if="name==='Filing/conclusion'" @click="handleSubmit(applyForm)">提交</el-button>
+      <el-button color="#DED0B2" v-if="name==='Filing/conclusion'" @click="handleSubmit">提交</el-button>
       <el-button color="#DED0B2" v-else @click="handleResubmit">重新提交</el-button>
     </div>
   </div>
@@ -23,19 +22,22 @@ import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.v
 import {downloadFile} from "@/api/project-demand";
 import {ElNotification} from "element-plus";
 import {useProcessStore} from '@/stores/processStore.js';
-import {getProjectConclusionProcess, projectConclusion,getConclusionDetail, resubmitConclusion} from "@/api/project-manage";
+import {
+  getProjectConclusionProcess,
+  projectConclusion,
+  getConclusionDetail,
+  resubmitConclusion
+} from "@/api/project-manage";
+
 const router = useRouter()
 const route = useRoute()
 const tagsViewStore = useTagsView()
 const formData = ref({})
-const rules = reactive({
-  attachment: [{required: true, message: '请上传项目结项附件', trigger: 'blur'}],
-})
+
 const attachment = ref()
-const name=ref(router.currentRoute.value.name)
+const name = ref(router.currentRoute.value.name)
 const loading = ref(false)
 const file = ref({})
-const applyForm = ref()
 const deploymentId = ref()
 const showTable = ref(true)
 const otherFileList = ref([])
@@ -93,7 +95,7 @@ const handleDownload = (row) => {
 }
 const compositeParam = (item) => {
   let tag = ''
-  if (name.value === 'Filing/conclusion'||name.value === 'Filing/edit') {
+  if (name.value === 'Filing/conclusion' || name.value === 'Filing/edit') {
     tag = '项目结项'
   }
   return {
@@ -107,7 +109,7 @@ const compositeParam = (item) => {
 }
 const getAttachment = (val) => {
   console.log('上传文件getAttachment', val)
-  file.value=compositeParam(val)
+  file.value = compositeParam(val)
 }
 const getOtherFile = (val) => {
   console.log('上传文件getOtherFile', val)
@@ -125,82 +127,77 @@ const getFileParam = (item) => {
     tag: item.tag
   }
 }
-const handleSubmit = (instance) => {
-  if (!instance) return
-  instance.validate(async (valid) => {
-    if (!valid) return
-    if(JSON.stringify(file.value) === "{}"){
-      attachment.value.validate()
-    } else {
-      attachment.value.clearValidate()
-    }
-    if (!valid) return
-    let files = []
-    let singleFile={}
-    if(file.value.fileId!==undefined){
-      singleFile = {
-        fileId: file.value.fileId
-      }
-    }
-    otherFileList.value.forEach(item => {
-      files.push(getFileParam(item))
-    })
-    let params = {
-      deploymentId: deploymentId.value,
-      requirementId: route.query.id,
-      fileList: files,
-      singleFile: singleFile,
-      projectId:route.query.projectId,
-    }
-    console.log('params', params)
-    let res = await projectConclusion(params)
-    ElNotification({
-      title: '提示',
-      message: res.msg,
-      type: res.code === 1000 ? 'success' : 'error'
-    })
-    if (res.code === 1000) {
-      tagsViewStore.delVisitedViews(router.currentRoute.value.path)
-      await router.push({
-        name: 'Filing'
-      })
+const handleSubmit = async () => {
+  if (JSON.stringify(file.value) === "{}") {
+    attachment.value.validate()
+  } else {
+    attachment.value.clearValidate()
+  }
+  let files = []
+  let singleFile = {}
+  if (file.value.fileId !== undefined) {
+    singleFile = {
+      fileId: file.value.fileId
     }
+  }
+  otherFileList.value.forEach(item => {
+    files.push(getFileParam(item))
   })
+  let params = {
+    deploymentId: deploymentId.value,
+    requirementId: route.query.id,
+    fileList: files,
+    singleFile: singleFile,
+    projectId: route.query.projectId,
+  }
+  console.log('params', params)
+  let res = await projectConclusion(params)
+  ElNotification({
+    title: '提示',
+    message: res.msg,
+    type: res.code === 1000 ? 'success' : 'error'
+  })
+  if (res.code === 1000) {
+    tagsViewStore.delVisitedViews(router.currentRoute.value.path)
+    await router.push({
+      name: 'Filing'
+    })
+  }
 }
 const handleResubmit = () => {
   let singleFile = {}
   let otherFiles = []
   let fileArray
-  if (JSON.stringify(file.value) === "{}"||attachment.value.singleFile===null) {
+  if (JSON.stringify(file.value) === "{}" || attachment.value.singleFile === null) {
     attachment.value.validate()
   } else {
     attachment.value.clearValidate()
   }
-  if(attachment.value.singleFile!==null&&name.value === 'Filing/edit'){
+  if (attachment.value.singleFile !== null && name.value === 'Filing/edit') {
     singleFile = {
       fileId: attachment.value.singleFile.fileId
     }
-    fileArray=attachment.value.allFileList
-  }else {
+    fileArray = attachment.value.allFileList
+  } else {
     if (file.value.fileId !== undefined) {
       singleFile = {
         fileId: file.value.fileId
       }
     }
-    fileArray=otherFileList.value
+    fileArray = otherFileList.value
   }
   fileArray.forEach(item => {
     otherFiles.push(getFileParam(item))
   })
   //todo requirementId
-  let params={
+  let params = {
     deploymentId: deploymentId.value,
     requirementId: route.query.id,
     fileList: otherFiles,
     singleFile: singleFile,
-    projectId:route.query.projectId,
+    projectId: route.query.projectId,
   }
-  console.log('重新提交params',params)
+  console.log('重新提交params', params)
   resubmitConclusion(params).then(res => {
     ElNotification({
       title: '提示',
@@ -224,11 +221,11 @@ const getDetailInfo = async () => {
     })
     if (res.code === 1000) {
       formData.value = res.data.formData
-      loading.value=false
+      loading.value = false
     }
   })
 }
-const init =  () => {
+const init = () => {
   getProjectConclusionProcess().then(res => {
     ElNotification({
       title: '提示',
@@ -238,7 +235,7 @@ const init =  () => {
     processDiagramViewer.value = false
     if (res.code === 1000) {
       let data = res.data
-      deploymentId.value=data.deploymentId
+      deploymentId.value = data.deploymentId
       processInstanceData.value = data
       processStore.setDesign(data)
       processStore.runningList.value = data.runningList;
@@ -255,7 +252,7 @@ const init =  () => {
 onMounted(async () => {
   await init()
   if (name.value === 'Filing/edit') {
-    loading.value=true
+    loading.value = true
     await getDetailInfo()
   }
 })

src/views/project-management/filing/index.vue

@@ -14,11 +14,11 @@ import {reactive, shallowRef} from "vue";
 const router = useRouter()
 const searchConfig = reactive([
   {
-    label: '名称',
+    label: '需求名称',
     prop: 'requirementName',
     component: 'el-input',
     props: {
-      placeholder: '请输入名称查询',
+      placeholder: '请输入需求名称查询',
       clearable: true,
       filterable: true,
       checkStrictly: true