[update] 修改新建流程页，企标计划立项/变更流程

2023-10-10 11:14:30 +08:00
parent f863ea3255
commit ea357bf590
11 changed files with 166 additions and 11 deletions
@@ -793,6 +793,7 @@
  padding-left: 12px;
  position: relative;
  margin-top: 32px;
+  margin-bottom: 20px;
 }

 .process-part-title::before {
@@ -76,6 +76,10 @@ module.exports = {
    superintendent: '所长',
    relatedPersonnel: '相关人员'
  },
+  // 年度制修订计划（各部门主动上报）
+  revisionPlanActivelyReport: {
+    revisionPlanDesc: '制修订计划说明'
+  },
  // 流程配置
  processConfig: {
    processType: '流程类型',
@@ -148,6 +148,8 @@ module.exports = {
  turnTo: '转办',
  agree: '同意',
  reject: '驳回',
+  basicInformation: '基础信息',
+  personalInformation: '人员信息',
  // 树右键
  treeRight: {
    addFolder: '新增文件夹',
@@ -29,9 +29,9 @@
              <div class="personnel-container-content-text">
                <template v-if="step.canChoose && index >= currentNodeIndex">
                  <!--                  TODO 数据库设计确定后处理数据抛出格式-->
-                  <user-select-by-work-group v-if="step.chooseSource === 'workGroup'" v-model="step.user" :type="step.chooseType" input-type="textarea"/>
-                  <user-select-by-contact v-else-if="step.chooseSource === 'contactManage'" v-model="step.user" :type="step.chooseType" input-type="textarea"/>
-                  <user-selection v-else :type="step.chooseType" v-model="step.user" input-type="textarea" />
+                  <user-select-by-work-group v-if="step.chooseSource === 'workGroup'" v-model="step.user" :type="step.chooseType" input-type="textarea" :disabled="step.disabled"/>
+                  <user-select-by-contact v-else-if="step.chooseSource === 'contactManage'" v-model="step.user" :type="step.chooseType" input-type="textarea" :disabled="step.disabled"/>
+                  <user-selection v-else :type="step.chooseType" v-model="step.user" input-type="textarea" :disabled="step.disabled" />
                </template>
                <div class="personnel-container-content-echo-text" v-else>{{ step.userList }}</div>
              </div>
@@ -51,7 +51,7 @@ export default {
          list: [
            { // 企标立项/变更计划
              title: this.$t('workCenter.newProcess.enterpriseProjectChangePlan'),
-              path: '/workCenter/enterpriseStandardInitChange/flow/planApprovalChangeFlow'
+              path: '/workCenter/enterpriseStandardInitChange/planApprovalChangeFlow'
            },
            { // 年度制修订计划审批流程(各部门主动上报)
              title: this.$t('workCenter.newProcess.annualRevisionPlanActivelyReport'),
@@ -0,0 +1,86 @@
+<template>
+  <internal-detail-page :title="pageTitle" :content-padding="0">
+    <!--  标题右侧tab  -->
+    <template v-slot:titleRightCustom>
+      <div class="table-operator-tab">
+        <a class="switch-item" :class="switchValue === 'base' ? 'table-operator-tab-active' : ''"
+           @click="switchChange('base')">基础信息
+        </a>
+        <a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
+           @click="switchChange('user')">人员信息
+        </a>
+      </div>
+    </template>
+    <!--  基础信息  -->
+    <div class="scroll-content">
+      <!--  流程信息  -->
+      <div class="process-part-title">{{ $t('processInformation') }}</div>
+      <a-form :form="processInfoForm">
+        <a-row>
+          <a-col :span="12">
+            <!--  流程名称  -->
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+              <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
+                       @change="event => event.target.value = event.target.value.trim()"
+                       :disabled="disabled"
+                       :maxLength="50"
+                       v-decorator="['processName', validatorRules.processName]" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <!--  截止日期  -->
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+              <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
+                             style="width: 100%"
+                             :disabled="disabled"
+                             value-format="YYYY-MM-DD"
+                             v-decorator="['expirationDate']" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <!--  流程说明  -->
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+              <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
+                          :maxLength="500"
+                          :rows="4"
+                          :disabled="disabled"
+                          v-decorator="['processExplain']" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+
+      <!--  业务基本信息  -->
+      <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
+      <engineer-init-form v-if="currentNode === 1"></engineer-init-form>
+
+      <!--  流程审批信息  -->
+      <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
+      <a-form :form="approvalInfoForm">
+        <!--备注-->
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+          <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
+                      :maxLength="500"
+                      :rows="4"
+                      v-decorator="['remarks', validatorRules.remarks]" />
+        </a-form-item>
+        <!--附件-->
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+          <j-upload v-decorator="['file']" return-id />
+        </a-form-item>
+      </a-form>
+    </div>
+  </internal-detail-page>
+</template>
+
+<script>
+import EngineerInitForm from './modules/EngineerInitForm'
+export default {
+  name: 'RevisionPlanActivelyReportFlow',
+  components: { EngineerInitForm }
+}
+</script>
+
+<style scoped>
+
+</style>
@@ -0,0 +1,55 @@
+<template>
+  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <div class="collapsible-panel-form">
+      <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+        <!--  制修订计划说明  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc')">
+                  {{ $t('workCenter.revisionPlanActivelyReport.revisionPlanDesc') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="revisionPlanDesc">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc')"
+                        :maxLength="500"
+                        :disabled="disabled"
+                        v-model="formInline.revisionPlanDesc" :rows="4" />
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+  </a-form-model>
+</template>
+
+<script>
+export default {
+  name: 'EngineerInitForm',
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data () {
+    return {
+      formInline: {},
+      rules: {
+        // 企标编号
+        enterpriseStandardNum: [
+          {
+            required: true,
+            message: this.$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
@@ -1,13 +1,13 @@
 <template>
-  <internal-detail-page :title="pageTitle">
+  <internal-detail-page :title="pageTitle" :content-padding="0">
    <!--  标题右侧tab  -->
    <template v-slot:titleRightCustom>
      <div class="table-operator-tab">
        <a class="switch-item" :class="switchValue === 'base' ? 'table-operator-tab-active' : ''"
-           @click="switchChange('base')">基础信息
+           @click="switchChange('base')">{{ $t('basicInformation') }}
        </a>
        <a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
-           @click="switchChange('user')">人员信息
+           @click="switchChange('user')">{{ $t('personalInformation') }}
        </a>
      </div>
    </template>
@@ -162,7 +162,7 @@
      </a-form>
    </div>
    <!--  人员信息  -->
-    <div v-if="switchValue === 'user'" class="scroll-content">
+    <div v-if="switchValue === 'user'" class="scroll-content personnel-info-wrapper">
      <personnel-info :data="personnelInfoData" :currentNode="currentNode"></personnel-info>
    </div>
    <!--  操作按钮  -->
@@ -680,4 +680,11 @@ export default {
    margin-bottom: 0;
  }
 }
+
+// 人员信息
+.personnel-info-wrapper {
+  /deep/ .ant-steps {
+    width: 400px;
+  }
+}
 </style>
@@ -800,7 +800,7 @@ export default {
        projectStatement: true // 立项说明部分
      },
      uploadName: '',
-      fileMaxSize: undefined,
+      fileMaxSize: undefined
    }
  },
  mounted () {
@@ -856,7 +856,7 @@ export default {
    // 选择用户得到用户名
    userSelectNameChange (value, fieldName) {
      this.formInline[fieldName + '_dictText'] = value
-    },
+    }
  }
 }
 </script>
@@ -198,7 +198,7 @@
 <script>
 import { StandardSource } from '@/enums/commonEnums'
 import UserSelection from '@/components/selection/UserSelection'
-import EnterprisePlanSelection from '../../../../../components/selection/EnterprisePlanSelection'
+import EnterprisePlanSelection from '@/components/selection/EnterprisePlanSelection'

 export default {
  name: 'ChangeBaseInfoDrawer',