对接任务确认流程

This commit is contained in:
qq787203167
2022-05-19 12:03:56 +08:00
parent 7709c22067
commit a0a7c9ecf9
9 changed files with 192 additions and 69 deletions
@@ -2,9 +2,9 @@
<div class="doc-detail"> <div class="doc-detail">
<div class="Virtual-detail-header" style="position: fixed;top: 0"> <div class="Virtual-detail-header" style="position: fixed;top: 0">
<div class="Virtual-detail-title"> <div class="Virtual-detail-title">
<span style="line-height: 74px;display: inline-block;float: left"> <!-- <span style="line-height: 74px;display: inline-block;float: left">-->
<a-icon @click="iconClick" type="arrow-left" style="margin-right: 6px;font-size: 26px;"/> <!-- <a-icon @click="iconClick" type="arrow-left" style="margin-right: 6px;font-size: 26px;"/>-->
</span> <!-- </span>-->
<span> <span>
{{isTrue ? $t('maintainVirtualList'):$t('virtualListDetails')}} {{isTrue ? $t('maintainVirtualList'):$t('virtualListDetails')}}
</span> </span>
@@ -419,25 +419,7 @@
}) })
}, },
distributionEngineer() { distributionEngineer() {
let msgType = '' postAction(this.url.DetailEOAdd, this.distributionEngineerList).then((res) => {
if (this.$route.query.flowType == 2) {
msgType = 'designIssueDreMsg'
} else if (this.$route.query.flowType == 3) {
msgType = 'prehomoIssueDreMsg'
} else if (this.$route.query.flowType == 4) {
msgType = 'verifyIssueDreMsg'
}
let query = {
status: 'NotDone',
actiProcInstId: this.$route.query.actiProcInstId,
projectTaskInventoryId: this.$route.query.projectTaskInventoryId,
flowType: this.$route.query.flowType,
userIds: this.formInline.userId,
taskDefinitionKey: 'dreDispose',
msgType: msgType,
formData: JSON.stringify(this.distributionEngineerList)
}
postAction(this.url.DetailEOAdd, query).then((res) => {
if (res.success) { if (res.success) {
if (res.success) { if (res.success) {
this.confirmLoading = false this.confirmLoading = false
@@ -532,10 +514,25 @@
PersonnelSelectionChange(value, id) { PersonnelSelectionChange(value, id) {
this.formInline[value] = id this.formInline[value] = id
if (id) { if (id) {
this.formInline.userName.split(',').forEach(res => { let msgType = ''
if (this.$route.query.flowType == 2) {
msgType = 'designIssueDreMsg'
} else if (this.$route.query.flowType == 3) {
msgType = 'prehomoIssueDreMsg'
} else if (this.$route.query.flowType == 4) {
msgType = 'verifyIssueDreMsg'
}
this.formInline.userName.split(',').forEach((res, index) => {
this.distributionEngineerList.push({ this.distributionEngineerList.push({
deliveryInstructions: '', deliveryInstructions: '',
name: res name: res,
status: 'NotDone',
actiProcInstId: this.$route.query.actiProcInstId,
projectTaskInventoryId: this.$route.query.projectTaskInventoryId,
flowType: this.$route.query.flowType,
userIds: this.formInline[value].split(',')[index],
taskDefinitionKey: 'dreDispose',
msgType: msgType
}) })
}) })
} }
@@ -195,7 +195,7 @@
<style scoped lang="less"> <style scoped lang="less">
.box { .box {
padding: 0 24px 24px 24px; padding: 0 24px 0 24px;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -255,9 +255,9 @@
margin-top: 9px; margin-top: 9px;
} }
.formAdd { /*.formAdd {*/
margin-bottom: 40px; /* margin-bottom: 40px;*/
} /*}*/
.button-text { .button-text {
height: 38px; height: 38px;
@@ -0,0 +1,117 @@
<template>
<div class="process-header">
<div class="process-header-title">
<div class="process-header-btn">
<!-- 终止流程-->
<a-button class="header-btn termin" v-if="isTerminationProcess" @click="terminationProcess" type="danger" ghost>
{{$t('terminationProcess')}}
</a-button>
<!-- 保存-->
<a-button class="header-btn prese" v-if="isPreservation" @click="preservation">{{$t('preservation')}}</a-button>
<!-- 下发-->
<a-button class="header-btn issue" v-if="isIssue" @click="issue" type="primary" ghost>{{$t('issue')}}</a-button>
<!-- 提交-->
<a-button class="header-btn submit" v-if="isSubmit" @click="submit" type="primary">{{$t('submit')}}</a-button>
<a-button class="header-btn termin" v-if="isSendBack" @click="sendBackCkick" type="danger" ghost>
{{$t('sendBack')}}
</a-button>
<a-button class="header-btn submit" v-if="isAdopt" @click="adopt" type="primary">{{$t('adopt')}}</a-button>
</div>
</div>
</div>
</template>
<script>
import moment from 'moment'
export default {
name: 'footerProcess',
props: {
title: {
type: String,
default: ''
},
//是否显示终止流程按钮
isTerminationProcess: {
type: Boolean,
default: false
},
//是否显示下发按钮
isIssue: {
type: Boolean,
default: false
},
//是否显示提交按钮
isSubmit: {
type: Boolean,
default: false
},
//是否显示保存按钮
isPreservation: {
type: Boolean,
default: false
},
//是否显示退回按钮
isSendBack: {
type: Boolean,
default: false
},
isAdopt: {
type: Boolean,
default: false
}
},
methods: {
terminationProcess() {
let handlingTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
this.$emit('terminationProcess', handlingTime)
},
preservation() {
this.$emit('preservation')
},
issue() {
this.$emit('issue')
},
submit() {
let handlingTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
this.$emit('submit', handlingTime)
},
sendBackCkick() {
let handlingTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
this.$emit('sendBack', handlingTime)
},
backTo() {
},
adopt() {
let handlingTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
this.$emit('adopt', handlingTime)
}
}
}
</script>
<style lang="less" scoped>
.process-header {
padding: 0 24px;
box-sizing: border-box;
.process-header-title {
height: 68px;
line-height: 68px;
background: #FFFFFF;
text-align: right;
.process-header-btn {
.header-btn {
margin-right: 10px;
}
.header-btn:last-child{
margin-right: 0;
}
}
}
}
</style>
@@ -2,25 +2,25 @@
<div class="process-header"> <div class="process-header">
<div class="process-header-title"> <div class="process-header-title">
<div class="process-title"> <div class="process-title">
<a-icon type="arrow-left" class="back-to" @click="backTo"/> <!-- <a-icon type="arrow-left" class="back-to" @click="backTo"/>-->
<span>{{title}}</span> <span>{{title}}</span>
</div> </div>
<div class="process-header-btn"> <!-- <div class="process-header-btn">-->
<!-- 终止流程--> <!-- &lt;!&ndash; 终止流程&ndash;&gt;-->
<a-button class="header-btn termin" v-if="isTerminationProcess" @click="terminationProcess" type="danger" ghost> <!-- <a-button class="header-btn termin" v-if="isTerminationProcess" @click="terminationProcess" type="danger" ghost>-->
{{$t('terminationProcess')}} <!-- {{$t('terminationProcess')}}-->
</a-button> <!-- </a-button>-->
<!-- 保存--> <!-- &lt;!&ndash; 保存&ndash;&gt;-->
<a-button class="header-btn prese" v-if="isPreservation" @click="preservation">{{$t('preservation')}}</a-button> <!-- <a-button class="header-btn prese" v-if="isPreservation" @click="preservation">{{$t('preservation')}}</a-button>-->
<!-- 下发--> <!-- &lt;!&ndash; 下发&ndash;&gt;-->
<a-button class="header-btn issue" v-if="isIssue" @click="issue" type="primary" ghost>{{$t('issue')}}</a-button> <!-- <a-button class="header-btn issue" v-if="isIssue" @click="issue" type="primary" ghost>{{$t('issue')}}</a-button>-->
<!-- 提交--> <!-- &lt;!&ndash; 提交&ndash;&gt;-->
<a-button class="header-btn submit" v-if="isSubmit" @click="submit" type="primary">{{$t('submit')}}</a-button> <!-- <a-button class="header-btn submit" v-if="isSubmit" @click="submit" type="primary">{{$t('submit')}}</a-button>-->
<a-button class="header-btn termin" v-if="isSendBack" @click="sendBackCkick" type="danger" ghost> <!-- <a-button class="header-btn termin" v-if="isSendBack" @click="sendBackCkick" type="danger" ghost>-->
{{$t('sendBack')}} <!-- {{$t('sendBack')}}-->
</a-button> <!-- </a-button>-->
<a-button class="header-btn submit" v-if="isAdopt" @click="adopt" type="primary">{{$t('adopt')}}</a-button> <!-- <a-button class="header-btn submit" v-if="isAdopt" @click="adopt" type="primary">{{$t('adopt')}}</a-button>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
</template> </template>
@@ -100,7 +100,7 @@
<style scoped lang="less"> <style scoped lang="less">
.box { .box {
padding: 0 24px 24px 24px; padding: 0 24px 0 24px;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -160,9 +160,9 @@
margin-top: 9px; margin-top: 9px;
} }
.formAdd { /*.formAdd {*/
margin-bottom: 40px; /* margin-bottom: 40px;*/
} /*}*/
.button-text { .button-text {
height: 38px; height: 38px;
@@ -2,12 +2,6 @@
<div id="examineBox"> <div id="examineBox">
<headerProcess <headerProcess
:title="$t('theRequirementst')" :title="$t('theRequirementst')"
is-termination-process
is-submit
:isSendBack="isSendBack"
@terminationProcess="terminationProcess"
@submit="submit"
@sendBack="sendBack"
/> />
<div class="detail-box"> <div class="detail-box">
<div class="detail-content"> <div class="detail-content">
@@ -35,6 +29,14 @@
isApprovalOpinion isApprovalOpinion
ref="examineInformationRef" ref="examineInformationRef"
:url="url"/> :url="url"/>
<footerProcess
is-termination-process
is-submit
:isSendBack="isSendBack"
@terminationProcess="terminationProcess"
@submit="submit"
@sendBack="sendBack"
/>
<circulationHistory v-if="isDisplay"/> <circulationHistory v-if="isDisplay"/>
</div> </div>
</div> </div>
@@ -44,6 +46,7 @@
<script> <script>
import headerProcess from '../../components/headerProcess' import headerProcess from '../../components/headerProcess'
import footerProcess from '../../components/footerProcess'
import projectInformation from '../../components/projectInformation' import projectInformation from '../../components/projectInformation'
import standardContent from '../../components/standardContent' import standardContent from '../../components/standardContent'
import standardContentListTable from '../../components/standardContentList' import standardContentListTable from '../../components/standardContentList'
@@ -61,7 +64,8 @@
standardContent, standardContent,
standardContentListTable, standardContentListTable,
examineInformation, examineInformation,
circulationHistory circulationHistory,
footerProcess
}, },
data() { data() {
return { return {
@@ -2,14 +2,6 @@
<div id="examineBox"> <div id="examineBox">
<headerProcess <headerProcess
:title="$t('confirmationOfDesignConformity')" :title="$t('confirmationOfDesignConformity')"
:is-termination-process="isTerminationProcess"
:is-adopt="isAdopt"
:isSendBack="isSendBack"
:isSubmit="isSubmit"
@terminationProcess="terminationProcess"
@adopt="adopt"
@sendBack="sendBack"
@submit="submit"
/> />
<div class="detail-box"> <div class="detail-box">
<div class="detail-content"> <div class="detail-content">
@@ -35,7 +27,18 @@
v-if="(isDisplay && $route.query.TaskKey == 'zrrclrw') || v-if="(isDisplay && $route.query.TaskKey == 'zrrclrw') ||
(isDisplay && $route.query.TaskKey == 'fqrsh')" (isDisplay && $route.query.TaskKey == 'fqrsh')"
/> />
<footerProcess
:is-termination-process="isTerminationProcess"
:is-adopt="isAdopt"
:isSendBack="isSendBack"
:isSubmit="isSubmit"
@terminationProcess="terminationProcess"
@adopt="adopt"
@sendBack="sendBack"
@submit="submit"
/>
<circulationHistory v-if="isDisplay"/> <circulationHistory v-if="isDisplay"/>
</div> </div>
</div> </div>
<JLoading :loading="loading">{{textLoading}}</JLoading> <JLoading :loading="loading">{{textLoading}}</JLoading>
@@ -44,6 +47,7 @@
<script> <script>
import headerProcess from '../../components/headerProcess' import headerProcess from '../../components/headerProcess'
import footerProcess from '../../components/footerProcess'
import projectInformation from '../../components/projectInformation' import projectInformation from '../../components/projectInformation'
import standardContent from '../../components/standardContent' import standardContent from '../../components/standardContent'
import standardContentListTable from '../../components/standardContentList' import standardContentListTable from '../../components/standardContentList'
@@ -62,7 +66,8 @@
standardContentListTable, standardContentListTable,
reviewedByThePersonInCharge, reviewedByThePersonInCharge,
circulationHistory, circulationHistory,
engineeringConfirmation engineeringConfirmation,
footerProcess
}, },
data() { data() {
return { return {
@@ -98,7 +103,7 @@
{ {
title: this.$t('applicableSupplement'), title: this.$t('applicableSupplement'),
value: 'applicableSupplement' value: 'applicableSupplement'
}, }
// { // {
// title: this.$t('remarks'), // title: this.$t('remarks'),
// value: 'remark' // value: 'remark'
@@ -2,9 +2,9 @@
<div class="doc-detail"> <div class="doc-detail">
<div class="Virtual-detail-header" style="position: fixed;top: 0"> <div class="Virtual-detail-header" style="position: fixed;top: 0">
<div class="Virtual-detail-title"> <div class="Virtual-detail-title">
<span style="line-height: 74px;display: inline-block;float: left"> <!-- <span style="line-height: 74px;display: inline-block;float: left">-->
<a-icon type="left-circle" theme="filled" style="margin-right: 6px;font-size: 30px;color: #21c9cc;"/> <!-- <a-icon type="left-circle" theme="filled" style="margin-right: 6px;font-size: 30px;color: #21c9cc;"/>-->
</span> <!-- </span>-->
<span> <span>
{{this.title}} {{this.title}}
</span> </span>