update 标准法规入库/变更流程-流程详情
This commit is contained in:
赵霄
+88
-10
@@ -1,22 +1,36 @@
|
||||
<template>
|
||||
<internal-detail-page :title="pageTitle" :content-padding="0">
|
||||
<div class="scroll-content">
|
||||
<!--流程信息-->
|
||||
<!-- 标题右侧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" v-show="switchValue === 'base'">
|
||||
<div class="process-part-title">流程信息</div>
|
||||
<a-form :form="processInfoForm">
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.nodeName')">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('standardRegulationLibrary.nodeName')"
|
||||
<!--流程名称-->
|
||||
<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
|
||||
v-decorator="['nodeName']" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardRegulationLibrary.nodeName')">
|
||||
<!--截止日期-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
|
||||
<a-date-picker class="box-input"
|
||||
:placeholder="$t('pleaseSelect')"
|
||||
:placeholder="$t('pleaseSelect') + $t('expirationDate')"
|
||||
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
@@ -24,8 +38,9 @@
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('standardRegulationLibrary.nodeName')">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('standardRegulationLibrary.nodeName')"
|
||||
<!--流程说明-->
|
||||
<a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('processExplain')"
|
||||
@change="event => event.target.value = event.target.value.trim()"
|
||||
:maxLength="500"
|
||||
type="textarea"
|
||||
@@ -245,6 +260,14 @@
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</div>
|
||||
<!--人员信息-->
|
||||
<div class="scroll-content p-0" v-show="switchValue === 'user'">
|
||||
<process-detail-list>
|
||||
<template #personnelInfo>
|
||||
<personnel-info :data="personalInfoData" />
|
||||
</template>
|
||||
</process-detail-list>
|
||||
</div>
|
||||
<div class="bottom-operate-box">
|
||||
<!--保存-->
|
||||
<a-button type="primary" :loading="loading" @click="handleSave">{{ $t('preservation') }}</a-button>
|
||||
@@ -266,10 +289,12 @@ import JMultipleDatePicker from '../../../components/JMultipleDatePicker.vue'
|
||||
import UserSelection from '../../../components/selection/UserSelection.vue'
|
||||
import StandardSelection from '../../../components/selection/StandardSelection.vue'
|
||||
import UploadFile from '../../../components/UploadFile.vue'
|
||||
import PersonnelInfo from '../../../components/PersonnelInfo.vue'
|
||||
import ProcessDetailList from '../../../components/ProcessDetailList.vue'
|
||||
|
||||
export default {
|
||||
name: 'StandardEntryOrChangeProcess',
|
||||
components: { UploadFile, StandardSelection, UserSelection, JMultipleDatePicker, InternalDetailPage },
|
||||
components: { PersonnelInfo, UploadFile, StandardSelection, UserSelection, JMultipleDatePicker, InternalDetailPage, ProcessDetailList },
|
||||
data () {
|
||||
return {
|
||||
FieldType,
|
||||
@@ -318,7 +343,53 @@ export default {
|
||||
uploadName: '',
|
||||
sourceOptions: [],
|
||||
approvalInfoForm: this.$form.createForm(this),
|
||||
loading: false
|
||||
loading: false,
|
||||
switchValue: 'user',
|
||||
personalInfoData: [ // 人员信息的数据
|
||||
{
|
||||
id: 1,
|
||||
nodeName: '主起草人发起',
|
||||
nodeRoleName: '发起人',
|
||||
canChoose: false
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
nodeName: '部所联络人校对',
|
||||
nodeRoleName: '部所联络人',
|
||||
canChoose: true,
|
||||
chooseType: 'radio',
|
||||
chooseSource: 'contactManage'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
nodeName: '专家审批',
|
||||
nodeRoleName: '专家',
|
||||
canChoose: true,
|
||||
chooseType: 'checkbox',
|
||||
chooseSource: 'workGroup'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
nodeName: '发起人主管级领导审批',
|
||||
nodeRoleName: '发起人主管级领导',
|
||||
canChoose: true,
|
||||
chooseType: 'radio'
|
||||
},
|
||||
// {
|
||||
// id: 5,
|
||||
// nodeName: '发起人主管级上级领导审批',
|
||||
// nodeRoleName: '发起人主管级上级领导',
|
||||
// canChoose: true,
|
||||
// chooseType: 'radio'
|
||||
// },
|
||||
// {
|
||||
// id: 6,
|
||||
// nodeName: '标准化审批',
|
||||
// nodeRoleName: '标准化',
|
||||
// canChoose: true,
|
||||
// chooseType: 'radio'
|
||||
// }
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -518,6 +589,9 @@ export default {
|
||||
handleOperationTypeChange () {
|
||||
console.log(this.basicFormInfo.operationType)
|
||||
},
|
||||
switchChange (value) {
|
||||
this.switchValue = value
|
||||
},
|
||||
handleSave () {
|
||||
|
||||
},
|
||||
@@ -608,4 +682,8 @@ export default {
|
||||
overflow: auto;
|
||||
padding: 32px;
|
||||
}
|
||||
|
||||
.p-0 {
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user