!41 fix(form): BPM表单基础信息区域内容框对齐

Merge pull request !41 from new_new_new/feature/bpm_modify

src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue

@@ -28,17 +28,18 @@
           </a-space>
         </div>
         <a-row class="base-info-row" :gutter="[12, 4]">
-          <a-col :span="12">
+          <a-col :xs="24" :md="12">
             <a-form-item label="重要讲话指示批示" name="speakStatus">
               <a-textarea v-model:value="mainForm.speakStatus" :auto-size="{ minRows: 1, maxRows: 7 }" :disabled="mainDisabled" allow-clear />
             </a-form-item>
           </a-col>
-          <a-col :span="12">
+          <a-col :xs="24" :md="12">
             <a-form-item label="学习传达研究部署" name="status">
               <a-textarea v-model:value="mainForm.status" :auto-size="{ minRows: 1, maxRows: 7 }" :disabled="mainDisabled" allow-clear />
             </a-form-item>
           </a-col>
           <template v-if="showBaseInfoDetail">
+            <a-divider />
             <a-col :span="12">
               <a-form-item label="时间" name="time">
                 <a-date-picker v-model:value="mainForm.time" value-format="YYYY-MM-DD" :disabled="mainDisabled" style="width: 100%" allow-clear />
@@ -325,7 +326,7 @@ import SzDeptUserModal from '/@/components/semri/deptUserComponent/SzDeptUserMod
   const loading = ref(false);
   const savingMain = ref(false);
   const savingSubApproveUser = ref(false);
-  const showBaseInfoDetail = ref(true);
+  const showBaseInfoDetail = ref(false);
   const showFeedbackDetail = ref(true);
   const feedbackList = ref<any[]>([]);
   const subApproveUser = ref('');
@@ -528,7 +529,7 @@ import SzDeptUserModal from '/@/components/semri/deptUserComponent/SzDeptUserMod
     if (!dataId) {
       return;
     }
-    showBaseInfoDetail.value = true;
+    showBaseInfoDetail.value = false;
     loading.value = true;
     try {
       const data = await defHttp.get({ url: queryByIdUrl, params: { id: dataId } });

src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue

@@ -28,13 +28,8 @@
           </a-space>
         </div>
         <a-row class="base-info-row" :gutter="[12, 4]">
-          <a-col :span="24">
+          <a-col :xs="24" :md="12">
-            <a-form-item
+            <a-form-item label="具体问题" name="problemId">
-              label="具体问题"
-              name="problemId"
-              :labelCol="{ xs: { span: 24 }, sm: { span: 4 } }"
-              :wrapperCol="{ xs: { span: 24 }, sm: { span: 20 } }"
-            >
               <a-tree-select
                 v-model:value="mainForm.problemId"
                 :tree-data="problemTreeData"
@@ -47,17 +42,13 @@
               />
             </a-form-item>
           </a-col>
-          <a-col :span="24">
+          <a-col :xs="24" :md="12">
-            <a-form-item
+            <a-form-item label="整改措施" name="improveMeasure">
-              label="整改措施"
-              name="improveMeasure"
-              :labelCol="{ xs: { span: 24 }, sm: { span: 4 } }"
-              :wrapperCol="{ xs: { span: 24 }, sm: { span: 20 } }"
-            >
               <a-textarea v-model:value="mainForm.improveMeasure" :auto-size="{ minRows: 1, maxRows: 4 }" :disabled="mainDisabled" allow-clear />
             </a-form-item>
           </a-col>
           <template v-if="showBaseInfoDetail">
+            <a-divider />
             <a-col :span="12">
               <a-form-item label="密级" name="secretLevel">
                 <j-dict-select-tag
@@ -278,11 +269,13 @@ import SzDeptUserModal from '/@/components/semri/deptUserComponent/SzDeptUserMod
   const wideLabelCol = { xs: { span: 24 }, sm: { span: 3 } };
   const wideWrapperCol = { xs: { span: 24 }, sm: { span: 21 } };
 
+
+
   const feedbackModalRef = ref();
   const loading = ref(false);
   const savingMain = ref(false);
   const savingSubApproveUser = ref(false);
-  const showBaseInfoDetail = ref(true);
+  const showBaseInfoDetail = ref(false);
   const showFeedbackDetail = ref(true);
   const feedbackList = ref<any[]>([]);
   const subApproveUser = ref('');
@@ -485,7 +478,7 @@ import SzDeptUserModal from '/@/components/semri/deptUserComponent/SzDeptUserMod
   async function initFormData() {
     const dataId = props.formData?.dataId;
     if (!dataId) return;
-    showBaseInfoDetail.value = true;
+    showBaseInfoDetail.value = false;
     loading.value = true;
     try {
       await loadProblemTree();