FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
宋伟佳
2021-10-28 17:54:46 +08:00
parent 5c383bb472
commit 9842ce41c0
9 changed files with 2562 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/cywbbzzxd/step1.vue
+156 -264
View File
@@ -1,192 +1,78 @@
<!-- 参与外部标准制修订流程-->
<!-- 加入标准化协会信息备案流程-->
<template>
<div class="wbbz-step1">
<div class="jrbzhxh-step1">
<ProcessHeader>
<template slot="proName">参与外部标准制修订信息提报流程</template>
<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>
<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"
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="el-icon-caret-top" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
</el-form>
<ProcessTitle>
<template slot="title">参与人信息</template>
</ProcessTitle>
<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="itemsNum"
label="参与人"
width="150"
align="center">
</el-table-column>
<el-table-column
prop="itemsName"
label="职务"
align="center">
</el-table-column>
<el-table-column
prop="itermsConditions"
label="所在部门"
width="200"
align="center">
</el-table-column>
<el-table-column
label="联系方式"
width="350"
align="center">
</el-table-column>
<el-table-column
prop="itemsName"
label="任期"
align="center">
</el-table-column>
<el-table-column
prop="itermsConditions"
label="账户"
width="200"
align="center">
</el-table-column>
<el-table-column
label="密码"
width="350"
align="center">
</el-table-column>
</el-table>
<ProcessTitle>
<template slot="title">协会信息</template>
</ProcessTitle>
<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="itemsNum"
label="协会联络人"
width="170"
align="center">
</el-table-column>
<el-table-column
prop="itemsName"
label="电话"
width="150"
align="center">
</el-table-column>
<el-table-column
prop="itermsConditions"
label="邮箱"
align="center">
</el-table-column>
</el-table>
<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>
<div class="content" v-show="active === '2'">
2
</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
@@ -213,103 +99,109 @@ export default {
},
data() {
return {
//切换tab
active: "1",
foldFormFlag: true,
isSubmit: false,
saveLoading: false,
uploadFileListPath: "api/att/attFile/upload", // 上传的地址
fileInfoList: [], // 上传的附件
wbbzform: {
reportingUnit:'',
associationName: '',
committee:'',
workingGroup:'',
personnelRole:'',
membershipTime:'',
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"}
]
},
formRules: {},
participantsData: [], //参与人表格信息
associationData: [], //协会表格信息
associationOptions: [{
value: '选项1',
label: '1'
}, {
value: '选项2',
label: '2'
},{
value: '选项3',
label: '3'
}],
};
},
methods: {
handleTabs(type) {
this.active = type;
methods:{
choiceZRR(type, title, id) {
this.nodeList = [];
this.nodeList.push(id);
this.type = type;
this.drawerTitle = title;
this.modalshowflag = true;
},
foldForm() {
this.foldFormFlag = !this.foldFormFlag
choiceZRRS() {
this.nodeList2 = [];
if (this.roleForm.dockUser.length > 0) {
this.nodeList2 = this.roleForm.dockUser.split(",");
}
this.modalshowflag2 = true;
},
handleSave() {},
handleSubmit() {
console.log(this.wbbzform);
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;
},
handleSelectionChange1(){
},
handleSelectionChange2(){
},
// 删除上传的文件
delFileInfo(file, fileList) {
this.fileInfoList.forEach((item, index) => {
if (item.name === file.name || item.id === file.id ) {
this.fileInfoList.splice(index,1)
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;
},
// 上传文件成功回调
uploadBackSuccess(res, file, fileList) {
if (res.ok) {
this.fileInfoList.push(res.data)
this.$message.success("上传成功");
} else {
this.$message.error(res.message);
fileList.pop();
}
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("请完善人员信息");
}
});
},
// 上传之前钩子
beforeUpload(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;
handleSave(){
},
}
},
};
</script>
<style lang="less" scoped>
.wbbz-step1 {
.jrbzhxh-step1 {
height: 100%;
position: relative;
.content {
src/pages/processCenter/pages/creatProcess/cywbbzzxd/step3.vue
+419
View File
@@ -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>
src/pages/processCenter/pages/creatProcess/jrbzhxh/step2.vue
+186 -23
View File
@@ -72,6 +72,7 @@
<el-date-picker
v-model="wbbzform.membershipTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择入会时间">
</el-date-picker>
</div>
@@ -97,7 +98,7 @@
</el-col>
</el-row>
</div>
<el-button style="width: 100%" icon="el-icon-caret-top" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
<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>
@@ -135,13 +136,13 @@
align="center">
</el-table-column>
<el-table-column
prop="department"
prop="institutionName"
label="所在部门"
width="200"
align="center">
</el-table-column>
<el-table-column
prop="contact"
prop="email"
label="联系方式"
width="350"
align="center">
@@ -187,19 +188,53 @@
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">
@@ -294,6 +329,7 @@
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",
@@ -306,6 +342,7 @@ export default {
return {
//切换tab
active: "1",
commentText: '', // 意见
foldFormFlag: true,
isSubmit: false,
saveLoading: false,
@@ -316,6 +353,9 @@ export default {
nodeList: [],
uploadFileListPath: "api/att/attFile/upload", // 上传的地址
fileInfoList: [], // 上传的附件
userId: this.$store.getters.userInfo.userId,
taskIds: this.$route.query.taskIds,
dlFlag: '', // 1为通过 0为不通过
wbbzform: {
reportingUnit:'',
associationName: '',
@@ -323,11 +363,12 @@ export default {
workingGroup:'',
personnelRole:'',
membershipTime:'',
fileName:'',
participantsData: [{
workPeople: '', //参与人
name: '', //参与人
duties: '', //职务
department: '', //所在部门
contact: '', //联系方式
institutionName: '', //所在部门
email: '', //联系方式
tenure:'', //任期
account:'', //账户
password:'', //密码
@@ -338,7 +379,13 @@ export default {
mailbox:'', //邮箱
}],
},
formRules: {},
selectList2: [],
selectList1: [],
formRules: {
reportingUnit: [
{ required: true, message: "请输入提报单位", trigger: "blur" }
],
},
participantsData: [], //参与人表格信息
associationData: [], //协会表格信息
detailData: [], //审批历史信息
@@ -369,6 +416,35 @@ export default {
}, 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 = "选择责任人";
@@ -378,16 +454,25 @@ export default {
this.modalshowflag = true;
},
checkedRole(data){
console.log(data);
this.participantsData.forEach(item => {
console.log(item.index);
console.log(this.selectedId);
if (item.index === this.selectedId) {
item.workPeople = data[0].name;
item.workPeopleId = data[0].id;
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);
}
});
this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
})
})
}else{
this.participantsData = data
this.participantsData.forEach(item => {
this.$set(item, "workPeople", item.name)
});
this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
}
},
handleTabs(type) {
@@ -398,19 +483,64 @@ export default {
},
//不备案
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() {
console.log(this.wbbzform);
},
handleSelectionChange1(){
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 => {
});
},
handleSelectionChange2(){
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(){
@@ -419,11 +549,39 @@ export default {
},
//批量删除参与人信息
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(){
@@ -449,6 +607,7 @@ export default {
},
// 上传之前钩子
beforeUpload(file) {
console.log(file);
var filename = file.name;
var index1 = filename.lastIndexOf(".");
var index2 = filename.length;
@@ -474,6 +633,10 @@ export default {
return true;
},
},
mounted() {
this.getData()
this.processTable()
},
computed: {
listNoDataText() {
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
src/pages/processCenter/pages/creatProcess/jrbzhxh/step3.vue
+678
View File
@@ -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>
src/pages/processCenter/pages/creatProcess/jrbzhxh/step4.vue
+678
View File
@@ -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>
src/pages/processCenter/pages/creatProcess/wbsm/step1.vue
+347 -26
View File
@@ -24,42 +24,64 @@
:data="dataList"
border
ref="entryTable"
height="49%"
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="standSerialNumber" label="标准号" show-overflow-tooltip align="center">
<el-table-column
prop="code"
width="180px"
align="center"
label="标准号">
<template slot-scope="scope">
<a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSerialNumber }}</a>
<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" show-overflow-tooltip label="标准名称">
<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="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">
<el-table-column prop="standSortShow" label="标准类别" align="center" show-overflow-tooltip>
<template slot-scope="scope">
<el-input></el-input>
<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-column prop="itemsNum" label="费用" align="center"/>
</el-table>
</div>
<el-collapse accordion>
@@ -153,6 +175,151 @@
</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
@@ -190,8 +357,35 @@ export default {
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,
@@ -227,27 +421,62 @@ export default {
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(val) {
this.deleteDataList = []
for (let i = 0; i < val.length; i++) {
this.deleteDataList.push(val[i].id);
}
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) {
@@ -264,7 +493,94 @@ export default {
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
@@ -310,6 +626,11 @@ export default {
}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;
},
src/pages/processCenter/pages/creatProcess/wbsm/step2.vue
+47 -52
View File
@@ -2,7 +2,7 @@
<div class="wfhxzgStep2">
<ProcessHeader toggle>
<template slot="proName">外部署名推荐审批流程</template>
<template slot="proNode">署名人领导审批流程</template>
<template slot="proNode">署名人领导会签</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -17,9 +17,8 @@
:data="dataList"
border
ref="entryTable"
height="49%"
@selection-change="selectedDelete"
style="width: 100%"
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"/>
@@ -137,14 +136,15 @@
</div>
</div>
<ProcessFooter
show-save
show-submit
show-back
show-transfer
show-submit
:submitLoading="isSubmit"
:transfer-loading="isTransfer"
:saveLoading="saveLoading"
:transferLoading="turnLoading"
@transfer="handleTurnTo"
@save="handleSave"
:approval="true"
@back="beforeBack"
@transfer="handleTransfer"
@submit="handleSubmit"
>
</ProcessFooter>
@@ -155,6 +155,14 @@
:nodeList="nodeList"
@checkedRole="drawerCheck"
/>
<!-- 福田全公司选人解决方案 -->
<Role-tree
check-box
:is-title="drawerTitle"
:is-visible.sync="drawerModal"
@checkedRole="checkedTransferRole"
:nodeList="nodeList"
></Role-tree>
</div>
</template>
@@ -188,6 +196,7 @@ export default {
isSubmit: false,
saveLoading: false,
turnLoading: false,
drawerModal: false,
dataList: [],
endDataList: [],
lastDataList: [],
@@ -240,6 +249,26 @@ export default {
}
},
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,
@@ -326,51 +355,17 @@ export default {
},
// 提交按钮
handleSubmit() {
this.isSubmit = true
let zqa = new Map();
for (let lastDataListElement of this.dataList) {
let a = zqa.get(lastDataListElement.dutyPeopleInfoId)
if( a == null){
a = {
id: lastDataListElement.dutyPeopleInfoId,
name: lastDataListElement.dutyPeopleInfo,
standardInfoList: []
}
}
a.standardInfoList.push(lastDataListElement);
zqa.set(a.id, a);
}
let list = [];
for(let item of zqa) {
list.push(item[1])
}
let json = {
dockUserList: list,
passInfo: this.passInfo
}
let flag=false
this.dataList.forEach(item => {
if (item.dutyPeopleInfo === '') {
flag=true
this.isSubmit = false
}
})
if(flag)return this.$message.warning('请选择分发负责人填入')
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskIds', this.taskIds)
completeTask(params).then(res => {
if(res.success === true) {
this.$message.success('提交成功')
this.$router.push("/processCenter");
}
this.isSubmit = false
}).catch(e => {
this.isSubmit = false
})
},
//驳回按钮
beforeBack(){
},
//转办按钮
handleTransfer(){
this.drawerModal = true
this.drawerTitle = '转办处理人'
this.selectPeople = row
},
// 流程阶段负责人选择
choiceZRR (type, title, id) {
this.nodeList = []
src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
+24 -13
View File
@@ -870,7 +870,8 @@ export default {
}
break
case '15':
if (row.taskInfo === '备案任务下发') {
//加入标准化协会信息备案流程
if (row.taskInfo === '填写入会信息') {
this.$router.push({
name: 'jrbzhxhStep2',
query: {
@@ -881,19 +882,29 @@ export default {
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
}
})
}
// else if(row.taskInfo === '标准法规部经理审批'){
// this.$router.push({
// name: 'xmqdqrStep3',
// query: {
// taskIds: row.taskIds,
// prcId: row.prcId,
// prcNum: row.prcNum,
// prcName: row.prcName,
// prcType: row.prcType
// }
// })
// }
break
// 外部标准化协会入会流程
case '20':
src/router/index.js
+27
View File
@@ -1105,6 +1105,15 @@ const routes = [
title: '参与外部标准制修订信息提报流程'
}
},
{
path: '/cywbbzzxdStep3',
name: 'cywbbzzxdStep3',
component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step3.vue'),
meta: {
requireAuth: true,
title: '参与外部标准制修订信息提报流程'
}
},
{
path: '/jrbzhxhStep1',
name: 'jrbzhxhStep1',
@@ -1114,6 +1123,24 @@ const routes = [
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',