Merge remote-tracking branch 'origin/develop' into develop
This commit is contained in:
super_liu
@@ -70,7 +70,7 @@
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
@click="handleSave"
|
||||
:loading="submitLoading"
|
||||
:loading="saveLoading"
|
||||
v-if="showSave">
|
||||
<i class="iconfont"></i>
|
||||
保存
|
||||
@@ -80,7 +80,7 @@
|
||||
size="small"
|
||||
class="common-button-danger"
|
||||
@click="beforeBack"
|
||||
:loading="submitLoading"
|
||||
:loading="isSubmitBack"
|
||||
v-if="showBack">
|
||||
<i class="iconfont" style="font-size: 12px;"></i>
|
||||
{{ backBTNText }}</el-button>
|
||||
@@ -111,6 +111,15 @@
|
||||
:loading="submitLoading"
|
||||
v-if="showAffirm"
|
||||
>确认</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
class="common-button-primary"
|
||||
icon="el-icon-close"
|
||||
@click="handleRecord"
|
||||
:loading="recordLoading"
|
||||
v-if="showRecord"
|
||||
>不备案</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 组织机构树 -->
|
||||
@@ -188,6 +197,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
showRecord:{
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
showAffirm: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
@@ -206,6 +219,11 @@ export default {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
//不备案按钮Loading
|
||||
recordLoading:{
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 提交按钮loading
|
||||
submitLoading: {
|
||||
type: Boolean,
|
||||
@@ -221,7 +239,7 @@ export default {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 保存按钮loading
|
||||
// 退回按钮loading
|
||||
isSubmitBack: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
@@ -255,6 +273,9 @@ export default {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
backBTNTexts: {
|
||||
type: String
|
||||
},
|
||||
submitBTNText: {
|
||||
type: String
|
||||
}
|
||||
@@ -285,6 +306,9 @@ export default {
|
||||
handleSubmit2() {
|
||||
this.$emit('submit2')
|
||||
},
|
||||
handleRecord(){
|
||||
this.$emit('record')
|
||||
},
|
||||
handleSubmit() {
|
||||
this.$emit('submit')
|
||||
},
|
||||
@@ -384,7 +408,7 @@ export default {
|
||||
},
|
||||
// 退回按钮文字
|
||||
backBTNText() {
|
||||
return this.approval ? '驳回' : '退回'
|
||||
return this.backBTNTexts ? this.backBTNTexts : this.approval ? '驳回' : '退回'
|
||||
},
|
||||
userId() {
|
||||
return this.userInfo.userId
|
||||
@@ -402,7 +426,7 @@ export default {
|
||||
text-align: right;
|
||||
background: #fff;
|
||||
z-index: 999;
|
||||
padding: 0;
|
||||
padding: 0 10px 0 0;
|
||||
.footer-line {
|
||||
height: 1px;
|
||||
box-shadow: 0 -1px 2px 0px #e8e8e8;
|
||||
|
||||
@@ -0,0 +1,816 @@
|
||||
<!--外部标准化协会入会流程-->
|
||||
<template>
|
||||
<div class="bzrhStep1">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="rh_pageData" :model="rh_pageData" :rules="rh_rules" label-width="150px">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
<el-select
|
||||
v-model="rh_pageData.comityName"
|
||||
placeholder="请选择标委会">
|
||||
<el-option
|
||||
v-for="item in comityNameOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item v-if="rh_pageData.comityName !== ''">
|
||||
<el-select
|
||||
v-model="rh_pageData.comityNameOne"
|
||||
placeholder="请选择分标委">
|
||||
<el-option
|
||||
v-for="item in comityNameOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="" v-if="rh_pageData.comityName !== '' && rh_pageData.comityNameOne !== ''">
|
||||
<el-select
|
||||
v-model="rh_pageData.comityNameTwo"
|
||||
placeholder="请选择工作组">
|
||||
<el-option
|
||||
v-for="item in comityNameOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-divider/>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会员角色:" prop="comityRole">
|
||||
<el-select
|
||||
v-model="rh_pageData.comityRole"
|
||||
placeholder="请选择会员角色">
|
||||
<el-option
|
||||
v-for="item in comityRoleOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会状态:" prop="comityState">
|
||||
<el-select
|
||||
v-model="rh_pageData.comityState"
|
||||
placeholder="选择协会状态">
|
||||
<el-option
|
||||
v-for="item in comityStateOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="入会性质:" prop="comityKind">
|
||||
<el-select
|
||||
v-model="rh_pageData.comityKind"
|
||||
placeholder="请选择入会性质">
|
||||
<el-option
|
||||
v-for="item in comityKindOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-divider/>
|
||||
<el-form-item label="信息来源:" prop="infoSources">
|
||||
<el-upload
|
||||
style="width: 30%"
|
||||
class="upload_style"
|
||||
:disabled="acceptShow"
|
||||
multiple
|
||||
ref="uploadFile"
|
||||
:action="uploadPath"
|
||||
name="file"
|
||||
:file-list="fileTextList"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="handleBeforeUpload"
|
||||
:before-remove="handleBeforeRemove"
|
||||
:on-success="handleOnsuccess"
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="uploadFile"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-divider/>
|
||||
<el-form-item label="协会构成:" prop="comityMake">
|
||||
<el-form
|
||||
class="make_form"
|
||||
ref="rh_pageData.comityMake"
|
||||
:model="rh_pageData.comityMake"
|
||||
label-width="auto">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资质:">
|
||||
<el-input v-model="rh_pageData.comityMake.makeQualification"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="成员:">
|
||||
<el-input v-model="rh_pageData.comityMake.makeRole"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用估计:">
|
||||
<el-input v-model="rh_pageData.comityMake.makeCost"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职责:">
|
||||
<el-input v-model="rh_pageData.comityMake.makeDuties"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任期:">
|
||||
<el-input v-model="rh_pageData.comityMake.makeTime"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-form-item>
|
||||
<el-divider/>
|
||||
<el-form-item label="工作方向:" prop="workPath">
|
||||
<el-input v-model="rh_pageData.workPath" type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
<el-divider/>
|
||||
<el-form-item label="协会外部联系方式:" style="margin-bottom: 50px">
|
||||
<div class="comityTel_btn">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-plus"
|
||||
@click="add_comityTel">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="small"
|
||||
icon="el-icon-delete"
|
||||
@click="del_comityTel">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
calss="tel_table"
|
||||
:data="rh_pageData.comityTel"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
@selection-change="selectedDelete"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
prop="tel_name"
|
||||
align="center"
|
||||
label="联络人">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_name"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tel_unit"
|
||||
align="center"
|
||||
label="单位">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_unit"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tel_phone"
|
||||
align="center"
|
||||
label="电话">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_phone"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tel_mail"
|
||||
align="center"
|
||||
label="邮箱">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_mail"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="roleForm"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||
<h4>流程发起人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.startUser" :disabled="true" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.startUserName" :disabled="true" placeholder="流程发起人"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="指派人员" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>技术委员会分委会主任/技术主管部门负责人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" placeholder="选择指派人员" @click.native="choiceZRR('dockUser', '选择指派人员', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="填写信息" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName1" style="margin-bottom: 0">
|
||||
<h4>责任工程师</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dutyUser1" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dutyUserName1" :disabled="true" placeholder="责任工程师">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="partUserId" style="margin-bottom: 0">
|
||||
<h4>参会人员所在部门负责人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.partUserId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.partUser" :disabled="true" placeholder="参会人员所在部门负责人">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="汇总修订" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规部人员</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择标准法规部人员" @click.native="choiceZRR('dockUser', '选择标准法规部人员', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.leaderUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="leaderUser" style="margin-bottom: 0">
|
||||
<h4>标准法规部主管领导</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.leaderUserId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.leaderUser" placeholder="选择标准法规部主管领导" @click.native="choiceZRROne('leaderUser', '选择标准法规部主管领导', roleForm.leaderUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="会签" placement="top" :color="roleForm.feeUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="feeUser" style="margin-bottom: 0">
|
||||
<h4>费用管理部门</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.feeUserId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.feeUser" placeholder="选择费用管理部门" @click.native="choiceZRR('feeUser', '选择费用管理部门', roleForm.feeUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审定" placement="top" :color="roleForm.engineerUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="engineerUser" style="margin-bottom: 0">
|
||||
<h4>技术委员会常务副主任/总院院长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.engineerUserId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.engineerUser" placeholder="选择人员" @click.native="choiceZRROne('engineerUser', '选择人员', roleForm.engineerUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="批准" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="totalLeader" style="margin-bottom: 0">
|
||||
<h4>总院技术委员会主任</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择总院技术委员会主任" @click.native="choiceZRROne('startUser', '选择总院技术委员会主任', roleForm.startUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
check-box
|
||||
is-title="选择人员信息"
|
||||
:is-visible.sync="roleShowflagOne"
|
||||
:nodeList="nodeListOne"
|
||||
@checkedRole="drawerCheckOne"
|
||||
/>
|
||||
<Role-tree
|
||||
is-title="选择人员信息"
|
||||
:is-visible.sync="roleShowflag"
|
||||
:nodeList="nodeList"
|
||||
@checkedRole="drawerCheck"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from '../../components/ProcessHeader'
|
||||
import ProcessFooter from '../../components/ProcessFooter'
|
||||
import ProcessTitle from '../../components/ProcessTitle'
|
||||
import {startProcess, saveTaskFirst, completeTask, queryTaskFirst} from '@/api/process.js'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzrhStep1",
|
||||
data() {
|
||||
return {
|
||||
active: '1', // 默认显示
|
||||
rh_pageData: {
|
||||
comityName: '',
|
||||
comityNameOne: '',
|
||||
comityNameTwo: '',
|
||||
comityRole: '',
|
||||
comityState: '',
|
||||
comityKind: '',
|
||||
infoSources: [],
|
||||
comityMake: {
|
||||
makeQualification: '',
|
||||
makeRole: '',
|
||||
makeCost: '',
|
||||
makeDuties: '',
|
||||
makeTime: '',
|
||||
},
|
||||
workPath: '',
|
||||
comityTel: [],
|
||||
},
|
||||
comityNameOptions: [
|
||||
{value: '0', label: '国内法规入库流程'},
|
||||
{value: '1', label: '标准法规技术评估流程'},
|
||||
],
|
||||
comityRoleOptions: [
|
||||
{value: '0', label: '委员'},
|
||||
{value: '1', label: '观察委员'},
|
||||
{value: '2', label: '通讯委员'},
|
||||
{value: '3', label: '成员'}
|
||||
],
|
||||
comityStateOptions: [
|
||||
{value: '0', label: '常设机构'},
|
||||
{value: '1', label: '临时机构'}
|
||||
],
|
||||
comityKindOptions: [
|
||||
{value: '0', label: '新增'},
|
||||
{value: '1', label: '换届'},
|
||||
{value: '2', label: '委员改选'}
|
||||
],
|
||||
/** 上传相关 */
|
||||
acceptShow: false,
|
||||
// 上传路径
|
||||
uploadPath: 'api/att/attFile/upload',
|
||||
// 上传所储存文件数组
|
||||
fileTextList: [],
|
||||
newDataList: [],
|
||||
|
||||
deleteDataList: [],
|
||||
|
||||
unqualidiedData: [],
|
||||
|
||||
roleForm: {
|
||||
startUserName: this.$store.getters.userInfo.userName,
|
||||
startUser: this.$store.getters.userInfo.userId,
|
||||
dockUserName: '',
|
||||
dockUser: '',
|
||||
leaderUser: '',
|
||||
leaderUserId: '',
|
||||
feeUser: '',
|
||||
feeUserId: '',
|
||||
engineerUser: '',
|
||||
engineerUserId: '',
|
||||
|
||||
},
|
||||
rh_rules: {},
|
||||
roleFormRules: {
|
||||
dockUserName: [{required: true, message: "请选择标准法规工程师", trigger: ['blur', 'change']}]
|
||||
},
|
||||
roleShowflag: false,
|
||||
roleShowflagOne: false,
|
||||
nodeList: [],
|
||||
nodeListOne: [],
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.bpnId = this.$route.query.bpnId
|
||||
if (this.bpnId !== undefined) {
|
||||
this.getData()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
|
||||
getData() {
|
||||
queryTaskFirst({
|
||||
bpnId: this.$route.query.bpnId
|
||||
}).then(res => {
|
||||
let mes = JSON.parse(res.mes)
|
||||
this.rh_pageData = mes.rh_pageData
|
||||
this.roleForm = mes.roleForm
|
||||
});
|
||||
},
|
||||
//上传按钮
|
||||
uploadFile(val) {
|
||||
},
|
||||
// 文件上传限制条件
|
||||
handleBeforeUpload(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.spinShow = false
|
||||
this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX或XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
// 移除上传的文件
|
||||
handleBeforeRemove(file, fileList) {
|
||||
this.fileData = fileList
|
||||
this.fileTextList.forEach((item, index) => {
|
||||
if (item.name === file.name || item.id === file.id) {
|
||||
this.fileTextList.splice(index, 1)
|
||||
}
|
||||
})
|
||||
},
|
||||
// 文件上传成功
|
||||
handleOnsuccess(res, file, fileList) {
|
||||
if (res.ok) {
|
||||
if (this.fileTextList !== null) {
|
||||
this.newDataList = this.fileTextList
|
||||
this.newDataList.push({
|
||||
id: res.data.attId,
|
||||
name: res.data.standName
|
||||
})
|
||||
} else {
|
||||
this.newDataList.push({
|
||||
id: res.data.attId,
|
||||
name: res.data.standName
|
||||
})
|
||||
}
|
||||
this.rh_pageData.infoSources = this.newDataList
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: 'success'
|
||||
})
|
||||
this.fileMadel = false
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
/** 添加 */
|
||||
add_comityTel() {
|
||||
var list = {
|
||||
tel_name: this.tel_name,
|
||||
tel_unit: this.tel_unit,
|
||||
tel_phone: this.tel_phone,
|
||||
tel_mail: this.tel_mail
|
||||
}
|
||||
this.rh_pageData.comityTel.push(list)
|
||||
},
|
||||
/** 批量删除 */
|
||||
del_comityTel() {
|
||||
if (this.deleteDataList.length < 1) {
|
||||
this.$message.warning("请选择一条数据进行删除");
|
||||
} else {
|
||||
this.$confirm("您确认删除这些数据?", "提示", {
|
||||
confirmButtonText: "确认",
|
||||
confirmButtonClass: "common-button-primary",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
let exits = [];
|
||||
this.deleteDataList.map(item => {
|
||||
let index;
|
||||
index = this.rh_pageData.comityTel.findIndex(items => {
|
||||
return items === item;
|
||||
});
|
||||
if (index > -1) {
|
||||
this.rh_pageData.comityTel.splice(index, 1);
|
||||
}
|
||||
exits.push(item);
|
||||
});
|
||||
this.deleteDataList = [];
|
||||
}).catch(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
// 协会外部联系方式批量选择
|
||||
selectedDelete(val) {
|
||||
this.deleteDataList = val
|
||||
},
|
||||
|
||||
// 流程阶段负责人选择
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.roleShowflag = true
|
||||
},
|
||||
drawerCheck(data) {
|
||||
var idList = ''
|
||||
var nameList = ''
|
||||
data.forEach(item => {
|
||||
if (nameList.length > 0) {
|
||||
nameList += ','
|
||||
idList += ','
|
||||
}
|
||||
idList += item.id;
|
||||
nameList += item.name;
|
||||
});
|
||||
if (this.type === 'feeUser') {
|
||||
this.roleForm.feeUser = nameList
|
||||
this.roleForm.feeUserId = idList
|
||||
} else {
|
||||
this.roleForm.dockUser = idList
|
||||
this.roleForm.dockUserName = nameList
|
||||
this.rh_pageData.comityInRole = nameList
|
||||
this.rh_pageData.comityInRoleId = idList
|
||||
}
|
||||
this.roleShowflag = false
|
||||
},
|
||||
|
||||
// 流程阶段人选择
|
||||
choiceZRROne(type, title, id) {
|
||||
this.nodeListOne = []
|
||||
this.nodeListOne.push(id)
|
||||
this.type = type
|
||||
this.drawerTitleOne = title
|
||||
this.roleShowflagOne = true
|
||||
},
|
||||
drawerCheckOne(data) {
|
||||
this.unqualidiedData.forEach(item => {
|
||||
item.engineer = data[0].name
|
||||
item.engineerId = data[0].id
|
||||
})
|
||||
if (this.type === 'leaderUser') {
|
||||
this.roleForm.leaderUser = data[0].name
|
||||
this.roleForm.leaderUserId = data[0].id
|
||||
} else {
|
||||
this.roleForm.engineerUser = data[0].name
|
||||
this.roleForm.engineerUserId = data[0].id
|
||||
}
|
||||
this.roleShowflagOne = false
|
||||
},
|
||||
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
this.saveLoading = true
|
||||
let _formData = new FormData()
|
||||
_formData.append('id', this.bpnId || '')
|
||||
_formData.append('createUser', this.$store.getters.userInfo.userId)
|
||||
_formData.append('createUserName', this.$store.getters.userInfo.userName)
|
||||
_formData.append('prcType', '20')
|
||||
_formData.append('json', JSON.stringify({
|
||||
roleForm: this.roleForm,
|
||||
rh_pageData: this.rh_pageData
|
||||
}))
|
||||
saveTaskFirst(_formData).then(res => {
|
||||
this.saveLoading = false
|
||||
this.$message.success('保存成功')
|
||||
this.bpnId = res.result
|
||||
}).catch(e => {
|
||||
this.saveLoading = false
|
||||
})
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
let json = {
|
||||
roleList: this.roleForm,
|
||||
rh_pageData: this.rh_pageData,
|
||||
directorList: this.rh_pageData.comityInRoleId,
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$refs['roleForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
const paramsInfo = {
|
||||
type: '20'
|
||||
}
|
||||
startProcess(paramsInfo).then(res => {
|
||||
this.taskID = res.data
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskID)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.bzrhStep1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
||||
/deep/ .el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content_form {
|
||||
border: 1px solid #DCDFE6;
|
||||
padding-top: 15px;
|
||||
|
||||
.el-divider--horizontal {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
/deep/ .el-table__body-wrapper {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
/deep/ .el-textarea__inner {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.make_form {
|
||||
border: 1px solid #DCDFE6;
|
||||
padding: 10px;
|
||||
|
||||
/deep/ .el-form-item__label-wrap {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ .el-form-item__content {
|
||||
margin-left: 40px !important;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
padding-bottom: 10px;
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
.comityTel_btn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/deep/ .el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,441 @@
|
||||
<template>
|
||||
<div class="bzrhStep2">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">选择人员确认</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="rh_pageData" :model="rh_pageData" label-width="150px" :rules="rh_rules">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件编号:" prop="comityFileNum">
|
||||
{{ rh_pageData.comityFileNum || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件名称:" prop="comityFileName">
|
||||
{{ rh_pageData.comityFileName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ rh_pageData.comityName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会状态:" prop="comityState">
|
||||
{{ rh_pageData.comityState || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="入会性质:" prop="comityKind">
|
||||
{{ rh_pageData.comityKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资质:">
|
||||
{{ rh_pageData.comityMake.makeQualification || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="成员:">
|
||||
{{ rh_pageData.comityMake.makeRole || '' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用估计:">
|
||||
{{ rh_pageData.comityMake.makeCost || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职责:">
|
||||
{{ rh_pageData.comityMake.makeDuties || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任期:">
|
||||
{{ rh_pageData.comityMake.makeTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="工作方向:" prop="workPath">
|
||||
<el-input v-model="rh_pageData.workPath" type="textarea" :disabled="true" style="width: 50%;height: auto"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会外部联系方式:">
|
||||
<el-table
|
||||
:data="rh_pageData.comityTel"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column prop="tel_name" align="center" label="联络人"/>
|
||||
<el-table-column prop="tel_unit" align="center" label="单位"/>
|
||||
<el-table-column prop="tel_phone" align="center" label="电话"/>
|
||||
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<ProcessTitle>
|
||||
<template slot="title">选择人员</template>
|
||||
</ProcessTitle>
|
||||
<el-form-item label="入会人员:">
|
||||
<el-input
|
||||
:disabled="true"
|
||||
style="width: 30%"
|
||||
v-model="rh_pageData.comityOpRole"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
backBTNTexts="不涉及"
|
||||
:isSubmitBack="isBack"
|
||||
:submitLoading="isSubmit"
|
||||
@back="handleSubmitNo"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {
|
||||
completeTask,
|
||||
inboundLiaisonDetail,
|
||||
startProcess,
|
||||
saveinboundTask,
|
||||
saveTaskForPub,
|
||||
} from "@/api/process.js"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzrhStep2",
|
||||
data() {
|
||||
return {
|
||||
active: '1', // 默认显示
|
||||
rh_rules: {},
|
||||
rh_pageData: {
|
||||
comityFileNum: '',
|
||||
comityFileName: '',
|
||||
comityName: '',
|
||||
comityRole: '',
|
||||
comityState: '',
|
||||
comityKind: '',
|
||||
infoSources: '',
|
||||
comityMake: {
|
||||
makeQualification: '',
|
||||
makeRole: '',
|
||||
makeCost: '',
|
||||
makeDuties: '',
|
||||
makeTime: '',
|
||||
},
|
||||
workPath: '',
|
||||
comityTel: [],
|
||||
comityOpRole: '',
|
||||
comityInRoleId: '',
|
||||
},
|
||||
roleForm: {},
|
||||
commentText: '',
|
||||
roleShowflag: false,
|
||||
nodeList: [],
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
isSubmit: false,
|
||||
isBack: false,
|
||||
saveLoading: false,
|
||||
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList(item) {
|
||||
this.$nextTick(() => {
|
||||
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
|
||||
this.rh_pageData.comityOpRole = this.$store.getters.userInfo.userName
|
||||
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
// 退回按钮
|
||||
handleSubmitNo() {
|
||||
let json = {
|
||||
roleList: this.roleForm,
|
||||
memberId: this.$store.getters.userInfo.userId,
|
||||
passFlag: '0',
|
||||
commentText: this.commentText,
|
||||
rh_pageData: this.rh_pageData,
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isBack = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('退回成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isBack = false
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
let json = {
|
||||
roleList: this.roleForm,
|
||||
memberId: this.$store.getters.userInfo.userId,
|
||||
passFlag: '1',
|
||||
commentText: this.commentText,
|
||||
rh_pageData: this.rh_pageData,
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.bzrhStep2 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
||||
/deep/ .el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content_form {
|
||||
padding: 15px;
|
||||
|
||||
.comityTel_btn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/deep/ .el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,503 @@
|
||||
<template>
|
||||
<div class="bzrhStep3">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">入选代表填写信息</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="rh_pageData" :model="rh_pageData" label-width="auto">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件编号:" prop="comityFileNum">
|
||||
{{ rh_pageData.comityFileNum || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件名称:" prop="comityFileName">
|
||||
{{ rh_pageData.comityFileName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ rh_pageData.comityName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会状态:" prop="comityState">
|
||||
{{ rh_pageData.comityState || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="入会性质:" prop="comityKind">
|
||||
{{ rh_pageData.comityKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资质:">
|
||||
{{ rh_pageData.comityMake.makeQualification || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="成员:">
|
||||
{{ rh_pageData.comityMake.makeRole || '' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职责:">
|
||||
{{ rh_pageData.comityMake.makeDuties || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用估计:">
|
||||
{{ rh_pageData.comityMake.makeCost || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任期:">
|
||||
{{ rh_pageData.comityMake.makeTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="协会外部联系方式:">
|
||||
<el-table
|
||||
:data="rh_pageData.comityTel"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column prop="tel_name" align="center" label="联络人"/>
|
||||
<el-table-column prop="tel_unit" align="center" label="单位"/>
|
||||
<el-table-column prop="tel_phone" align="center" label="电话"/>
|
||||
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<ProcessTitle>
|
||||
<template slot="title">填写信息</template>
|
||||
</ProcessTitle>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="参与人:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写"
|
||||
:disabled="true"
|
||||
v-model="rh_pageData.fillPeople"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单位:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写"
|
||||
v-model="rh_pageData.fillUnit"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="部门:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写部门"
|
||||
v-model="rh_pageData.fillDept"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="身份:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写身份"
|
||||
v-model="rh_pageData.fillPost"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="电话:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写电话"
|
||||
v-model="rh_pageData.fillTel"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="邮箱:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写邮箱"
|
||||
v-model="rh_pageData.fillMail"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="参与人部门领导:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写"
|
||||
v-model="rh_pageData.fillLeader"
|
||||
@click.native="choiceZRR"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资料:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写"
|
||||
v-model="rh_pageData.fillFile"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
check-box
|
||||
is-title="选择人员信息"
|
||||
:is-visible.sync="roleShowflag"
|
||||
:nodeList="nodeList"
|
||||
@checkedRole="drawerCheck"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {
|
||||
completeTask,
|
||||
inboundLiaisonDetail,
|
||||
saveinboundTask,
|
||||
saveTaskForPub,
|
||||
} from "@/api/process.js"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzrhStep3",
|
||||
data() {
|
||||
return {
|
||||
active: '1', // 默认显示
|
||||
rh_pageData: {
|
||||
comityFileNum: '',
|
||||
comityFileName: '',
|
||||
comityName: '',
|
||||
comityRole: '',
|
||||
comityState: '',
|
||||
comityKind: '',
|
||||
InfoSources: '',
|
||||
comityMake: {
|
||||
makeQualification: '',
|
||||
makeRole: '',
|
||||
makeCost: '',
|
||||
makeDuties: '',
|
||||
makeTime: '',
|
||||
},
|
||||
workPath: '',
|
||||
comityTel: [],
|
||||
fillPeople: '',
|
||||
fillUnit: '',
|
||||
fillDept: '',
|
||||
fillPost: '',
|
||||
fillTel: '',
|
||||
fillMail: '',
|
||||
fillLeader: '',
|
||||
fillLeaderId: '',
|
||||
fillFile: '',
|
||||
},
|
||||
roleForm: {},
|
||||
unqualidiedData: [],
|
||||
roleShowflag: false,
|
||||
nodeList: [],
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
|
||||
this.rh_pageData.fillPeople = this.$store.getters.userInfo.userName
|
||||
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.roleShowflag = true
|
||||
},
|
||||
drawerCheck (data) {
|
||||
this.unqualidiedData.forEach(item => {
|
||||
item.engineer = data[0].name
|
||||
item.engineerId = data[0].id
|
||||
})
|
||||
this.rh_pageData.fillLeaderId = data[0].id
|
||||
this.rh_pageData.fillLeader = data[0].name
|
||||
this.roleShowflag = false
|
||||
},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
this.saveLoading = true
|
||||
let _formData = new FormData()
|
||||
_formData.append('taskIds', this.taskIds)
|
||||
_formData.append('json', JSON.stringify({
|
||||
roleList: this.roleForm,
|
||||
selfUser: this.$store.getters.userInfo.userId,
|
||||
charge: this.rh_pageData.fillLeaderId,
|
||||
rh_pageData: this.rh_pageData,
|
||||
}))
|
||||
saveTaskForPub(_formData).then(res => {
|
||||
this.saveLoading = false
|
||||
this.$message.success('保存成功')
|
||||
this.bpnId = res.result
|
||||
}).catch(e => {
|
||||
this.saveLoading = false
|
||||
})
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
let json = {
|
||||
roleList: this.roleForm,
|
||||
selfUser: this.$store.getters.userInfo.userId,
|
||||
charge: this.rh_pageData.fillLeaderId,
|
||||
rh_pageData: this.rh_pageData,
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.bzrhStep3 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_form {
|
||||
padding: 15px;
|
||||
.comityTel_btn {
|
||||
text-align: right;
|
||||
}
|
||||
/deep/.el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,453 @@
|
||||
<template>
|
||||
<div class="bzrhStep4">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">责任负责人审批</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件编号:" prop="comityFileNum">
|
||||
{{ rh_pageData.comityFileNum || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件名称:" prop="comityFileName">
|
||||
{{ rh_pageData.comityFileName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ rh_pageData.comityName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会状态:" prop="comityState">
|
||||
{{ rh_pageData.comityState || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="入会性质:" prop="comityKind">
|
||||
{{ rh_pageData.comityKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资质:">
|
||||
{{ rh_pageData.comityMake.makeQualification || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="成员:">
|
||||
{{ rh_pageData.comityMake.makeRole || '' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用估计:">
|
||||
{{ rh_pageData.comityMake.makeCost || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职责:">
|
||||
{{ rh_pageData.comityMake.makeDuties || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任期:">
|
||||
{{ rh_pageData.comityMake.makeTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="工作方向:" prop="workPath">
|
||||
<el-input v-model="rh_pageData.workPath" type="textarea" :disabled="true" style="width: 50%;height: auto"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会外部联系方式:">
|
||||
<el-table
|
||||
:data="rh_pageData.comityTel"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column prop="tel_name" align="center" label="联络人"/>
|
||||
<el-table-column prop="tel_unit" align="center" label="单位"/>
|
||||
<el-table-column prop="tel_phone" align="center" label="电话"/>
|
||||
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="入会人员:">
|
||||
<el-table
|
||||
:data="rh_pageData.myPartRole"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column prop="fillPeople" align="center" label="参与人"/>
|
||||
<el-table-column prop="fillUnit" align="center" label="单位"/>
|
||||
<el-table-column prop="fillDept" align="center" label="部门"/>
|
||||
<el-table-column prop="fillPost" align="center" label="身份"/>
|
||||
<el-table-column prop="fillTel" align="center" label="电话"/>
|
||||
<el-table-column prop="fillMail" align="center" label="邮箱"/>
|
||||
<el-table-column prop="fillFile" align="center" label="资料"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="textarea">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
backBTNTexts="驳回"
|
||||
:submitLoading="isSubmit"
|
||||
:isSubmitBack="isBack"
|
||||
@back="handleSubmitNo"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {
|
||||
completeTask,
|
||||
inboundLiaisonDetail,
|
||||
saveinboundTask,
|
||||
saveTaskForPub,
|
||||
changeAssigneeNew
|
||||
} from "@/api/process.js"
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzrhStep4",
|
||||
data() {
|
||||
return {
|
||||
active: '1', // 默认显示
|
||||
rh_rules: {},
|
||||
rh_pageData: {
|
||||
comityFileNum: '',
|
||||
comityFileName: '',
|
||||
comityName: '',
|
||||
comityRole: '',
|
||||
comityState: '',
|
||||
comityKind: '',
|
||||
InfoSources: '',
|
||||
comityMake: {
|
||||
makeQualification: '',
|
||||
makeRole: '',
|
||||
makeCost: '',
|
||||
makeDuties: '',
|
||||
makeTime: '',
|
||||
},
|
||||
prcCreateUser: {},
|
||||
workPath: '',
|
||||
comityTel: [],
|
||||
fillPeople: '',
|
||||
fillUnit: '',
|
||||
fillDept: '',
|
||||
fillPost: '',
|
||||
fillTel: '',
|
||||
fillMail: '',
|
||||
fillLeader: '',
|
||||
fillFile: '',
|
||||
myPartRole: [],
|
||||
},
|
||||
roleForm: {},
|
||||
selfUser: '',
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
textarea: '',
|
||||
isSubmit: false,
|
||||
isBack: false,
|
||||
saveLoading: false,
|
||||
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
|
||||
this.rh_pageData.myPartRole = [{
|
||||
fillPeople: this.rh_pageData.fillPeople,
|
||||
fillUnit: this.rh_pageData.fillUnit,
|
||||
fillDept: this.rh_pageData.fillDept,
|
||||
fillPost: this.rh_pageData.fillPost,
|
||||
fillTel: this.rh_pageData.fillTel,
|
||||
fillMail: this.rh_pageData.fillMail,
|
||||
fillFile: this.rh_pageData.fillFile,
|
||||
}]
|
||||
this.selfUser = JSON.parse(JSON.stringify(item)).selfUser
|
||||
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
|
||||
// 退回按钮
|
||||
handleSubmitNo() {
|
||||
let json = {
|
||||
member: this.selfUser,
|
||||
passFlag: '0',
|
||||
roleList: this.roleForm,
|
||||
commentText: this.textarea,
|
||||
rh_pageData: this.rh_pageData,
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isBack = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('退回成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isBack = false
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
let json = {
|
||||
member: this.selfUser,
|
||||
passFlag: '1',
|
||||
engineerSum: this.roleForm.startUser,
|
||||
roleList: this.roleForm,
|
||||
commentText: this.textarea,
|
||||
rh_pageData: this.rh_pageData,
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.bzrhStep4 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_form {
|
||||
padding: 15px;
|
||||
.comityTel_btn {
|
||||
text-align: right;
|
||||
}
|
||||
/deep/.el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,477 @@
|
||||
<template>
|
||||
<div class="bzrhStep5">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">汇总修订</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件编号:" prop="comityFileNum">
|
||||
{{ rh_pageData.comityFileNum || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件名称:" prop="comityFileName">
|
||||
{{ rh_pageData.comityFileName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ rh_pageData.comityName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会状态:" prop="comityState">
|
||||
{{ rh_pageData.comityState || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="入会性质:" prop="comityKind">
|
||||
{{ rh_pageData.comityKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资质:">
|
||||
{{ rh_pageData.comityMake.makeQualification || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="成员:">
|
||||
{{ rh_pageData.comityMake.makeRole || '' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用估计:">
|
||||
{{ rh_pageData.comityMake.makeCost || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职责:">
|
||||
{{ rh_pageData.comityMake.makeDuties || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任期:">
|
||||
{{ rh_pageData.comityMake.makeTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="工作方向:" prop="workPath">
|
||||
<el-input v-model="rh_pageData.workPath" type="textarea" style="width: 50%;height: auto"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会外部联系方式:">
|
||||
<el-table
|
||||
:data="rh_pageData.comityTel"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column
|
||||
prop="tel_name"
|
||||
align="center"
|
||||
label="联络人">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_name"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tel_unit"
|
||||
align="center"
|
||||
label="单位">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_unit"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tel_phone"
|
||||
align="center"
|
||||
label="电话">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_phone"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tel_mail"
|
||||
align="center"
|
||||
label="邮箱">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.tel_mail"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="我司参与人员:">
|
||||
<div class="myPart_btn">
|
||||
<el-button
|
||||
type="danger"
|
||||
size="small"
|
||||
icon="el-icon-delete"
|
||||
@click="del_paryForm">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
:data="rh_pageData.myPartRole"
|
||||
border
|
||||
ref="entryTable"
|
||||
@selection-change="selectedDelete"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column prop="fillPeople" align="center" label="参与人"/>
|
||||
<el-table-column prop="fillUnit" align="center" label="单位"/>
|
||||
<el-table-column prop="fillDept" align="center" label="部门"/>
|
||||
<el-table-column prop="fillPost" align="center" label="身份"/>
|
||||
<el-table-column prop="fillTel" align="center" label="电话"/>
|
||||
<el-table-column prop="fillMail" align="center" label="邮箱"/>
|
||||
<el-table-column prop="fillFile" align="center" label="资料"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-save
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {
|
||||
completeTask,
|
||||
inboundLiaisonDetail,
|
||||
saveinboundTask,
|
||||
saveTaskForPub,
|
||||
changeAssigneeNew
|
||||
} from "@/api/process.js"
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzrhStep5",
|
||||
data() {
|
||||
return {
|
||||
active: '1', // 默认显示
|
||||
rh_rules: {},
|
||||
rh_pageData: {
|
||||
comityFileNum: '',
|
||||
comityFileName: '',
|
||||
comityName: '',
|
||||
comityRole: '',
|
||||
comityState: '',
|
||||
comityKind: '',
|
||||
InfoSources: '',
|
||||
comityMake: {
|
||||
makeQualification: '',
|
||||
makeRole: '',
|
||||
makeCost: '',
|
||||
makeDuties: '',
|
||||
makeTime: '',
|
||||
},
|
||||
workPath: '',
|
||||
comityTel: [],
|
||||
fillPeople: '',
|
||||
fillUnit: '',
|
||||
fillDept: '',
|
||||
fillPost: '',
|
||||
fillTel: '',
|
||||
fillMail: '',
|
||||
fillLeader: '',
|
||||
fillFile: '',
|
||||
myPartRole: [],
|
||||
},
|
||||
|
||||
roleForm: {},
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
textarea: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
|
||||
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
/** 批量删除 */
|
||||
del_paryForm() {
|
||||
if (this.deleteDataList.length < 1) {
|
||||
this.$message.warning("请选择一条数据进行删除");
|
||||
} else {
|
||||
this.$confirm("您确认删除这些数据?", "提示", {
|
||||
confirmButtonText: "确认",
|
||||
confirmButtonClass: "common-button-primary",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
let exits = [];
|
||||
this.deleteDataList.map(item => {
|
||||
let index;
|
||||
index = this.rh_pageData.myPartRole.findIndex(items => {
|
||||
return items.id === item;
|
||||
});
|
||||
if (index > -1) {
|
||||
this.rh_pageData.myPartRole.splice(index, 1);
|
||||
}
|
||||
exits.push(item);
|
||||
});
|
||||
this.deleteDataList = [];
|
||||
}).catch(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
selectedDelete(val) {
|
||||
this.deleteDataList = val
|
||||
},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
let json = {
|
||||
leader: this.roleForm.leaderUserId,
|
||||
rh_pageData: this.rh_pageData,
|
||||
roleList: this.roleForm,
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.bzrhStep5 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content_form {
|
||||
padding: 15px;
|
||||
.comityTel_btn {
|
||||
text-align: right;
|
||||
}
|
||||
/deep/.el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
/deep/.el-table__body-wrapper {
|
||||
height: auto!important;
|
||||
}
|
||||
.myPart_btn {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,506 @@
|
||||
<template>
|
||||
<div class="bzrhStep6">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">审批</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件编号:" prop="comityFileNum">
|
||||
{{ rh_pageData.comityFileNum || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="文件名称:" prop="comityFileName">
|
||||
{{ rh_pageData.comityFileName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ rh_pageData.comityName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会状态:" prop="comityState">
|
||||
{{ rh_pageData.comityState || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="入会性质:" prop="comityKind">
|
||||
{{ rh_pageData.comityKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资质:">
|
||||
{{ rh_pageData.comityMake.makeQualification || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="成员:">
|
||||
{{ rh_pageData.comityMake.makeRole || '' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用估计:">
|
||||
{{ rh_pageData.comityMake.makeCost || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职责:">
|
||||
{{ rh_pageData.comityMake.makeDuties || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="任期:">
|
||||
{{ rh_pageData.comityMake.makeTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="工作方向:" prop="workPath">
|
||||
<el-input v-model="rh_pageData.workPath" type="textarea" style="width: 50%;height: auto"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会外部联系方式:">
|
||||
<el-table
|
||||
:data="rh_pageData.comityTel"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column prop="tel_name" align="center" label="联络人"/>
|
||||
<el-table-column prop="tel_unit" align="center" label="单位"/>
|
||||
<el-table-column prop="tel_phone" align="center" label="电话"/>
|
||||
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="我司参与人员:">
|
||||
<div class="myPart_btn">
|
||||
<el-button
|
||||
type="danger"
|
||||
size="small"
|
||||
icon="el-icon-delete"
|
||||
@click="del_paryForm">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
:data="rh_pageData.myPartRole"
|
||||
border
|
||||
ref="entryTable"
|
||||
@selection-change="selectedDelete"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column prop="fillPeople" align="center" label="参与人"/>
|
||||
<el-table-column prop="fillUnit" align="center" label="单位"/>
|
||||
<el-table-column prop="fillDept" align="center" label="部门"/>
|
||||
<el-table-column prop="fillPost" align="center" label="身份"/>
|
||||
<el-table-column prop="fillTel" align="center" label="电话"/>
|
||||
<el-table-column prop="fillMail" align="center" label="邮箱"/>
|
||||
<el-table-column prop="fillFile" align="center" label="资料"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
:isSubmitBack="isBack"
|
||||
:submitLoading="isSubmit"
|
||||
@back="handleSubmitNo"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {
|
||||
completeTask,
|
||||
inboundLiaisonDetail,
|
||||
saveinboundTask,
|
||||
saveTaskForPub,
|
||||
changeAssigneeNew
|
||||
} from "@/api/process.js"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzrhStep6",
|
||||
data() {
|
||||
return {
|
||||
active: '1', // 默认显示
|
||||
rh_rules: {},
|
||||
rh_pageData: {
|
||||
comityFileNum: '',
|
||||
comityFileName: '',
|
||||
comityName: '',
|
||||
comityRole: '',
|
||||
comityState: '',
|
||||
comityKind: '',
|
||||
InfoSources: '',
|
||||
comityMake: {
|
||||
makeQualification: '',
|
||||
makeRole: '',
|
||||
makeCost: '',
|
||||
makeDuties: '',
|
||||
makeTime: '',
|
||||
},
|
||||
workPath: '',
|
||||
comityTel: [],
|
||||
fillPeople: '',
|
||||
fillUnit: '',
|
||||
fillDept: '',
|
||||
fillPost: '',
|
||||
fillTel: '',
|
||||
fillMail: '',
|
||||
fillLeader: '',
|
||||
fillFile: '',
|
||||
myPartRole: [],
|
||||
},
|
||||
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
roleForm: {},
|
||||
textarea: '',
|
||||
isSubmit: false,
|
||||
isBack: false,
|
||||
saveLoading: false,
|
||||
taskInfo: this.$route.query.taskInfo,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList(item) {
|
||||
this.$nextTick(() => {
|
||||
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
|
||||
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
/** 批量删除 */
|
||||
del_paryForm() {
|
||||
if (this.deleteDataList.length < 1) {
|
||||
this.$message.warning("请选择一条数据进行删除");
|
||||
} else {
|
||||
this.$confirm("您确认删除这些数据?", "提示", {
|
||||
confirmButtonText: "确认",
|
||||
confirmButtonClass: "common-button-primary",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
let exits = [];
|
||||
this.deleteDataList.map(item => {
|
||||
let index;
|
||||
index = this.rh_pageData.myPartRole.findIndex(items => {
|
||||
return items.id === item;
|
||||
});
|
||||
if (index > -1) {
|
||||
this.rh_pageData.myPartRole.splice(index, 1);
|
||||
}
|
||||
exits.push(item);
|
||||
});
|
||||
this.deleteDataList = [];
|
||||
}).catch(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
selectedDelete(val) {
|
||||
this.deleteDataList = val
|
||||
},
|
||||
// 退回按钮
|
||||
handleSubmitNo() {
|
||||
let json = {
|
||||
rh_pageData: this.rh_pageData,
|
||||
roleList: this.roleForm
|
||||
}
|
||||
if (this.taskInfo === '标准法规部主管领导审核') {
|
||||
json.passFlag = '0',
|
||||
json.manageDepartmentList = this.roleForm.feeUserId
|
||||
} else if (this.taskInfo === '费用管理部门会签') {
|
||||
json.passFlag = '0',
|
||||
json.manageDepartment = this.$store.getters.userInfo.userId
|
||||
json.president = this.roleForm.engineerUserId
|
||||
} else if (this.taskInfo === '技术委员会常务副主任/总院院长审定') {
|
||||
json.passFlag = '0',
|
||||
json.engineerSumDone = this.roleForm.startUser
|
||||
} else {
|
||||
json = json
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isBack = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isBack = false
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
let json = {
|
||||
rh_pageData: this.rh_pageData,
|
||||
roleList: this.roleForm
|
||||
}
|
||||
if (this.taskInfo === '标准法规部主管领导审核') {
|
||||
json.passFlag = '1',
|
||||
json.manageDepartmentList = this.roleForm.feeUserId
|
||||
} else if (this.taskInfo === '费用管理部门会签') {
|
||||
json.passFlag = '1',
|
||||
json.manageDepartment = this.$store.getters.userInfo.userId
|
||||
json.president = this.roleForm.engineerUserId
|
||||
} else if (this.taskInfo === '技术委员会常务副主任/总院院长审定') {
|
||||
json.passFlag = '1',
|
||||
json.engineerSumDone = this.roleForm.startUser
|
||||
} else {
|
||||
json = json
|
||||
}
|
||||
this.$refs['rh_pageData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
const params = new FormData();
|
||||
params.set('json', JSON.stringify(json))
|
||||
params.set('userId', this.$store.getters.userInfo.userId)
|
||||
params.set('taskId', this.taskIds)
|
||||
completeTask(params).then(res => {
|
||||
if (res.success === true) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.bzrhStep6 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
||||
/deep/ .el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content_form {
|
||||
padding: 15px;
|
||||
|
||||
.comityTel_btn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/deep/ .el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.myPart_btn {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,455 @@
|
||||
<!--外部标准化协会参会流程-->
|
||||
<template>
|
||||
<div class="bzchStep1">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议名称:">
|
||||
<el-input
|
||||
v-model="ch_pageData.meetingName"
|
||||
placeholder="请填写"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="主办单位:">
|
||||
<el-input v-model="ch_pageData.primaryUnit" placeholder="请填写"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
<el-select v-model="ch_pageData.associaName" placeholder="请选择"></el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" v-if="ch_pageData.associaName !== ''">
|
||||
<el-form-item>
|
||||
<el-select v-model="ch_pageData.associaNameOne" placeholder="请选择"></el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" v-if="ch_pageData.associaName !== '' && ch_pageData.associaNameOne !== ''">
|
||||
<el-form-item>
|
||||
<el-select v-model="ch_pageData.associaNameTwo" placeholder="请选择"></el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议时间:">
|
||||
<el-date-picker
|
||||
v-model="ch_pageData.meetingTime"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
align="right">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议地点:">
|
||||
<el-input v-model="ch_pageData.meetingPlace" placeholder="请填写"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用标准:">
|
||||
<el-input v-model="ch_pageData.feeStand" placeholder="请填写"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用列支:">
|
||||
<el-select v-model="ch_pageData.feeKind" placeholder="请选择"></el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="上传附件:" prop="uploadFile">
|
||||
<el-upload></el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="类别:">
|
||||
<el-radio v-model="ch_pageData.sort" label="1">计划内</el-radio>
|
||||
<el-radio v-model="ch_pageData.sort" label="2">计划外</el-radio>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item>
|
||||
<div class="table_btn">
|
||||
<el-button type="primary" size="small" @click="meeting_add">添加</el-button>
|
||||
<el-button type="danger" size="small" @click="meeting_delete">批量删除</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
class="meeting_table"
|
||||
:data="ch_pageData.meetingTable"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
@selection-change="selectedDelete"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column type="index" width="50" align="center"/>
|
||||
<el-table-column label="议题" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.meetingTheme" placeholder="请填写"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="roleForm"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||
<h4>流程发起人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.startUser" :disabled="true" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.startUserName" :disabled="true" placeholder="流程发起人"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="指派人员" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>分委会主任/部门中心主任</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" placeholder="选择指派人员" @click.native="choiceZRR('dockUser', '选择指派人员', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="填写信息" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>责任工程师</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dutyUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dutyUserName" :disabled="true" placeholder="责任工程师">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.uploadUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>参会人员所在部门中心主任</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.uploadUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.uploadUserName" :disabled="true" placeholder="参会人员所在部门中心主任">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="汇总修订" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规部人员</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择标准法规部人员" @click.native="choiceZRR('dockUser', '选择标准法规部人员', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规部主管中心主任</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择标准法规部主管中心主任" @click.native="choiceZRR('dockUser', '选择标准法规部主管中心主任', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="会签" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>管理推荐部</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择管理推荐部" @click.native="choiceZRR('dockUser', '选择管理推荐部', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审定" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>技术委员会常务副主任/总院院长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择人员" @click.native="choiceZRR('dockUser', '选择人员', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="批准" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>技术委员会主任</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择技术委员会主任" @click.native="choiceZRR('dockUser', '选择技术委员会主任', roleForm.dockUser)">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
check-box
|
||||
is-title="选择人员信息"
|
||||
:is-visible.sync="roleShowflag"
|
||||
:nodeList="nodeList"
|
||||
@checkedRole="drawerCheck"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from '../../components/ProcessHeader'
|
||||
import ProcessFooter from '../../components/ProcessFooter'
|
||||
import ProcessTitle from '../../components/ProcessTitle'
|
||||
import { startProcess, saveTaskFirst,completeTask } from '@/api/process.js'
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzchStep1",
|
||||
data() {
|
||||
return {
|
||||
active: '1',
|
||||
|
||||
ch_pageData: {
|
||||
meetingName: '',
|
||||
primaryUnit: '',
|
||||
associaName: '',
|
||||
associaNameOne: '',
|
||||
associaNameTwo: '',
|
||||
meetingTime: '',
|
||||
meetingPlace: '',
|
||||
feeStand: '',
|
||||
feeKind: '',
|
||||
uploadFile: '',
|
||||
sort: '1',
|
||||
meetingTable: [],
|
||||
},
|
||||
ch_rules: {},
|
||||
roleForm: {
|
||||
startUserName: this.$store.getters.userInfo.userName,
|
||||
startUser: this.$store.getters.userInfo.userId,
|
||||
dockUserName: '',
|
||||
dockUser: ''
|
||||
},
|
||||
roleFormRules: {
|
||||
dockUserName: [{ required: true, message: "请选择标准法规工程师", trigger: ['blur', 'change']}]
|
||||
},
|
||||
deleteDataList: [],
|
||||
|
||||
nodeList: [],
|
||||
roleShowflag: false,
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
|
||||
meeting_add() {
|
||||
var list = {
|
||||
meetingTheme: this.meetingTheme,
|
||||
}
|
||||
this.ch_pageData.meetingTable.push(list)
|
||||
},
|
||||
meeting_delete() {
|
||||
if (this.deleteDataList.length < 1) {
|
||||
this.$message.warning("请选择一条数据进行删除");
|
||||
} else {
|
||||
this.$confirm("您确认删除这些数据?", "提示", {
|
||||
confirmButtonText: "确认",
|
||||
confirmButtonClass: "common-button-primary",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
let exits = [];
|
||||
this.deleteDataList.map(item => {
|
||||
let index
|
||||
index = this.ch_pageData.meetingTable.findIndex(items => {
|
||||
return items === item
|
||||
})
|
||||
if (index > -1) {
|
||||
this.ch_pageData.meetingTable.splice(index, 1)
|
||||
}
|
||||
exits.push(item)
|
||||
})
|
||||
this.deleteDataList = []
|
||||
}).catch(() => {
|
||||
})
|
||||
}
|
||||
},
|
||||
selectedDelete(val) {
|
||||
this.deleteDataList = val
|
||||
},
|
||||
// 流程阶段负责人选择
|
||||
choiceZRR (type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.roleShowflag = true
|
||||
},
|
||||
drawerCheck (data) {
|
||||
this.unqualidiedData.forEach(item => {
|
||||
item.engineer = data[0].name
|
||||
item.engineerId = data[0].id
|
||||
})
|
||||
this.roleForm.dockUser = data[0].id
|
||||
this.roleForm.dockUserName = data[0].name
|
||||
this.roleShowflag = false
|
||||
},
|
||||
/** 保存按钮*/
|
||||
handleSave() {},
|
||||
/** 提交按钮*/
|
||||
handleSubmit() {}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.bzchStep1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_form {
|
||||
padding-top: 15px;
|
||||
padding-left: 30px;
|
||||
.el-divider--horizontal {
|
||||
margin-top: 0px;
|
||||
}
|
||||
/deep/.el-table__body-wrapper {
|
||||
height: auto!important;
|
||||
}
|
||||
.el-select {
|
||||
width: 100%;
|
||||
}
|
||||
.el-date-editor.el-input {
|
||||
width: 100%;
|
||||
}
|
||||
.table_btn {
|
||||
text-align: right;
|
||||
}
|
||||
.meeting_table {
|
||||
/deep/.el-input__inner {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
/deep/.el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,372 @@
|
||||
<template>
|
||||
<div class="bzchStep2">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议名称:">
|
||||
{{ ch_pageData.meetingName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="主办单位:">
|
||||
{{ ch_pageData.primaryUnit || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ ch_pageData.associaName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议时间:">
|
||||
{{ ch_pageData.meetingTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议地点:">
|
||||
{{ ch_pageData.meetingPlace || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用标准:">
|
||||
{{ ch_pageData.feeStand || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用列支:">
|
||||
{{ ch_pageData.feeKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="上传附件:" prop="uploadFile">
|
||||
<el-upload></el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="类别:">
|
||||
{{ ch_pageData.sort || '-'}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item>
|
||||
<el-table
|
||||
class="meeting_table"
|
||||
:data="ch_pageData.meetingTable"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="index" width="50" align="center"/>
|
||||
<el-table-column label="议题" align="center" prop="ch_pageData.meetingTable.meetingTheme"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<ProcessTitle>
|
||||
<template slot="title">选择人员</template>
|
||||
</ProcessTitle>
|
||||
<el-form-item label="入会人员:">
|
||||
<el-input
|
||||
style="width: 30%"
|
||||
clearable
|
||||
placeholder="请选择入会人员"
|
||||
v-model="ch_pageData.meetingInRole"
|
||||
@click.native="inRoleChice">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
show-back
|
||||
backBTNTexts="不涉及"
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@back="handleSubmitNo"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
is-title="选择人员信息"
|
||||
:is-visible.sync="roleShowflag"
|
||||
:nodeList="nodeList"
|
||||
@checkedRole="drawerCheck"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { startProcess, saveTaskFirst,completeTask, inboundLiaisonDetail } from '@/api/process.js'
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzchStep2",
|
||||
data() {
|
||||
return {
|
||||
active: '1',
|
||||
|
||||
ch_pageData: {},
|
||||
ch_rules: {},
|
||||
nodeList: [],
|
||||
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
roleShowflag: false,
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.rh_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
// 流程阶段负责人选择
|
||||
inRoleChice (type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.roleShowflag = true
|
||||
},
|
||||
drawerCheck (data) {
|
||||
var idList = ''
|
||||
var nameList = ''
|
||||
data.forEach(item => {
|
||||
if (nameList.length > 0) {
|
||||
nameList += ','
|
||||
idList += ','
|
||||
}
|
||||
idList += item.id;
|
||||
nameList += item.name;
|
||||
});
|
||||
this.ch_pageData.meetingInRole = nameList
|
||||
this.ch_pageData.meetingInRoleId = idList
|
||||
this.roleShowflag = false
|
||||
},
|
||||
// 退回按钮
|
||||
handleSubmitNo() {},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.bzchStep2 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_form {
|
||||
padding-top: 15px;
|
||||
padding-left: 30px;
|
||||
.el-divider--horizontal {
|
||||
margin-top: 0px;
|
||||
}
|
||||
/deep/.el-table__body-wrapper {
|
||||
height: auto!important;
|
||||
}
|
||||
/deep/.el-textarea__inner {
|
||||
font-family: inherit;
|
||||
}
|
||||
/deep/.el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,401 @@
|
||||
<template>
|
||||
<div class="bzchStep3">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议名称:">
|
||||
{{ ch_pageData.meetingName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="主办单位:">
|
||||
{{ ch_pageData.primaryUnit || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ ch_pageData.associaName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议时间:">
|
||||
{{ ch_pageData.meetingTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议地点:">
|
||||
{{ ch_pageData.meetingPlace || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用标准:">
|
||||
{{ ch_pageData.feeStand || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用列支:">
|
||||
{{ ch_pageData.feeKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="上传附件:" prop="uploadFile">
|
||||
<el-upload></el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="类别:">
|
||||
{{ ch_pageData.sort || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item>
|
||||
<el-table
|
||||
class="meeting_table"
|
||||
:data="ch_pageData.meetingTable"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="index" width="50" align="center"/>
|
||||
<el-table-column label="议题" align="center" prop="ch_pageData.meetingTable.meetingTheme"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<ProcessTitle>
|
||||
<template slot="title">填写信息</template>
|
||||
</ProcessTitle>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="人员:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写"
|
||||
v-model="ch_pageData.fillPeople"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单位:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写"
|
||||
v-model="ch_pageData.fillUnit"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="部门:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写部门"
|
||||
v-model="ch_pageData.fillDept"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="参与人部门领导:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写"
|
||||
v-model="ch_pageData.fillLeader"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="电话:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写电话"
|
||||
v-model="ch_pageData.fillTel"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="邮箱:">
|
||||
<el-input
|
||||
style="width: 100%"
|
||||
placeholder="请填写邮箱"
|
||||
v-model="ch_pageData.fillMail"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {startProcess, saveTaskFirst, completeTask, inboundLiaisonDetail } from '@/api/process.js'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzchStep3",
|
||||
data() {
|
||||
return {
|
||||
active: '1',
|
||||
|
||||
ch_pageData: {},
|
||||
ch_rules: {},
|
||||
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.bzchStep3 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
||||
/deep/ .el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content_form {
|
||||
padding-left: 30px;
|
||||
padding-top: 15px;
|
||||
|
||||
.el-divider--horizontal {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
/deep/ .el-table__body-wrapper {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
/deep/ .el-textarea__inner {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
/deep/ .el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,376 @@
|
||||
<template>
|
||||
<div class="bzchStep4">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议名称:">
|
||||
{{ ch_pageData.meetingName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="主办单位:">
|
||||
{{ ch_pageData.primaryUnit || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ ch_pageData.associaName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议时间:">
|
||||
{{ ch_pageData.meetingTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议地点:">
|
||||
{{ ch_pageData.meetingPlace || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用标准:">
|
||||
{{ ch_pageData.feeStand || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用列支:">
|
||||
{{ ch_pageData.feeKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="上传附件:" prop="uploadFile">
|
||||
<el-upload></el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="类别:">
|
||||
{{ ch_pageData.sort || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="议题:">
|
||||
<el-table
|
||||
class="meeting_table"
|
||||
:data="ch_pageData.meetingTable"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="index" width="50" align="center"/>
|
||||
<el-table-column label="议题" align="center" prop="ch_pageData.meetingTable.meetingTheme"/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="入会人员:">
|
||||
<el-table
|
||||
:data="ch_pageData.myPartRole"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="index" width="50" align="center"/>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillPeople"
|
||||
align="center"
|
||||
label="人员">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillUnit"
|
||||
align="center"
|
||||
label="单位">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillDept"
|
||||
align="center"
|
||||
label="部门">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillTel"
|
||||
align="center"
|
||||
label="电话">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillMail"
|
||||
align="center"
|
||||
label="邮箱">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="textarea">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { startProcess, saveTaskFirst,completeTask, inboundLiaisonDetail } from '@/api/process.js'
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzchStep4",
|
||||
data() {
|
||||
return {
|
||||
active: '1',
|
||||
|
||||
ch_pageData: {
|
||||
myPartRole: [],
|
||||
},
|
||||
ch_rules: {},
|
||||
textarea: '',
|
||||
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
|
||||
// this.ch_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.bzchStep4 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_form {
|
||||
padding-top: 15px;
|
||||
padding-left: 30px;
|
||||
.el-divider--horizontal {
|
||||
margin-top: 0px;
|
||||
}
|
||||
/deep/.el-table__body-wrapper {
|
||||
height: auto!important;
|
||||
}
|
||||
/deep/.el-textarea__inner {
|
||||
font-family: inherit;
|
||||
}
|
||||
/deep/.el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,370 @@
|
||||
<template>
|
||||
<div class="bzchStep5">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部标准化协会入会流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="content_form">
|
||||
<el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议名称:">
|
||||
{{ ch_pageData.meetingName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="主办单位:">
|
||||
{{ ch_pageData.primaryUnit || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="协会名称:">
|
||||
{{ ch_pageData.associaName || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议时间:">
|
||||
{{ ch_pageData.meetingTime || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="会议地点:">
|
||||
{{ ch_pageData.meetingPlace || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用标准:">
|
||||
{{ ch_pageData.feeStand || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="费用列支:">
|
||||
{{ ch_pageData.feeKind || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="上传附件:" prop="uploadFile">
|
||||
<el-upload></el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="类别:">
|
||||
{{ ch_pageData.sort || '-' }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="议题:">
|
||||
<el-table
|
||||
class="meeting_table"
|
||||
:data="ch_pageData.meetingTable"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="index" width="50" align="center"/>
|
||||
<el-table-column
|
||||
label="议题"
|
||||
align="center"
|
||||
prop="ch_pageData.meetingTable.meetingTheme">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.meetingTheme"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="入会人员:">
|
||||
<el-table
|
||||
:data="ch_pageData.myPartRole"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="49%"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '20px'}">
|
||||
<el-table-column type="index" width="50" align="center"/>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillPeople"
|
||||
align="center"
|
||||
label="人员">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillUnit"
|
||||
align="center"
|
||||
label="单位">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillDept"
|
||||
align="center"
|
||||
label="部门">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillTel"
|
||||
align="center"
|
||||
label="电话">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-model="ch_pageData.myPartRole.fillMail"
|
||||
align="center"
|
||||
label="邮箱">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { startProcess, saveTaskFirst,completeTask, inboundLiaisonDetail } from '@/api/process.js'
|
||||
export default {
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
name: "bzchStep5",
|
||||
data() {
|
||||
return {
|
||||
active: '1',
|
||||
|
||||
ch_pageData: {
|
||||
myPartRole: [],
|
||||
},
|
||||
ch_rules: {},
|
||||
textarea: '',
|
||||
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
|
||||
detailData: [],
|
||||
loading: false,
|
||||
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.processTable()
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
// 右上标签页面切换
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
|
||||
// this.ch_pageData.comityFileNum = this.fileTextList
|
||||
})
|
||||
},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.bzchStep5 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.content_form {
|
||||
padding-top: 15px;
|
||||
padding-left: 30px;
|
||||
.el-divider--horizontal {
|
||||
margin-top: 0px;
|
||||
}
|
||||
/deep/.el-table__body-wrapper {
|
||||
height: auto!important;
|
||||
}
|
||||
/deep/.el-textarea__inner {
|
||||
font-family: inherit;
|
||||
}
|
||||
/deep/.el-table th {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -494,7 +494,6 @@
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
console.log(data);
|
||||
this.form.itemsNum = data.itemsNum || data.form.itemsNum
|
||||
this.form.itemsName = data.itemsName || data.form.itemsName
|
||||
if (data.form) {
|
||||
|
||||
@@ -730,7 +730,7 @@
|
||||
v-model="form.glwjName"
|
||||
clearable
|
||||
></el-input>
|
||||
<div v-if="form.glwjName">
|
||||
<div v-if="glwjFileList.length>0">
|
||||
|
||||
<el-button
|
||||
type="primary"
|
||||
@@ -1814,47 +1814,52 @@
|
||||
// 带入
|
||||
case 2:
|
||||
if (this.standardCheckedList.length === 1) {
|
||||
const bringData = this.standardCheckedList[0]
|
||||
bringData.signFlag = this.form.signFlag && this.form.signFlag != '' ? this.form.signFlag : '0'
|
||||
bringData.standInData = this.form.standInData && this.form.standInData != '' ? this.form.standInData : '0'
|
||||
this.$http.get('sarStandardsInfo/sar-standards-info/getStandInfoUpdateById', {id: this.standardCheckedList[0].id}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if(res && res.data){
|
||||
const bringData = res.data
|
||||
bringData.signFlag = this.form.signFlag && this.form.signFlag != '' ? this.form.signFlag : '0'
|
||||
bringData.standInData = this.form.standInData && this.form.standInData != '' ? this.form.standInData : '0'
|
||||
|
||||
const json = Object.assign(bringData, bringData.attrInfoCaseMap);
|
||||
this.form = JSON.parse(JSON.stringify(json))
|
||||
const json = Object.assign(bringData, bringData.attrInfoCaseMap);
|
||||
this.form = JSON.parse(JSON.stringify(json))
|
||||
|
||||
this.form.qcdw = JSON.parse(JSON.stringify(json)).qcdw && JSON.parse(JSON.stringify(json)).qcdw !== '[]' ? JSON.parse(JSON.stringify(json)).qcdw.split(',') : []
|
||||
this.form.wssmr = JSON.parse(JSON.stringify(json)).wssmr && JSON.parse(JSON.stringify(json)).wssmr !== '[]' ? JSON.parse(JSON.stringify(json)).wssmr.split(',') : []
|
||||
this.form.zrgcs = JSON.parse(JSON.stringify(json)).zrgcs && JSON.parse(JSON.stringify(json)).zrgcs !== '[]' ? JSON.parse(JSON.stringify(json)).zrgcs.split(',') : []
|
||||
this.form.zrbm = JSON.parse(JSON.stringify(json)).zrbm && JSON.parse(JSON.stringify(json)).zrbm !== '[]' ? JSON.parse(JSON.stringify(json)).zrbm.split(',') : []
|
||||
this.form.syrz = JSON.parse(JSON.stringify(json)).syrz && JSON.parse(JSON.stringify(json)).syrz !== '[]' ? JSON.parse(JSON.stringify(json)).syrz.split(',') : []
|
||||
this.form.sycpx = JSON.parse(JSON.stringify(json)).sycpx && JSON.parse(JSON.stringify(json)).sycpx !== '[]' ? JSON.parse(JSON.stringify(json)).sycpx.split(',') : []
|
||||
this.form.nylx = JSON.parse(JSON.stringify(json)).nylx && JSON.parse(JSON.stringify(json)).nylx !== '[]' ? JSON.parse(JSON.stringify(json)).nylx.split(',') : []
|
||||
this.form.cllx = JSON.parse(JSON.stringify(json)).cllx && JSON.parse(JSON.stringify(json)).cllx !== '[]' ? JSON.parse(JSON.stringify(json)).cllx.split(',') : []
|
||||
this.defaultCheckedKeys = [this.form.standSystem];
|
||||
this.defaultCheckedKeys1 = [this.form.cycvppsbm];
|
||||
this.defaultCheckedKeys2 = [this.form.kccvppsbm];
|
||||
this.defaultCheckedKeys3 = [this.form.dybxh];
|
||||
this.key++
|
||||
this.key1++
|
||||
this.key2++
|
||||
this.key3++
|
||||
this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
|
||||
this.form.standYear = bringData.standYear ? parseInt(bringData.standYear) : ''
|
||||
this.form.prcNum = this.prcNum
|
||||
this.form.prcName = this.prcName
|
||||
this.form['id'] = bringData.id
|
||||
this.standardDrawer = false
|
||||
this.verifySarStandard = true
|
||||
this.busVsFunc()
|
||||
this.modelFunc()
|
||||
this.$forceUpdate()
|
||||
|
||||
console.log("this.form",this.form);
|
||||
// 遍历对象初始化文件信息
|
||||
for(const p in this.form) {
|
||||
if (typeof (this.form[p]) != "function") {
|
||||
this.initializeFileList(p,this.form[p]);
|
||||
this.form.qcdw = JSON.parse(JSON.stringify(json)).qcdw && JSON.parse(JSON.stringify(json)).qcdw !== '[]' ? JSON.parse(JSON.stringify(json)).qcdw.split(',') : []
|
||||
this.form.wssmr = JSON.parse(JSON.stringify(json)).wssmr && JSON.parse(JSON.stringify(json)).wssmr !== '[]' ? JSON.parse(JSON.stringify(json)).wssmr.split(',') : []
|
||||
this.form.zrgcs = JSON.parse(JSON.stringify(json)).zrgcs && JSON.parse(JSON.stringify(json)).zrgcs !== '[]' ? JSON.parse(JSON.stringify(json)).zrgcs.split(',') : []
|
||||
this.form.zrbm = JSON.parse(JSON.stringify(json)).zrbm && JSON.parse(JSON.stringify(json)).zrbm !== '[]' ? JSON.parse(JSON.stringify(json)).zrbm.split(',') : []
|
||||
this.form.syrz = JSON.parse(JSON.stringify(json)).syrz && JSON.parse(JSON.stringify(json)).syrz !== '[]' ? JSON.parse(JSON.stringify(json)).syrz.split(',') : []
|
||||
this.form.sycpx = JSON.parse(JSON.stringify(json)).sycpx && JSON.parse(JSON.stringify(json)).sycpx !== '[]' ? JSON.parse(JSON.stringify(json)).sycpx.split(',') : []
|
||||
this.form.nylx = JSON.parse(JSON.stringify(json)).nylx && JSON.parse(JSON.stringify(json)).nylx !== '[]' ? JSON.parse(JSON.stringify(json)).nylx.split(',') : []
|
||||
this.form.cllx = JSON.parse(JSON.stringify(json)).cllx && JSON.parse(JSON.stringify(json)).cllx !== '[]' ? JSON.parse(JSON.stringify(json)).cllx.split(',') : []
|
||||
this.defaultCheckedKeys = [this.form.standSystem];
|
||||
this.defaultCheckedKeys1 = [this.form.cycvppsbm];
|
||||
this.defaultCheckedKeys2 = [this.form.kccvppsbm];
|
||||
this.defaultCheckedKeys3 = [this.form.dybxh];
|
||||
this.key++
|
||||
this.key1++
|
||||
this.key2++
|
||||
this.key3++
|
||||
this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
|
||||
this.form.standYear = bringData.standYear ? parseInt(bringData.standYear) : ''
|
||||
this.form.prcNum = this.prcNum
|
||||
this.form.prcName = this.prcName
|
||||
this.form['id'] = bringData.id
|
||||
this.standardDrawer = false
|
||||
this.verifySarStandard = true
|
||||
this.busVsFunc()
|
||||
this.modelFunc()
|
||||
this.$forceUpdate()
|
||||
}
|
||||
}
|
||||
// 遍历对象初始化文件信息
|
||||
for(const p in this.form) {
|
||||
if (typeof (this.form[p ]) != "function") {
|
||||
this.initializeFileList(p,this.form[p]);
|
||||
}
|
||||
}
|
||||
console.log("res",res);
|
||||
})
|
||||
|
||||
} else if (this.standardCheckedList.length > 1) {
|
||||
this.$message.warning('最多可以带入一条标准信息')
|
||||
@@ -1890,7 +1895,6 @@
|
||||
this.getFileList(value,this.kwjFileList);
|
||||
break;
|
||||
case 'jdwj':
|
||||
debugger
|
||||
this.getFileList(value,this.jdwjFileList);
|
||||
break;
|
||||
case 'bpg':
|
||||
@@ -1899,6 +1903,9 @@
|
||||
case 'zqyjg':
|
||||
this.getFileList(value,this.zqyjgFileList);
|
||||
break;
|
||||
case 'glwj':
|
||||
this.getFileList(value,this.glwjFileList);
|
||||
break;
|
||||
default: ;
|
||||
}
|
||||
},getFileList(fileIds,defaultFileList){
|
||||
@@ -1909,7 +1916,7 @@
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
debugger
|
||||
|
||||
let fileList = res.data
|
||||
if (fileList != null && fileList.length > 0) {
|
||||
for (let i = 0; i < fileList.length; i++) {
|
||||
@@ -2365,7 +2372,6 @@
|
||||
// this.form.zbjbdName += response.data.name+',';
|
||||
// }
|
||||
|
||||
|
||||
switch (this.fileType){
|
||||
case 'fbgbjbd':
|
||||
this.FBGBJBDFileList=fileList;
|
||||
@@ -2454,6 +2460,7 @@
|
||||
break;
|
||||
case 'jdwj':
|
||||
this.fileList=this.jdwjFileList
|
||||
break;
|
||||
case 'kwj':
|
||||
this.fileList=this.kwjFileList
|
||||
break;
|
||||
@@ -2623,34 +2630,34 @@
|
||||
|
||||
//拼接文件名和id 提交到流程Activity
|
||||
this.form.fbgbjbd=this.FBGBJBDFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.fbgbjbdName=this.FBGBJBDFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.fbgbjbdName=this.FBGBJBDFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.xgd=this.xgdFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.xgdName=this.xgdFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.xgdName=this.xgdFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.bpg=this.bpgFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.bpgName=this.bpgFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.bpgName=this.bpgFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.ssg=this.ssgFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.ssgName=this.ssgFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.ssgName=this.ssgFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.zqyjg=this.zqyjgFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.zqyjgName=this.zqyjgFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.zqyjgName=this.zqyjgFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.jdwj=this.jdwjFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.jdwjName=this.jdwjFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.jdwjName=this.jdwjFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.kwj=this.kwjFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.kwjName=this.kwjFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.kwjName=this.kwjFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.ca=this.caFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.caName=this.caFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.caName=this.caFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.zbjbd=this.zbjbdFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.zbjbdName=this.zbjbdFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.zbjbdName=this.zbjbdFileList.map(item => item.name).join(",")
|
||||
|
||||
this.form.glwj=this.glwjFileList.map(item => item.response.data.id).join(",")
|
||||
this.form.glwjName=this.glwjFileList.map(item => item.response.data.name).join(",")
|
||||
this.form.glwjName=this.glwjFileList.map(item => item.name).join(",")
|
||||
|
||||
|
||||
},
|
||||
|
||||
@@ -215,84 +215,164 @@
|
||||
<template slot="title">文本信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
|
||||
<div style="cursor: pointer;color: #00b7ee" v-if="form.xgdName" @click="downloadFile('xgd')">
|
||||
{{ form.xgdName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
|
||||
<div style="cursor: pointer;color: #00b7ee" v-if="form.fbgbjbdName" @click="downloadFile('fbgbjbd')">
|
||||
{{ form.fbgbjbdName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.zbjbdName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd')">
|
||||
{{ form.zbjbdName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.ssgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg')">
|
||||
{{ form.ssgName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.caName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca')">
|
||||
{{ form.caName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.kwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj')">
|
||||
{{ form.kwjName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.jdwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj')">
|
||||
{{ form.jdwjName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.bpgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg')">
|
||||
{{ form.bpgName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.zqyjgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg')">
|
||||
{{ form.zqyjgName }}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row :gutter="24">-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div style="cursor: pointer;color: #00b7ee" v-if="form.xgdName" @click="downloadFile('xgd')">-->
|
||||
<!-- {{ form.xgdName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div style="cursor: pointer;color: #00b7ee" v-if="form.fbgbjbdName" @click="downloadFile('fbgbjbd')">-->
|
||||
<!-- {{ form.fbgbjbdName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div v-if="form.zbjbdName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd')">-->
|
||||
<!-- {{ form.zbjbdName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div v-if="form.ssgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg')">-->
|
||||
<!-- {{ form.ssgName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div v-if="form.caName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca')">-->
|
||||
<!-- {{ form.caName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div v-if="form.kwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj')">-->
|
||||
<!-- {{ form.kwjName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div v-if="form.jdwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj')">-->
|
||||
<!-- {{ form.jdwjName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div v-if="form.bpgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg')">-->
|
||||
<!-- {{ form.bpgName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">-->
|
||||
<!-- <div v-if="form.zqyjgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg')">-->
|
||||
<!-- {{ form.zqyjgName }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div v-else>-->
|
||||
<!-- - - -->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
|
||||
<div v-if="xgdFileMap.length>0" v-for="(value,index) in this.xgdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('xgd',value.id)">
|
||||
<!-- {{ value.name }} -->
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
|
||||
<div v-if="fbgbjbdFileMap.length>0" v-for="(value,index) in this.fbgbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('fbgbjbd',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
|
||||
<div v-if="zbjbdFileMap.length>0" v-for="(value,index) in this.zbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
|
||||
<div v-if="ssgFileMap.length>0" v-for="(value,index) in this.ssgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
|
||||
<div v-if="caFileMap.length>0" v-for="(value,index) in this.caFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
|
||||
<div v-if="kwjFileMap.length>0" v-for="(value,index) in this.kwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
|
||||
<div v-if="jdwjFileMap.length>0" v-for="(value,index) in this.jdwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
|
||||
<div v-if="bpgFileMap.length>0" v-for="(value,index) in this.bpgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
|
||||
<div v-if="zqyjgFileMap.length>0" v-for="(value,index) in this.zqyjgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<ProcessTitle>
|
||||
<template slot="title">适用范围</template>
|
||||
@@ -470,9 +550,9 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.glwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj')">
|
||||
{{ form.glwjName }}
|
||||
</div>
|
||||
<div v-if="glwjFileMap.length>0" v-for="(value,index) in this.glwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
@@ -692,7 +772,22 @@
|
||||
name: "bzrkStep2",
|
||||
data () {
|
||||
return {
|
||||
// 调整处理人抽屉状态
|
||||
xgdFileMap: [],
|
||||
fbgbjbdFileMap: [],
|
||||
bpgFileMap: [],
|
||||
ssgFileMap: [],
|
||||
zqyjgFileMap: [],
|
||||
jdwjFileMap: [],
|
||||
kwjFileMap: [],
|
||||
glwjFileMap: [],
|
||||
caFileMap: [],
|
||||
zbjbdFileMap: [],
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 调整处理人抽屉状态
|
||||
drawerModal: false,
|
||||
drawerTitle: '',
|
||||
nodeList: [],
|
||||
@@ -895,7 +990,6 @@
|
||||
if(fileType === 'fbgbjbd'){
|
||||
if(this.fbgbjbdFileId.search(',')){
|
||||
this.fbgbjbdFileId=this.fbgbjbdFileId.replace(",","");
|
||||
console.log(this.fbgbjbdFileId);
|
||||
}
|
||||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.fbgbjbdFileId
|
||||
}else if(fileType === 'xgd'){
|
||||
@@ -979,6 +1073,16 @@
|
||||
this.detailData = res
|
||||
}, e => {})
|
||||
},
|
||||
assemble(ids,names){
|
||||
let list= new Array();
|
||||
let idArray=ids.split(',');
|
||||
let nameArray=names.split(',');
|
||||
for(var i=0;i<idArray.length;i++){
|
||||
list.push({id:idArray[i],name:nameArray[i]});
|
||||
}
|
||||
|
||||
return list;
|
||||
},
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
@@ -987,6 +1091,8 @@
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
|
||||
console.log("processFrom",processForm)
|
||||
this.xgdFileId = processForm.xgd
|
||||
this.fbgbjbdFileId = processForm.fbgbjbd
|
||||
this.bpgFileId = processForm.bpg
|
||||
@@ -998,8 +1104,27 @@
|
||||
this.caFileId = processForm.ca
|
||||
this.zbjbdFileId = processForm.zbjbd
|
||||
this.getFormFieldList(processForm)
|
||||
console.log(processForm);
|
||||
console.log("processForm");
|
||||
|
||||
this.xgdFileMap=this.assemble(processForm.xgd,processForm.xgdName);
|
||||
|
||||
this.fbgbjbdFileMap=this.assemble(processForm.fbgbjbd,processForm.fbgbjbdName);
|
||||
// fbgbjbdFileMap: {},
|
||||
this.bpgFileMap=this.assemble(processForm.bpg,processForm.bpgName);
|
||||
// bpgFileMap: {},
|
||||
this.ssgFileMap=this.assemble(processForm.ssg,processForm.ssgName);
|
||||
// ssgFileMap: {},
|
||||
this.zqyjgFileMap=this.assemble(processForm.zqyjg,processForm.zqyjgName);
|
||||
// zqyjgFileMap: {},
|
||||
this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwjName);
|
||||
// jdwjFileMap: {},
|
||||
this.kwjFileMap=this.assemble(processForm.kwj,processForm.kwjName);
|
||||
// kwjFileMap: {},
|
||||
this.glwjFileMap=this.assemble(processForm.glwj,processForm.glwjName);
|
||||
// glwjFileMap: {},
|
||||
this.caFileMap=this.assemble(processForm.ca,processForm.caName);
|
||||
// caFileMap: {},
|
||||
this.zbjbdFileMap=this.assemble(processForm.zbjbd,processForm.zbjbdName);
|
||||
// zbjbdFileMap: {},
|
||||
|
||||
}
|
||||
}).catch(e => {
|
||||
@@ -1013,7 +1138,6 @@
|
||||
this.$nextTick(() => {
|
||||
this.form = JSON.parse(JSON.stringify(item))
|
||||
this.defaultCheckedKeys = [this.form.standSystem]
|
||||
console.log(this.defaultCheckedKeys)
|
||||
this.defaultCheckedKeys1 = [this.form.cycvppsbm]
|
||||
this.defaultCheckedKeys2 = [this.form.kccvppsbm]
|
||||
this.defaultCheckedKeys3 = [this.form.dybxh]
|
||||
@@ -1082,7 +1206,6 @@
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
console.log(res);
|
||||
if (res.success) {
|
||||
if(this.formTongGuo.approvalOpinion === '1'){
|
||||
this.$message.warning("驳回成功")
|
||||
|
||||
@@ -472,8 +472,8 @@
|
||||
<!-- ></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
|
||||
<div v-if="form.glwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj')">
|
||||
{{ form.glwjName }}
|
||||
<div v-if="form.glwjName" v-for="(value,index) in this.glwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
|
||||
{{value.name}}
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
@@ -973,12 +973,9 @@ export default {
|
||||
}, e => {})
|
||||
},
|
||||
assemble(ids,names){
|
||||
console.log("name",names)
|
||||
console.log("id",ids)
|
||||
let list= new Array();
|
||||
let idArray=ids.split(',');
|
||||
let nameArray=names.split(',');
|
||||
console.log("idarray",idArray);
|
||||
for(var i=0;i<idArray.length;i++){
|
||||
list.push({id:idArray[i],name:nameArray[i]});
|
||||
}
|
||||
@@ -1007,7 +1004,6 @@ export default {
|
||||
|
||||
|
||||
this.xgdFileMap=this.assemble(processForm.xgd,processForm.xgdName);
|
||||
console.log("xgdName",this.xgdFileMap);
|
||||
|
||||
this.fbgbjbdFileMap=this.assemble(processForm.fbgbjbd,processForm.fbgbjbdName);
|
||||
// fbgbjbdFileMap: {},
|
||||
@@ -1017,7 +1013,7 @@ export default {
|
||||
// ssgFileMap: {},
|
||||
this.zqyjgFileMap=this.assemble(processForm.zqyjg,processForm.zqyjgName);
|
||||
// zqyjgFileMap: {},
|
||||
this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwj);
|
||||
this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwjName);
|
||||
// jdwjFileMap: {},
|
||||
this.kwjFileMap=this.assemble(processForm.kwj,processForm.kwjName);
|
||||
// kwjFileMap: {},
|
||||
@@ -1031,7 +1027,6 @@ export default {
|
||||
|
||||
|
||||
|
||||
|
||||
this.getFormFieldList(processForm)
|
||||
}
|
||||
}).catch(e => {
|
||||
@@ -1044,8 +1039,7 @@ export default {
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.form = JSON.parse(JSON.stringify(item))
|
||||
console.log("this.form");
|
||||
console.log(this.form);
|
||||
console.log("this.form",this.form);
|
||||
this.defaultCheckedKeys = [this.form.standSystem]
|
||||
this.defaultCheckedKeys1 = [this.form.cycvppsbm]
|
||||
this.defaultCheckedKeys2 = [this.form.kccvppsbm]
|
||||
|
||||
@@ -968,8 +968,17 @@
|
||||
v-model="form.glwjName"
|
||||
clearable
|
||||
></el-input>
|
||||
<div v-if="form.glwjName">
|
||||
{{ form.glwjName }}
|
||||
<div v-if="glwjFileList.length>0">
|
||||
<!-- {{ form.fbgbjbdName }}-->
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
size="mini"
|
||||
style="margin-left: 10px"
|
||||
@click="fileUpload('glwj')">
|
||||
<i class="el-icon-upload el-icon--right"></i>
|
||||
查看已上传的文件
|
||||
</el-button>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
@@ -2249,6 +2258,9 @@ export default {
|
||||
case 'zqyjg':
|
||||
this.getFileList(value,this.zqyjgFileList);
|
||||
break;
|
||||
case 'glwj':
|
||||
this.getFileList(value,this.glwjFileList);
|
||||
break;
|
||||
default: ;
|
||||
}
|
||||
},getFileList(fileIds,defaultFileList){
|
||||
|
||||
@@ -379,7 +379,6 @@ export default {
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
|
||||
},
|
||||
addModal() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
|
||||
@@ -0,0 +1,241 @@
|
||||
<!-- 加入标准化协会信息备案流程-->
|
||||
<template>
|
||||
<div class="jrbzhxh-step1">
|
||||
<ProcessHeader>
|
||||
<template slot="proName">参与外部标准制修订信息备案流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="content">
|
||||
<ProcessTitle>
|
||||
<template slot="title">人员信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="block" style="padding-top: 20px; height: 100%">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="prcCreateUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规工程师</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.prcCreateUserName" placeholder="流程发起人"
|
||||
disabled></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="选择标准化员进行入会信息填报" placement="top"
|
||||
:color="roleForm.dockUser ? '#66b1ff' : ''" >
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>标准化员</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" placeholder="选择标准化员"
|
||||
@click.native="choiceZRRS">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top"
|
||||
:color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.directorUserName" placeholder="选择标准法规部部长"
|
||||
@click.native="choiceZRR('directorUser', '选择标准法规部部长', roleForm.directorUser)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 多选择责任人-->
|
||||
<Role-tree
|
||||
is-title="选择责任部门对接人"
|
||||
:is-visible.sync="modalshowflag2"
|
||||
@checkedRole="checkedRole2"
|
||||
:nodeList="nodeList2"
|
||||
></Role-tree>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
|
||||
export default {
|
||||
name: "cywbbzzxdStep1",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessTitle,
|
||||
ProcessFooter
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
modalshowflag: false, // drawer开关
|
||||
modalshowflag2: false,
|
||||
nodeList2: [],
|
||||
drawerTitle: "", //drawer标题
|
||||
nodeList: [],
|
||||
roleForm: {
|
||||
prcCreateUserName: this.$store.getters.userInfo.userName,
|
||||
prcCreateUser: this.$store.getters.userInfo.userId,
|
||||
dockUser: "",
|
||||
directorUser: "",
|
||||
dockUserName: "",
|
||||
directorUserName: ""
|
||||
},
|
||||
roleFormRules: {
|
||||
dockUserName: [
|
||||
{required: true, message: "请选择标准化员", trigger: "change"}
|
||||
],
|
||||
directorUserName: [
|
||||
{required: true, message: "请选择标准法规部部长", trigger: "change"}
|
||||
]
|
||||
},
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = [];
|
||||
this.nodeList.push(id);
|
||||
this.type = type;
|
||||
this.drawerTitle = title;
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
choiceZRRS() {
|
||||
this.nodeList2 = [];
|
||||
if (this.roleForm.dockUser.length > 0) {
|
||||
this.nodeList2 = this.roleForm.dockUser.split(",");
|
||||
}
|
||||
this.modalshowflag2 = true;
|
||||
},
|
||||
checkedRole(data) {
|
||||
if (this.type === "dockUser") {
|
||||
this.roleForm.dockUser = this.roleRow.id;
|
||||
this.roleForm.dockUserName = this.roleRow.name;
|
||||
} else if (this.type === "directorUser") {
|
||||
this.roleForm.directorUser = data[0].id;
|
||||
this.roleForm.directorUserName = data[0].name;
|
||||
}
|
||||
this.modalshowflag = false;
|
||||
},
|
||||
checkedRole2(data) {
|
||||
var idList = "";
|
||||
var nameList = "";
|
||||
data.forEach(item => {
|
||||
if (nameList.length > 0) {
|
||||
nameList += ",";
|
||||
idList += ",";
|
||||
}
|
||||
idList += item.id;
|
||||
nameList += item.name;
|
||||
});
|
||||
this.roleForm.dockUser = idList;
|
||||
this.roleForm.dockUserName = nameList;
|
||||
},
|
||||
handleSubmit(){
|
||||
var json = this.roleForm
|
||||
this.$refs["Form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
this.$http.get("lawss/activiti/startProcess", {type: "15"}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.ok) {
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: res.data,
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
json: JSON.stringify(json)
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
return this.$message.warning("请完善人员信息");
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
handleSave(){
|
||||
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.jrbzhxh-step1 {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.form-select{
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
height: 52px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "cywbbzzxdStep1"
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,419 @@
|
||||
<!-- 参与外部标准制修订流程-->
|
||||
<template>
|
||||
<div class="wbbz-step1">
|
||||
<ProcessHeader>
|
||||
<template slot="proName">参与外部标准制修订信息提报流程</template>
|
||||
<template slot="proNode">填写备案信息</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div>
|
||||
<el-form
|
||||
ref="wbbzForm"
|
||||
:model="wbbzform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.reportingUnit"
|
||||
placeholder="请输入提报单位"
|
||||
clearable>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准编号" prop="standNumber" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.standNumber"
|
||||
placeholder="请输入标准编号"
|
||||
clearable>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="主持或参与" prop="personnelRole" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.personnelRole" placeholder="请选择主持或参与">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="参与人" prop="standNumber" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.standNumber"
|
||||
placeholder="请选择参与人"
|
||||
clearable>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准制定机构" prop="standNumber" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.standNumber"
|
||||
placeholder="请选择标准制定机构"
|
||||
clearable>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="参与时间" prop="reportingUnit" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="wbbzform.membershipTime"
|
||||
type="date"
|
||||
placeholder="请选择入会时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准名称" prop="standName" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.standName"
|
||||
placeholder="请输入标准名称"
|
||||
clearable>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准类型" prop="personnelRole" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.personnelRole" placeholder="请选择标准类型">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准制修订" prop="personnelRole" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.personnelRole" placeholder="请选择标准制修订">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准(拟)发布时间" prop="reportingUnit" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="wbbzform.membershipTime"
|
||||
type="date"
|
||||
placeholder="请选择标准(拟)发布时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">项目信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<el-button plain class="common-button-primary" size="mini" @click="addProject">添加</el-button>
|
||||
<el-button plain class="common-button-primary" size="mini" @click="deleteProject">批量删除</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="participantsData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange1"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="projectNumber"
|
||||
label="项目编号"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.projectNumber"
|
||||
placeholder="请输入项目编号"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="projectName"
|
||||
label="项目名称"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.projectName"
|
||||
placeholder="请输入项目名称"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="expenses"
|
||||
label="费用支出项"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.expenses"
|
||||
placeholder="请输入费用支出项"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="costBudget"
|
||||
label="费用预算"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.costBudget"
|
||||
placeholder="请输入费用预算"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
|
||||
export default {
|
||||
name: "cywbbzzxdStep3",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessTitle,
|
||||
ProcessFooter
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
//切换tab
|
||||
active: "1",
|
||||
foldFormFlag: true,
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
loading: false,
|
||||
detailData: [], //审批历史信息
|
||||
wbbzform: {
|
||||
reportingUnit:'',
|
||||
associationName: '',
|
||||
committee:'',
|
||||
workingGroup:'',
|
||||
personnelRole:'',
|
||||
membershipTime:'',
|
||||
},
|
||||
formRules: {},
|
||||
participantsData: [{
|
||||
projectNumber: '',
|
||||
projectName: '',
|
||||
expenses: '',
|
||||
costBudget:'',
|
||||
}], //参与人表格信息
|
||||
associationOptions: [{
|
||||
value: '选项1',
|
||||
label: '1'
|
||||
}, {
|
||||
value: '选项2',
|
||||
label: '2'
|
||||
},{
|
||||
value: '选项3',
|
||||
label: '3'
|
||||
}],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//审批历史信息
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res;
|
||||
}, e => {
|
||||
});
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
},
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
},
|
||||
handleSave() {},
|
||||
handleSubmit() {
|
||||
console.log(this.wbbzform);
|
||||
},
|
||||
//添加按鈕事件
|
||||
addProject(){
|
||||
var list = {
|
||||
projectNumber: this.projectNumber,
|
||||
projectName: this.projectName,
|
||||
expenses: this.expenses,
|
||||
costBudget: this.costBudget
|
||||
}
|
||||
this.participantsData.push(list)
|
||||
},
|
||||
//批量刪除按鈕事件
|
||||
deleteProject(){
|
||||
|
||||
},
|
||||
handleSelectionChange1(data){
|
||||
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wbbz-step1 {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.form-select{
|
||||
display: flex;
|
||||
}
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
height: 52px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,241 @@
|
||||
<!-- 加入标准化协会信息备案流程-->
|
||||
<template>
|
||||
<div class="jrbzhxh-step1">
|
||||
<ProcessHeader>
|
||||
<template slot="proName">加入标准化协会信息备案流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="content">
|
||||
<ProcessTitle>
|
||||
<template slot="title">人员信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="block" style="padding-top: 20px; height: 100%">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="prcCreateUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规工程师</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.prcCreateUserName" placeholder="流程发起人"
|
||||
disabled></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="选择标准化员进行入会信息填报" placement="top"
|
||||
:color="roleForm.dockUser ? '#66b1ff' : ''" >
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>标准化员</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" placeholder="选择标准化员"
|
||||
@click.native="choiceZRRS">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top"
|
||||
:color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.directorUserName" placeholder="选择标准法规部部长"
|
||||
@click.native="choiceZRR('directorUser', '选择标准法规部部长', roleForm.directorUser)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 多选择责任人-->
|
||||
<Role-tree
|
||||
is-title="选择责任部门对接人"
|
||||
:is-visible.sync="modalshowflag2"
|
||||
@checkedRole="checkedRole2"
|
||||
:nodeList="nodeList2"
|
||||
></Role-tree>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
|
||||
export default {
|
||||
name: "jrbzhxhStep1",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessTitle,
|
||||
ProcessFooter
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
modalshowflag: false, // drawer开关
|
||||
modalshowflag2: false,
|
||||
nodeList2: [],
|
||||
drawerTitle: "", //drawer标题
|
||||
nodeList: [],
|
||||
roleForm: {
|
||||
prcCreateUserName: this.$store.getters.userInfo.userName,
|
||||
prcCreateUser: this.$store.getters.userInfo.userId,
|
||||
dockUser: "",
|
||||
directorUser: "",
|
||||
dockUserName: "",
|
||||
directorUserName: ""
|
||||
},
|
||||
roleFormRules: {
|
||||
dockUserName: [
|
||||
{required: true, message: "请选择标准化员", trigger: "change"}
|
||||
],
|
||||
directorUserName: [
|
||||
{required: true, message: "请选择标准法规部部长", trigger: "change"}
|
||||
]
|
||||
},
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = [];
|
||||
this.nodeList.push(id);
|
||||
this.type = type;
|
||||
this.drawerTitle = title;
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
choiceZRRS() {
|
||||
this.nodeList2 = [];
|
||||
if (this.roleForm.dockUser.length > 0) {
|
||||
this.nodeList2 = this.roleForm.dockUser.split(",");
|
||||
}
|
||||
this.modalshowflag2 = true;
|
||||
},
|
||||
checkedRole(data) {
|
||||
if (this.type === "dockUser") {
|
||||
this.roleForm.dockUser = this.roleRow.id;
|
||||
this.roleForm.dockUserName = this.roleRow.name;
|
||||
} else if (this.type === "directorUser") {
|
||||
this.roleForm.directorUser = data[0].id;
|
||||
this.roleForm.directorUserName = data[0].name;
|
||||
}
|
||||
this.modalshowflag = false;
|
||||
},
|
||||
checkedRole2(data) {
|
||||
var idList = "";
|
||||
var nameList = "";
|
||||
data.forEach(item => {
|
||||
if (nameList.length > 0) {
|
||||
nameList += ",";
|
||||
idList += ",";
|
||||
}
|
||||
idList += item.id;
|
||||
nameList += item.name;
|
||||
});
|
||||
this.roleForm.dockUser = idList;
|
||||
this.roleForm.dockUserName = nameList;
|
||||
},
|
||||
handleSubmit(){
|
||||
var json = this.roleForm
|
||||
this.$refs["Form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
this.$http.get("lawss/activiti/startProcess", {type: "15"}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.ok) {
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: res.data,
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
json: JSON.stringify(json)
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
return this.$message.warning("请完善人员信息");
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
handleSave(){
|
||||
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.jrbzhxh-step1 {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.form-select{
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
height: 52px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,700 @@
|
||||
<!-- 加入标准化协会信息备案流程-->
|
||||
<template>
|
||||
<div class="jrbzhxh-step2">
|
||||
<ProcessHeader>
|
||||
<template slot="proName">加入标准化协会信息备案流程</template>
|
||||
<template slot="proNode">入会信息填报</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div>
|
||||
<el-form
|
||||
ref="wbbzForm"
|
||||
:model="wbbzform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :gutter="24">
|
||||
<el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.reportingUnit"
|
||||
placeholder="请输入提报单位"
|
||||
clearable>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会名称" prop="associationName" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.associationName" placeholder="请选择协会名称">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select v-model="wbbzform.committee" placeholder="请选择分标委">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select v-model="wbbzform.workingGroup" placeholder="请选择工作组">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="人员角色" prop="personnelRole" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.personnelRole" placeholder="请选择会员角色">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="wbbzform.membershipTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择入会时间">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="证书" prop="fileName" class="add-form-item form-item-disabled">
|
||||
<div>
|
||||
<el-upload
|
||||
:action="uploadFileListPath"
|
||||
show-file-list
|
||||
:file-list="fileInfoList"
|
||||
name="file"
|
||||
accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
|
||||
:on-remove="delFileInfo"
|
||||
:on-success="uploadBackSuccess"
|
||||
:before-upload="beforeUpload"
|
||||
>
|
||||
<el-button class="common-button-default" size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">参与人信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>
|
||||
<el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="participantsData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange1"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="workPeople"
|
||||
label="参与人"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.workPeopleId" style="display: none;" readonly/>
|
||||
<el-input v-model="scope.row.workPeople" placeholder="请选择分发责任人"
|
||||
@click.native="choiceZRRS(scope.row, scope.$index)" readonly/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="duties"
|
||||
label="职务"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="institutionName"
|
||||
label="所在部门"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="email"
|
||||
label="联系方式"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tenure"
|
||||
label="任期"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="account"
|
||||
label="账户"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="password"
|
||||
label="密码"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">协会信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<el-button plain class="common-button-primary" size="mini" @click="addSociety">添加</el-button>
|
||||
<el-button plain class="common-button-primary" size="mini" @click="deleteSociety">批量删除</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="associationData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange2"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="contactPerson"
|
||||
label="协会联络人"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.contactPerson"
|
||||
clearable
|
||||
placeholder="请输入协会联络人">
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="telephone"
|
||||
label="电话"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
clearable
|
||||
v-model="scope.row.telephone"
|
||||
placeholder="请输入电话">
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="mailbox"
|
||||
label="邮箱"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.mailbox"
|
||||
clearable
|
||||
placeholder="请输入邮箱">
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
show-record
|
||||
:recordLoading="recordLoading"
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@record="handleRecord"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
import { inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "jrbzhxhStep2",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessTitle,
|
||||
ProcessFooter
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
//切换tab
|
||||
active: "1",
|
||||
commentText: '', // 意见
|
||||
foldFormFlag: true,
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
recordLoading: false,
|
||||
loading: false,
|
||||
modalshowflag: false,
|
||||
drawerTitle: '',
|
||||
nodeList: [],
|
||||
uploadFileListPath: "api/att/attFile/upload", // 上传的地址
|
||||
fileInfoList: [], // 上传的附件
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
dlFlag: '', // 1为通过 0为不通过
|
||||
wbbzform: {
|
||||
reportingUnit:'',
|
||||
associationName: '',
|
||||
committee:'',
|
||||
workingGroup:'',
|
||||
personnelRole:'',
|
||||
membershipTime:'',
|
||||
fileName:'',
|
||||
participantsData: [{
|
||||
name: '', //参与人
|
||||
duties: '', //职务
|
||||
institutionName: '', //所在部门
|
||||
email: '', //联系方式
|
||||
tenure:'', //任期
|
||||
account:'', //账户
|
||||
password:'', //密码
|
||||
}],
|
||||
associationData: [{
|
||||
contactPerson: '', //协议联络人
|
||||
telephone: '', //电话
|
||||
mailbox:'', //邮箱
|
||||
}],
|
||||
},
|
||||
selectList2: [],
|
||||
selectList1: [],
|
||||
formRules: {
|
||||
reportingUnit: [
|
||||
{ required: true, message: "请输入提报单位", trigger: "blur" }
|
||||
],
|
||||
},
|
||||
participantsData: [], //参与人表格信息
|
||||
associationData: [], //协会表格信息
|
||||
detailData: [], //审批历史信息
|
||||
selectedId: "",
|
||||
associationOptions: [{
|
||||
value: '选项1',
|
||||
label: '1'
|
||||
}, {
|
||||
value: '选项2',
|
||||
label: '2'
|
||||
},{
|
||||
value: '选项3',
|
||||
label: '3'
|
||||
}],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res;
|
||||
}, e => {
|
||||
});
|
||||
},
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
const processForm = JSON.parse(res.mesg);
|
||||
this.getFormFieldList(processForm);
|
||||
}
|
||||
}).catch(e => {
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @description: 动态表单读取
|
||||
*/
|
||||
getFormFieldList(item) {
|
||||
console.log(item);
|
||||
this.$nextTick(() => {
|
||||
if(!item.directorUser){
|
||||
this.wbbzform = JSON.parse(JSON.stringify(item));
|
||||
this.associationData = item.associationData
|
||||
this.participantsData = item.participantsData
|
||||
}else{
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
choiceZRRS(row, index) {
|
||||
this.selectedId = index;
|
||||
this.drawerTitle = "选择责任人";
|
||||
this.nodeList = [];
|
||||
this.zrIndex = index;
|
||||
this.nodeList.push(row);
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
checkedRole(data){
|
||||
if(this.participantsData.length > 1){
|
||||
let parList = data
|
||||
this.participantsData.forEach(item =>{
|
||||
parList.forEach(items => {
|
||||
if(items.name === item.workPeople){
|
||||
this.$message.warning('请勿重复添加参与人')
|
||||
return
|
||||
}else{
|
||||
console.log(items);
|
||||
}
|
||||
})
|
||||
})
|
||||
}else{
|
||||
this.participantsData = data
|
||||
this.participantsData.forEach(item => {
|
||||
this.$set(item, "workPeople", item.name)
|
||||
});
|
||||
this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
|
||||
}
|
||||
},
|
||||
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
},
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
},
|
||||
//不备案
|
||||
handleRecord(){
|
||||
this.recordLoading = true
|
||||
this.dlFlag = '0',
|
||||
this.wbbzform.commentText = this.commentText;
|
||||
this.wbbzform.participantsData = this.participantsData
|
||||
this.wbbzform.associationData = this.associationData
|
||||
var json = JSON.stringify( this.wbbzform)
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: this.taskIds,
|
||||
userId: this.userId,
|
||||
json: json
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.recordLoading = false
|
||||
}, e => {
|
||||
|
||||
});
|
||||
},
|
||||
//流程保存
|
||||
handleSave() {},
|
||||
//流程提交
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
this.wbbzform.dlFlag = '1',
|
||||
this.wbbzform.passUser = this.$store.getters.userInfo.userId,
|
||||
this.wbbzform.commentText = this.commentText;
|
||||
this.wbbzform.participantsData = this.participantsData
|
||||
this.wbbzform.associationData = this.associationData
|
||||
var json = JSON.stringify( this.wbbzform)
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: this.taskIds,
|
||||
userId: this.userId,
|
||||
json: json
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
}, e => {
|
||||
|
||||
});
|
||||
},
|
||||
handleSelectionChange1(data){
|
||||
for (let i = 0; i < data.length; i++){
|
||||
this.selectList1.push(data[i].account)
|
||||
}
|
||||
},
|
||||
handleSelectionChange2(data){
|
||||
for (let i = 0; i < data.length; i++){
|
||||
this.selectList2.push(data[i].id)
|
||||
}
|
||||
},
|
||||
//添加参与人信息
|
||||
addPeople(){
|
||||
var list =[]
|
||||
this.participantsData.push(list)
|
||||
},
|
||||
//批量删除参与人信息
|
||||
deletePeople(){
|
||||
if(this.selectList1.length < 1){
|
||||
this.$message.warning('请选择一条数据进行删除')
|
||||
}else{
|
||||
this.$confirm('您确认删除这些数据？', '提示', {
|
||||
confirmButtonText: "确认",
|
||||
confirmButtonClass: "common-button-primary",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
let exits = [];
|
||||
this.selectList1.map(item => {
|
||||
let index;
|
||||
index = this.participantsData.findIndex(items => {
|
||||
return items.account === item;
|
||||
});
|
||||
if (index > -1) {
|
||||
this.participantsData.splice(index, 1);
|
||||
}
|
||||
exits.push(item);
|
||||
});
|
||||
this.selectList1 = [];
|
||||
}).catch(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
//添加协会信息
|
||||
addSociety(){
|
||||
var list = {
|
||||
contactPerson: this.contactPerson,
|
||||
telephone: this.telephone,
|
||||
mailbox: this.mailbox,
|
||||
}
|
||||
this.associationData.push(list)
|
||||
},
|
||||
//批量删除协会信息
|
||||
deleteSociety(){
|
||||
|
||||
},
|
||||
// 删除上传的文件
|
||||
delFileInfo(file, fileList) {
|
||||
this.fileInfoList.forEach((item, index) => {
|
||||
if (item.name === file.name || item.id === file.id ) {
|
||||
this.fileInfoList.splice(index,1)
|
||||
}
|
||||
})
|
||||
},
|
||||
// 上传文件成功回调
|
||||
uploadBackSuccess(res, file, fileList) {
|
||||
if (res.ok) {
|
||||
this.fileInfoList.push(res.data)
|
||||
this.$message.success("上传成功");
|
||||
} else {
|
||||
this.$message.error(res.message);
|
||||
fileList.pop();
|
||||
}
|
||||
},
|
||||
// 上传之前钩子
|
||||
beforeUpload(file) {
|
||||
console.log(file);
|
||||
var filename = file.name;
|
||||
var index1 = filename.lastIndexOf(".");
|
||||
var index2 = filename.length;
|
||||
var fileSuffix = filename.substring(index1, index2);
|
||||
//把后缀转大写
|
||||
if (fileSuffix !== undefined && fileSuffix !== null) {
|
||||
fileSuffix = fileSuffix.toUpperCase();
|
||||
}
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === ".PDF" || fileSuffix === ".DOC" || fileSuffix === ".DOCX" || fileSuffix === ".PPT"
|
||||
|| fileSuffix === ".PPTX" || fileSuffix === ".XLS" || fileSuffix === ".XLSX"
|
||||
|| fileSuffix === ".PNG" || fileSuffix === ".JPG" || fileSuffix === ".JPEG") {
|
||||
return true;
|
||||
} else {
|
||||
this.$message.error("文件" + file.name + "格式不正确，请上传pdf、doc、docx、ppt、pptx、xls、xlsx、png、jpg、jpeg等文件");
|
||||
return false;
|
||||
}
|
||||
// 判断文件上传大小
|
||||
if (file.size / 1024 / 1024 > 300) {
|
||||
this.$message.warning("文件" + file.name + "大小不能超过300M");
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
this.processTable()
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.jrbzhxh-step2 {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.form-select{
|
||||
display: flex;
|
||||
}
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
height: 52px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,678 @@
|
||||
<!-- 加入标准化协会信息备案流程-->
|
||||
<template>
|
||||
<div class="jrbzhxh-step3">
|
||||
<ProcessHeader>
|
||||
<template slot="proName">加入标准化协会信息备案流程</template>
|
||||
<template slot="proNode">标准法规工程师审核</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div>
|
||||
<el-form
|
||||
ref="wbbzForm"
|
||||
:model="wbbzform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :gutter="24">
|
||||
<el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.reportingUnit"
|
||||
placeholder="请输入提报单位"
|
||||
readonly>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会名称" prop="associationName" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.associationName" placeholder="请选择协会名称">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select v-model="wbbzform.committee" placeholder="请选择分标委">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select v-model="wbbzform.workingGroup" placeholder="请选择工作组">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="人员角色" prop="personnelRole" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.personnelRole" placeholder="请选择会员角色">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="wbbzform.membershipTime"
|
||||
type="date"
|
||||
placeholder="请选择入会时间">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="证书" prop="fileName" class="add-form-item form-item-disabled">
|
||||
<div class="file-box" v-if="fileList.length > 0">
|
||||
<p v-for="item in fileList"
|
||||
:key="item.id"> {{ item.name }}
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(item.id)"
|
||||
class="icon-download"
|
||||
v-btn-permission="''"
|
||||
/>
|
||||
<i
|
||||
title="下载带水印"
|
||||
@click="downloadFileByWater(item.id, item.name)"
|
||||
class="icon-download2"
|
||||
v-btn-permission="''"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div v-else>
|
||||
暂无数据
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon=" foldFormFlag ? 'el-icon-caret-top': 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">参与人信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="participantsData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="workPeople"
|
||||
label="参与人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="duties"
|
||||
label="职务"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="institutionName"
|
||||
label="所在部门"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="email"
|
||||
label="联系方式"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tenure"
|
||||
label="任期"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="account"
|
||||
label="账户"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="password"
|
||||
label="密码"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">协会信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="associationData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="contactPerson"
|
||||
label="协会联络人"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="telephone"
|
||||
label="电话"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="mailbox"
|
||||
label="邮箱"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-back
|
||||
show-transfer
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:transfer-loading="isTransfer"
|
||||
:saveLoading="saveLoading"
|
||||
:approval="true"
|
||||
@back="beforeBack"
|
||||
@transfer="handleTransfer"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
<!-- 福田全公司选人解决方案 -->
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="drawerModal"
|
||||
@checkedRole="checkedTransferRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "jrbzhxhStep3",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessTitle,
|
||||
ProcessFooter
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
//切换tab
|
||||
active: "1",
|
||||
foldFormFlag: true,
|
||||
isSubmit: false,
|
||||
isTransfer: false,
|
||||
saveLoading: false,
|
||||
loading: false,
|
||||
modalshowflag: false,
|
||||
drawerModal: false,
|
||||
drawerTitle: '',
|
||||
nodeList: [],
|
||||
fileList:[],
|
||||
commentText: '',
|
||||
uploadFileListPath: "api/att/attFile/upload", // 上传的地址
|
||||
fileInfoList: [], // 上传的附件
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
signFlag:'',
|
||||
wbbzform: {
|
||||
reportingUnit:'',
|
||||
associationName: '',
|
||||
committee:'',
|
||||
workingGroup:'',
|
||||
personnelRole:'',
|
||||
membershipTime:'',
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
participantsData: [{
|
||||
name: '', //参与人
|
||||
duties: '', //职务
|
||||
institutionName: '', //所在部门
|
||||
email: '', //联系方式
|
||||
tenure:'', //任期
|
||||
account:'', //账户
|
||||
password:'', //密码
|
||||
}],
|
||||
associationData: [{
|
||||
contactPerson: '', //协议联络人
|
||||
telephone: '', //电话
|
||||
mailbox:'', //邮箱
|
||||
}],
|
||||
},
|
||||
selectList2: [],
|
||||
selectList1: [],
|
||||
formRules: {},
|
||||
participantsData: [], //参与人表格信息
|
||||
associationData: [], //协会表格信息
|
||||
detailData: [], //审批历史信息
|
||||
selectedId: "",
|
||||
associationOptions: [{
|
||||
value: '选项1',
|
||||
label: '1'
|
||||
}, {
|
||||
value: '选项2',
|
||||
label: '2'
|
||||
},{
|
||||
value: '选项3',
|
||||
label: '3'
|
||||
}],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//确认转办
|
||||
checkedTransferRole (data) {
|
||||
this.assigneeNewLoading = true
|
||||
changeAssigneeNew({
|
||||
taskId: this.$route.query.taskIds, // 任务id
|
||||
assignee: data[0].id, // 被委托人
|
||||
userId: this.$store.getters.userInfo.userId, // 委托人
|
||||
pId: this.$route.query.prcId // 流程实例
|
||||
}).then(res => {
|
||||
this.isTransfer = false
|
||||
if (res.success) {
|
||||
this.drawerModal = false
|
||||
this.$message.success('调整成功')
|
||||
this.$router.push("/processCenter");
|
||||
this.processNum()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res;
|
||||
}, e => {
|
||||
});
|
||||
},
|
||||
|
||||
choiceZRRS(row, index) {
|
||||
this.selectedId = index;
|
||||
this.drawerTitle = "选择责任人";
|
||||
this.nodeList = [];
|
||||
this.zrIndex = index;
|
||||
this.nodeList.push(row);
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
checkedRole(data) {
|
||||
if (this.participantsData.length > 1) {
|
||||
let parList = data
|
||||
this.participantsData.forEach(item => {
|
||||
parList.forEach(items => {
|
||||
if (items.name === item.workPeople) {
|
||||
this.$message.warning('请勿重复添加参与人')
|
||||
return
|
||||
} else {
|
||||
console.log(items);
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.participantsData = data
|
||||
this.participantsData.forEach(item => {
|
||||
this.$set(item, "workPeople", item.name)
|
||||
});
|
||||
this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
|
||||
}
|
||||
},
|
||||
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
},
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
},
|
||||
//不备案
|
||||
handleRecord() {
|
||||
|
||||
},
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
const processForm = JSON.parse(res.mesg);
|
||||
this.getFormFieldList(processForm);
|
||||
}
|
||||
}).catch(e => {
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @description: 动态表单读取
|
||||
*/
|
||||
getFormFieldList(item) {
|
||||
console.log(item);
|
||||
this.$nextTick(() => {
|
||||
this.wbbzform = JSON.parse(JSON.stringify(item));
|
||||
this.associationData = item.associationData
|
||||
this.participantsData = item.participantsData
|
||||
});
|
||||
},
|
||||
// 请求上传的文件信息
|
||||
getFileInfo() {
|
||||
this.$http.get("att/attFile/getMultiFileInfos", {
|
||||
fileIds: this.fileIds
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$nextTick(() => {
|
||||
res.data.map(item => {
|
||||
// 赋值要回显的上传文件内容
|
||||
this.fileList.push({
|
||||
name: item.oldFileName,
|
||||
uid: item.uid,
|
||||
status: item.status,
|
||||
id: item.id
|
||||
});
|
||||
});
|
||||
});
|
||||
}, e => {
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @Description: 点击下载
|
||||
*/
|
||||
downloadFile(attId) {
|
||||
if (attId != null && attId !== "") {
|
||||
window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
|
||||
} else {
|
||||
this.$message.error("请选择要下载的文件");
|
||||
}
|
||||
},
|
||||
downloadFileByWater(attId, fileSuffix) {
|
||||
let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
|
||||
if (fileExtension !== "pdf" && fileExtension !== "PDF") {
|
||||
this.$message.error("水印下载仅支持PDF,pdf格式文件");
|
||||
} else {
|
||||
if (attId != null && attId !== "") {
|
||||
window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
|
||||
} else {
|
||||
this.$message.error("请选择要下载的文件");
|
||||
}
|
||||
}
|
||||
},
|
||||
//流程转办
|
||||
handleTransfer(){
|
||||
this.drawerModal = true
|
||||
this.drawerTitle = '转办处理人'
|
||||
this.selectPeople = row
|
||||
},
|
||||
//流程提交
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
this.wbbzform.signFlag = '1',
|
||||
this.wbbzform.passUser = this.$store.getters.userInfo.userId,
|
||||
this.wbbzform.commentText = this.commentText;
|
||||
this.wbbzform.participantsData = this.participantsData
|
||||
this.wbbzform.associationData = this.associationData
|
||||
var json = JSON.stringify( this.wbbzform)
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: this.taskIds,
|
||||
userId: this.userId,
|
||||
json: json
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
}, e => {
|
||||
|
||||
});
|
||||
},
|
||||
//流程驳回
|
||||
beforeBack(){
|
||||
this.isSubmit = true
|
||||
this.wbbzform.signFlag = '0',
|
||||
this.wbbzform.passUser = this.$store.getters.userInfo.userId,
|
||||
this.wbbzform.commentText = this.commentText;
|
||||
this.wbbzform.participantsData = this.participantsData
|
||||
this.wbbzform.associationData = this.associationData
|
||||
var json = JSON.stringify( this.wbbzform)
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: this.taskIds,
|
||||
userId: this.userId,
|
||||
json: json
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
}, e => {
|
||||
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
this.processTable()
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.jrbzhxh-step3 {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.form-select{
|
||||
display: flex;
|
||||
}
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
p {
|
||||
& > a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
& > i {
|
||||
display: inline-block;
|
||||
margin-left: 3px;
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
vertical-align: sub;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icon-download {
|
||||
background-image: url("~assets/images/shangqi/img/download.png");
|
||||
}
|
||||
|
||||
.icon-download2 {
|
||||
background-image: url("~assets/images/shangqi/img/download2.png");
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
height: 52px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,678 @@
|
||||
<!-- 加入标准化协会信息备案流程-->
|
||||
<template>
|
||||
<div class="jrbzhxh-step3">
|
||||
<ProcessHeader>
|
||||
<template slot="proName">加入标准化协会信息备案流程</template>
|
||||
<template slot="proNode">标准法规部部长审核</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div>
|
||||
<el-form
|
||||
ref="wbbzForm"
|
||||
:model="wbbzform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :gutter="24">
|
||||
<el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
|
||||
<el-input
|
||||
v-model="wbbzform.reportingUnit"
|
||||
placeholder="请输入提报单位"
|
||||
readonly>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会名称" prop="associationName" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.associationName" placeholder="请选择协会名称">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select v-model="wbbzform.committee" placeholder="请选择分标委">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select v-model="wbbzform.workingGroup" placeholder="请选择工作组">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="人员角色" prop="personnelRole" class="add-form-item ">
|
||||
<div class="form-select">
|
||||
<el-select v-model="wbbzform.personnelRole" placeholder="请选择会员角色">
|
||||
<el-option
|
||||
v-for="item in associationOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="wbbzform.membershipTime"
|
||||
type="date"
|
||||
placeholder="请选择入会时间">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="证书" prop="fileName" class="add-form-item form-item-disabled">
|
||||
<div class="file-box" v-if="fileList.length > 0">
|
||||
<p v-for="item in fileList"
|
||||
:key="item.id"> {{ item.name }}
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(item.id)"
|
||||
class="icon-download"
|
||||
v-btn-permission="''"
|
||||
/>
|
||||
<i
|
||||
title="下载带水印"
|
||||
@click="downloadFileByWater(item.id, item.name)"
|
||||
class="icon-download2"
|
||||
v-btn-permission="''"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div v-else>
|
||||
暂无数据
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon=" foldFormFlag ? 'el-icon-caret-top': 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">参与人信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="participantsData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="workPeople"
|
||||
label="参与人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="duties"
|
||||
label="职务"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="institutionName"
|
||||
label="所在部门"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="email"
|
||||
label="联系方式"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tenure"
|
||||
label="任期"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="account"
|
||||
label="账户"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="password"
|
||||
label="密码"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">协会信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
|
||||
<!-- <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="associationData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="contactPerson"
|
||||
label="协会联络人"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="telephone"
|
||||
label="电话"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="mailbox"
|
||||
label="邮箱"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-back
|
||||
show-transfer
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:transfer-loading="isTransfer"
|
||||
:saveLoading="saveLoading"
|
||||
:approval="true"
|
||||
@back="beforeBack"
|
||||
@transfer="handleTransfer"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
<!-- 福田全公司选人解决方案 -->
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="drawerModal"
|
||||
@checkedRole="checkedTransferRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "jrbzhxhStep4",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessTitle,
|
||||
ProcessFooter
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
//切换tab
|
||||
active: "1",
|
||||
foldFormFlag: true,
|
||||
isSubmit: false,
|
||||
isTransfer: false,
|
||||
saveLoading: false,
|
||||
loading: false,
|
||||
modalshowflag: false,
|
||||
drawerModal: false,
|
||||
drawerTitle: '',
|
||||
nodeList: [],
|
||||
fileList:[],
|
||||
uploadFileListPath: "api/att/attFile/upload", // 上传的地址
|
||||
fileInfoList: [], // 上传的附件
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
bzFlag:'',
|
||||
wbbzform: {
|
||||
reportingUnit:'',
|
||||
associationName: '',
|
||||
committee:'',
|
||||
workingGroup:'',
|
||||
personnelRole:'',
|
||||
membershipTime:'',
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
participantsData: [{
|
||||
name: '', //参与人
|
||||
duties: '', //职务
|
||||
institutionName: '', //所在部门
|
||||
email: '', //联系方式
|
||||
tenure:'', //任期
|
||||
account:'', //账户
|
||||
password:'', //密码
|
||||
}],
|
||||
associationData: [{
|
||||
contactPerson: '', //协议联络人
|
||||
telephone: '', //电话
|
||||
mailbox:'', //邮箱
|
||||
}],
|
||||
},
|
||||
selectList2: [],
|
||||
commentText: '',
|
||||
selectList1: [],
|
||||
formRules: {},
|
||||
participantsData: [], //参与人表格信息
|
||||
associationData: [], //协会表格信息
|
||||
detailData: [], //审批历史信息
|
||||
selectedId: "",
|
||||
associationOptions: [{
|
||||
value: '选项1',
|
||||
label: '1'
|
||||
}, {
|
||||
value: '选项2',
|
||||
label: '2'
|
||||
},{
|
||||
value: '选项3',
|
||||
label: '3'
|
||||
}],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//确认转办
|
||||
checkedTransferRole (data) {
|
||||
this.assigneeNewLoading = true
|
||||
changeAssigneeNew({
|
||||
taskId: this.$route.query.taskIds, // 任务id
|
||||
assignee: data[0].id, // 被委托人
|
||||
userId: this.$store.getters.userInfo.userId, // 委托人
|
||||
pId: this.$route.query.prcId // 流程实例
|
||||
}).then(res => {
|
||||
this.isTransfer = false
|
||||
if (res.success) {
|
||||
this.drawerModal = false
|
||||
this.$message.success('调整成功')
|
||||
this.$router.push("/processCenter");
|
||||
this.processNum()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res;
|
||||
}, e => {
|
||||
});
|
||||
},
|
||||
|
||||
choiceZRRS(row, index) {
|
||||
this.selectedId = index;
|
||||
this.drawerTitle = "选择责任人";
|
||||
this.nodeList = [];
|
||||
this.zrIndex = index;
|
||||
this.nodeList.push(row);
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
checkedRole(data) {
|
||||
if (this.participantsData.length > 1) {
|
||||
let parList = data
|
||||
this.participantsData.forEach(item => {
|
||||
parList.forEach(items => {
|
||||
if (items.name === item.workPeople) {
|
||||
this.$message.warning('请勿重复添加参与人')
|
||||
return
|
||||
} else {
|
||||
console.log(items);
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.participantsData = data
|
||||
this.participantsData.forEach(item => {
|
||||
this.$set(item, "workPeople", item.name)
|
||||
});
|
||||
this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
|
||||
}
|
||||
},
|
||||
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
},
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
},
|
||||
//不备案
|
||||
handleRecord() {
|
||||
|
||||
},
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
const processForm = JSON.parse(res.mesg);
|
||||
this.getFormFieldList(processForm);
|
||||
}
|
||||
}).catch(e => {
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @description: 动态表单读取
|
||||
*/
|
||||
getFormFieldList(item) {
|
||||
console.log(item);
|
||||
this.$nextTick(() => {
|
||||
this.wbbzform = JSON.parse(JSON.stringify(item));
|
||||
this.associationData = item.associationData
|
||||
this.participantsData = item.participantsData
|
||||
});
|
||||
},
|
||||
// 请求上传的文件信息
|
||||
getFileInfo() {
|
||||
this.$http.get("att/attFile/getMultiFileInfos", {
|
||||
fileIds: this.fileIds
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$nextTick(() => {
|
||||
res.data.map(item => {
|
||||
// 赋值要回显的上传文件内容
|
||||
this.fileList.push({
|
||||
name: item.oldFileName,
|
||||
uid: item.uid,
|
||||
status: item.status,
|
||||
id: item.id
|
||||
});
|
||||
});
|
||||
});
|
||||
}, e => {
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @Description: 点击下载
|
||||
*/
|
||||
downloadFile(attId) {
|
||||
if (attId != null && attId !== "") {
|
||||
window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
|
||||
} else {
|
||||
this.$message.error("请选择要下载的文件");
|
||||
}
|
||||
},
|
||||
downloadFileByWater(attId, fileSuffix) {
|
||||
let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
|
||||
if (fileExtension !== "pdf" && fileExtension !== "PDF") {
|
||||
this.$message.error("水印下载仅支持PDF,pdf格式文件");
|
||||
} else {
|
||||
if (attId != null && attId !== "") {
|
||||
window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
|
||||
} else {
|
||||
this.$message.error("请选择要下载的文件");
|
||||
}
|
||||
}
|
||||
},
|
||||
//流程转办
|
||||
handleTransfer(){
|
||||
this.drawerModal = true
|
||||
this.drawerTitle = '转办处理人'
|
||||
this.selectPeople = row
|
||||
},
|
||||
//流程提交
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
this.wbbzform.bzFlag = '1',
|
||||
this.wbbzform.passUser = this.$store.getters.userInfo.userId,
|
||||
this.wbbzform.commentText = this.commentText;
|
||||
this.wbbzform.participantsData = this.participantsData
|
||||
this.wbbzform.associationData = this.associationData
|
||||
var json = JSON.stringify( this.wbbzform)
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: this.taskIds,
|
||||
userId: this.userId,
|
||||
json: json
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
}, e => {
|
||||
|
||||
});
|
||||
},
|
||||
//流程驳回
|
||||
beforeBack(){
|
||||
this.isSubmit = true
|
||||
this.wbbzform.bzFlag = '2',
|
||||
this.wbbzform.passUser = this.$store.getters.userInfo.userId,
|
||||
this.wbbzform.commentText = this.commentText;
|
||||
this.wbbzform.participantsData = this.participantsData
|
||||
this.wbbzform.associationData = this.associationData
|
||||
var json = JSON.stringify( this.wbbzform)
|
||||
this.$http.post("lawss/activiti/completeTask", {
|
||||
taskIds: this.taskIds,
|
||||
userId: this.userId,
|
||||
json: json
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message);
|
||||
this.$router.push("/processCenter");
|
||||
}
|
||||
this.isSubmit = false
|
||||
}, e => {
|
||||
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
this.processTable()
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.jrbzhxh-step3 {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.form-select{
|
||||
display: flex;
|
||||
}
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
p {
|
||||
& > a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
& > i {
|
||||
display: inline-block;
|
||||
margin-left: 3px;
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
vertical-align: sub;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icon-download {
|
||||
background-image: url("~assets/images/shangqi/img/download.png");
|
||||
}
|
||||
|
||||
.icon-download2 {
|
||||
background-image: url("~assets/images/shangqi/img/download2.png");
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
height: 52px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,697 @@
|
||||
<!--外部署名推荐审批流程-->
|
||||
<template>
|
||||
<div class="wbsmStep1">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部署名推荐审批流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="tableTitle">
|
||||
<div class="tableButton">
|
||||
<el-button plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
|
||||
<el-button plain class="common-button-primary" size="mini" @click="deleteList">批量删除</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
:data="dataList"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="90%"
|
||||
@selection-change="selectedDelete"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="code"
|
||||
width="180px"
|
||||
align="center"
|
||||
label="标准号">
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standYear" class="table-jump"
|
||||
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
|
||||
scope.row.standNumber
|
||||
}}-{{ scope.row.standYear }}</a>
|
||||
<a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
|
||||
{{ scope.row.standNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="standName"
|
||||
label="标准名称"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="standSortShow" label="标准类别" align="center" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<a>{{ scope.row.standSortShow }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="workPeople" label="推荐署名人及单位" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.workPeopleId" style="display: none;" readonly/>
|
||||
<el-input v-model="scope.row.workPeople" placeholder="请选择分发责任人"
|
||||
@click.native="choiceZRRS(scope.row, scope.$index)" readonly/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="reason" label="推荐署名原因" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.reason"
|
||||
placeholder="请填写推荐署名原因"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="expenses" label="费用" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-model="scope.row.expenses"
|
||||
placeholder="请填写费用"
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="textarea">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规工程师</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.prcCreateUserName" placeholder="流程发起人"
|
||||
disabled></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="选择署名人领导,填写意见" placement="top"
|
||||
:color="roleForm.dockUser ? '#66b1ff' : ''" >
|
||||
<el-card>
|
||||
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||
<h4>署名人领导</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.dockUserName" placeholder="选择署名人领导"
|
||||
@click.native="choiceZRR('dockUser'), '选择署名人领导', roleForm.dockUser">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="标准法规部部长审批" placement="top"
|
||||
:color="roleForm.ministerUser ? '#66b1ff' : ''" >
|
||||
<el-card>
|
||||
<el-form-item prop="ministerUserName" style="margin-bottom: 0">
|
||||
<h4>标准法规部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.ministerUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.ministerUserName" placeholder="选择标准法规部部长"
|
||||
@click.native="choiceZRR('ministerUser'), '选择标准法规部部长', roleForm.ministerUser" ></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="技术管理中心主任审批" placement="top"
|
||||
:color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||
<h4>技术管理中心主任</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.directorUserName" placeholder="选择技术管理中心主任"
|
||||
@click.native="choiceZRR('directorUser', '选择技术管理中心主任', roleForm.directorUser)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="工程研究总院院长/FU/BU/SBU领导审批" placement="top"
|
||||
:color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="presidentName" style="margin-bottom: 0">
|
||||
<h4>工程研究总院院长/FU/BU/SBU领导</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.president" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.presidentName" placeholder="选择工程研究总院院长/FU/BU/SBU领导"
|
||||
@click.native="choiceZRR('president', '工程研究总院院长/FU/BU/SBU领导', roleForm.president)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 添加标准抽屉-->
|
||||
<el-drawer
|
||||
title="添加标准"
|
||||
:visible.sync="standModel"
|
||||
size="900px"
|
||||
custom-class="demo-drawer"
|
||||
>
|
||||
<div class="demo-drawer-content">
|
||||
<div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
|
||||
<div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
|
||||
<div class="left">
|
||||
<el-form :modal="standardSearch" :inline="true" class="label-input-form"
|
||||
style="margin-left:10px">
|
||||
<el-form-item label="类型" class="search-item search-item-last">
|
||||
<el-select
|
||||
@change="typeChange"
|
||||
v-model="standardSearch.standType"
|
||||
placeholder="请选择"
|
||||
filterable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in standardTypeOptions"
|
||||
:value="item.value"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准号/标准名称" class="search-item search-item-last">
|
||||
<el-input
|
||||
v-model="standardSearch.standNumber"
|
||||
placeholder="请输入标准号或标准名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
size="small"
|
||||
v-btn-permission="''"
|
||||
@click="getStandDataBtn">
|
||||
查询
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
size="small"
|
||||
v-btn-permission="''"
|
||||
@click="clearStandSearch">清空
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
:data="standardData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
ref="table"
|
||||
height="90%"
|
||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="selectThree"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="code"
|
||||
align="center"
|
||||
label="标准号">
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standYear" class="table-jump"
|
||||
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
|
||||
scope.row.standNumber
|
||||
}}-{{ scope.row.standYear }}</a>
|
||||
<a v-else @click="handlePreview(scope.row)" class="table-jump">{{
|
||||
scope.row.standSortShow
|
||||
}}
|
||||
{{ scope.row.standNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="standName"
|
||||
align="center"
|
||||
label="标准名称"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
align="center"
|
||||
label="发布日期">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.issueTime ? $moment(scope.row.issueTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="XCXSSRQ"
|
||||
align="center"
|
||||
label="新车型实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.XCXSSRQ ? $moment(scope.row.XCXSSRQ).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="ZCCSSRQ"
|
||||
align="center"
|
||||
label="在产车实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.ZCCSSRQ ? $moment(scope.row.ZCCSSRQ).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="textStatus"
|
||||
align="center"
|
||||
label="文本状态">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ textStatusMap[scope.row.textStatus] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<pagination
|
||||
:page="pageNo"
|
||||
:pageSize="pageSizeNo"
|
||||
:total="totalNo"
|
||||
@pageChange="pageChangeNo"
|
||||
@pageSizeChange="pageSizeChangeNo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button size="mini" @click="cancelStand">取消</el-button>
|
||||
<el-button type="primary" size="mini" @click="okStand">添加</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from '../../components/ProcessHeader'
|
||||
import ProcessFooter from '../../components/ProcessFooter'
|
||||
import ProcessTitle from '../../components/ProcessTitle'
|
||||
import { startProcess, completeTask, saveTaskFirst, queryTaskFirst } from '@/api/process.js'
|
||||
export default {
|
||||
name: "wbsmStep1",
|
||||
data() {
|
||||
return {
|
||||
textarea: '', // 意见
|
||||
active: '1', // 默认显示
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
dataList: [],
|
||||
taskID: '',
|
||||
deleteDataList: [],
|
||||
drawerTitle: "", //drawer标题
|
||||
modalshowflag: false, // 选择人员drawer开关
|
||||
standModel: false, //添加标准抽屉
|
||||
zrIndex: "",
|
||||
nodeList: [], //存放人员信息数组
|
||||
standOptions: [], //标准类别
|
||||
standardData:[],
|
||||
pageNo: 1,
|
||||
totalNo: 0,
|
||||
pageSizeNo: this.$store.getters.userInfo.configContent,
|
||||
standardTypeOptions: [
|
||||
{
|
||||
value: "INLAND",
|
||||
label: "国内标准法规",
|
||||
item: "INLAND"
|
||||
},
|
||||
{
|
||||
value: "FOREIGN",
|
||||
label: "海外标准法规",
|
||||
item: "FOREIGN"
|
||||
}
|
||||
],
|
||||
textStatusMap: {},// 文本状态id与name对应
|
||||
standList:[],
|
||||
//查询添加标准相关数据
|
||||
standardSearch: {
|
||||
standType: "",
|
||||
standNumber: "",
|
||||
pageNo: 1,
|
||||
pageSizeNo: this.$store.getters.userInfo.configContent
|
||||
},
|
||||
roleForm: {
|
||||
prcCreateUserName: this.$store.getters.userInfo.userName,
|
||||
prcCreateUser: this.$store.getters.userInfo.userId,
|
||||
dockUser: "",
|
||||
ministerUser: "" ,
|
||||
directorUser: "",
|
||||
president: "",
|
||||
dockUserName: "",
|
||||
ministerUserName: "" ,
|
||||
directorUserName: "",
|
||||
presidentName: '',
|
||||
},
|
||||
//必填人员校验规则
|
||||
roleFormRules: {
|
||||
dockUserName: [
|
||||
{required: true, message: "请选择署名人领导", trigger: "change"}
|
||||
],
|
||||
ministerUserName: [
|
||||
{required: true, message: "请选择标准法规部部长", trigger: "change"}
|
||||
],
|
||||
directorUserName: [
|
||||
{required: true, message: "请选择技术管理中心主任", trigger: "change"}
|
||||
],
|
||||
presidentName: [
|
||||
{required: true, message: "请选择工程研究总院院长/FU/BU/SBU领导", trigger: "change"}
|
||||
]
|
||||
},
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
mounted() {
|
||||
this.getStandData()
|
||||
//从数据库中查询下拉框数据
|
||||
this.$http.get('sys/dictype/getDicTypeListCode', '',{
|
||||
_this:this
|
||||
},res =>{
|
||||
this.standOptions = res.data.STANDCLASSIFY
|
||||
this.standStateOptions = res.data.WBZTCLASS; // 文本状态
|
||||
this.setMap(this.standStateOptions);
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
//点击新增事件
|
||||
addList() {
|
||||
this.standModel = true
|
||||
},
|
||||
// 批量删除按钮table，选择数据
|
||||
selectedDelete(data) {
|
||||
this.deleteDataList = data
|
||||
// this.deleteDataList = []
|
||||
// for (let i = 0; i < val.length; i++) {
|
||||
// this.deleteDataList.push(val[i].id);
|
||||
// }
|
||||
},
|
||||
// 点击批量删除事件
|
||||
deleteList() {
|
||||
if(this.deleteDataList.length < 1){
|
||||
this.$message.warning('请选择需要删除的数据')
|
||||
}else{
|
||||
this.$confirm('您确认删除这些数据？', '提示', {
|
||||
confirmButtonText: "确认",
|
||||
confirmButtonClass: "common-button-primary",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
let exits = [];
|
||||
this.deleteDataList.map(item => {
|
||||
let index;
|
||||
index = this.dataList.findIndex(items => {
|
||||
return items.id === item.id;
|
||||
});
|
||||
if (index > -1) {
|
||||
this.dataList.splice(index, 1);
|
||||
}
|
||||
exits.push(item);
|
||||
});
|
||||
this.deleteDataList = [];
|
||||
}).catch(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
// 将文本状态的id与name对应
|
||||
setMap(data) {
|
||||
data.forEach(item => {
|
||||
this.$set(this.textStatusMap, item.value, item.label);
|
||||
});
|
||||
},
|
||||
// 点击查看
|
||||
handlePreview (item) {
|
||||
let routeUrl = this.$router.resolve({
|
||||
name: 'OtherStandardDetails',
|
||||
params: {
|
||||
id: item.standId,
|
||||
pageType: item.standType + '_STAND'
|
||||
}
|
||||
})
|
||||
window.open(routeUrl.href, '_blank')
|
||||
},
|
||||
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
//添加标准select的改变
|
||||
selectThree(data) {
|
||||
this.standList = data;
|
||||
},
|
||||
choiceZRRS(row, index) {
|
||||
this.drawerTitle = "选择责任人";
|
||||
this.nodeList = [];
|
||||
this.zrIndex = index;
|
||||
this.nodeList.push(row);
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
typeChange(type) {
|
||||
this.standardSearch.standType = type;
|
||||
},
|
||||
//添加标准取消事件
|
||||
cancelStand() {
|
||||
this.standModel = false;
|
||||
},
|
||||
//添加标准确定事件
|
||||
okStand() {
|
||||
this.getStandData()
|
||||
if(this.standList.length < 1){
|
||||
this.$message.warning('请选择需要添加的数据')
|
||||
}else{
|
||||
let exits = [];
|
||||
this.standList.map(item => {
|
||||
let newStand = false;
|
||||
for (let itemKey of this.dataList) {
|
||||
if (item.id == itemKey.id) {
|
||||
newStand = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (newStand) {
|
||||
this.$message.warning("请勿重复添加数据");
|
||||
} else {
|
||||
this.dataList.push(item);
|
||||
exits.push(item.id);
|
||||
}
|
||||
});
|
||||
this.standardData = [];
|
||||
this.standModel = false;
|
||||
}
|
||||
},
|
||||
pageChangeNo(page) {
|
||||
this.pageNo = page;
|
||||
this.getStandData();
|
||||
},
|
||||
pageSizeChangeNo(pageSize) {
|
||||
this.pageSizeNo = this.$store.getters.userInfo.configContent;
|
||||
this.getStandData();
|
||||
|
||||
},
|
||||
clearStandSearch() {
|
||||
this.standardSearch = {
|
||||
standType: "",
|
||||
standNumber: ""
|
||||
};
|
||||
this.getStandData();
|
||||
},
|
||||
getStandDataBtn(){
|
||||
this.pageNo =1;
|
||||
this.getStandData();
|
||||
},
|
||||
//查询项目下的标准
|
||||
getStandData() {
|
||||
this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
|
||||
standType: this.standardSearch.standType,
|
||||
standNumber: this.standardSearch.standNumber,
|
||||
page: this.pageNo,
|
||||
pageSize: this.pageSizeNo
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.standardData = res.data.list;
|
||||
this.standardData.forEach(item => {
|
||||
if (item.attrInfoMap === null) {
|
||||
this.$set(item, "ZCCSSRQ", '');
|
||||
this.$set(item, "XCXSSRQ", '');
|
||||
} else {
|
||||
this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
|
||||
this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
|
||||
}
|
||||
})
|
||||
this.totalNo = res.data.count;
|
||||
}, e => {
|
||||
});
|
||||
},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
this.saveLoading = true
|
||||
let _formData = new FormData()
|
||||
_formData.append('id', this.bpnId || '')
|
||||
_formData.append('createUser', this.$store.getters.userInfo.userId)
|
||||
_formData.append('createUserName', this.$store.getters.userInfo.userName)
|
||||
_formData.append('prcType', '8')
|
||||
_formData.append('json', JSON.stringify({
|
||||
roleForm: this.roleForm,
|
||||
dataList: this.dataList,
|
||||
commentText: this.commentText
|
||||
}))
|
||||
saveTaskFirst(_formData).then(res => {
|
||||
this.saveLoading = false
|
||||
this.$message.success('保存成功')
|
||||
this.bpnId = res.result
|
||||
}).catch(e => {
|
||||
this.saveLoading = false
|
||||
})
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
},
|
||||
// 流程阶段负责人选择
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = [];
|
||||
this.nodeList.push(id);
|
||||
this.type = type;
|
||||
this.drawerTitle = title;
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
checkedRole (data) {
|
||||
if (this.type === "dockUser") {
|
||||
this.roleForm.dockUser = data[0].id;
|
||||
this.roleForm.dockUserName = data[0].name;
|
||||
} else if (this.type === "directorUser") {
|
||||
this.roleForm.directorUser = data[0].id;
|
||||
this.roleForm.directorUserName = data[0].name;
|
||||
}else if(this.type === 'ministerUser'){
|
||||
this.roleForm.ministerUser = data[0].id;
|
||||
this.roleForm.ministerUserName = data[0].name;
|
||||
}else if(this.type === 'president'){
|
||||
this.roleForm.president = data[0].id;
|
||||
this.roleForm.presidentName = data[0].name;
|
||||
}else{
|
||||
const newRow = JSON.parse(JSON.stringify(this.dataList[this.zrIndex]));
|
||||
newRow.workPeopleId = data[0].id;
|
||||
newRow.workPeople = data[0].name;
|
||||
this.$set(this.dataList, this.zrIndex, newRow);
|
||||
}
|
||||
this.modalshowflag = false;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.wbsmStep1 {
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,514 @@
|
||||
<template>
|
||||
<div class="wfhxzgStep2">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">外部署名推荐审批流程</template>
|
||||
<template slot="proNode">署名人领导会签</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto;">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<el-table
|
||||
:data="dataList"
|
||||
border
|
||||
ref="entryTable"
|
||||
height="94%"
|
||||
style="width: 100%; margin-top: 10px; "
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column prop="standSerialNumber" label="标准号" show-overflow-tooltip align="center">
|
||||
<template slot-scope="scope">
|
||||
<a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSerialNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="standName" align="center" show-overflow-tooltip label="标准名称">
|
||||
<template slot-scope="scope">
|
||||
<a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="productName" label="标准类别" align="center" show-overflow-tooltip>
|
||||
<!-- <template>-->
|
||||
<!-- <el-select v-model="dataList.productName" placeholder="请选择标准类别">-->
|
||||
<!-- <el-option-->
|
||||
<!-- v-for="item in standOptions"-->
|
||||
<!-- :key="item.value"-->
|
||||
<!-- :label="item.label"-->
|
||||
<!-- :value="item.value">-->
|
||||
<!-- </el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </template>-->
|
||||
</el-table-column>
|
||||
<el-table-column prop="itemsNum" label="推荐署名人及单位" align="center"/>
|
||||
<el-table-column prop="itemsName" label="署名人所在单位" align="center"/>
|
||||
<el-table-column prop="planCloseTime" label="推荐署名原因" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="itemsNum" label="费用" align="center"/>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="textarea">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="content" v-show="active === '3'">
|
||||
<div class="flow-list">
|
||||
<el-table
|
||||
height="100%"
|
||||
ref="selection"
|
||||
:data="detailData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
border
|
||||
row-key="id"
|
||||
:no-data-text="listNoDataText"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="任务步骤"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="assignee"
|
||||
label="任务受理人"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
label="创建时间"
|
||||
sortable="custom"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endTime"
|
||||
label="完成时间"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="comment"
|
||||
label="流程信息"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.commentText }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="completeFlag"
|
||||
label="状态"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">流程列表加载中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-back
|
||||
show-transfer
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:transfer-loading="isTransfer"
|
||||
:saveLoading="saveLoading"
|
||||
:approval="true"
|
||||
@back="beforeBack"
|
||||
@transfer="handleTransfer"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<Role-tree
|
||||
:is-title="drawerTitle"
|
||||
check-box
|
||||
:is-visible.sync="modalshowflag"
|
||||
:nodeList="nodeList"
|
||||
@checkedRole="drawerCheck"
|
||||
/>
|
||||
<!-- 福田全公司选人解决方案 -->
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="drawerModal"
|
||||
@checkedRole="checkedTransferRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from '../../components/ProcessHeader'
|
||||
import ProcessFooter from '../../components/ProcessFooter'
|
||||
import ProcessTitle from '../../components/ProcessTitle'
|
||||
import { roleTreeData } from "@/api/unqualProcess.js"
|
||||
import {completeTask, inboundLiaisonDetail, saveinboundTask, saveTaskForPub, changeAssigneeNew} from "@/api/process.js"
|
||||
|
||||
export default {
|
||||
name: "wbsmStep2",
|
||||
data() {
|
||||
return {
|
||||
passInfo: 0,
|
||||
detailData: [],
|
||||
loading: false,
|
||||
textarea: '', // 意见
|
||||
title: '', // 新增编辑抽屉标题
|
||||
ListModel: false, // 新增编辑抽屉开关
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
userId: this.$route.query.taskAssignee,
|
||||
nonSearch: {
|
||||
standSerialNumber: '',
|
||||
standId: '', // 标准号/名称
|
||||
productName: '', // 项目名称
|
||||
responsibleUnit: '' // 责任部门
|
||||
},
|
||||
active: '1', // 默认显示
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
turnLoading: false,
|
||||
drawerModal: false,
|
||||
dataList: [],
|
||||
endDataList: [],
|
||||
lastDataList: [],
|
||||
// 新增选择分发责任人数组
|
||||
multipleSelection: [],
|
||||
// 当前页数
|
||||
pageNo: 1,
|
||||
total: 0,
|
||||
myLoading: false,
|
||||
// 责任部门
|
||||
zNodesSItem: [],
|
||||
clearSelection: false,
|
||||
nodeList: [],
|
||||
drawerTitle: '', //drawer标题
|
||||
modalshowflag: false, // drawer开关
|
||||
roleForm: {
|
||||
dutyUserInfo: [],
|
||||
dutyUserInfoName: [],
|
||||
dutyPeopleInfo: '',
|
||||
dutyPeople: ''
|
||||
},
|
||||
rowDutyPeople: {},
|
||||
props: { label: 'name', children: 'children', value: 'id', multiple: true, disabled: false },
|
||||
dutyUserCaseData: [],
|
||||
roleFormRules: {},
|
||||
treeData: [], // 人员数据
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'name'
|
||||
},
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
created() {
|
||||
this.processTable();
|
||||
this.getData();
|
||||
},
|
||||
computed: {
|
||||
listNoDataText() {
|
||||
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
nonSearch(val) {
|
||||
this.nonSearch = val
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//确认转办
|
||||
checkedTransferRole (data) {
|
||||
this.assigneeNewLoading = true
|
||||
changeAssigneeNew({
|
||||
taskId: this.$route.query.taskIds, // 任务id
|
||||
assignee: data[0].id, // 被委托人
|
||||
userId: this.$store.getters.userInfo.userId, // 委托人
|
||||
pId: this.$route.query.prcId // 流程实例
|
||||
}).then(res => {
|
||||
this.isTransfer = false
|
||||
if (res.success) {
|
||||
this.drawerModal = false
|
||||
this.$message.success('调整成功')
|
||||
this.$router.push("/processCenter");
|
||||
this.processNum()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
processTable() {
|
||||
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||
prcNum: this.$route.query.prcNum,
|
||||
sortWord: this.shunxu ? this.paixu : "",
|
||||
shunxu: this.shunxu
|
||||
}, {
|
||||
loading: "loading",
|
||||
_this: this
|
||||
}, res => {
|
||||
this.detailData = res
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
getData() {
|
||||
const params = {
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId,
|
||||
// standId: '', // 标准号/名称
|
||||
// productName: '', // 项目名称
|
||||
// responsibleUnit: '' // 责任部门
|
||||
}
|
||||
inboundLiaisonDetail(params).then(res => {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
})
|
||||
},
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
if (item.passInfo !== undefined) {
|
||||
this.passInfo = JSON.parse(JSON.stringify(item)).passInfo
|
||||
}
|
||||
this.dataList = JSON.parse(JSON.stringify(item)).standardInfoList
|
||||
this.textarea = JSON.parse(JSON.stringify(item)).commentText
|
||||
})
|
||||
},
|
||||
// 批量选择分发责任人
|
||||
dutyEngineerList(id) {
|
||||
if (this.multipleSelection.length === 0) {
|
||||
this.$message.warning("请选择至少一条数据进行分发责任人");
|
||||
} else {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.modalshowflag = true
|
||||
}
|
||||
},
|
||||
// 每行选择负责人点击操作
|
||||
clickOpen(val, id) {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
this.rowDutyPeople = val
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.modalshowflag = true
|
||||
},
|
||||
// 选择勾选项的集合
|
||||
handleSelectionChange(value) {
|
||||
this.multipleSelection = value
|
||||
},
|
||||
handleTabs(name) {
|
||||
this.active = name
|
||||
},
|
||||
|
||||
// 转办按钮
|
||||
handleTurnTo() {
|
||||
this.modalshowflag = true
|
||||
this.drawerTitle = '转办处理人'
|
||||
},
|
||||
// 保存按钮
|
||||
handleSave() {
|
||||
this.saveLoading = true
|
||||
let _formData = new FormData()
|
||||
_formData.append('taskIds', this.taskIds)
|
||||
_formData.append('json', JSON.stringify({
|
||||
// roleForm: this.roleForm,
|
||||
standardInfoList: this.dataList,
|
||||
commentText: this.commentText
|
||||
}))
|
||||
saveTaskForPub(_formData).then(res => {
|
||||
this.saveLoading = false
|
||||
this.$message.success('保存成功')
|
||||
this.bpnId = res.result
|
||||
}).catch(e => {
|
||||
this.saveLoading = false
|
||||
})
|
||||
},
|
||||
// 提交按钮
|
||||
handleSubmit() {
|
||||
},
|
||||
//驳回按钮
|
||||
beforeBack(){
|
||||
|
||||
},
|
||||
//转办按钮
|
||||
handleTransfer(){
|
||||
this.drawerModal = true
|
||||
this.drawerTitle = '转办处理人'
|
||||
this.selectPeople = row
|
||||
},
|
||||
// 流程阶段负责人选择
|
||||
choiceZRR (type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.modalshowflag = true
|
||||
},
|
||||
drawerCheck (data) {
|
||||
if (this.drawerTitle === '转办处理人') {
|
||||
this.turnLoading = true
|
||||
changeAssigneeNew({
|
||||
taskId: this.taskIds, // 任务id
|
||||
assignee: data[0].id, // 被委托人
|
||||
userId: this.userId, // 委托人
|
||||
pId: this.pId // 流程实例
|
||||
}).then(res =>{
|
||||
if (res.success) {
|
||||
this.turnLoading = false
|
||||
this.$message.success('调整成功')
|
||||
this.$router.push("/processCenter")
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.roleRow = data[0]
|
||||
// 选取负责人时的操作
|
||||
if (this.multipleSelection.length === 0) {
|
||||
this.rowDutyPeople.dutyPeopleInfo = this.roleRow.name
|
||||
this.rowDutyPeople.dutyPeopleInfoId = this.roleRow.id
|
||||
}else {
|
||||
this.multipleSelection.forEach(item => {
|
||||
item.dutyPeopleInfo = this.roleRow.name
|
||||
item.dutyPeopleInfoId = this.roleRow.id
|
||||
})
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
}
|
||||
this.lastDataList = this.dataList
|
||||
// 选取流程信息完成
|
||||
// this.roleForm.dutyUserInfoName = this.roleRow.name
|
||||
}
|
||||
this.modalshowflag = false
|
||||
},
|
||||
//查询按钮
|
||||
/*getTableByPage({ standId, productName, responsibleUnit }) {//多条件和模糊查询
|
||||
this.realList = this.dataList.filter(item => {
|
||||
let matchId = true; // 标准号 筛选
|
||||
let matchName = true; // 项目名称 筛选
|
||||
let matchUnit = true; // 部门 筛选
|
||||
|
||||
if (standId) {
|
||||
const keysId = standId
|
||||
.toUpperCase() // 转大写
|
||||
.replace(' ', '') // 删掉空格
|
||||
.split('') // 切割成 单个字
|
||||
matchId = keysId.every(key => item.standId.toUpperCase().includes(key));
|
||||
}
|
||||
if (productName) {
|
||||
matchName = item.productName === productName;
|
||||
}
|
||||
if (responsibleUnit) {
|
||||
matchUnit = item.responsibleUnit === responsibleUnit;
|
||||
}
|
||||
return matchId && matchName && matchUnit;
|
||||
})
|
||||
this.dataList = this.realList
|
||||
},*/
|
||||
// 点击查看
|
||||
handlePreview (item) {
|
||||
let routeUrl = this.$router.resolve({
|
||||
name: 'OtherStandardDetails',
|
||||
params: {
|
||||
id: item.standId,
|
||||
// pageType: 'FOREIGN_STAND'
|
||||
pageType: item.standType + '_STAND'
|
||||
}
|
||||
})
|
||||
window.open(routeUrl.href, '_blank')
|
||||
},
|
||||
// 清空 查询条件
|
||||
clearAllSearch () {
|
||||
this.nonSearch = {
|
||||
standId: '',
|
||||
standSerialNumber: '',
|
||||
productName: '',
|
||||
responsibleUnit: ''
|
||||
}
|
||||
this.getData()
|
||||
},
|
||||
// 分页事件
|
||||
pageChange (page) {
|
||||
this.pageNo = page
|
||||
this.getTableByPage()
|
||||
},
|
||||
pageSizeChange () {
|
||||
this.getTableByPage()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.wfhxzgStep2 {
|
||||
/deep/.el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content-center {
|
||||
padding: 10px 0px 10px 10px;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -757,6 +757,8 @@ export default {
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.xmqdqr-step1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.myForm {
|
||||
/deep/ .el-form-item__content {
|
||||
line-height: 10px;
|
||||
@@ -771,18 +773,12 @@ export default {
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
||||
.fileClass {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fileClass:hover {
|
||||
color: #0c91e5;
|
||||
}
|
||||
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
@@ -805,14 +801,12 @@ export default {
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
|
||||
@@ -0,0 +1,904 @@
|
||||
<template>
|
||||
<div class="zcch-step1-1">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题参会发起流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入课题主要研究内容"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入参会费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="rhform.time2"
|
||||
value-format="yyyy-MM-ddHH:mm:ss"
|
||||
type="datetime"
|
||||
placeholder="请选择参会时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.place"
|
||||
placeholder="请输入参会地点"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.Company"
|
||||
placeholder="请输入承办单位"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
style="display: none;"
|
||||
v-model="rhform.modelNameList"
|
||||
clearable
|
||||
></el-input>
|
||||
<div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
|
||||
<div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange1"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange2"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0" class="fileClass">
|
||||
<div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload2(scope.$index)"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="revisionId" style="margin-bottom: 0">
|
||||
<h4>流程发起人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.revisionId" style="display: none;"/>
|
||||
<el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="ministerIdName" style="margin-bottom: 0">
|
||||
<h4>法规认证部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="presidentIdName" style="margin-bottom: 0">
|
||||
<h4>公司副总</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel" title="上传会议通知">
|
||||
<el-upload
|
||||
v-if="fileMadel"
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess"
|
||||
:on-remove="importFileRemove"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList1"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
|
||||
<el-upload
|
||||
v-if="fileMadel2"
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile2"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess2"
|
||||
:on-remove="importFileRemove2"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zcchStep1-1",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
time2: '',
|
||||
place: '',
|
||||
Company: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
formRules: {
|
||||
title: [
|
||||
{ required: true, message: '请输入课题名称', trigger: 'blur' },
|
||||
],
|
||||
content: [
|
||||
{ required: true, message: '请输入主要议题', trigger: 'blur' },
|
||||
],
|
||||
price: [
|
||||
{ required: true, message: '请输入费用', trigger: 'blur' },
|
||||
],
|
||||
time: [
|
||||
{ required: true, message: '请选择课题研究周期', trigger: 'change' },
|
||||
],
|
||||
time2: [
|
||||
{ required: true, message: '请选择参会时间', trigger: 'change' },
|
||||
],
|
||||
place: [
|
||||
{ required: true, message: '请输入参会地点', trigger: 'blur' },
|
||||
],
|
||||
Company: [
|
||||
{ required: true, message: '请输入承办单位', trigger: 'blur' },
|
||||
],
|
||||
modelNameList: [
|
||||
{ required: true, message: '请上传课题组通知', trigger: 'blur' },
|
||||
]
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
},
|
||||
roleFormRules: {
|
||||
ministerIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
inspectorIdName: [
|
||||
{required: true, message: '请选择法规认证部总监', trigger: 'change'},
|
||||
],
|
||||
presidentIdName: [
|
||||
{required: true, message: '请选择公司副总', trigger: 'change'},
|
||||
]
|
||||
},
|
||||
fileMadel: false,
|
||||
fileMadel2: false,
|
||||
fileUrl: 'api/att/attFile/upload',
|
||||
idList1: [],
|
||||
idList2: [],
|
||||
fileIndex: '',
|
||||
fileList: [],
|
||||
fileList1: [],
|
||||
nodeList: [],
|
||||
type: '',
|
||||
drawerTitle: '',
|
||||
modalshowflag: false,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.Company = data.Company
|
||||
this.rhform.place = data.place
|
||||
this.rhform.time2 = data.time2
|
||||
this.rhform.modelList = data.modelList
|
||||
this.rhform.modelNameList = data.modelNameList
|
||||
this.roleForm.ministerId = data.ministerId
|
||||
this.roleForm.ministerIdName = data.ministerIdName
|
||||
this.roleForm.presidentId = data.presidentId
|
||||
this.roleForm.presidentIdName = data.presidentIdName
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
add1() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
ContactPerson: '',
|
||||
Company: '',
|
||||
Telephone: '',
|
||||
Email: '',
|
||||
id: id
|
||||
}
|
||||
this.data1.push(json)
|
||||
},
|
||||
add2() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
Sindex: '',
|
||||
Member: '',
|
||||
Company: '',
|
||||
Email: '',
|
||||
id: id,
|
||||
Department: '',
|
||||
Telephone: '',
|
||||
Identity: '',
|
||||
dataName: '',
|
||||
data: [],
|
||||
}
|
||||
this.data2.push(json)
|
||||
},
|
||||
addDelete1() {
|
||||
if (this.idList1.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data1.length; a++) {
|
||||
this.idList1.forEach(item => {
|
||||
if (this.data1[a].id === item) {
|
||||
this.data1.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
addDelete2() {
|
||||
if (this.idList2.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data2.length; a++) {
|
||||
this.idList2.forEach(item => {
|
||||
if (this.data2[a].id === item) {
|
||||
this.data2.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
// 导入按钮 上传之前的钩子
|
||||
beginImportFile(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
importFileSuccess(response, file) {
|
||||
if (response.ok) {
|
||||
this.rhform.modelList.push(response.data)
|
||||
let list = ''
|
||||
this.rhform.modelList.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove(file, fileList) {
|
||||
let list = ''
|
||||
this.rhform.modelList = []
|
||||
fileList.forEach(item => {
|
||||
this.rhform.modelList.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
},
|
||||
importFileSuccess2(response, file) {
|
||||
if (response.ok) {
|
||||
this.data2[this.fileIndex].data.push(response.data)
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove2(file, fileList) {
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data = []
|
||||
fileList.forEach(item => {
|
||||
this.data2[this.fileIndex].data.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
},
|
||||
fileUpload() {
|
||||
this.fileList1 = this.rhform.modelList
|
||||
this.fileMadel = true
|
||||
},
|
||||
fileUpload2(index) {
|
||||
this.fileIndex = index
|
||||
this.fileList = this.data2[this.fileIndex].data
|
||||
this.fileMadel2 = true
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSave() {
|
||||
}, // 保存事件
|
||||
handleSubmit() {
|
||||
this.$refs['rhForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.data1.length) {
|
||||
if (this.data2.length) {
|
||||
let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
|
||||
this.data1.forEach((item, index) =>{
|
||||
if (!item.ContactPerson) {
|
||||
ContactPerson++
|
||||
} else if (!item.Company) {
|
||||
Company++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone++
|
||||
} else if (!item.Email) {
|
||||
Email++
|
||||
}
|
||||
})
|
||||
this.data2.forEach((item, index) =>{
|
||||
if (!item.Sindex) {
|
||||
Sindex++
|
||||
} else if (!item.Member) {
|
||||
Member++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone2++
|
||||
} else if (!item.Email) {
|
||||
Email2++
|
||||
} else if (!item.Company) {
|
||||
Company2++
|
||||
} else if (!item.Department) {
|
||||
Department++
|
||||
} else if (!item.Identity) {
|
||||
Identity++
|
||||
}
|
||||
})
|
||||
if (ContactPerson > 0) {
|
||||
return this.$message.warning('请输入联络人')
|
||||
} else if (Company > 0) {
|
||||
return this.$message.warning('请输入课题组联络人单位')
|
||||
} else if (Telephone > 0) {
|
||||
return this.$message.warning('请输入课题组联络人电话')
|
||||
} else if (Email > 0) {
|
||||
return this.$message.warning('请输入课题组联络人邮箱')
|
||||
} else if (Sindex > 0) {
|
||||
return this.$message.warning('请输入工作组排名顺序')
|
||||
} else if (Member > 0) {
|
||||
return this.$message.warning('请输入我司成员')
|
||||
} else if (Telephone2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员电话')
|
||||
} else if (Email2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员油邮箱')
|
||||
} else if (Company2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员单位')
|
||||
} else if (Department > 0) {
|
||||
return this.$message.warning('请输入内部参与人员部门')
|
||||
} else if (Identity > 0) {
|
||||
return this.$message.warning('请输入内部参与人员身份')
|
||||
} else {
|
||||
this.$refs['Form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
this.$http.get('lawss/activiti/startProcess', {
|
||||
type: '18'
|
||||
}, {}, res => {
|
||||
if (res.ok) {
|
||||
var json = Object.assign(this.rhform, this.roleForm)
|
||||
json.commentText = this.commentText
|
||||
json.data1 = this.data1
|
||||
json.data2 = this.data2
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: res.data,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('流程发起成功')
|
||||
this.$router.push('/processCenter')
|
||||
this.isSubmit = false
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
return this.$message.warning('请完善人员信息')
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加集团内部参与人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加课题组人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请完善基础信息')
|
||||
}
|
||||
})
|
||||
}, // 提交事件
|
||||
handleSelectionChange1(val) {
|
||||
this.idList1 = []
|
||||
val.forEach(item => {
|
||||
this.idList1.push(item.id)
|
||||
})
|
||||
}, // table1选中change事件
|
||||
handleSelectionChange2(val) {
|
||||
this.idList2 = []
|
||||
val.forEach(item => {
|
||||
this.idList2.push(item.id)
|
||||
})
|
||||
}, // table2选中change事件
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.modalshowflag = true
|
||||
}, // 点击人员input事件
|
||||
checkedRole(data) {
|
||||
if (this.type === 'ministerId') {
|
||||
this.roleForm.ministerId = data[0].id
|
||||
this.roleForm.ministerIdName = data[0].name
|
||||
} else if (this.type === 'inspectorId') {
|
||||
this.roleForm.inspectorId = data[0].id
|
||||
this.roleForm.inspectorIdName = data[0].name
|
||||
} else if (this.type === 'presidentId') {
|
||||
this.roleForm.presidentId = data[0].id
|
||||
this.roleForm.presidentIdName = data[0].name
|
||||
}
|
||||
}, // 选择人员确认事件
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.zcch-step1-1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,18 +1,805 @@
|
||||
<template>
|
||||
<div class="zcch-step1">
|
||||
<div>政策参会</div>
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题参会发起流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入课题主要研究内容"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入参会费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="rhform.time2"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="datetime"
|
||||
placeholder="请选择参会时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.place"
|
||||
placeholder="请输入参会地点"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.Company"
|
||||
placeholder="请输入承办单位"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
style="display: none;"
|
||||
v-model="rhform.modelNameList"
|
||||
clearable
|
||||
></el-input>
|
||||
<div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
|
||||
<div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange1"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange2"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0" class="fileClass">
|
||||
<div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload2(scope.$index)"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="revisionId" style="margin-bottom: 0">
|
||||
<h4>流程发起人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.revisionId" style="display: none;"/>
|
||||
<el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="ministerIdName" style="margin-bottom: 0">
|
||||
<h4>法规认证部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="presidentIdName" style="margin-bottom: 0">
|
||||
<h4>公司副总</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel" title="上传会议通知">
|
||||
<el-upload
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess"
|
||||
:on-remove="importFileRemove"
|
||||
:show-file-list="true"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
|
||||
<el-upload
|
||||
v-if="fileMadel2"
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile2"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess2"
|
||||
:on-remove="importFileRemove2"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zcchStep1",
|
||||
components: {},
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
return {
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
time2: '',
|
||||
place: '',
|
||||
Company: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
formRules: {
|
||||
title: [
|
||||
{ required: true, message: '请输入课题名称', trigger: 'blur' },
|
||||
],
|
||||
content: [
|
||||
{ required: true, message: '请输入主要议题', trigger: 'blur' },
|
||||
],
|
||||
price: [
|
||||
{ required: true, message: '请输入费用', trigger: 'blur' },
|
||||
],
|
||||
time: [
|
||||
{ required: true, message: '请选择课题研究周期', trigger: 'change' },
|
||||
],
|
||||
time2: [
|
||||
{ required: true, message: '请选择参会时间', trigger: 'change' },
|
||||
],
|
||||
place: [
|
||||
{ required: true, message: '请输入参会地点', trigger: 'blur' },
|
||||
],
|
||||
Company: [
|
||||
{ required: true, message: '请输入承办单位', trigger: 'blur' },
|
||||
],
|
||||
modelNameList: [
|
||||
{ required: true, message: '请上传课题组通知', trigger: 'blur' },
|
||||
]
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
},
|
||||
roleFormRules: {
|
||||
ministerIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
inspectorIdName: [
|
||||
{required: true, message: '请选择法规认证部总监', trigger: 'change'},
|
||||
],
|
||||
presidentIdName: [
|
||||
{required: true, message: '请选择公司副总', trigger: 'change'},
|
||||
]
|
||||
},
|
||||
fileMadel: false,
|
||||
fileMadel2: false,
|
||||
fileUrl: 'api/att/attFile/upload',
|
||||
idList1: [],
|
||||
idList2: [],
|
||||
fileIndex: '',
|
||||
fileList: [],
|
||||
nodeList: [],
|
||||
type: '',
|
||||
drawerTitle: '',
|
||||
modalshowflag: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add1() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
ContactPerson: '',
|
||||
Company: '',
|
||||
Telephone: '',
|
||||
Email: '',
|
||||
id: id
|
||||
}
|
||||
this.data1.push(json)
|
||||
},
|
||||
add2() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
Sindex: '',
|
||||
Member: '',
|
||||
Company: '',
|
||||
Email: '',
|
||||
id: id,
|
||||
Department: '',
|
||||
Telephone: '',
|
||||
Identity: '',
|
||||
dataName: '',
|
||||
data: [],
|
||||
}
|
||||
this.data2.push(json)
|
||||
},
|
||||
addDelete1() {
|
||||
if (this.idList1.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data1.length; a++) {
|
||||
this.idList1.forEach(item => {
|
||||
if (this.data1[a].id === item) {
|
||||
this.data1.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
addDelete2() {
|
||||
if (this.idList2.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data2.length; a++) {
|
||||
this.idList2.forEach(item => {
|
||||
if (this.data2[a].id === item) {
|
||||
this.data2.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
// 导入按钮 上传之前的钩子
|
||||
beginImportFile(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
importFileSuccess(response, file) {
|
||||
if (response.ok) {
|
||||
this.rhform.modelList.push(response.data)
|
||||
let list = ''
|
||||
this.rhform.modelList.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove(file, fileList) {
|
||||
let list = ''
|
||||
this.rhform.modelList = []
|
||||
fileList.forEach(item => {
|
||||
this.rhform.modelList.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
},
|
||||
importFileSuccess2(response, file) {
|
||||
if (response.ok) {
|
||||
this.data2[this.fileIndex].data.push(response.data)
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove2(file, fileList) {
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data = []
|
||||
fileList.forEach(item => {
|
||||
this.data2[this.fileIndex].data.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
},
|
||||
fileUpload() {
|
||||
this.fileMadel = true
|
||||
},
|
||||
fileUpload2(index) {
|
||||
this.fileIndex = index
|
||||
this.fileList = this.data2[this.fileIndex].data
|
||||
this.fileMadel2 = true
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSave() {
|
||||
}, // 保存事件
|
||||
handleSubmit() {
|
||||
this.$refs['rhForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.data1.length) {
|
||||
if (this.data2.length) {
|
||||
let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
|
||||
this.data1.forEach((item, index) =>{
|
||||
if (!item.ContactPerson) {
|
||||
ContactPerson++
|
||||
} else if (!item.Company) {
|
||||
Company++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone++
|
||||
} else if (!item.Email) {
|
||||
Email++
|
||||
}
|
||||
})
|
||||
this.data2.forEach((item, index) =>{
|
||||
if (!item.Sindex) {
|
||||
Sindex++
|
||||
} else if (!item.Member) {
|
||||
Member++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone2++
|
||||
} else if (!item.Email) {
|
||||
Email2++
|
||||
} else if (!item.Company) {
|
||||
Company2++
|
||||
} else if (!item.Department) {
|
||||
Department++
|
||||
} else if (!item.Identity) {
|
||||
Identity++
|
||||
}
|
||||
})
|
||||
if (ContactPerson > 0) {
|
||||
return this.$message.warning('请输入联络人')
|
||||
} else if (Company > 0) {
|
||||
return this.$message.warning('请输入课题组联络人单位')
|
||||
} else if (Telephone > 0) {
|
||||
return this.$message.warning('请输入课题组联络人电话')
|
||||
} else if (Email > 0) {
|
||||
return this.$message.warning('请输入课题组联络人邮箱')
|
||||
} else if (Sindex > 0) {
|
||||
return this.$message.warning('请输入工作组排名顺序')
|
||||
} else if (Member > 0) {
|
||||
return this.$message.warning('请输入我司成员')
|
||||
} else if (Telephone2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员电话')
|
||||
} else if (Email2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员油邮箱')
|
||||
} else if (Company2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员单位')
|
||||
} else if (Department > 0) {
|
||||
return this.$message.warning('请输入内部参与人员部门')
|
||||
} else if (Identity > 0) {
|
||||
return this.$message.warning('请输入内部参与人员身份')
|
||||
} else {
|
||||
this.$refs['Form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
this.$http.get('lawss/activiti/startProcess', {
|
||||
type: '18'
|
||||
}, {}, res => {
|
||||
if (res.ok) {
|
||||
var json = Object.assign(this.rhform, this.roleForm)
|
||||
json.commentText = this.commentText
|
||||
json.data1 = this.data1
|
||||
json.data2 = this.data2
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: res.data,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('流程发起成功')
|
||||
this.$router.push('/processCenter')
|
||||
this.isSubmit = false
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
return this.$message.warning('请完善人员信息')
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加集团内部参与人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加课题组人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请完善基础信息')
|
||||
}
|
||||
})
|
||||
}, // 提交事件
|
||||
handleSelectionChange1(val) {
|
||||
this.idList1 = []
|
||||
val.forEach(item => {
|
||||
this.idList1.push(item.id)
|
||||
})
|
||||
}, // table1选中change事件
|
||||
handleSelectionChange2(val) {
|
||||
this.idList2 = []
|
||||
val.forEach(item => {
|
||||
this.idList2.push(item.id)
|
||||
})
|
||||
}, // table2选中change事件
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.modalshowflag = true
|
||||
}, // 点击人员input事件
|
||||
checkedRole(data) {
|
||||
if (this.type === 'ministerId') {
|
||||
this.roleForm.ministerId = data[0].id
|
||||
this.roleForm.ministerIdName = data[0].name
|
||||
} else if (this.type === 'inspectorId') {
|
||||
this.roleForm.inspectorId = data[0].id
|
||||
this.roleForm.inspectorIdName = data[0].name
|
||||
} else if (this.type === 'presidentId') {
|
||||
this.roleForm.presidentId = data[0].id
|
||||
this.roleForm.presidentIdName = data[0].name
|
||||
}
|
||||
}, // 选择人员确认事件
|
||||
},
|
||||
methods: {},
|
||||
mounted() {}
|
||||
};
|
||||
</script>
|
||||
@@ -20,7 +807,62 @@
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.zcch-step1 {}
|
||||
.zcch-step1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,434 @@
|
||||
<template>
|
||||
<div class="zcch-step2">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题参会发起流程</template>
|
||||
<template slot="proNode">法规部部长审批</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem active">基础信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入课题主要研究内容"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入参会费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time2"
|
||||
value-format="yyyy-MM-ddHH:mm:ss"
|
||||
type="datetime"
|
||||
placeholder="请选择参会时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.place"
|
||||
placeholder="请输入参会地点"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.Company"
|
||||
placeholder="请输入承办单位"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
approval
|
||||
@back="handleSubmitNo"
|
||||
:submitLoading="isSubmit"
|
||||
@submit="handleSubmit"
|
||||
submitBTNText="同意"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zcchStep2",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
time2: '',
|
||||
place: '',
|
||||
Company: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
},
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.modelList = data.modelList
|
||||
this.rhform.time2 = data.time2
|
||||
this.rhform.place = data.place
|
||||
this.rhform.Company = data.Company
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
updataFj (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSave() {
|
||||
}, // 保存事件
|
||||
handleSubmit() {
|
||||
let fgfbz
|
||||
this.$confirm('是否继续审批?', '提示', {
|
||||
confirmButtonText: '继续审批',
|
||||
cancelButtonText: '结束流程',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
fgfbz = 1
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.fgfbz = fgfbz
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
}).catch(() => {
|
||||
fgfbz = 2
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.fgfbz = fgfbz
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
});
|
||||
}, // 提交事件
|
||||
handleSubmitNo() {
|
||||
if (this.commentText) {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.fgfbz = 0
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('驳回成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请输入反馈意见')
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.zcch-step2 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -0,0 +1,409 @@
|
||||
<template>
|
||||
<div class="zcch-step3">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题参会发起流程</template>
|
||||
<template slot="proNode">公司副总审批</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem active">基础信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入课题主要研究内容"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入参会费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
value-format="yyyy-MM-ddHH:mm:ss"
|
||||
v-model="rhform.time2"
|
||||
type="datetime"
|
||||
placeholder="请选择参会时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.place"
|
||||
placeholder="请输入参会地点"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.Company"
|
||||
placeholder="请输入承办单位"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
approval
|
||||
@back="handleSubmitNo"
|
||||
:submitLoading="isSubmit"
|
||||
@submit="handleSubmit"
|
||||
submitBTNText="同意"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zcchStep3",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
time2: '',
|
||||
place: '',
|
||||
Company: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
},
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.modelList = data.modelList
|
||||
this.rhform.time2 = data.time2
|
||||
this.rhform.place = data.place
|
||||
this.rhform.Company = data.Company
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
updataFj (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSave() {
|
||||
}, // 保存事件
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.gsfz = 1
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
}, // 提交事件
|
||||
handleSubmitNo() {
|
||||
if (this.commentText) {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.gsfz = 0
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('驳回成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请输入反馈意见')
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.zcch-step3 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,26 +1,634 @@
|
||||
<template>
|
||||
<div class="zchh-step1">
|
||||
<div>政策会后</div>
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题会后发起流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入课题主要研究内容"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入参会费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time2"
|
||||
value-format="yyyy-MM-ddHH:mm:ss"
|
||||
type="datetime"
|
||||
placeholder="请选择参会时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.place"
|
||||
placeholder="请输入参会地点"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.Company"
|
||||
placeholder="请输入承办单位"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">会后信息</template>
|
||||
</ProcessTitle>
|
||||
<el-form
|
||||
ref="hhForm"
|
||||
:model="hhform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="会议总结" prop="title2" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="hhform.title2"
|
||||
placeholder="请输入会议总结"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议资料" prop="modelNameList2" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
style="display: none;"
|
||||
v-model="hhform.modelNameList2"
|
||||
clearable
|
||||
></el-input>
|
||||
<div v-if="hhform.modelList2.length > 0" class="fileClass" style="display: flex;">
|
||||
<div v-for="(item, index) in hhform.modelList2" :key="index" @click="fileUpload" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="info"
|
||||
label="是否参会"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.info" placeholder="请选择">
|
||||
<el-option label="是" value="1"></el-option>
|
||||
<el-option label="否" value="0"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="revisionId" style="margin-bottom: 0">
|
||||
<h4>流程发起人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.revisionId" style="display: none;"/>
|
||||
<el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.approvalId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="approvalIdName" style="margin-bottom: 0">
|
||||
<h4>法规认证部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.approvalId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.approvalIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('approvalId', '选择法规认证部部长', roleForm.approvalId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel" title="上传会议资料">
|
||||
<el-upload
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess"
|
||||
:on-remove="importFileRemove"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zchhStep1",
|
||||
components: {},
|
||||
data() {
|
||||
return {}
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
methods: {},
|
||||
mounted() {}
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
hhform: {
|
||||
title2: '',
|
||||
modelNameList2: '',
|
||||
modelList2: []
|
||||
},
|
||||
formRules: {
|
||||
title2: [
|
||||
{ required: true, message: '请输入会议总结', trigger: 'blur' },
|
||||
],
|
||||
modelNameList2: [
|
||||
{ required: true, message: '请上传课题组通知', trigger: 'blur' },
|
||||
]
|
||||
},
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
time2: '',
|
||||
place: '',
|
||||
Company: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
approvalId: '',
|
||||
approvalIdName: '',
|
||||
},
|
||||
roleFormRules: {
|
||||
approvalIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
},
|
||||
fileMadel: false,
|
||||
fileUrl: 'api/att/attFile/upload',
|
||||
nodeList: [],
|
||||
type: '',
|
||||
drawerTitle: '',
|
||||
modalshowflag: false,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updataFj (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.Company = data.Company
|
||||
this.rhform.place = data.place
|
||||
this.rhform.time2 = data.time2
|
||||
this.rhform.modelList = data.modelList
|
||||
this.rhform.modelNameList = data.modelNameList
|
||||
this.hhform.title2 = data.title2 || ''
|
||||
this.hhform.modelList2 = data.modelList2 || []
|
||||
this.hhform.modelNameList2 = data.modelNameList2 || ''
|
||||
this.roleForm.approvalId = data.approvalId
|
||||
this.roleForm.approvalIdName = data.approvalIdName
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
// 导入按钮 上传之前的钩子
|
||||
beginImportFile(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
importFileSuccess(response, file) {
|
||||
if (response.ok) {
|
||||
this.hhform.modelList2.push(response.data)
|
||||
let list = ''
|
||||
this.hhform.modelList2.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.hhform.modelNameList2 = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove(file, fileList) {
|
||||
let list = ''
|
||||
this.hhform.modelList2 = []
|
||||
fileList.forEach(item => {
|
||||
this.hhform.modelList2.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.hhform.modelNameList2 = list
|
||||
},
|
||||
fileUpload() {
|
||||
this.fileList = this.hhform.modelList2
|
||||
this.fileMadel = true
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSubmit() {
|
||||
this.$refs['hhForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
let info = 0
|
||||
this.data2.forEach((item, index) =>{
|
||||
if (!item.info) {
|
||||
info++
|
||||
}
|
||||
})
|
||||
if (info > 0) {
|
||||
return this.$message.warning('请选择是否参会')
|
||||
} else{
|
||||
this.$refs['Form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
var json = Object.assign(this.rhform, this.roleForm, this.hhform)
|
||||
json.commentText = this.commentText
|
||||
json.data1 = this.data1
|
||||
json.data2 = this.data2
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('流程发起成功')
|
||||
this.$router.push('/processCenter')
|
||||
this.isSubmit = false
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
return this.$message.warning('请完善人员信息')
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请完善会后信息')
|
||||
}
|
||||
})
|
||||
}, // 提交事件
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.modalshowflag = true
|
||||
}, // 点击人员input事件
|
||||
checkedRole(data) {
|
||||
if (this.type === 'approvalId') {
|
||||
this.roleForm.approvalId = data[0].id
|
||||
this.roleForm.approvalIdName = data[0].name
|
||||
}
|
||||
}, // 选择人员确认事件
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.zchh-step1 {}
|
||||
.zchh-step1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,474 @@
|
||||
<template>
|
||||
<div class="zchh-step2">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题会后发起流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem active" >基础信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入课题主要研究内容"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入参会费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time2"
|
||||
value-format="yyyy-MM-ddHH:mm:ss"
|
||||
type="datetime"
|
||||
placeholder="请选择参会时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.place"
|
||||
placeholder="请输入参会地点"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.Company"
|
||||
placeholder="请输入承办单位"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">会后信息</template>
|
||||
</ProcessTitle>
|
||||
<el-form
|
||||
ref="hhForm"
|
||||
:model="hhform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="会议总结" prop="title2" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="hhform.title2"
|
||||
placeholder="请输入会议总结"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议资料" prop="modelNameList2" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in hhform.modelList2" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="info"
|
||||
label="是否参会"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{ scope.row.info === '1' ? '是': '否' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
approval
|
||||
@back="handleSubmitNo"
|
||||
:submitLoading="isSubmit"
|
||||
@submit="handleSubmit"
|
||||
submitBTNText="同意"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zchhStep2",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
hhform: {
|
||||
title2: '',
|
||||
modelNameList2: '',
|
||||
modelList2: []
|
||||
},
|
||||
formRules: {
|
||||
title2: [
|
||||
{ required: true, message: '请输入会议总结', trigger: 'blur' },
|
||||
],
|
||||
modelNameList2: [
|
||||
{ required: true, message: '请上传课题组通知', trigger: 'blur' },
|
||||
]
|
||||
},
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
time2: '',
|
||||
place: '',
|
||||
Company: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
approvalId: '',
|
||||
approvalIdName: '',
|
||||
},
|
||||
roleFormRules: {
|
||||
approvalIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
},
|
||||
fileMadel: false,
|
||||
fileUrl: 'api/att/attFile/upload',
|
||||
nodeList: [],
|
||||
type: '',
|
||||
drawerTitle: '',
|
||||
modalshowflag: false,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updataFj (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.Company = data.Company
|
||||
this.rhform.place = data.place
|
||||
this.rhform.time2 = data.time2
|
||||
this.rhform.modelList = data.modelList
|
||||
this.rhform.modelNameList = data.modelNameList
|
||||
this.hhform.title2 = data.title2 || ''
|
||||
this.hhform.modelList2 = data.modelList2 || []
|
||||
this.hhform.modelNameList2 = data.modelNameList2 || ''
|
||||
this.roleForm.approvalId = data.approvalId
|
||||
this.roleForm.approvalIdName = data.approvalIdName
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.shyFlag = 1
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
}, // 提交事件
|
||||
handleSubmitNo() {
|
||||
if (this.commentText) {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.shyFlag = 0
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('驳回成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请输入反馈意见')
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.zchh-step2 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -0,0 +1,881 @@
|
||||
<template>
|
||||
<div class="zcrh-step1">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题入会发起流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入主要议题"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
style="display: none;"
|
||||
v-model="rhform.modelNameList"
|
||||
clearable
|
||||
></el-input>
|
||||
<div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
|
||||
<div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange1"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange2"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0" class="fileClass">
|
||||
<div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload2(scope.$index)"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="revisionId" style="margin-bottom: 0">
|
||||
<h4>流程发起人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.revisionId" style="display: none;"/>
|
||||
<el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="ministerIdName" style="margin-bottom: 0">
|
||||
<h4>法规认证部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="inspectorIdName" style="margin-bottom: 0">
|
||||
<h4>法规认证部副总监</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.inspectorId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.inspectorIdName" placeholder="选择法规认证部副总监" @click.native="choiceZRR('inspectorId', '选择法规认证部副总监', roleForm.inspectorId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="presidentIdName" style="margin-bottom: 0">
|
||||
<h4>公司副总</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel" title="上传课题组通知">
|
||||
<el-upload
|
||||
v-if="fileMadel"
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess"
|
||||
:on-remove="importFileRemove"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList1"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
|
||||
<el-upload
|
||||
v-if="fileMadel2"
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile2"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess2"
|
||||
:on-remove="importFileRemove2"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zcrhStep1",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
formRules: {
|
||||
title: [
|
||||
{ required: true, message: '请输入课题名称', trigger: 'blur' },
|
||||
],
|
||||
content: [
|
||||
{ required: true, message: '请输入主要议题', trigger: 'blur' },
|
||||
],
|
||||
price: [
|
||||
{ required: true, message: '请输入费用', trigger: 'blur' },
|
||||
],
|
||||
time: [
|
||||
{ required: true, message: '请选择课题研究周期', trigger: 'change' },
|
||||
],
|
||||
modelNameList: [
|
||||
{ required: true, message: '请上传课题组通知', trigger: 'blur' },
|
||||
]
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
inspectorId: '',
|
||||
inspectorIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
},
|
||||
roleFormRules: {
|
||||
ministerIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
inspectorIdName: [
|
||||
{required: true, message: '请选择法规认证部总监', trigger: 'change'},
|
||||
],
|
||||
presidentIdName: [
|
||||
{required: true, message: '请选择公司副总', trigger: 'change'},
|
||||
]
|
||||
},
|
||||
fileMadel: false,
|
||||
fileMadel2: false,
|
||||
fileUrl: 'api/att/attFile/upload',
|
||||
idList1: [],
|
||||
idList2: [],
|
||||
fileIndex: '',
|
||||
fileList: [],
|
||||
fileList1: [],
|
||||
nodeList: [],
|
||||
type: '',
|
||||
drawerTitle: '',
|
||||
modalshowflag: false,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.modelList = data.modelList
|
||||
this.rhform.modelNameList = data.modelNameList
|
||||
this.roleForm.inspectorId = data.inspectorId
|
||||
this.roleForm.inspectorIdName = data.inspectorIdName
|
||||
this.roleForm.ministerId = data.ministerId
|
||||
this.roleForm.ministerIdName = data.ministerIdName
|
||||
this.roleForm.presidentId = data.presidentId
|
||||
this.roleForm.presidentIdName = data.presidentIdName
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
add1() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
ContactPerson: '',
|
||||
Company: '',
|
||||
Telephone: '',
|
||||
Email: '',
|
||||
id: id
|
||||
}
|
||||
this.data1.push(json)
|
||||
},
|
||||
add2() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
Sindex: '',
|
||||
Member: '',
|
||||
Company: '',
|
||||
Email: '',
|
||||
id: id,
|
||||
Department: '',
|
||||
Telephone: '',
|
||||
Identity: '',
|
||||
dataName: '',
|
||||
data: [],
|
||||
}
|
||||
this.data2.push(json)
|
||||
},
|
||||
addDelete1() {
|
||||
if (this.idList1.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data1.length; a++) {
|
||||
this.idList1.forEach(item => {
|
||||
if (this.data1[a].id === item) {
|
||||
this.data1.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
addDelete2() {
|
||||
if (this.idList2.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data2.length; a++) {
|
||||
this.idList2.forEach(item => {
|
||||
if (this.data2[a].id === item) {
|
||||
this.data2.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
// 导入按钮 上传之前的钩子
|
||||
beginImportFile(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
importFileSuccess(response, file) {
|
||||
if (response.ok) {
|
||||
this.rhform.modelList.push(response.data)
|
||||
let list = ''
|
||||
this.rhform.modelList.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove(file, fileList) {
|
||||
let list = ''
|
||||
this.rhform.modelList = []
|
||||
fileList.forEach(item => {
|
||||
this.rhform.modelList.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
},
|
||||
importFileSuccess2(response, file) {
|
||||
if (response.ok) {
|
||||
this.data2[this.fileIndex].data.push(response.data)
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove2(file, fileList) {
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data = []
|
||||
fileList.forEach(item => {
|
||||
this.data2[this.fileIndex].data.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
},
|
||||
fileUpload() {
|
||||
this.fileList1 = this.rhform.modelList
|
||||
this.fileMadel = true
|
||||
},
|
||||
fileUpload2(index) {
|
||||
this.fileIndex = index
|
||||
this.fileList = this.data2[this.fileIndex].data
|
||||
this.fileMadel2 = true
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSave() {
|
||||
}, // 保存事件
|
||||
handleSubmit() {
|
||||
this.$refs['rhForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.data1.length) {
|
||||
if (this.data2.length) {
|
||||
let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
|
||||
this.data1.forEach((item, index) =>{
|
||||
if (!item.ContactPerson) {
|
||||
ContactPerson++
|
||||
} else if (!item.Company) {
|
||||
Company++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone++
|
||||
} else if (!item.Email) {
|
||||
Email++
|
||||
}
|
||||
})
|
||||
this.data2.forEach((item, index) =>{
|
||||
if (!item.Sindex) {
|
||||
Sindex++
|
||||
} else if (!item.Member) {
|
||||
Member++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone2++
|
||||
} else if (!item.Email) {
|
||||
Email2++
|
||||
} else if (!item.Company) {
|
||||
Company2++
|
||||
} else if (!item.Department) {
|
||||
Department++
|
||||
} else if (!item.Identity) {
|
||||
Identity++
|
||||
}
|
||||
})
|
||||
if (ContactPerson > 0) {
|
||||
return this.$message.warning('请输入联络人')
|
||||
} else if (Company > 0) {
|
||||
return this.$message.warning('请输入课题组联络人单位')
|
||||
} else if (Telephone > 0) {
|
||||
return this.$message.warning('请输入课题组联络人电话')
|
||||
} else if (Email > 0) {
|
||||
return this.$message.warning('请输入课题组联络人邮箱')
|
||||
} else if (Sindex > 0) {
|
||||
return this.$message.warning('请输入工作组排名顺序')
|
||||
} else if (Member > 0) {
|
||||
return this.$message.warning('请输入我司成员')
|
||||
} else if (Telephone2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员电话')
|
||||
} else if (Email2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员油邮箱')
|
||||
} else if (Company2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员单位')
|
||||
} else if (Department > 0) {
|
||||
return this.$message.warning('请输入内部参与人员部门')
|
||||
} else if (Identity > 0) {
|
||||
return this.$message.warning('请输入内部参与人员身份')
|
||||
} else {
|
||||
this.$refs['Form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
this.$http.get('lawss/activiti/startProcess', {
|
||||
type: '17'
|
||||
}, {}, res => {
|
||||
if (res.ok) {
|
||||
var json = Object.assign(this.rhform, this.roleForm)
|
||||
json.commentText = this.commentText
|
||||
json.data1 = this.data1
|
||||
json.data2 = this.data2
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: res.data,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('流程发起成功')
|
||||
this.$router.push('/processCenter')
|
||||
this.isSubmit = false
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
return this.$message.warning('请完善人员信息')
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加集团内部参与人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加课题组人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请完善基础信息')
|
||||
}
|
||||
})
|
||||
}, // 提交事件
|
||||
handleSelectionChange1(val) {
|
||||
this.idList1 = []
|
||||
val.forEach(item => {
|
||||
this.idList1.push(item.id)
|
||||
})
|
||||
}, // table1选中change事件
|
||||
handleSelectionChange2(val) {
|
||||
this.idList2 = []
|
||||
val.forEach(item => {
|
||||
this.idList2.push(item.id)
|
||||
})
|
||||
}, // table2选中change事件
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.modalshowflag = true
|
||||
}, // 点击人员input事件
|
||||
checkedRole(data) {
|
||||
if (this.type === 'ministerId') {
|
||||
this.roleForm.ministerId = data[0].id
|
||||
this.roleForm.ministerIdName = data[0].name
|
||||
} else if (this.type === 'inspectorId') {
|
||||
this.roleForm.inspectorId = data[0].id
|
||||
this.roleForm.inspectorIdName = data[0].name
|
||||
} else if (this.type === 'presidentId') {
|
||||
this.roleForm.presidentId = data[0].id
|
||||
this.roleForm.presidentIdName = data[0].name
|
||||
}
|
||||
}, // 选择人员确认事件
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.zcrh-step1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,26 +1,846 @@
|
||||
<template>
|
||||
<div class="zcrh-step1">
|
||||
<div>政策入会</div>
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题入会发起流程</template>
|
||||
<template slot="proNode">发起流程</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入主要议题"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
style="display: none;"
|
||||
v-model="rhform.modelNameList"
|
||||
clearable
|
||||
></el-input>
|
||||
<div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
|
||||
<div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange1"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<div class="action-bar">
|
||||
<el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
|
||||
批量删除
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange2"
|
||||
row-key="id">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0" class="fileClass">
|
||||
<div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
@click="fileUpload2(scope.$index)"
|
||||
size="mini">
|
||||
点击上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '2'">
|
||||
<div class="block" style="padding-top: 20px;">
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="Form"
|
||||
:model="roleForm"
|
||||
:rules="roleFormRules"
|
||||
class="label-input-form">
|
||||
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="revisionId" style="margin-bottom: 0">
|
||||
<h4>流程发起人</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.revisionId" style="display: none;"/>
|
||||
<el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="ministerIdName" style="margin-bottom: 0">
|
||||
<h4>法规认证部部长</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="inspectorIdName" style="margin-bottom: 0">
|
||||
<h4>法规认证部副总监</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.inspectorId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.inspectorIdName" placeholder="选择法规认证部副总监" @click.native="choiceZRR('inspectorId', '选择法规认证部副总监', roleForm.inspectorId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||
<el-card>
|
||||
<el-form-item prop="presidentIdName" style="margin-bottom: 0">
|
||||
<h4>公司副总</h4>
|
||||
<div style="margin-top: 10px;width: 300px;">
|
||||
<el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
|
||||
<el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-save
|
||||
show-submit
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel" title="上传课题组通知">
|
||||
<el-upload
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess"
|
||||
:on-remove="importFileRemove"
|
||||
:show-file-list="true"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
|
||||
<el-upload
|
||||
v-if="fileMadel2"
|
||||
multiple
|
||||
class="upload-demo"
|
||||
drag
|
||||
:action="fileUrl"
|
||||
ref="importfile2"
|
||||
name="file"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="beginImportFile"
|
||||
:on-success="importFileSuccess2"
|
||||
:on-remove="importFileRemove2"
|
||||
:show-file-list="true"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import { saveTaskFirst } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "zcrhStep1",
|
||||
components: {},
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
return {
|
||||
commentText: '',
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
active: "1", //默认显示
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
modelNameList: '',
|
||||
modelList: []
|
||||
},
|
||||
formRules: {
|
||||
title: [
|
||||
{ required: true, message: '请输入课题名称', trigger: 'blur' },
|
||||
],
|
||||
content: [
|
||||
{ required: true, message: '请输入主要议题', trigger: 'blur' },
|
||||
],
|
||||
price: [
|
||||
{ required: true, message: '请输入费用', trigger: 'blur' },
|
||||
],
|
||||
time: [
|
||||
{ required: true, message: '请选择课题研究周期', trigger: 'change' },
|
||||
],
|
||||
modelNameList: [
|
||||
{ required: true, message: '请上传课题组通知', trigger: 'blur' },
|
||||
]
|
||||
},
|
||||
foldFormFlag: true,
|
||||
data1: [],
|
||||
data2: [],
|
||||
roleForm: {
|
||||
revisionId: this.$store.getters.userInfo.userId,
|
||||
revisionIdName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
inspectorId: '',
|
||||
inspectorIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
},
|
||||
roleFormRules: {
|
||||
ministerIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
inspectorIdName: [
|
||||
{required: true, message: '请选择法规认证部总监', trigger: 'change'},
|
||||
],
|
||||
presidentIdName: [
|
||||
{required: true, message: '请选择公司副总', trigger: 'change'},
|
||||
]
|
||||
},
|
||||
fileMadel: false,
|
||||
fileMadel2: false,
|
||||
fileUrl: 'api/att/attFile/upload',
|
||||
idList1: [],
|
||||
idList2: [],
|
||||
fileIndex: '',
|
||||
fileList: [],
|
||||
nodeList: [],
|
||||
type: '',
|
||||
drawerTitle: '',
|
||||
modalshowflag: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add1() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
ContactPerson: '',
|
||||
Company: '',
|
||||
Telephone: '',
|
||||
Email: '',
|
||||
id: id
|
||||
}
|
||||
this.data1.push(json)
|
||||
},
|
||||
add2() {
|
||||
var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var json = {
|
||||
Sindex: '',
|
||||
Member: '',
|
||||
Company: '',
|
||||
Email: '',
|
||||
id: id,
|
||||
Department: '',
|
||||
Telephone: '',
|
||||
Identity: '',
|
||||
dataName: '',
|
||||
data: [],
|
||||
}
|
||||
this.data2.push(json)
|
||||
},
|
||||
addDelete1() {
|
||||
if (this.idList1.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data1.length; a++) {
|
||||
this.idList1.forEach(item => {
|
||||
if (this.data1[a].id === item) {
|
||||
this.data1.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
addDelete2() {
|
||||
if (this.idList2.length > 0) {
|
||||
this.$confirm('删除选中数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
for (let a = 0; a < this.data2.length; a++) {
|
||||
this.idList2.forEach(item => {
|
||||
if (this.data2[a].id === item) {
|
||||
this.data2.splice(a, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
});
|
||||
});
|
||||
} else {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
}
|
||||
},
|
||||
// 导入按钮 上传之前的钩子
|
||||
beginImportFile(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
importFileSuccess(response, file) {
|
||||
if (response.ok) {
|
||||
this.rhform.modelList.push(response.data)
|
||||
let list = ''
|
||||
this.rhform.modelList.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove(file, fileList) {
|
||||
let list = ''
|
||||
this.rhform.modelList = []
|
||||
fileList.forEach(item => {
|
||||
this.rhform.modelList.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.rhform.modelNameList = list
|
||||
},
|
||||
importFileSuccess2(response, file) {
|
||||
if (response.ok) {
|
||||
this.data2[this.fileIndex].data.push(response.data)
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data.forEach(item => {
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: response.message,
|
||||
type: 'success'
|
||||
})
|
||||
} else {
|
||||
this.$message.error('程序异常，上传失败')
|
||||
}
|
||||
},
|
||||
importFileRemove2(file, fileList) {
|
||||
let list = ''
|
||||
this.data2[this.fileIndex].data = []
|
||||
fileList.forEach(item => {
|
||||
this.data2[this.fileIndex].data.push(item)
|
||||
if (list.length > 0) {
|
||||
list += ','
|
||||
list += item.name
|
||||
} else {
|
||||
list+= item.name
|
||||
}
|
||||
})
|
||||
this.data2[this.fileIndex].dataName = list
|
||||
},
|
||||
fileUpload() {
|
||||
this.fileMadel = true
|
||||
},
|
||||
fileUpload2(index) {
|
||||
this.fileIndex = index
|
||||
this.fileList = this.data2[this.fileIndex].data
|
||||
this.fileMadel2 = true
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
handleSave() {
|
||||
}, // 保存事件
|
||||
handleSubmit() {
|
||||
this.$refs['rhForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.data1.length) {
|
||||
if (this.data2.length) {
|
||||
let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
|
||||
this.data1.forEach((item, index) =>{
|
||||
if (!item.ContactPerson) {
|
||||
ContactPerson++
|
||||
} else if (!item.Company) {
|
||||
Company++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone++
|
||||
} else if (!item.Email) {
|
||||
Email++
|
||||
}
|
||||
})
|
||||
this.data2.forEach((item, index) =>{
|
||||
if (!item.Sindex) {
|
||||
Sindex++
|
||||
} else if (!item.Member) {
|
||||
Member++
|
||||
} else if (!item.Telephone) {
|
||||
Telephone2++
|
||||
} else if (!item.Email) {
|
||||
Email2++
|
||||
} else if (!item.Company) {
|
||||
Company2++
|
||||
} else if (!item.Department) {
|
||||
Department++
|
||||
} else if (!item.Identity) {
|
||||
Identity++
|
||||
}
|
||||
})
|
||||
if (ContactPerson > 0) {
|
||||
return this.$message.warning('请输入联络人')
|
||||
} else if (Company > 0) {
|
||||
return this.$message.warning('请输入课题组联络人单位')
|
||||
} else if (Telephone > 0) {
|
||||
return this.$message.warning('请输入课题组联络人电话')
|
||||
} else if (Email > 0) {
|
||||
return this.$message.warning('请输入课题组联络人邮箱')
|
||||
} else if (Sindex > 0) {
|
||||
return this.$message.warning('请输入工作组排名顺序')
|
||||
} else if (Member > 0) {
|
||||
return this.$message.warning('请输入我司成员')
|
||||
} else if (Telephone2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员电话')
|
||||
} else if (Email2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员油邮箱')
|
||||
} else if (Company2 > 0) {
|
||||
return this.$message.warning('请输入内部参与人员单位')
|
||||
} else if (Department > 0) {
|
||||
return this.$message.warning('请输入内部参与人员部门')
|
||||
} else if (Identity > 0) {
|
||||
return this.$message.warning('请输入内部参与人员身份')
|
||||
} else {
|
||||
this.$refs['Form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
this.$http.get('lawss/activiti/startProcess', {
|
||||
type: '17'
|
||||
}, {}, res => {
|
||||
if (res.ok) {
|
||||
var json = Object.assign(this.rhform, this.roleForm)
|
||||
json.commentText = this.commentText
|
||||
json.data1 = this.data1
|
||||
json.data2 = this.data2
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: res.data,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('流程发起成功')
|
||||
this.$router.push('/processCenter')
|
||||
this.isSubmit = false
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('流程启动失败')
|
||||
this.isSubmit = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
return this.$message.warning('请完善人员信息')
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加集团内部参与人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请添加课题组人员')
|
||||
}
|
||||
} else {
|
||||
return this.$message.warning('请完善基础信息')
|
||||
}
|
||||
})
|
||||
}, // 提交事件
|
||||
handleSelectionChange1(val) {
|
||||
this.idList1 = []
|
||||
val.forEach(item => {
|
||||
this.idList1.push(item.id)
|
||||
})
|
||||
}, // table1选中change事件
|
||||
handleSelectionChange2(val) {
|
||||
this.idList2 = []
|
||||
val.forEach(item => {
|
||||
this.idList2.push(item.id)
|
||||
})
|
||||
}, // table2选中change事件
|
||||
choiceZRR(type, title, id) {
|
||||
this.nodeList = []
|
||||
this.nodeList.push(id)
|
||||
this.type = type
|
||||
this.drawerTitle = title
|
||||
this.modalshowflag = true
|
||||
}, // 点击人员input事件
|
||||
checkedRole(data) {
|
||||
if (this.type === 'ministerId') {
|
||||
this.roleForm.ministerId = data[0].id
|
||||
this.roleForm.ministerIdName = data[0].name
|
||||
} else if (this.type === 'inspectorId') {
|
||||
this.roleForm.inspectorId = data[0].id
|
||||
this.roleForm.inspectorIdName = data[0].name
|
||||
} else if (this.type === 'presidentId') {
|
||||
this.roleForm.presidentId = data[0].id
|
||||
this.roleForm.presidentIdName = data[0].name
|
||||
}
|
||||
}, // 选择人员确认事件
|
||||
},
|
||||
methods: {},
|
||||
mounted() {}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.zcrh-step1 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.zcrh-step1 {}
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,364 @@
|
||||
<template>
|
||||
<div class="zcrh-step2">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题入会流程</template>
|
||||
<template slot="proNode">法规部部长审批</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem active">基础信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入主要议题"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
approval
|
||||
@back="handleSubmitNo"
|
||||
:submitLoading="isSubmit"
|
||||
@submit="handleSubmit"
|
||||
submitBTNText="同意"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {inboundLiaisonDetail} from 'api/process'
|
||||
|
||||
export default {
|
||||
name: "zcrhStep2",
|
||||
data() {
|
||||
return {
|
||||
json: {},
|
||||
isSubmit: false,
|
||||
foldFormFlag: true,
|
||||
commentText: '',
|
||||
active: '1',
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
data1: [],
|
||||
data2: [],
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
modelList: []
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
methods: {
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.fgfbz = 1
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
},
|
||||
handleSubmitNo() {
|
||||
if (this.commentText) {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.fgfbz = 0
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('驳回成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请输入反馈意见')
|
||||
}
|
||||
},
|
||||
updataFj (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.modelList = data.modelList
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted () {
|
||||
this.getData()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.zcrh-step2 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,364 @@
|
||||
<template>
|
||||
<div class="zcrh-step3">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题入会流程</template>
|
||||
<template slot="proNode">法规认证部副总监审批</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem active">基础信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入主要议题"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
approval
|
||||
@back="handleSubmitNo"
|
||||
:submitLoading="isSubmit"
|
||||
@submit="handleSubmit"
|
||||
submitBTNText="同意"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {inboundLiaisonDetail} from 'api/process'
|
||||
|
||||
export default {
|
||||
name: "zcrhStep3",
|
||||
data() {
|
||||
return {
|
||||
json: {},
|
||||
isSubmit: false,
|
||||
foldFormFlag: true,
|
||||
commentText: '',
|
||||
active: '1',
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
data1: [],
|
||||
data2: [],
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
modelList: []
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
methods: {
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.fgfzj = 1
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
},
|
||||
handleSubmitNo() {
|
||||
if (this.commentText) {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.fgfzj = 0
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('驳回成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请输入反馈意见')
|
||||
}
|
||||
},
|
||||
updataFj (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.modelList = data.modelList
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted () {
|
||||
this.getData()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.zcrh-step3 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,364 @@
|
||||
<template>
|
||||
<div class="zcrh-step4">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题入会流程</template>
|
||||
<template slot="proNode">公司副总审批</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem active">基础信息</div>
|
||||
</div>
|
||||
<div class="content" v-show="active === '1'">
|
||||
<div style="flex: auto; overflow: auto;">
|
||||
<el-form
|
||||
ref="rhForm"
|
||||
:model="rhform"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border" v-if="foldFormFlag">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.title"
|
||||
placeholder="请输入课题名称"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.content"
|
||||
placeholder="请输入主要议题"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="rhform.price"
|
||||
placeholder="请输入费用"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
|
||||
<div style="display: flex;">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
disabled
|
||||
v-model="rhform.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
|
||||
</el-form>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data1"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="ContactPerson"
|
||||
label="联络人"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="350"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<ProcessTitle>
|
||||
<template slot="title">集团内部参与人员</template>
|
||||
</ProcessTitle>
|
||||
<el-table border
|
||||
ref="selection"
|
||||
:data="data2"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id">
|
||||
<el-table-column
|
||||
prop="Sindex"
|
||||
label="我司在工作组排名顺序"
|
||||
width="170"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Member"
|
||||
label="我司成员"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Company"
|
||||
label="单位"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Department"
|
||||
label="部门"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Telephone"
|
||||
label="电话"
|
||||
width="200"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Email"
|
||||
label="邮箱"
|
||||
width="300"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Identity"
|
||||
label="身份"
|
||||
width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="data"
|
||||
label="资料"
|
||||
width="250"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.data.length > 0">
|
||||
<div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
- -
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="回执说明">
|
||||
<div style="margin: 10px 0;">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
resize="none"
|
||||
placeholder="请输入意见"
|
||||
v-model="commentText">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
show-submit
|
||||
show-back
|
||||
approval
|
||||
@back="handleSubmitNo"
|
||||
:submitLoading="isSubmit"
|
||||
@submit="handleSubmit"
|
||||
submitBTNText="同意"
|
||||
>
|
||||
</ProcessFooter>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "../../components/ProcessHeader";
|
||||
import ProcessFooter from "../../components/ProcessFooter";
|
||||
import ProcessTitle from "../../components/ProcessTitle";
|
||||
import {inboundLiaisonDetail} from 'api/process'
|
||||
|
||||
export default {
|
||||
name: "zcrhStep4",
|
||||
data() {
|
||||
return {
|
||||
json: {},
|
||||
isSubmit: false,
|
||||
foldFormFlag: true,
|
||||
commentText: '',
|
||||
active: '1',
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
data1: [],
|
||||
data2: [],
|
||||
rhform: {
|
||||
title: '',
|
||||
content: '',
|
||||
price: '',
|
||||
time: '',
|
||||
modelList: []
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
methods: {
|
||||
handleSubmit() {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.gsfz = 1
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('提交成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
},
|
||||
handleSubmitNo() {
|
||||
if (this.commentText) {
|
||||
this.isSubmit = true
|
||||
var json = this.json
|
||||
json.gsfz = 0
|
||||
json.commentText = this.commentText
|
||||
this.$http.post('lawss/activiti/completeTask', {
|
||||
json: JSON.stringify(json),
|
||||
taskId: this.taskIds,
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {}, res => {
|
||||
if (res.success) {
|
||||
this.$message.success('驳回成功')
|
||||
this.$router.push('/processCenter')
|
||||
}
|
||||
this.isSubmit = false
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请输入反馈意见')
|
||||
}
|
||||
},
|
||||
updataFj (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
handleTabs(type) {
|
||||
this.active = type;
|
||||
}, // 切换tabs
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
}, // 基础信息显隐
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
let data = JSON.parse(res.mesg)
|
||||
this.json = data
|
||||
this.data1 = data.data1
|
||||
this.data2 = data.data2
|
||||
this.rhform.commentText = data.commentText
|
||||
this.rhform.content = data.content
|
||||
this.rhform.price = data.price
|
||||
this.rhform.time = data.time
|
||||
this.rhform.title = data.title
|
||||
this.rhform.modelList = data.modelList
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted () {
|
||||
this.getData()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
.zcrh-step4 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
|
||||
.tableButton {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
/deep/.el-form-item__content {
|
||||
.el-date-editor {
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -142,9 +142,9 @@
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8" v-btn-permission="'7d81e0afa045f8ba8911bcf984b64675'">
|
||||
<el-col :span="size ? 6 : 8" v-btn-permission="'2e3f4c0aaf77629755533255f1335801'">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('15')">
|
||||
<div class="card-box" @click="handleCreateProcess('17')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
@@ -157,9 +157,9 @@
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8" v-btn-permission="'7128980e23ca7726ef92aad579ac7cb1'">
|
||||
<el-col :span="size ? 6 : 8" v-btn-permission="'d415c764036a02559976b41b9dfe2cf1'">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('16')">
|
||||
<div class="card-box" @click="handleCreateProcess('18')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
@@ -174,7 +174,7 @@
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('17')">
|
||||
<div class="card-box" @click="handleCreateProcess('19')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
@@ -187,6 +187,81 @@
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('16')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
</div>
|
||||
<div class="card-top-right">
|
||||
<div class="card-top-right-text">外部署名推荐审批流程</div>
|
||||
<div class="card-top-right-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('15')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
</div>
|
||||
<div class="card-top-right">
|
||||
<div class="card-top-right-text">加入标准化协会信息提报流程</div>
|
||||
<div class="card-top-right-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('14')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
</div>
|
||||
<div class="card-top-right">
|
||||
<div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
|
||||
<div class="card-top-right-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('20')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
</div>
|
||||
<div class="card-top-right">
|
||||
<div class="card-top-right-text">外部标准化协会入会流程</div>
|
||||
<div class="card-top-right-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="size ? 6 : 8">
|
||||
<el-card shadow="hover">
|
||||
<div class="card-box" @click="handleCreateProcess('21')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
</div>
|
||||
<div class="card-top-right">
|
||||
<div class="card-top-right-text">外部标准化协会参会流程</div>
|
||||
<div class="card-top-right-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<!-- <!–严逸舟写的分割线–>-->
|
||||
<!-- <el-col :span="size ? 6 : 8" v-btn-permission="">-->
|
||||
<!-- <el-card shadow="hover">-->
|
||||
@@ -345,42 +420,54 @@ export default {
|
||||
name:'xmqdqrStep1'
|
||||
})
|
||||
break
|
||||
case '12':
|
||||
// 赵开耀的流程
|
||||
this.$router.push({
|
||||
name: 'zhaokaiyaoStep1'
|
||||
})
|
||||
break
|
||||
case '13':
|
||||
// 严逸舟的流程
|
||||
this.$router.push({
|
||||
name: 'yanyizhouStep1'
|
||||
})
|
||||
break
|
||||
case '14':
|
||||
// 张宇欢的流程
|
||||
this.$router.push({
|
||||
name: 'zhangyuhuanStep1'
|
||||
})
|
||||
break
|
||||
case '15':
|
||||
case '17':
|
||||
//政策课题入会流程
|
||||
this.$router.push({
|
||||
name: 'zcrhStep1'
|
||||
})
|
||||
break
|
||||
case '16':
|
||||
case '18':
|
||||
//政策课题参会流程
|
||||
this.$router.push({
|
||||
name: 'zcchStep1'
|
||||
})
|
||||
break
|
||||
case '17':
|
||||
case '19':
|
||||
//政策课题会后流程
|
||||
this.$router.push({
|
||||
name: 'zchhStep1'
|
||||
})
|
||||
break
|
||||
case '16':
|
||||
//外部署名推荐审批流程
|
||||
this.$router.push({
|
||||
name: 'wbsmStep1'
|
||||
})
|
||||
break
|
||||
case '15':
|
||||
//加入标准化协会信息提报流程
|
||||
this.$router.push({
|
||||
name: 'jrbzhxhStep1'
|
||||
})
|
||||
break
|
||||
case '14':
|
||||
//参与外部标准制修订信息提报流程
|
||||
this.$router.push({
|
||||
name: 'cywbbzzxdStep1'
|
||||
})
|
||||
break
|
||||
// 外部标准化协会入会流程
|
||||
case '20':
|
||||
this.$router.push({
|
||||
name: 'bzrhStep1'
|
||||
})
|
||||
break
|
||||
// 外部标准化协会参会流程
|
||||
case '21':
|
||||
this.$router.push({
|
||||
name: 'bzchStep1'
|
||||
})
|
||||
break
|
||||
}
|
||||
},
|
||||
checkPermission(permissionIdArray) {
|
||||
|
||||
@@ -869,6 +869,260 @@ export default {
|
||||
})
|
||||
}
|
||||
break
|
||||
case '15':
|
||||
//加入标准化协会信息备案流程
|
||||
if (row.taskInfo === '填写入会信息') {
|
||||
this.$router.push({
|
||||
name: 'jrbzhxhStep2',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if(row.taskInfo === '标准法规工程师审核'){
|
||||
this.$router.push({
|
||||
name: 'jrbzhxhStep3',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
}else if(row.taskInfo === '标准法规部部长批准'){
|
||||
this.$router.push({
|
||||
name: 'jrbzhxhStep4',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
}
|
||||
break
|
||||
// 外部标准化协会入会流程
|
||||
case '20':
|
||||
if (row.taskInfo === '技术委员会分委会主任/入会代表所在中心主任提名入会代表') {
|
||||
this.$router.push({
|
||||
name: 'bzrhStep2',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '入会代表填写入会信息表') {
|
||||
this.$router.push({
|
||||
name: 'bzrhStep3',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '入会人员所在部门负责人审核') {
|
||||
this.$router.push({
|
||||
name: 'bzrhStep4',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '标准法规工程师汇总修订') {
|
||||
this.$router.push({
|
||||
name: 'bzrhStep5',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
}else if (row.taskInfo === '标准法规部主管领导审核') {
|
||||
this.$router.push({
|
||||
name: 'bzrhStep6',
|
||||
query:{
|
||||
taskInfo: row.taskInfo,
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '费用管理部门会签') {
|
||||
this.$router.push({
|
||||
name: 'bzrhStep6',
|
||||
query:{
|
||||
taskInfo: row.taskInfo,
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '技术委员会常务副主任/总院院长审定') {
|
||||
this.$router.push({
|
||||
name: 'bzrhStep6',
|
||||
query:{
|
||||
taskInfo: row.taskInfo,
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '标准法规工程师汇总修订完毕'){
|
||||
this.$router.push({
|
||||
name: 'bzrhStep6',
|
||||
query:{
|
||||
taskInfo: row.taskInfo,
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
}
|
||||
break
|
||||
case '18':
|
||||
if (row.taskInfo === '法规认证部副部长批准') {
|
||||
this.$router.push({
|
||||
name: 'zcchStep2',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '公司副总批准') {
|
||||
this.$router.push({
|
||||
name: 'zcchStep3',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '修订参会信息') {
|
||||
this.$router.push({
|
||||
name: 'zcchStep1-1',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
}
|
||||
break
|
||||
// 政策参会流程
|
||||
case '19':
|
||||
if (row.taskInfo === '申请人填写表单') {
|
||||
this.$router.push({
|
||||
name: 'zchhStep1',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '审核员批准') {
|
||||
this.$router.push({
|
||||
name: 'zchhStep2',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '申请人修订申请信息') {
|
||||
this.$router.push({
|
||||
name: 'zchhStep1',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
}
|
||||
break
|
||||
// 政策会后流程
|
||||
case '21':
|
||||
if (row.taskInfo === '技术委员会分委会主任/入会代表所在中心主任提名入会代表') {
|
||||
this.$router.push({
|
||||
name: 'bzchStep2',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '') {
|
||||
this.$router.push({
|
||||
name: 'bzchStep3',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '') {
|
||||
this.$router.push({
|
||||
name: 'bzchStep4',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
} else if (row.taskInfo === '') {
|
||||
this.$router.push({
|
||||
name: 'bzchStep5',
|
||||
query:{
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
})
|
||||
}
|
||||
break
|
||||
}
|
||||
},
|
||||
...mapMutations(['setProcess', 'setHandleInfo']),
|
||||
|
||||
@@ -389,6 +389,16 @@ export default {
|
||||
}
|
||||
})
|
||||
break
|
||||
case '20':
|
||||
this.$router.push({
|
||||
name: 'bzrhStep1',
|
||||
query: {
|
||||
type: '20',
|
||||
processName: '外部标准化协会入会流程',
|
||||
bpnId: id
|
||||
}
|
||||
})
|
||||
break
|
||||
}
|
||||
},
|
||||
...mapMutations(['setProcess', 'setHandleInfo']),
|
||||
|
||||
+257
-2
@@ -988,6 +988,42 @@ const routes = [
|
||||
title: '政策课题入会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcrhStep2',
|
||||
name: 'zcrhStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题入会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcrhStep3',
|
||||
name: 'zcrhStep3',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step3.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题入会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcrhStep4',
|
||||
name: 'zcrhStep4',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step4.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题入会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcrhStep1-1',
|
||||
name: 'zcrhStep1-1',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题入会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcchStep1',
|
||||
name: 'zcchStep1',
|
||||
@@ -997,6 +1033,33 @@ const routes = [
|
||||
title: '政策课题参会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcchStep2',
|
||||
name: 'zcchStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zcch/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题参会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcchStep3',
|
||||
name: 'zcchStep3',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zcch/step3.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题参会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcchStep1-1',
|
||||
name: 'zcchStep1-1',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zcch/step1-1.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题参会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zchhStep1',
|
||||
name: 'zchhStep1',
|
||||
@@ -1005,7 +1068,199 @@ const routes = [
|
||||
requireAuth: true,
|
||||
title: '政策课题会后流程'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zchhStep2',
|
||||
name: 'zchhStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/zchh/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题会后流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/wbsmStep1',
|
||||
name: 'wbsmStep1',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/wbsm/step1.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部署名推荐审批流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/wbsmStep2',
|
||||
name: 'wbsmStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/wbsm/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部署名推荐审批流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/cywbbzzxdStep1',
|
||||
name: 'cywbbzzxdStep1',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step1.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '参与外部标准制修订信息提报流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/cywbbzzxdStep2',
|
||||
name: 'cywbbzzxdStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '参与外部标准制修订信息提报流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/cywbbzzxdStep3',
|
||||
name: 'cywbbzzxdStep3',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step3.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '参与外部标准制修订信息提报流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/jrbzhxhStep1',
|
||||
name: 'jrbzhxhStep1',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step1.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '加入标准化协会信息提报流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/jrbzhxhStep3',
|
||||
name: 'jrbzhxhStep3',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step3.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '加入标准化协会信息提报流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/jrbzhxhStep4',
|
||||
name: 'jrbzhxhStep4',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step4.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '加入标准化协会信息提报流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/jrbzhxhStep2',
|
||||
name: 'jrbzhxhStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '加入标准化协会信息提报流程'
|
||||
}
|
||||
},
|
||||
// 外部标准化协会入会流程
|
||||
{
|
||||
path: '/bzrhStep1',
|
||||
name: 'bzrhStep1',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step1.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会入会流程（流程发起）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzrhStep2',
|
||||
name: 'bzrhStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会入会流程（选择代表）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzrhStep3',
|
||||
name: 'bzrhStep3',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step3.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会入会流程（入选代表填写信息）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzrhStep4',
|
||||
name: 'bzrhStep4',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step4.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会入会流程（责任负责人审批）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzrhStep5',
|
||||
name: 'bzrhStep5',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step5.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会入会流程（修订）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzrhStep6',
|
||||
name: 'bzrhStep6',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step6.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会入会流程（审批)'
|
||||
}
|
||||
},
|
||||
|
||||
// 外部标准化协会参会流程
|
||||
{
|
||||
path: '/bzchStep1',
|
||||
name: 'bzchStep1',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step1.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会参会流程（流程发起）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzchStep2',
|
||||
name: 'bzchStep2',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step2.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会参会流程（选择入会代表）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzchStep3',
|
||||
name: 'bzchStep3',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step3.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会参会流程（入会人确认）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzchStep4',
|
||||
name: 'bzchStep4',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step4.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会参会流程（审批）'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzchStep5',
|
||||
name: 'bzchStep5',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step5.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '外部标准化协会参会流程（修订）'
|
||||
}
|
||||
},
|
||||
]
|
||||
},
|
||||
// 本地工具
|
||||
@@ -1188,7 +1443,7 @@ const routes = [
|
||||
requireAuth: true,
|
||||
title: '技术要求清单管理'
|
||||
}
|
||||
}
|
||||
},
|
||||
]
|
||||
},
|
||||
// 标准法规库
|
||||
|
||||
@@ -6,9 +6,9 @@
|
||||
// 服务器地址
|
||||
// const devIp = '39.98.140.126'
|
||||
// const devInterfacePORT = '10005'
|
||||
// const devIp = '192.168.10.248'
|
||||
const devIp = '62.234.136.153'
|
||||
const devInterfacePORT = '8033'
|
||||
const devIp = '192.168.10.50'
|
||||
// const devIp = '62.234.136.153'
|
||||
const devInterfacePORT = '9999'
|
||||
// 配置 idm 认证
|
||||
const ssoLogin = 'http://sso.foton.com.cn/oauth2.0/authorize?client_id=app_slrs&response_type=code&redirect_uri='
|
||||
// 配置 前端服务
|
||||
@@ -37,8 +37,10 @@ const processPort = '17210'
|
||||
|
||||
*****************************************************************/
|
||||
// 生产环境配置
|
||||
const prodIp = '10.100.5.117'
|
||||
const prodInterfacePORT = '4202'
|
||||
const prodIp = '62.234.136.153'
|
||||
const prodInterfacePORT = '8033'
|
||||
// const prodIp = 'slrs.foton.com.cn'
|
||||
// const prodInterfacePORT = ''
|
||||
|
||||
// 判断环境
|
||||
const serverIP = process.env.NODE_ENV === 'production' ? prodIp : devIp
|
||||
|
||||
Reference in New Issue
Block a user