标准评估流程
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<!--标准合规评估 业务经理审批-->
|
||||
<!--标准合规评估 分发人分发项目-->
|
||||
<template>
|
||||
<div class="bzpg-step3">
|
||||
<ProcessHeader toggle>
|
||||
@@ -91,6 +91,7 @@
|
||||
:data="dataList"
|
||||
border
|
||||
ref="selection"
|
||||
tooltip-effect="dark"
|
||||
height="100%"
|
||||
style="width: 100%;"
|
||||
@selection-change="selectProjectGroup"
|
||||
@@ -118,16 +119,24 @@
|
||||
label="项目状态"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
:show-overflow-tooltip="true"
|
||||
prop="projectNumber"
|
||||
label="项目编号"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
:show-overflow-tooltip="true"
|
||||
prop="projectName"
|
||||
label="项目名称"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="projectManager"
|
||||
label="项目经理"/>
|
||||
prop="uname"
|
||||
label="项目经理">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.unameId" style="display: none;" />
|
||||
<el-input v-model="scope.row.uname" placeholder="请选择项目经理"
|
||||
@click.native="choiceZRRS(scope.row, 1, scope.$index)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="审批意见">
|
||||
@@ -213,7 +222,7 @@
|
||||
<!-- 添加抽屉-->
|
||||
<el-drawer
|
||||
title="添加项目"
|
||||
:visible.sync="ProjectModel"
|
||||
:visible.sync="projectModel"
|
||||
size="900px"
|
||||
custom-class="demo-drawer"
|
||||
>
|
||||
@@ -282,11 +291,12 @@
|
||||
label="项目名称"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
width="120"
|
||||
prop="projectStatus"
|
||||
label="项目状态"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="projectName"
|
||||
prop="currentNode"
|
||||
label="当前节点"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
@@ -294,7 +304,7 @@
|
||||
label="项目群"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="projectManager"
|
||||
prop="uname"
|
||||
label="项目经理"/>
|
||||
</el-table>
|
||||
</div>
|
||||
@@ -314,7 +324,7 @@
|
||||
</div>
|
||||
</el-drawer>
|
||||
<ProcessFooter
|
||||
show-back
|
||||
show-save
|
||||
show-transfer
|
||||
show-submit
|
||||
:transfer-loading="isTransfer"
|
||||
@@ -322,7 +332,7 @@
|
||||
:saveLoading="saveLoading"
|
||||
:approval="true"
|
||||
@transfer="handleTransfer"
|
||||
@back="beforeBack"
|
||||
@save="handleSave"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
@@ -334,6 +344,13 @@
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
<!-- 选择责任人-->
|
||||
<Role-tree
|
||||
is-title="选择项目经理"
|
||||
:is-visible.sync="modalshowflag"
|
||||
@checkedRole="checkedRole2"
|
||||
:nodeList="nodeList2"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -341,7 +358,7 @@
|
||||
import ProcessHeader from "process/components/ProcessHeader";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
|
||||
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskForPub } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "bzpgStep3",
|
||||
@@ -352,7 +369,7 @@ export default {
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
active: '1',
|
||||
active: "1",
|
||||
//折叠的标志,true为折叠,false为不折叠
|
||||
foldFormFlag: false,
|
||||
drawerModal: false,
|
||||
@@ -360,33 +377,59 @@ export default {
|
||||
isTransfer: false,
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
ProjectModel: false,
|
||||
projectModel: false,
|
||||
modalshowflag: false,
|
||||
pageNo: 1,
|
||||
totalNo: 0,
|
||||
pageSizeNo: this.$store.getters.userInfo.configContent,
|
||||
userId:this.$store.getters.userInfo.userId,
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
commentText: '',
|
||||
drawerTitle: '',
|
||||
projectGroup: '', //用来查询项目
|
||||
commentText: "",
|
||||
drawerTitle: "",
|
||||
projectGroup: "", //用来查询项目
|
||||
listForm: {},
|
||||
dataList: [],
|
||||
projectDataList: [],
|
||||
// projectDataList: [
|
||||
// {
|
||||
// managementHostName: '', //管理主体
|
||||
// developmentHostName: '', //开发主体
|
||||
// categoryName: '', //项目细分类
|
||||
// projectStatus: '', //项目状态
|
||||
// projectName: '', //项目名称
|
||||
// projectNumber: '', //项目编号
|
||||
// uname: '', //项目经理
|
||||
// }
|
||||
// ],
|
||||
detailData: [],
|
||||
nodeList: [],
|
||||
nodeList2: [],
|
||||
selectProjectList: [],
|
||||
selectProjectGroupList: [],
|
||||
productData: [], //项目群下的项目
|
||||
projectStatus: [], //项目状态下拉框
|
||||
projectSearch: {
|
||||
projectStatus: "", //项目状态
|
||||
},
|
||||
projectStatus: "" //项目状态
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
this.processTable()
|
||||
this.getProductData()
|
||||
this.getData();
|
||||
this.processTable();
|
||||
this.getProductData();
|
||||
/**
|
||||
* 获取项目群筛选项的值
|
||||
*/
|
||||
this.$http.post("sarStandProjectLibrary/querySelect", {}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
res.data.statusList.forEach(item => {
|
||||
if (item) {
|
||||
this.projectStatus.push(item); //项目状态
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
@@ -406,22 +449,29 @@ export default {
|
||||
/**
|
||||
* @description: 动态表单读取
|
||||
*/
|
||||
getFormFieldList (item) {
|
||||
getFormFieldList(item) {
|
||||
this.$nextTick(() => {
|
||||
this.listForm = JSON.parse(JSON.stringify(item))
|
||||
this.listForm.prcNum = this.prcNum
|
||||
this.listForm.prcName = this.prcName
|
||||
this.listForm['id'] = item.id
|
||||
this.listForm.dataList = item.dataList
|
||||
this.dataList = item.dataList
|
||||
this.projectGroup = item.dataList[0].projectGroup
|
||||
this.dataList.distributePerson = item.dataList[0].distributePerson
|
||||
this.listForm.breakdownList = item.breakdownList
|
||||
})
|
||||
this.listForm = JSON.parse(JSON.stringify(item));
|
||||
this.listForm.prcNum = this.prcNum;
|
||||
this.listForm.prcName = this.prcName;
|
||||
this.listForm["id"] = item.id;
|
||||
this.projectGroup = item.dataList[0].projectGroup;
|
||||
});
|
||||
},
|
||||
choiceZRRS(row, type, index) {
|
||||
this.nodeList2 = [];
|
||||
this.lsIndex = index;
|
||||
this.lsType = type;
|
||||
if (row.unameId) {
|
||||
this.nodeList2 = row.unameId.split(",");
|
||||
} else {
|
||||
this.nodeList2.push(row);
|
||||
}
|
||||
this.modalshowflag = true;
|
||||
},
|
||||
//查询项目群下的项目
|
||||
getProductData(){
|
||||
this.$http.get('sarStandProjectLibrary/queryProjects',{
|
||||
getProductData() {
|
||||
this.$http.get("sarStandProjectLibrary/queryProjects", {
|
||||
projectGroup: this.projectGroup,
|
||||
current: this.pageNo,
|
||||
PageSize: this.pageSizeNo,
|
||||
@@ -429,9 +479,9 @@ export default {
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.productData = res.data.records
|
||||
this.totalNo = res.data.count
|
||||
})
|
||||
this.productData = res.data.records;
|
||||
this.totalNo = res.data.count;
|
||||
});
|
||||
},
|
||||
//查询项目按钮
|
||||
getProductDataBtn(){
|
||||
@@ -463,31 +513,83 @@ export default {
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
|
||||
this.selectProjectGroupList.map(item => {
|
||||
let index;
|
||||
index = this.dataList.findIndex(items => {
|
||||
return items.projectNumber === item.projectNumber;
|
||||
});
|
||||
if (index > -1) {
|
||||
this.dataList.splice(index, 1);
|
||||
}
|
||||
});
|
||||
this.selectProjectGroupList = [];
|
||||
this.$refs.selection.clearSelection();
|
||||
}).catch(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
cancelStand(){
|
||||
this.projectModel = false
|
||||
cancelStand() {
|
||||
this.projectModel = false;
|
||||
},
|
||||
okProject(){
|
||||
if(this.selectProjectList.length){
|
||||
|
||||
}else{
|
||||
this.$message.warning('请至少选择一条数据进行添加')
|
||||
}
|
||||
okProject() {
|
||||
if (this.selectProjectList.length) {
|
||||
let addFlag = true;
|
||||
let projectNumbers = "";
|
||||
this.selectProjectList.forEach(item => {
|
||||
projectNumbers += item.projectNumber;
|
||||
projectNumbers += ",";
|
||||
});
|
||||
if(this.dataList.length){
|
||||
this.dataList.forEach(item => {
|
||||
if (item.projectNumber === projectNumbers) {
|
||||
addFlag = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
if (addFlag) {
|
||||
this.projectDataList = [];
|
||||
let projectNames = "", projectNumbers = "";
|
||||
this.selectProjectList.forEach(items => {
|
||||
projectNames += items.projectName;
|
||||
projectNames += ",";
|
||||
projectNumbers += items.projectNumber;
|
||||
projectNumbers += ",";
|
||||
});
|
||||
this.$set(this.projectDataList, "projectName", projectNames);
|
||||
this.$set(this.projectDataList, "projectNumber", projectNumbers);
|
||||
this.$set(this.projectDataList, "managementHostName", this.selectProjectList[0].managementHostName);
|
||||
this.$set(this.projectDataList, "developmentHostName", this.selectProjectList[0].developmentHostName);
|
||||
this.$set(this.projectDataList, "categoryName", this.selectProjectList[0].categoryName);
|
||||
this.$set(this.projectDataList, "projectStatus", this.selectProjectList[0].projectStatus);
|
||||
this.$set(this.projectDataList, "uname", this.selectProjectList[0].uname);
|
||||
this.dataList.push({
|
||||
projectName: this.projectDataList.projectName,
|
||||
projectNumber: this.projectDataList.projectNumber,
|
||||
managementHostName: this.projectDataList.managementHostName,
|
||||
developmentHostName: this.projectDataList.developmentHostName,
|
||||
categoryName: this.projectDataList.categoryName,
|
||||
projectStatus: this.projectDataList.projectStatus,
|
||||
uname: this.projectDataList.uname,
|
||||
})
|
||||
} else {
|
||||
this.$message.warning("请勿重复添加数据");
|
||||
}
|
||||
this.projectModel = false;
|
||||
this.$refs.projectTable.clearSelection();
|
||||
} else {
|
||||
this.$message.warning("请至少选择一条数据进行添加");
|
||||
}
|
||||
},
|
||||
selectProject(data){
|
||||
this.selectProjectList = data
|
||||
selectProject(data) {
|
||||
this.selectProjectList = data;
|
||||
},
|
||||
pageChangeNo(page){
|
||||
this.pageNo = page
|
||||
this.getProductData()
|
||||
pageChangeNo(page) {
|
||||
this.pageNo = page;
|
||||
this.getProductData();
|
||||
},
|
||||
pageSizeChangeNo(pageSize){
|
||||
this.pageSizeNo = pageSize
|
||||
this.getProductData()
|
||||
pageSizeChangeNo(pageSize) {
|
||||
this.pageSizeNo = pageSize;
|
||||
this.getProductData();
|
||||
},
|
||||
//tab发生变化
|
||||
handleTabs(name) {
|
||||
@@ -495,7 +597,7 @@ export default {
|
||||
},
|
||||
//折叠/展开基础信息方法
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
this.foldFormFlag = !this.foldFormFlag;
|
||||
},
|
||||
// 点击查看
|
||||
handlePreview(item) {
|
||||
@@ -509,28 +611,73 @@ export default {
|
||||
window.open(routeUrl.href, "_blank");
|
||||
},
|
||||
//提交
|
||||
handleSubmit(){
|
||||
handleSubmit() {
|
||||
if (!this.dataList.length) {
|
||||
this.$message.warning("请添加项目数据");
|
||||
} else if(this.dataList.length > 5) {
|
||||
this.$message.warning('您最多只能选择五条数据')
|
||||
}else{
|
||||
this.listForm.dataList = this.dataList;
|
||||
this.listForm.commentText = this.commentText;
|
||||
const json = JSON.stringify(this.listForm);
|
||||
this.isSubmit = true;
|
||||
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(){
|
||||
|
||||
//保存
|
||||
handleSave() {
|
||||
this.saveLoading = true;
|
||||
this.listForm.dataList = this.dataList;
|
||||
let _formData = new FormData();
|
||||
_formData.append("id", this.bpnId || "");
|
||||
_formData.append("prcType", "5");
|
||||
_formData.append("taskIds", this.taskIds);
|
||||
_formData.append("json", JSON.stringify({
|
||||
form: this.listForm,
|
||||
commentText: this.commentText
|
||||
}));
|
||||
saveTaskForPub(_formData).then(res => {
|
||||
this.saveLoading = false;
|
||||
this.$message.success("保存成功");
|
||||
this.bpnId = res.result;
|
||||
}).catch(e => {
|
||||
this.saveLoading = false;
|
||||
});
|
||||
},
|
||||
checkedRole2(data) {
|
||||
this.dataList[this.lsIndex].unameId = data[0].id;
|
||||
this.dataList[this.lsIndex].uname = data[0].name;
|
||||
this.modalshowflag = false;
|
||||
},
|
||||
//确认转办
|
||||
checkedRole (data) {
|
||||
this.assigneeNewLoading = true
|
||||
checkedRole(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
|
||||
this.isTransfer = false;
|
||||
if (res.success) {
|
||||
this.drawerModal = false
|
||||
this.$message.success('调整成功')
|
||||
this.drawerModal = false;
|
||||
this.$message.success("调整成功");
|
||||
this.$router.push("/processCenter");
|
||||
this.processNum()
|
||||
this.processNum();
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
|
||||
@@ -0,0 +1,556 @@
|
||||
<!--标准合规评估 项目经理分发标准-->
|
||||
<template>
|
||||
<div class="bzpg-step4">
|
||||
<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="overflow: auto">
|
||||
<process-title>
|
||||
<template slot="title">基础信息</template>
|
||||
</process-title>
|
||||
<el-collapse-transition>
|
||||
<el-form
|
||||
v-if="!foldFormFlag"
|
||||
:model="listForm"
|
||||
class="label-input-form prc-content-border"
|
||||
label-width="150px"
|
||||
>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
class="input-jump"
|
||||
v-model="listForm.standNumber"
|
||||
placeholder="请输入标准编号"
|
||||
readonly
|
||||
@click.native="handlePreview(listForm)"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准名称" prop="standName" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
class="input-jump"
|
||||
v-model="listForm.standName"
|
||||
placeholder="请输入标准名称"
|
||||
readonly
|
||||
@click.native="handlePreview(listForm)"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="认证工程师" v-if="listForm.certifiedEngineerName !== ''" prop="certifiedEngineerName" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
readonly
|
||||
v-model="listForm.certifiedEngineerName"
|
||||
placeholder="请选择认证工程师"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="认证工程师" v-else prop="certifiedEngineerName" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
readonly
|
||||
v-model="listForm.certifiedEngineerName"
|
||||
placeholder="--"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="listForm.qualityEngineerName !== '' " label="质量工程师" prop="qualityEngineerName" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
readonly
|
||||
v-model="listForm.qualityEngineerName"
|
||||
placeholder="请选择质量工程师"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item v-else label="质量工程师" prop="qualityEngineerName" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
readonly
|
||||
v-model="listForm.qualityEngineerName"
|
||||
placeholder="--"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-collapse-transition>
|
||||
<el-button v-if="foldFormFlag === false" style="width: 100%" icon="el-icon-caret-top" @click="foldForm">隐藏基础信息</el-button>
|
||||
<el-button v-if="foldFormFlag === true" style="width: 100%" icon="el-icon-caret-bottom" @click="foldForm">展开基础信息</el-button>
|
||||
</div>
|
||||
<process-title>
|
||||
<template slot="title">填写信息</template>
|
||||
</process-title>
|
||||
<el-table
|
||||
ref="selection"
|
||||
:data="dataList"
|
||||
style="width: 100%; border: 1px solid #cccccc;height: 400px"
|
||||
height="100%"
|
||||
border
|
||||
highlight-current-row
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
min-width="180"
|
||||
prop="projectGroup"
|
||||
label="项目群"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
min-width="180"
|
||||
prop="projectNumber"
|
||||
label="项目编号"/>
|
||||
<el-table-column
|
||||
min-width="300"
|
||||
:show-overflow-tooltip="true"
|
||||
align="center"
|
||||
prop="projectName"
|
||||
label="项目名称"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
min-width="120"
|
||||
prop="itemNum"
|
||||
label="条款号"/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
min-width="150"
|
||||
prop="itemsName"
|
||||
label="条款名称">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="itermsConditions"
|
||||
label="条款内容"
|
||||
width="200"
|
||||
show-overflow-tooltip
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="primary" @click="itermsConditionsOpen(scope.row.itermsConditions)" class="common-button-primary">
|
||||
查看条款内容
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="technicalRequir"
|
||||
align="center"
|
||||
width="200px"
|
||||
label="核心技术要求/变化点">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="changePoint"
|
||||
align="center"
|
||||
width="200px"
|
||||
label="基于上一版本差异">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="xcxssrq"
|
||||
align="center"
|
||||
width="160px"
|
||||
label="新车型实施日期">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zccssrq"
|
||||
align="center"
|
||||
width="160px"
|
||||
label="在产车实施日期">
|
||||
</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 class="content" v-show="active === '3'">
|
||||
<div class="flow-list" style="height: 100%">
|
||||
<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 HH:mm:ss') : '' }}</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 HH:mm:ss') : '' }}</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
|
||||
:transfer-loading="isTransfer"
|
||||
:submitLoading="isSubmit"
|
||||
:saveLoading="saveLoading"
|
||||
:approval="true"
|
||||
@transfer="handleTransfer"
|
||||
@back="beforeBack"
|
||||
@submit="handleSubmit"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<!-- 福田全公司选人解决方案 -->
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="drawerModal"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
<el-dialog
|
||||
title="查看条款内容"
|
||||
:visible.sync="itermsConditionsFlag"
|
||||
size="800px">
|
||||
<div class="itemsTextBox" v-html="itermsConditionsTitle"></div>
|
||||
<div slot="footer">
|
||||
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="itermsConditionsClose">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessHeader from "process/components/ProcessHeader";
|
||||
import ProcessFooter from "process/components/ProcessFooter";
|
||||
import ProcessTitle from "process/components/ProcessTitle";
|
||||
import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
|
||||
|
||||
export default {
|
||||
name: "bzpgStep4",
|
||||
components: {
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ProcessTitle
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
active: '1',
|
||||
//折叠的标志,true为折叠,false为不折叠
|
||||
foldFormFlag: false,
|
||||
drawerModal: false,
|
||||
loading: false,
|
||||
isTransfer: false,
|
||||
isSubmit: false,
|
||||
saveLoading: false,
|
||||
itermsConditionsFlag: false,
|
||||
userId:this.$store.getters.userInfo.userId,
|
||||
taskIds: this.$route.query.taskIds,
|
||||
pId: this.$route.query.prcId,
|
||||
commentText: '',
|
||||
drawerTitle: '',
|
||||
itermsConditionsTitle: '',
|
||||
listForm: {},
|
||||
dataList: [],
|
||||
detailData: [],
|
||||
nodeList: [],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
this.processTable()
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
inboundLiaisonDetail({
|
||||
taskIds: this.taskIds,
|
||||
pId: this.pId
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.getFormFieldList(processForm)
|
||||
}
|
||||
}).catch(e => {
|
||||
})
|
||||
})
|
||||
},
|
||||
/**
|
||||
* @description: 动态表单读取
|
||||
*/
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.listForm = JSON.parse(JSON.stringify(item))
|
||||
this.listForm.prcNum = this.prcNum
|
||||
this.listForm.prcName = this.prcName
|
||||
this.listForm['id'] = item.id
|
||||
this.listForm.dataList = item.dataList
|
||||
this.dataList = item.dataList
|
||||
this.dataList.distributePerson = item.dataList[0].distributePerson
|
||||
this.listForm.breakdownList = item.breakdownList
|
||||
})
|
||||
},
|
||||
itermsConditionsClose () {
|
||||
this.itermsConditionsFlag = false
|
||||
},
|
||||
itermsConditionsOpen (row) {
|
||||
this.itermsConditionsFlag = true
|
||||
this.itermsConditionsTitle = row.replace(/''/g, '\'')
|
||||
},
|
||||
//tab发生变化
|
||||
handleTabs(name) {
|
||||
this.active = name;
|
||||
},
|
||||
//折叠/展开基础信息方法
|
||||
foldForm() {
|
||||
this.foldFormFlag = !this.foldFormFlag
|
||||
},
|
||||
// 点击查看
|
||||
handlePreview(item) {
|
||||
let routeUrl = this.$router.resolve({
|
||||
name: "OtherStandardDetails",
|
||||
params: {
|
||||
id: item.id,
|
||||
pageType: "INLAND_STAND"
|
||||
}
|
||||
});
|
||||
window.open(routeUrl.href, "_blank");
|
||||
},
|
||||
//提交
|
||||
handleSubmit(){
|
||||
this.listForm.commentText = this.commentText
|
||||
this.listForm.stepFlag = '0'
|
||||
const json = JSON.stringify(this.listForm);
|
||||
this.isSubmit = true
|
||||
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(){
|
||||
if(!this.commentText){
|
||||
this.$message.warning('请填写审批意见')
|
||||
}else{
|
||||
this.listForm.commentText = this.commentText
|
||||
this.listForm.stepFlag = '1'
|
||||
const json = JSON.stringify(this.listForm);
|
||||
this.isSubmit = true
|
||||
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 => {
|
||||
});
|
||||
}
|
||||
},
|
||||
//确认转办
|
||||
checkedRole (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)
|
||||
}
|
||||
})
|
||||
},
|
||||
// 请求转换流程图
|
||||
processNum (row) {
|
||||
axios.request({
|
||||
url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
|
||||
responseType: 'blob',
|
||||
method: 'get',
|
||||
params: {
|
||||
prcNum: this.$route.query.prcNum
|
||||
}
|
||||
}).then(res => {
|
||||
// let blob = new Blob([res.data], {type: 'image/jpg'})
|
||||
// let url = window.URL.createObjectURL(res.data)
|
||||
this.processStep = window.URL.createObjectURL(res.data)
|
||||
})
|
||||
},
|
||||
//转办事件
|
||||
handleTransfer(){
|
||||
this.drawerModal = true
|
||||
this.drawerTitle = '转办处理人'
|
||||
this.selectPeople = row
|
||||
},
|
||||
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 => {})
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
listNoDataText () {
|
||||
return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.bzpg-step4 {
|
||||
/deep/ .el-drawer__container {
|
||||
.prc-content-border {
|
||||
border: none;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.choiceBtn {
|
||||
.el-button--primary {
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
|
||||
.accessStandardsAndRegulations {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.input-jump {
|
||||
/deep/.el-input__inner{
|
||||
color: #409EFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demo-drawer-content {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -547,6 +547,15 @@ const routes = [
|
||||
title: '标准合规评估流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/bzpgStep4',
|
||||
name: 'bzpgStep4',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/bzpg/step4.vue'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '标准合规评估流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/xmpgStep1',
|
||||
name: 'xmpgStep1',
|
||||
|
||||
Reference in New Issue
Block a user