ZQ/laws-sinotruk-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 会后管理流程

Browse Source
This commit is contained in:
danshihao
2023-12-01 19:27:41 +08:00
parent 5a4bda1bc3
commit 1df3d38352
8 changed files with 724 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/workCenter/standardPromotionProcess/StandardPromotionProcess.vue
+233 -30
View File
@@ -1,5 +1,5 @@
<template>
<internal-detail-page :title="pageTitle" :content-padding="0">
<internal-detail-page :title="pageTitle" :content-padding="0" :loading="loading">
<!--基本信息-->
<div class="detail-page-scroll-content" v-show="switchValue === 'base'">
<!-- 流程信息 -->
@@ -13,7 +13,7 @@
@change="event => event.target.value = event.target.value.trim()"
:maxLength="50"
:disabled="disabled || processDisabled"
v-decorator="['processName', validatorRules.processName]" />
v-decorator="['prcName', validatorRules.processName]" />
</a-form-item>
</a-col>
<a-col :span="12">
@@ -22,8 +22,8 @@
<a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
style="width: 100%"
:disabled="disabled || processDisabled"
value-format="YYYY-MM-DD"
v-decorator="['expirationDate']" />
value-format="YYYY-MM-DD hh:mm:ss"
v-decorator="['dueTime']" />
</a-form-item>
</a-col>
<a-col :span="24">
@@ -33,7 +33,7 @@
:maxLength="500"
:rows="4"
:disabled="disabled || processDisabled"
v-decorator="['processExplain']" />
v-decorator="['prcMes']" />
</a-form-item>
</a-col>
</a-row>
@@ -41,8 +41,7 @@
<!-- 业务基本信息 -->
<div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
<base-info-form/>
<base-info-form :disabled="disabled" ref="baseInfoForm"/>
<!-- 流程审批信息 -->
<div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
@@ -52,26 +51,37 @@
<a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
:maxLength="500"
:rows="4"
v-decorator="['remarks', validatorRules.remarks]" />
v-decorator="['commitText', validatorRules.remarks]" />
</a-form-item>
<!--附件-->
<a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
<j-upload v-decorator="['file']" return-id />
<j-upload v-decorator="['commitFile']" return-id />
</a-form-item>
</a-form>
</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>
<!--取消-->
<a-button v-if="1 & btn" type="primary" :loading="loading" ghost @click="handleCancel">{{ $t('cancel') }}</a-button>
<!--保存-->
<a-button v-if="2 & btn" type="primary" :loading="loading" @click="handleSave" ghost><i class="iconfont icon-save" />{{ $t('preservation') }}</a-button>
<!--提交-->
<a-button v-if="4 & btn" type="primary" :loading="loading" @click="handleSubmit" icon="upload">{{ $t('submit') }}</a-button>
</div>
</internal-detail-page>
</template>
<script>
import '@assets/less/common.less'
import InternalDetailPage from '@comp/InternalDetailPage'
import BaseInfoForm from '@views/workCenter/standardPromotionProcess/modules/BaseInfoForm'
import { ProcessKey, StandardPromotion } from '@/enums/commonEnums'
import {
getStandardPromotionDataById, getStandardPromotionDetail,
getStandardPromotionProjectId,
saveStandardPromotion,
startStandardPromotion
} from '@api/workCenter'
export default {
name: 'StandardPromotionProcess',
@@ -80,7 +90,6 @@ export default {
return {
loading: false,
switchValue: 'base',
disabled: false,
labelCol: {
xs: { span: 24 },
sm: { span: 4 }
@@ -97,8 +106,17 @@ export default {
xs: { span: 24 },
sm: { span: 22 }
},
currentNode: '1',
personnelInfoData: [], // 人员信息数据
// 流程key
processKey: ProcessKey.STANDARD_PROMOTION.value,
// 当前流程信息
StandardPromotion,
info: {},
formInfo: {},
currentNode: '',
currentNodeName: '',
// 项目id
projectId: '',
btn: 0,
validatorRules: {
// 流程名称
processName: {
@@ -122,37 +140,222 @@ export default {
validateTrigger: 'blur'
}
},
// 流程表单
processInfoForm: this.$form.createForm(this),
baseInfoForm: this.$form.createForm(this),
approvalInfoForm: this.$form.createForm(this),
url: {
list: '' // 人员信息右侧表的分页查询接口
}
// 流程审批信息表单
approvalInfoForm: this.$form.createForm(this)
}
},
computed: {
pageTitle () {
return this.$t('flowCenter') + this.$route.meta.title
return this.$t('flowCenter') + this.$route.meta.title + '（' + this.nodeTitle + '）'
},
// 节点标题
nodeTitle () {
return this.$route.query.taskName || StandardPromotion.initiate.text
},
// 禁用业务表单
disabled () {
return !this.isInitiate
},
// 流程信息禁用
processDisabled () {
return +this.currentNode > 1
return this.currentNode !== StandardPromotion.initiate.value
},
// 是否发起节点（节点1）
isInitiate () {
return this.currentNode === StandardPromotion.initiate.value
}
// leaderApproval
// standardApproval
},
created () {
const { projectId, nodeId, taskName } = this.$route.query
// 发起、草稿进来没有nodeId，就默认发起节点
this.currentNode = nodeId || StandardPromotion.initiate.value
this.currentNodeName = taskName || StandardPromotion.initiate.text
this.projectId = projectId
this.btn = StandardPromotion.propertyOfValue('btn', this.currentNode) || 0
// 如果有nodeId，但是匹配不到任何节点，就是是增加的审批节点
if (nodeId && !StandardPromotion.keyOfValue(nodeId)) {
// 提交按钮
this.btn = 4
}
// 如果是待办进来，就获取详情数据
if (this.$route.query.projectId) {
this.loadPage()
return
}
// 如果是新建进来，就获取项目id
this.getProjectId()
},
methods: {
switchChange (value) {
this.switchValue = value
/**
* 获取项目id
*/
getProjectId () {
this.loading = true
// 否则就是创建一个新的流程
getStandardPromotionProjectId().then(res => {
if (res) {
this.projectId = res + ''
}
}).finally(() => {
this.loading = false
})
},
handleSave () {
// if (this.loading) return
/**
* 获取页面详情
*/
loadPage () {
const { projectId, taskId } = this.$route.query
this.loading = true
// 获取业务数据
getStandardPromotionDataById({ projectId: this.projectId }).then(res => {
if (res.success) {
const data = res.result || {}
// 保存并回显表单信息
this.formInfo = data
this.$nextTick(() => {
this.$refs.baseInfoForm.initData(data)
})
}
})
// 获取流程数据
getStandardPromotionDetail({
projectId,
taskId
}).then(res => {
if (res.success) {
const data = res.result || {}
const processAll = data.processAll || {}
const processApprovalRecord = data.processApprovalRecord || {}
this.info = data
// 页面回显
this.processInfoForm && this.processInfoForm.setFieldsValue({
prcName: processAll.prcName,
dueTime: processAll.dueTime,
prcMes: processAll.prcMes
})
this.approvalInfoForm && this.approvalInfoForm.setFieldsValue({
commitText: processApprovalRecord.commitText,
commitFile: processApprovalRecord.commitFile
})
}
}).finally(() => {
this.loading = false
})
},
// 获取页面参数
async getPageParams (isValidate = true) {
const params = {}
// 收集所有表单信息
let formDataList = []
if (isValidate) {
formDataList = await this.validateFormList(this.processInfoForm, this.approvalInfoForm)
formDataList[2] = await this.$refs.baseInfoForm.getDataValidate()
} else {
formDataList = [
this.processInfoForm.getFieldsValue(),
this.approvalInfoForm.getFieldsValue(),
this.$refs.baseInfoForm.getData()
]
}
// 开始处理信息
// 流程信息
params.processAll = Object.assign({}, this.info.processAll, formDataList[0], {
projectId: this.projectId,
taskId: this.$route.query.taskId
})
// 处理其他参数
params.map = Object.assign({}, {
initiator: this.$store.getters.userInfo.id
})
// 流程审批信息
params.processApprovalRecord = Object.assign({}, this.info.processApprovalRecord, formDataList[1], {
projectId: this.projectId
})
// 业务信息
params.processEsDeclare = Object.assign({}, formDataList[2], {
projectId: this.projectId,
id: this.formInfo.id
})
return params
},
/**
* 保存
*/
handleSave () {
if (this.loading) return
this.loading = true
this.getPageParams(false).then(res => {
console.log(res)
return saveStandardPromotion(res)
}).then(res => {
if (res.success) {
this.$message.success(res.message)
this.goBack()
} else {
this.$message.warn(res.message)
}
}).catch((err) => {
console.log(err)
}).finally(() => {
this.loading = false
})
},
/**
* 提交
*/
handleSubmit () {
if (this.loading) return
this.currentNode = +this.currentNode + 1 + ''
this.loading = true
this.getPageParams().then(res => {
console.log(res)
return startStandardPromotion(res)
}).then(res => {
if (res.success) {
this.$message.success(res.message)
this.goBack()
} else {
this.$message.warn(res.message)
}
}).catch((err) => {
console.log(err)
}).finally(() => {
this.loading = false
})
},
handleAgree () {
if (this.loading) return
this.currentNode = +this.currentNode + 1 + ''
/**
* 验证所有表单
* @param formList - 多个需要校验的表单实例
*/
validateFormList (...formList) {
const promiseList = []
for (const form of formList) {
promiseList.push(
new Promise((resolve, reject) => {
form.validateFields((err, val) => {
if (!err) {
resolve(val)
} else {
reject(err)
}
})
})
)
}
return Promise.all(promiseList).catch(() => {
throw new Error('base')
})
},
handleCancel () {
this.goBack()
}
}
}
src/views/workCenter/standardPromotionProcess/modules/BaseInfoForm.vue
+64 -50
View File
@@ -1,7 +1,7 @@
<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="form-flex-box">
<!-- 紧急程度 -->
<div class="box-title-text form-flex-item">
<div class="title-text">
@@ -10,13 +10,13 @@
{{ $t('workCenter.standardPromotionProcess.urgency') }}
</span>
</div>
<a-form-model-item class="item-model" prop="urgency">
<a-form-model-item class="item-model" prop="emergencyDegree">
<j-dict-select-tag :disabled="disabled"
v-model="formInline.urgency"
v-model="formInline.emergencyDegree"
:placeholder="$t('pleaseSelect')+$t('workCenter.standardPromotionProcess.urgency')"
:triggerChange="false"
type="radio"
dictCode="yn" />
dictCode="emergency_degree" />
</a-form-model-item>
</div>
<!-- 企标编号 -->
@@ -27,13 +27,13 @@
{{ $t('workCenter.standardPromotionProcess.esNumber') }}
</span>
</div>
<a-form-model-item class="item-model" prop="esNumber">
<standard-selection source="3"
<a-form-model-item class="item-model" prop="standardNo">
<standard-selection source="3" type="radio"
:disabledSourceSearch="true"
:disabled="disabled"
:placeholder="$t('pleaseSelect')+$t('workCenter.standardPromotionProcess.esNumber')"
@nameChange="changeStandardName"
v-model="formInline.esNumber" />
v-model="formInline.standardNo" />
</a-form-model-item>
</div>
<!-- 企标名称 -->
@@ -43,9 +43,9 @@
{{ $t('workCenter.standardPromotionProcess.esName') }}
</span>
</div>
<a-form-model-item class="item-model" prop="esName">
<a-form-model-item class="item-model" prop="standardName">
<a-input disabled
v-model="formInline.esName"
v-model="formInline.standardName"
:maxLength="50"
:placeholder="$t('pleaseEnter')+$t('workCenter.standardPromotionProcess.esName')" />
</a-form-model-item>
@@ -58,9 +58,10 @@
{{ $t('workCenter.standardPromotionProcess.promoter') }}
</span>
</div>
<a-form-model-item class="item-model" prop="promoter">
<a-form-model-item class="item-model" prop="declareUser">
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.standardPromotionProcess.promoter')"
v-model="formInline.promoter"
v-model="formInline.declareUser"
:name-str="formInline.declareUserDictText"
:disabled="disabled"
type="radio" />
</a-form-model-item>
@@ -73,8 +74,8 @@
{{ $t('workCenter.standardPromotionProcess.mainDeliveryDepart') }}
</span>
</div>
<a-form-model-item class="item-model" prop="mainDeliveryDepart">
<a-input v-model="formInline.mainDeliveryDepart"
<a-form-model-item class="item-model" prop="mainDepart">
<a-input v-model="formInline.mainDepart"
:maxLength="50"
:placeholder="$t('pleaseEnter')+$t('workCenter.standardPromotionProcess.mainDeliveryDepart')" />
</a-form-model-item>
@@ -87,8 +88,8 @@
{{ $t('workCenter.standardPromotionProcess.subject') }}
</span>
</div>
<a-form-model-item class="item-model" prop="subject">
<a-input v-model="formInline.subject"
<a-form-model-item class="item-model" prop="declareTopic">
<a-input v-model="formInline.declareTopic"
:maxLength="50"
:placeholder="$t('pleaseEnter')+$t('workCenter.standardPromotionProcess.subject')" />
</a-form-model-item>
@@ -101,10 +102,10 @@
{{ $t('workCenter.standardPromotionProcess.promotionDate') }}
</span>
</div>
<a-form-model-item class="item-model" prop="promotionDate">
<a-form-model-item class="item-model" prop="declareDate">
<j-date date-format="YYYY-MM-DD" style="width: 100%" showType="day" :disabled="disabled"
:placeholder="$t('pleaseSelect') + $t('workCenter.standardPromotionProcess.promotionDate')"
v-model="formInline.promotionDate" />
v-model="formInline.declareDate" />
</a-form-model-item>
</div>
<!-- 参宣单位 -->
@@ -115,13 +116,14 @@
{{ $t('workCenter.standardPromotionProcess.participatingUnits') }}
</span>
</div>
<a-form-model-item class="item-model" prop="participatingUnits">
<a-form-model-item class="item-model" prop="attendUnit">
<j-select-depart
:disabled="disabled"
v-model="formInline.participatingUnits"
v-model="formInline.attendUnit"
:multi="true"
:placeholder="$t('pleaseSelect') + $t('workCenter.standardPromotionProcess.participatingUnits')"
:backDepart="true"
@change="changeParticipatingUnits"
:treeOpera="true">>
</j-select-depart>
</a-form-model-item>
@@ -134,9 +136,9 @@
{{ $t('workCenter.standardPromotionProcess.contactPerson') }}
</span>
</div>
<a-form-model-item class="item-model" prop="contactPerson">
<a-form-model-item class="item-model" prop="initiator">
<a-input disabled
v-model="formInline.contactPerson"
v-model="formInline.initiator"
:maxLength="50"
:placeholder="$t('pleaseEnter')+$t('workCenter.standardPromotionProcess.contactPerson')" />
</a-form-model-item>
@@ -149,24 +151,24 @@
{{ $t('workCenter.standardPromotionProcess.content') }}
</span>
</div>
<a-form-model-item class="item-model" prop="content">
<a-form-model-item class="item-model" prop="declareContent">
<a-textarea :maxLength="500"
:placeholder="$t('pleaseSelect')+$t('workCenter.standardPromotionProcess.content')"
:rows="4"
v-model="formInline.content" />
v-model="formInline.declareContent" />
</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.standardPromotionProcess.promotionalMaterials')">
{{ $t('workCenter.standardPromotionProcess.promotionalMaterials') }}
</span>
</div>
<a-form-model-item class="item-model" prop="promotionalMaterials">
<a-button type="primary" class="button-text" @click="clickButtonToUpload" :disabled="disabled">
<a-form-model-item class="item-model" prop="declareFile">
<a-button type="primary" class="button-text" @click="clickButtonToUpload" style="width: 100%;">
{{
(formInline.promotionalMaterials === 'null' || formInline.promotionalMaterials === '' || formInline.promotionalMaterials === null || formInline.promotionalMaterials === undefined)
(formInline.declareFile === 'null' || formInline.declareFile === '' || formInline.declareFile === null || formInline.declareFile === undefined)
? $t('uploadFile.clickUpload')
: $t('uploadFile.viewUploadedFiles')
}}
@@ -176,7 +178,7 @@
</div>
</div>
<!-- 上传 -->
<upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
<upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false" :disabled="disabled"></upload-file>
</a-form-model>
</template>
@@ -184,6 +186,7 @@
import StandardSelection from '@comp/selection/StandardSelection'
import UserSelection from '@comp/selection/UserSelection'
import UploadFile from '@comp/UploadFile'
import { getLiaisonList } from '@api/workCenter'
export default {
name: 'BaseInfoForm',
components: { UploadFile, UserSelection, StandardSelection },
@@ -197,6 +200,8 @@ export default {
data () {
return {
formInline: {},
// 当前数据
model: {},
// 操作类型
operationType: null,
rules: {
@@ -238,34 +243,36 @@ export default {
methods: {
// 拿到外面传进来的数据初始化，因为套了几层就不在外层初始化数据了
initData (data) {
this.data = data
this.model = Object.assign({}, data)
// 给表单赋值
// this.formInline =
this.formInline = {
...data
}
},
// 外层要获取数据
getData () {
// 把数据抛出，在线编辑不知道要不要抛
const data = {}
data.formInline = this.formInline
return data
return { ...this.formInline }
},
// 外层获取数据要过校验,返回false表示没有通过校验
getDataValidate (callback) {
this.$refs.ruleForm.validate(valid => {
if (valid) {
const data = {}
data.formInline = this.formInline
callback(data)
}
// 获取数据并验证
getDataValidate () {
return new Promise((resolve, reject) => {
this.$refs.ruleForm.validate(valid => {
if (valid) {
const data = { ...this.formInline }
resolve(data)
} else {
reject(new Error('base'))
}
})
})
},
// 选择标准带出名称
changeStandardName (val) {
this.formInline.esName = val
this.formInline.standardName = val
},
// 点击点击上传按钮
clickButtonToUpload (item) {
this.$refs.uploadFile.open(item.fileId)
clickButtonToUpload () {
this.$refs.uploadFile.open(this.formInline.declareFile)
// this.uploadName = item.dbFieldName
},
// 文件上传改变后的回调
@@ -277,7 +284,17 @@ export default {
})
}
/** 赋值给当前对应的表单文件 */
this.form.file = attIdList.join(',')
this.$set(this.formInline, 'declareFile', attIdList.join(','))
// this.formInline.attachment = attIdList.join(',')
},
// 选择参宣单位，回显联络人
changeParticipatingUnits (val) {
getLiaisonList({ deptIds: val }).then(res => {
if (res.success) {
const data = res.result || ''
this.$set(this.formInline, 'initiator', data)
}
})
}
}
}
@@ -285,8 +302,5 @@ export default {
<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>