feat : 调整简答布局

src/components/steps/index.vue

@@ -12,8 +12,13 @@
 
       >
         <template #icon>
-          <el-icon style="font-size: 20px;" :class="index == localActive ? 'is-active' : 'is-end'" v-if="localStepSuccess.includes(index)"><SuccessFilled /></el-icon>
+          <el-icon style="font-size: 20px;" :class="index == localActive ? 'is-active' : 'is-end'"
-          <el-icon style="font-size: 20px; color: gray;" v-else><WarningFilled /></el-icon>
+                   v-if="localStepSuccess.includes(index)">
+            <SuccessFilled/>
+          </el-icon>
+          <el-icon style="font-size: 20px; color: gray;" v-else>
+            <WarningFilled/>
+          </el-icon>
         </template>
       </el-step>
     </el-steps>
@@ -96,35 +101,34 @@ const baseForm = ref()
 
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
-
   ]
 })
 
@@ -280,12 +284,12 @@ const getBaseInfo = async () => {
   try {
     const {code, data} = await getBaseInfoApi(route.query.projectId)
     // console.log('data.procedure',data.procedure,route.query.step)
-    if(route.query.step==='40'){
+    if (route.query.step === '40') {
-      if(data.procedure.indexOf('40')==-1){
+      if (data.procedure.indexOf('40') == -1) {
         data.procedure.push('40')
       }
-    }else if(route.query.step==='50'){
+    } else if (route.query.step === '50') {
-      if(data.procedure.indexOf('50')==-1){
+      if (data.procedure.indexOf('50') == -1) {
         data.procedure.push('50')
       }
     }
@@ -322,9 +326,11 @@ watchEffect(() => {
 .step-error {
   cursor: not-allowed;
 }
+
 .is-active {
   color: #67c23a;
 }
+
 .is-end {
   color: #BEA266;
 }

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

@@ -26,32 +26,32 @@ const projectId = ref(route.query.id)
 const requirementId = ref(route.query.requirementId)
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]

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

@@ -32,32 +32,32 @@ const formData = ref({
 })
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]

src/views/project-management/implementation/attachment.vue

@@ -33,6 +33,7 @@ import {getTags} from "@/api/project-manage";
 import {ElNotification} from "element-plus";
 import {getBaseInfoApi} from "@/components/steps/api";
 import {searchImplementationFileList} from "@/api/project-manage/attachment";
+import {computed} from "vue";
 
 const route = useRoute()
 const router = useRouter()
@@ -42,32 +43,32 @@ const attachment = reactive({
 })
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]

src/views/project-management/implementation/phase.vue

@@ -61,32 +61,32 @@ const userList = ref([])
 const processStore = useProcessStore()
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]

src/views/project-management/implementation/phaseDetail.vue

@@ -25,32 +25,32 @@ const copyName = ref('')
 const fileListShow = ref('READ')
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]

src/views/project-management/implementation/share.vue

@@ -16,32 +16,32 @@ import {getBaseInfoApi} from "@/components/steps/api";
 const route = useRoute()
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]

src/views/project-management/implementation/upload.vue

@@ -47,32 +47,32 @@ const fileList = ref([])
 const showInput = ref(false)
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]

src/views/project-management/implementation/uploadFee.vue

@@ -95,32 +95,32 @@ const form = ref()
 const projectName = ref()
 const schema = computed(() => {
   return [
-    {
-      label: '征集名称',
-      prop: 'requirementName',
-      colProps: {
-        span: 12
-      }
-    },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 12
+        span: 8
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
       }
     },
     {
       label: '征集公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 12
+        span: 8
+      }
+    },
+    {
+      label: '征集名称',
+      prop: 'requirementName',
+      colProps: {
+        span: 8
+      }
+    },
+    {
+      label: '征集描述',
+      prop: 'collectExplain',
+      colProps: {
+        span: 24
       }
     },
   ]