优化执行表单样式

zrch-risk-client-39/src/views/project/plan/components/StPlanExcuteForm.vue

 <template>
-  <div class="st-plan-excute-form">
-    <a-form ref="formRef" :model="formData" label-width="120px">
+  <div style="background-color: #fff; padding: 100px">
+    <a-form ref="formRef" :model="formData" :label-col="{ span: 4 }" :wrapper-col="{ span: 8 }">
       <!-- 执行状态 -->
       <a-form-item label="执行状态" prop="executeStatus">
         <a-select v-model:value="formData.executeStatus" placeholder="请选择执行状态">
@@ -28,13 +28,13 @@
 
       <!-- 附件 -->
       <a-form-item label="附件" prop="attachments">
-        <JUpload v-model:value="formModel.fileUploadPath" desText="支持扩展名: .rar .zip .doc .docx .pdf .jpg..." :disabled="isDetail" />
+        <!-- <JUpload v-model:value="formModel.fileUploadPath" desText="支持扩展名: .rar .zip .doc .docx .pdf .jpg..." :disabled="isDetail" /> -->
       </a-form-item>
 
       <!-- 操作按钮 -->
-      <a-form-item>
+      <a-form-item :wrapper-col="{ offset: 6 }">
         <a-button type="primary" @click="submitForm">保存</a-button>
-        <a-button @click="resetForm">重置</a-button>
+        <a-button style="margin-left: 40px" @click="resetForm">重置</a-button>
       </a-form-item>
     </a-form>
   </div>
@@ -67,8 +67,4 @@
   };
 </script>
 
-<style scoped>
-  .st-plan-excute-form {
-    padding: 20px;
-  }
-</style>
+<style scoped></style>