add 会后管理流程

src/common/lang/workCenter/en.js

@@ -314,5 +314,15 @@ module.exports = {
     contactPerson: '联络人',
     content: '内容',
     promotionalMaterials: '宣贯材料'
+  },
+  // 会后管理流程
+  postMeetingManageProcess: {
+    subStandardizationCommitteeName: '分标委名称',
+    workGroupName: '工作组名称',
+    standardNumber: '标准编号',
+    standardName: '标准名称',
+    meetingName: '会议名称',
+    attendanceDate: '参会日期',
+    relevantData: '相关材料'
   }
 }

src/common/lang/workCenter/zh.js

@@ -331,5 +331,15 @@ module.exports = {
     contactPerson: '联络人',
     content: '内容',
     promotionalMaterials: '宣贯材料'
+  },
+  // 会后管理流程
+  postMeetingManageProcess: {
+    subStandardizationCommitteeName: '分标委名称',
+    workGroupName: '工作组名称',
+    standardNumber: '标准编号',
+    standardName: '标准名称',
+    meetingName: '会议名称',
+    attendanceDate: '参会日期',
+    relevantData: '相关材料'
   }
 }

src/views/workCenter/NewProcess.vue

@@ -117,7 +117,7 @@ export default {
           list: [
             { // 会后管理流程
               title: this.$t('workCenter.newProcess.postMeetingManagementProcess'),
-              path: ''
+              path: '/workCenter/PostMeetingManageProcess'
             }
           ]
         }

src/views/workCenter/postMeetingManageProcess/PostMeetingManageProcess.vue

@@ -0,0 +1,185 @@
+<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')">{{ $t('basicInformation') }}
+        </a>
+        <!--  人员信息  -->
+        <a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
+           @click="switchChange('user')">{{ $t('personalInformation') }}
+        </a>
+      </div>
+    </template>
+
+    <!--基本信息-->
+    <div class="detail-page-scroll-content" v-show="switchValue === 'base'">
+      <!--  流程信息  -->
+      <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()"
+                       :maxLength="50"
+                       :disabled="disabled || processDisabled"
+                       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 || processDisabled"
+                             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 || processDisabled"
+                          v-decorator="['processExplain']" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+
+      <!--  业务基本信息  -->
+      <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
+
+      <base-info-form :disabled="currentNode > 1" :current-node="currentNode"/>
+
+      <!--  流程审批信息  -->
+      <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>
+    <!--  人员信息  -->
+    <div v-if="switchValue === 'user'" class="detail-page-scroll-content p-0">
+      <process-detail-list :url="url">
+        <personnel-info slot="personnelInfo" :data="personnelInfoData" :currentNode="currentNode"></personnel-info>
+      </process-detail-list>
+    </div>
+
+    <div class="detail-page-bottom-operate-box">
+      <a-button type="primary" :loading="loading" @click="handleSave" ghost><i class="iconfont icon-save" />{{ $t('preservation') }}</a-button>
+      <a-button type="primary" :loading="loading" @click="handleSubmit" icon="upload">{{ $t('submit') }}</a-button>
+      <a-button type="primary" :loading="loading" @click="handleAgree" icon="check-circle">{{ $t('agree') }}</a-button>
+    </div>
+  </internal-detail-page>
+</template>
+
+<script>
+import PersonnelInfo from '@comp/PersonnelInfo'
+import ProcessDetailList from '@comp/ProcessDetailList'
+import InternalDetailPage from '@comp/InternalDetailPage'
+import BaseInfoForm from '@views/workCenter/postMeetingManageProcess/modules/BaseInfoForm'
+
+export default {
+  name: 'PostMeetingManageProcess',
+  components: { BaseInfoForm, PersonnelInfo, ProcessDetailList, InternalDetailPage },
+  data () {
+    return {
+      loading: false,
+      switchValue: 'base',
+      disabled: false,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
+      longLabelCol: {
+        xs: { span: 24 },
+        sm: { span: 2 }
+      },
+      longWrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 22 }
+      },
+      currentNode: '1',
+      personnelInfoData: [], // 人员信息数据
+      validatorRules: {
+        // 流程名称
+        processName: {
+          rules: [
+            { required: true, message: this.$t('pleaseEnter') + this.$t('processName') }
+          ],
+          validateTrigger: 'blur'
+        },
+        // 授权到期日期
+        authExpirationDate: {
+          rules: [
+            { required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.permissionApplicationProcess.authExpirationDate') }
+          ],
+          validateTrigger: 'change'
+        },
+        // 备注
+        remarks: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('remarks') }
+          ],
+          validateTrigger: 'blur'
+        }
+      },
+      processInfoForm: this.$form.createForm(this),
+      baseInfoForm: this.$form.createForm(this),
+      approvalInfoForm: this.$form.createForm(this),
+      url: {
+        list: '' // 人员信息右侧表的分页查询接口
+      }
+    }
+  },
+  computed: {
+    pageTitle () {
+      return this.$t('flowCenter') + this.$route.meta.title
+    },
+    processDisabled () {
+      return +this.currentNode > 1
+    }
+  },
+  methods: {
+    switchChange (value) {
+      this.switchValue = value
+    },
+    handleSave () {
+      // if (this.loading) return
+
+    },
+    handleSubmit () {
+      if (this.loading) return
+      this.currentNode = +this.currentNode + 1 + ''
+    },
+    handleAgree () {
+      if (this.loading) return
+      this.currentNode = +this.currentNode + 1 + ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/workCenter/postMeetingManageProcess/modules/BaseInfoForm.vue

@@ -0,0 +1,248 @@
+<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.postMeetingManageProcess.subStandardizationCommitteeName')">
+              {{ $t('workCenter.postMeetingManageProcess.subStandardizationCommitteeName') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="subStandardizationCommitteeName">
+            <a-select v-model="formInline.subStandardizationCommitteeName"
+                      :disabled="disabled"
+                      :placeholder="$t('pleaseSelect')+$t('workCenter.postMeetingManageProcess.subStandardizationCommitteeName')">
+              <a-select-option v-for="item in subStandardizationCommitteeList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
+            </a-select>
+          </a-form-model-item>
+        </div>
+        <!--  工作组名称  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.postMeetingManageProcess.workGroupName')">
+              {{ $t('workCenter.postMeetingManageProcess.workGroupName') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="workGroupName">
+            <a-select v-model="formInline.workGroupName"
+                      :disabled="disabled"
+                      :placeholder="$t('pleaseSelect')+$t('workCenter.postMeetingManageProcess.workGroupName')">
+              <a-select-option v-for="item in workGroupList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
+            </a-select>
+          </a-form-model-item>
+        </div>
+        <!--  标准编号  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.postMeetingManageProcess.standardNumber')">
+              {{ $t('workCenter.postMeetingManageProcess.standardNumber') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardNumber">
+            <standard-selection source="1"
+                                :disabledSourceSearch="true"
+                                :disabled="disabled"
+                                :placeholder="$t('pleaseSelect')+$t('workCenter.postMeetingManageProcess.standardNumber')"
+                                @nameChange="changeStandardName"
+                                v-model="formInline.standardNumber" />
+          </a-form-model-item>
+        </div>
+        <!--  标准名称  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.postMeetingManageProcess.standardName')">
+              {{ $t('workCenter.postMeetingManageProcess.standardName') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardName">
+            <a-input disabled
+                     v-model="formInline.standardName"
+                     :maxLength="50"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.postMeetingManageProcess.standardName')" />
+          </a-form-model-item>
+        </div>
+        <!--  会议名称  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.postMeetingManageProcess.meetingName')">
+              {{ $t('workCenter.postMeetingManageProcess.meetingName') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="meetingName">
+            <a-input v-model="formInline.meetingName"
+                     :maxLength="50"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.postMeetingManageProcess.meetingName')" />
+          </a-form-model-item>
+        </div>
+        <!--  参会日期  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.postMeetingManageProcess.attendanceDate')">
+              {{ $t('workCenter.postMeetingManageProcess.attendanceDate') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="attendanceDate">
+            <j-date date-format="YYYY-MM-DD" style="width: 100%" showType="day" :disabled="disabled"
+                    :placeholder="$t('pleaseSelect') + $t('workCenter.postMeetingManageProcess.attendanceDate')"
+                    v-model="formInline.attendanceDate" />
+          </a-form-model-item>
+        </div>
+        <!--  相关材料  -->
+        <div class="box-title-text form-flex-item" v-if="currentNode === '2'">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.postMeetingManageProcess.relevantData')">
+              {{ $t('workCenter.postMeetingManageProcess.relevantData') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="relevantData">
+            <a-button type="primary" class="button-text" @click="clickButtonToUpload" :disabled="disabled">
+              {{
+                (formInline.relevantData === 'null' || formInline.relevantData === '' || formInline.relevantData === null || formInline.relevantData === undefined)
+                  ? $t('uploadFile.clickUpload')
+                  : $t('uploadFile.viewUploadedFiles')
+              }}
+            </a-button>
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+    <!--  上传  -->
+    <upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
+  </a-form-model>
+</template>
+
+<script>
+import UploadFile from '@comp/UploadFile'
+import StandardSelection from '@comp/selection/StandardSelection'
+import { queryTreeList } from '@api/businessSupport'
+
+export default {
+  name: 'BaseInfoForm',
+  components: { UploadFile, StandardSelection },
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    currentNode: {
+      type: String,
+      required: true
+    }
+  },
+  data () {
+    return {
+      formInline: {},
+      // 操作类型
+      operationType: null,
+      // 分标委
+      subStandardizationCommitteeList: [],
+      // 工作组
+      workGroupList: [],
+      rules: {
+        // 分标委名称
+        subStandardizationCommitteeName: [
+          {
+            required: true,
+            message: this.$t('workCenter.postMeetingManageProcess.subStandardizationCommitteeName') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 会议名称
+        meetingName: [
+          {
+            required: true,
+            message: this.$t('workCenter.postMeetingManageProcess.meetingName') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 参会日期
+        attendanceDate: [
+          {
+            required: true,
+            message: this.$t('workCenter.postMeetingManageProcess.attendanceDate') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      }
+    }
+  },
+  created () {
+    // 分标委、工作组下拉
+    this.initWorkList()
+  },
+  methods: {
+    // 分别委工作组下拉
+    initWorkList () {
+      this.subStandardizationCommitteeList = []
+      this.workGroupList = []
+      queryTreeList().then(res => {
+        if (res.success) {
+          console.log(res)
+          for (const item of res.result.children) {
+            this.subStandardizationCommitteeList.push(item)
+            if (item.children && item.children.length) {
+              this.workGroupList.push(...item.children)
+            }
+          }
+        }
+      })
+    },
+    // 拿到外面传进来的数据初始化，因为套了几层就不在外层初始化数据了
+    initData (data) {
+      this.data = data
+      // 给表单赋值
+      // this.formInline =
+    },
+    // 外层要获取数据
+    getData () {
+      // 把数据抛出，在线编辑不知道要不要抛
+      const data = {}
+      data.formInline = this.formInline
+      return data
+    },
+    // 外层获取数据要过校验,返回false表示没有通过校验
+    getDataValidate (callback) {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          const data = {}
+          data.formInline = this.formInline
+          callback(data)
+        }
+      })
+    },
+    // 选择标准带出名称
+    changeStandardName (val) {
+      this.formInline.esName = val
+    },
+    // 点击点击上传按钮
+    clickButtonToUpload (item) {
+      this.$refs.uploadFile.open(item.fileId)
+      // this.uploadName = item.dbFieldName
+    },
+    // 文件上传改变后的回调
+    uploadFileChange (data) {
+      const attIdList = []
+      if (data && data.length > 0) {
+        data.map(item => {
+          attIdList.push(item.id)
+        })
+      }
+      /** 赋值给当前对应的表单文件 */
+      this.form.file = attIdList.join(',')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+.collapsible-content-no-head {
+  border-top: 1px solid #E5E6EB;
+  border-radius: 8px 8px 8px 8px;
+}
+</style>

src/views/workCenter/standardPromotionProcess/StandardPromotionProcess.vue

@@ -1,19 +1,5 @@
 <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')">{{ $t('basicInformation') }}
-        </a>
-        <!--  人员信息  -->
-        <a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
-           @click="switchChange('user')">{{ $t('personalInformation') }}
-        </a>
-      </div>
-    </template>
-
     <!--基本信息-->
     <div class="detail-page-scroll-content" v-show="switchValue === 'base'">
       <!--  流程信息  -->
@@ -74,12 +60,6 @@
         </a-form-item>
       </a-form>
     </div>
-    <!--  人员信息  -->
-    <div v-if="switchValue === 'user'" class="detail-page-scroll-content p-0">
-      <process-detail-list :url="url">
-        <personnel-info slot="personnelInfo" :data="personnelInfoData" :currentNode="currentNode"></personnel-info>
-      </process-detail-list>
-    </div>
 
     <div class="detail-page-bottom-operate-box">
       <a-button type="primary" :loading="loading" @click="handleSave" ghost><i class="iconfont icon-save" />{{ $t('preservation') }}</a-button>
@@ -90,43 +70,12 @@
 </template>
 
 <script>
-import PersonnelInfo from '@comp/PersonnelInfo'
-import ProcessDetailList from '@comp/ProcessDetailList'
 import InternalDetailPage from '@comp/InternalDetailPage'
 import BaseInfoForm from '@views/workCenter/standardPromotionProcess/modules/BaseInfoForm'
 
-// 人员信息
-const approvalPersonalInfo = [ // 人员信息的数据
-  {
-    id: 1,
-    nodeName: '稽查负责人申请延期',
-    nodeRoleName: '稽查负责人',
-    canChoose: false,
-    userList: `系统管理员`
-  },
-  {
-    id: 2,
-    nodeName: '负责人主管级领导审批',
-    nodeRoleName: '负责人主管级领导',
-    canChoose: true,
-    chooseType: 'radio',
-    // chooseSource: 'contactManage',
-    fieldName: 'contactUser'
-  },
-  {
-    id: 3,
-    nodeName: '稽查联络人评估',
-    nodeRoleName: '稽查联络人',
-    canChoose: false,
-    chooseType: 'checkbox',
-    // chooseSource: 'contactManage',
-    fieldName: 'contactUser'
-  }
-]
-
 export default {
   name: 'StandardPromotionProcess',
-  components: { BaseInfoForm, PersonnelInfo, ProcessDetailList, InternalDetailPage },
+  components: { BaseInfoForm, InternalDetailPage },
   data () {
     return {
       loading: false,
@@ -205,9 +154,6 @@ export default {
       if (this.loading) return
       this.currentNode = +this.currentNode + 1 + ''
     }
-  },
-  mounted () {
-    this.personnelInfoData = approvalPersonalInfo
   }
 }
 </script>

src/views/workCenter/standardPromotionProcess/modules/BaseInfoForm.vue

@@ -289,14 +289,4 @@ export default {
   border-top: 1px solid #E5E6EB;
   border-radius: 8px 8px 8px 8px;
 }
-// 无边框无背景
-.readonly-transparent {
-  background-color: transparent;
-  border-color: transparent;
-  &:hover {
-    cursor: default;
-    background-color: transparent;
-    border-color: transparent;
-  }
-}
 </style>