yxk-20260513-党委会流程表单

表单禁用的样式优化，按照text正常显示，不需要禁用样式

src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue

@@ -1,7 +1,7 @@
 <template>
   <a-spin :spinning="loading">
     <div class="bg-partymatter-bpm-form">
-      <a-form class="main-form" :labelCol="labelCol" :wrapperCol="wrapperCol" :model="mainForm">
+      <a-form class="main-form" :class="{ 'main-form-readonly': mainDisabled }" labelAlign="left" :labelCol="labelCol" :wrapperCol="wrapperCol" :model="mainForm">
         <div class="base-info-header section-toolbar">
           <div class="section-title">基础信息</div>
           <a-space class="section-actions">
@@ -23,7 +23,7 @@
           </a-col>
           <a-col :xs="24" :md="15">
             <a-form-item label="会议决议" name="content" :labelCol="compactLabelCol" :wrapperCol="compactWrapperCol">
-              <a-textarea v-model:value="mainForm.content" :auto-size="{ minRows: 1, maxRows: 5 }" :disabled="mainDisabled" allow-clear />
+              <a-textarea v-model:value="mainForm.content" :auto-size="{ minRows: 1, maxRows: 7 }" :disabled="mainDisabled" allow-clear />
             </a-form-item>
           </a-col>
           <template v-if="showBaseInfoDetail">
@@ -80,7 +80,7 @@
             </a-col>
             <a-col :span="24">
               <a-form-item label="实际执行情况" name="actualExect" :labelCol="wideLabelCol" :wrapperCol="wideWrapperCol">
-                <a-textarea v-model:value="mainForm.actualExect" :auto-size="{ minRows: 1, maxRows: 2 }" :disabled="mainDisabled" allow-clear />
+                <a-textarea v-model:value="mainForm.actualExect" :auto-size="{ minRows: 1, maxRows: 7 }" :disabled="mainDisabled" allow-clear />
               </a-form-item>
             </a-col>
           </template>
@@ -126,7 +126,7 @@
         <div class="process-header section-toolbar">
           <div class="section-title">流程办理</div>
         </div>
-        <a-form v-if="showSubApproveUser" class="process-variable-form" :labelCol="labelCol" :wrapperCol="wrapperCol">
+        <a-form v-if="showSubApproveUser" class="process-variable-form" labelAlign="left" :labelCol="labelCol" :wrapperCol="wrapperCol">
           <a-row :gutter="16">
             <a-col :span="12">
               <a-form-item label="是否办结" :labelCol="wideLabelCol" :wrapperCol="wideWrapperCol">
@@ -147,11 +147,11 @@
 
               </a-form-item>
             </a-col>
-            <a-col :span="24">
+<!--            <a-col :span="24">-->
-              <a-form-item :wrapperCol="wideActionWrapperCol">
+<!--              <a-form-item :wrapperCol="wideActionWrapperCol">-->
-                <a-button type="primary" :loading="savingSubApproveUser" @click="saveSubApproveUserVariable()">保存</a-button>
+<!--                <a-button type="primary" :loading="savingSubApproveUser" @click="saveSubApproveUserVariable()">保存</a-button>-->
-              </a-form-item>
+<!--              </a-form-item>-->
-            </a-col>
+<!--            </a-col>-->
           </a-row>
         </a-form>
         <TaskHandleInnerContent
@@ -465,6 +465,25 @@
     background: #fff;
   }
 
+  .main-form,
+  .process-variable-form {
+    :deep(.ant-form-item-label) {
+      text-align: left;
+    }
+
+    :deep(.ant-form-item-label > label) {
+      justify-content: flex-start;
+      color: #1f2937;
+      font-weight: 500;
+    }
+
+    :deep(.ant-form-item-control),
+    :deep(.ant-form-item-control-input),
+    :deep(.ant-form-item-control-input-content) {
+      text-align: left;
+    }
+  }
+
   .section-title {
     margin-bottom: 8px;
     padding-left: 8px;
@@ -521,6 +540,8 @@
   }
 
   .base-info-row {
+    padding: 0 10px;
+
     :deep(.ant-form-item) {
       margin-bottom: 6px;
     }
@@ -529,6 +550,10 @@
       padding-bottom: 0;
     }
 
+    :deep(.ant-form-item-label > label) {
+      width: 100%;
+    }
+
     :deep(.ant-input),
     :deep(.ant-picker),
     :deep(.ant-select-selector) {
@@ -536,6 +561,80 @@
     }
   }
 
+  .main-form-readonly {
+    :deep(.ant-input[disabled]),
+    :deep(.ant-input-disabled),
+    :deep(.ant-input-affix-wrapper-disabled),
+    :deep(.ant-input-affix-wrapper-disabled.ant-input-outlined),
+    :deep(.ant-input-affix-wrapper-disabled:hover),
+    :deep(.ant-input-affix-wrapper-disabled:focus),
+    :deep(.ant-input-affix-wrapper-disabled-focused),
+    :deep(.ant-input-outlined[disabled]),
+    :deep(.ant-input-outlined.ant-input-disabled),
+    :deep(textarea.ant-input[disabled]),
+    :deep(.ant-picker-disabled),
+    :deep(.ant-select-disabled .ant-select-selector) {
+      background: transparent !important;
+      border-color: transparent !important;
+      color: #1f2937 !important;
+      box-shadow: none !important;
+      cursor: default !important;
+      opacity: 1 !important;
+    }
+
+    :deep(.ant-input[disabled]),
+    :deep(.ant-input-disabled),
+    :deep(.ant-input-affix-wrapper-disabled),
+    :deep(textarea.ant-input[disabled]) {
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+    }
+
+    :deep(.ant-input-affix-wrapper-disabled .ant-input) {
+      background: transparent !important;
+      color: #1f2937 !important;
+      cursor: default !important;
+    }
+
+    :deep(.ant-input[disabled]::placeholder),
+    :deep(.ant-input-disabled::placeholder),
+    :deep(.ant-input-affix-wrapper-disabled .ant-input::placeholder) {
+      color: #9ca3af !important;
+    }
+
+    :deep(.ant-picker-disabled input),
+    :deep(.ant-select-disabled .ant-select-selection-item),
+    :deep(.ant-select-disabled .ant-select-selection-item span),
+    :deep(.ant-select-disabled .ant-select-selection-placeholder),
+    :deep(.ant-select-disabled .ant-select-selection-placeholder span) {
+      color: #1f2937 !important;
+      -webkit-text-fill-color: #1f2937 !important;
+      cursor: default !important;
+    }
+
+    :deep(.ant-picker-disabled),
+    :deep(.ant-select-disabled .ant-select-selector) {
+      padding-left: 0 !important;
+    }
+
+    :deep(.ant-select-disabled),
+    :deep(.ant-select-disabled *),
+    :deep(.ant-select-disabled.ant-select-outlined),
+    :deep(.ant-select-disabled.ant-select-outlined .ant-select-selector) {
+      color: #1f2937 !important;
+      -webkit-text-fill-color: #1f2937 !important;
+      opacity: 1 !important;
+    }
+
+    :deep(.ant-select-disabled .ant-select-arrow),
+    :deep(.ant-picker-disabled .ant-picker-suffix),
+    :deep(.ant-input-disabled .ant-input-clear-icon),
+    :deep(.ant-input-affix-wrapper-disabled .ant-input-clear-icon),
+    :deep(.ant-select-disabled .ant-select-clear) {
+      display: none;
+    }
+  }
+
   .feedback-header {
     margin-bottom: 8px;