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; color: gray;" v-else><WarningFilled /></el-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; 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
-      }
-    },
-    {
-      label: '征集描述',
-      prop: 'collectExplain',
-      colProps: {
-        span: 12
+        span: 8
       }
     },
     {
       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(data.procedure.indexOf('40')==-1){
+    if (route.query.step === '40') {
+      if (data.procedure.indexOf('40') == -1) {
         data.procedure.push('40')
       }
-    }else if(route.query.step==='50'){
-      if(data.procedure.indexOf('50')==-1){
+    } else if (route.query.step === '50') {
+      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;
 }