[update]流程完善

2023-12-21 14:31:13 +08:00
parent 9e1eead336
commit 774622be30
2 changed files with 138 additions and 128 deletions
@@ -41,118 +41,123 @@
      <!--  业务信息  -->
      <div class="process-part">
        <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
-        <!--  稽查依据  -->
-        <van-field
-          :label="$t('esInspectionRectification.inspectionBasis')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.standardName" />
-        <!--  依据条款  -->
-        <van-field
-          :label="$t('esInspectionRectification.accordingToTerms')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.enterpriseStandardInspectReport.baseClause" />
-        <!--  标准内容或要求  -->
-        <van-field
-          :label="$t('esInspectionRectification.standardContentOrDemand')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.enterpriseStandardInspectReport.standardRequire" />
-        <!--  整改单位  -->
-        <van-field
-          :label="$t('esInspectionRectification.rectificationUnit')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.responseDepart_dictText" />
-        <!--  不符合项描述  -->
-        <van-field
-          :label="$t('esInspectionRectification.nonCompliantDescription')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.issue" />
-        <!--  整改措施  -->
-        <van-field
-          :label="$t('esInspectionRectification.rectificationMeasures')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.rectifyMeasure" />
-        <!--  整改责任人  -->
-        <van-field
-          :label="$t('esInspectionRectification.rectificationDirector')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.responseUserDictText" />
-        <!--  计划完成日期  -->
-        <van-field
-          :label="$t('esInspectionRectification.planDoneDate')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.planCompleteDate" />
-        <!--  操作类型  -->
-        <van-field
-          :label="$t('esInspectionRectification.operationType')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.operationType_dictText" />
-        <template v-if="baseInfoForm.operationType === '1'">
-          <!--  整改结果  -->
+        <van-form
+          ref="form"
+          input-align="right"
+          error-message-align="right">
+          <!--  稽查依据  -->
          <van-field
-            :label="$t('esInspectionRectification.rectificationResults')"
+            :label="$t('esInspectionRectification.inspectionBasis')"
            readonly
            type="textarea"
            autosize
            rows="1"
-            v-model="baseInfoForm.rectifyResult" />
-          <!--  附件  -->
+            v-model="baseInfoForm.standardName" />
+          <!--  依据条款  -->
          <van-field
-            :label="$t('esInspectionRectification.file')"
+            :label="$t('esInspectionRectification.accordingToTerms')"
            readonly
            type="textarea"
            autosize
            rows="1"
-            v-model="baseInfoForm.attachment">
-            <template v-slot:input>
-              <file-display :file-ids="baseInfoForm.attachment" />
-            </template>
-          </van-field>
-        </template>
-        <template v-else-if="baseInfoForm.operationType === '2'">
-          <!--  申请延期日期  -->
+            v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.enterpriseStandardInspectReport.baseClause" />
+          <!--  标准内容或要求  -->
          <van-field
-            :label="$t('esInspectionRectification.requestExtensionDate')"
+            :label="$t('esInspectionRectification.standardContentOrDemand')"
            readonly
            type="textarea"
            autosize
            rows="1"
-            v-model="baseInfoForm.applyDelayDate" />
-          <!--  延期说明  -->
+            v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.enterpriseStandardInspectReport.standardRequire" />
+          <!--  整改单位  -->
          <van-field
-            :label="$t('esInspectionRectification.extensionDescription')"
+            :label="$t('esInspectionRectification.rectificationUnit')"
            readonly
            type="textarea"
            autosize
            rows="1"
-            v-model="baseInfoForm.delayDetail" />
-        </template>
+            v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.responseDepart_dictText" />
+          <!--  不符合项描述  -->
+          <van-field
+            :label="$t('esInspectionRectification.nonCompliantDescription')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.issue" />
+          <!--  整改措施  -->
+          <van-field
+            :label="$t('esInspectionRectification.rectificationMeasures')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.rectifyMeasure" />
+          <!--  整改责任人  -->
+          <van-field
+            :label="$t('esInspectionRectification.rectificationDirector')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.responseUserDictText" />
+          <!--  计划完成日期  -->
+          <van-field
+            :label="$t('esInspectionRectification.planDoneDate')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.enterpriseStandardInspectRectifyPlan.planCompleteDate" />
+          <!--  操作类型  -->
+          <van-field
+            :label="$t('esInspectionRectification.operationType')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.operationType_dictText" />
+          <template v-if="baseInfoForm.operationType === '1'">
+            <!--  整改结果  -->
+            <van-field
+              :label="$t('esInspectionRectification.rectificationResults')"
+              readonly
+              type="textarea"
+              autosize
+              rows="1"
+              v-model="baseInfoForm.rectifyResult" />
+            <!--  附件  -->
+            <van-field
+              :label="$t('esInspectionRectification.file')"
+              readonly
+              type="textarea"
+              autosize
+              rows="1"
+              v-model="baseInfoForm.attachment">
+              <template v-slot:input>
+                <file-display :file-ids="baseInfoForm.attachment" />
+              </template>
+            </van-field>
+          </template>
+          <template v-else-if="baseInfoForm.operationType === '2'">
+            <!--  申请延期日期  -->
+            <van-field
+              :label="$t('esInspectionRectification.requestExtensionDate')"
+              readonly
+              type="textarea"
+              autosize
+              rows="1"
+              v-model="baseInfoForm.applyDelayDate" />
+            <!--  延期说明  -->
+            <van-field
+              :label="$t('esInspectionRectification.extensionDescription')"
+              readonly
+              type="textarea"
+              autosize
+              rows="1"
+              v-model="baseInfoForm.delayDetail" />
+          </template>
+        </van-form>
      </div>
      <!--   流程审批信息   -->
      <div class="process-part">
@@ -41,42 +41,47 @@
      <!--  业务信息  -->
      <div class="process-part">
        <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
-        <!--  申请人  -->
-        <van-field
-          :label="$t('permissionApplicationProcess.applicant')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.userDictText" />
-        <van-field
-          :border="false"
-          readonly
-          :label="$t('permissionApplicationProcess.applyForPermission')"/>
-          <a-table
-            bordered
-            row-key="id"
-            :scroll="{x:'100%', y: '50vh'}"
-            :columns="columns"
-            :data-source="dataSource"
-            :pagination="false"
-          ></a-table>
-        <!--  授权到期日期  -->
-        <van-field
-          :label="$t('permissionApplicationProcess.authExpirationDate')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.expirationDate" />
-        <!--  申请说明  -->
-        <van-field
-          :label="$t('permissionApplicationProcess.applicationDescription')"
-          readonly
-          type="textarea"
-          autosize
-          rows="1"
-          v-model="baseInfoForm.applyDetail" />
+        <van-form
+          ref="form"
+          input-align="right"
+          error-message-align="right">
+          <!--  申请人  -->
+          <van-field
+            :label="$t('permissionApplicationProcess.applicant')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.userDictText" />
+          <van-field
+            :border="false"
+            readonly
+            :label="$t('permissionApplicationProcess.applyForPermission')"/>
+            <a-table
+              bordered
+              row-key="id"
+              :scroll="{x:'100%', y: '50vh'}"
+              :columns="columns"
+              :data-source="dataSource"
+              :pagination="false"
+            ></a-table>
+          <!--  授权到期日期  -->
+          <van-field
+            :label="$t('permissionApplicationProcess.authExpirationDate')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.expirationDate" />
+          <!--  申请说明  -->
+          <van-field
+            :label="$t('permissionApplicationProcess.applicationDescription')"
+            readonly
+            type="textarea"
+            autosize
+            rows="1"
+            v-model="baseInfoForm.applyDetail" />
+        </van-form>
      </div>
      <!--   流程审批信息   -->
      <div class="process-part">