未符合项整改流程
This commit is contained in:
shen_yan_pu
@@ -0,0 +1,525 @@
|
|||||||
|
<template>
|
||||||
|
<div class="wfhxzgStep1">
|
||||||
|
<ProcessHeader toggle>
|
||||||
|
<template slot="proName">未符合项整改流程</template>
|
||||||
|
<template slot="proNode">申请人发起流程</template>
|
||||||
|
</ProcessHeader>
|
||||||
|
<div class="headerTabs">
|
||||||
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
|
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '1'">
|
||||||
|
<div style="flex: auto; overflow: auto;">
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">基础信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<div class="tableTitle">
|
||||||
|
<div class="tableButton">
|
||||||
|
<el-button plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
|
||||||
|
<el-button plain class="common-button-primary" size="mini" @click="deleteList">批量删除</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
height="49%"
|
||||||
|
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="standId" label="标准号/标准名称"/>
|
||||||
|
<el-table-column prop="productName" label="项目名称"/>
|
||||||
|
<el-table-column prop="itemsNum" label="条款号"/>
|
||||||
|
<el-table-column prop="itemsName" label="条款名称"/>
|
||||||
|
<el-table-column prop="planCloseTime" label="整改完成时间"/>
|
||||||
|
<el-table-column prop="responsibleUnit" label="责任部门"/>
|
||||||
|
<el-table-column prop="dutyEngineer" label="责任工程师"/>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<el-collapse accordion>
|
||||||
|
<el-collapse-item title="意见填写">
|
||||||
|
<div style="margin: 10px 0;">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
resize="none"
|
||||||
|
placeholder="请输入意见"
|
||||||
|
v-model="textarea">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '2'">
|
||||||
|
<div class="block" style="padding-top: 20px;">
|
||||||
|
<el-timeline>
|
||||||
|
<el-form
|
||||||
|
ref="Form"
|
||||||
|
:model="roleForm"
|
||||||
|
:rules="roleFormRules"
|
||||||
|
class="label-input-form">
|
||||||
|
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||||
|
<h4>流程发起人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.startUserName" placeholder="流程发起人"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="下发标准法规工程师" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||||
|
<h4>标准法规工程师</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.dockUserName" placeholder="选择标准法规工程师" @click.native="choiceZRR('dockUser', '选择标准法规工程师', roleForm.dockUser)">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="确认分发责任人" placement="top" :color="roleForm.ministerUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="ministerUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.ministerUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.ministerUserName" placeholder="选择分发责任人" @click.native="choiceZRR('ministerUser', '选择分发责任人', roleForm.ministerUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="负责人上传材料" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||||
|
<h4>负责人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.directorUserName" placeholder="选择负责人" @click.native="choiceZRR('directorUser', '选择负责人', roleForm.directorUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="批准人" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="presidentUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.presidentUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.presidentUserName" placeholder="选择分发负责人" @click.native="choiceZRR('presidentUser', '选择分发负责人', roleForm.presidentUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
</el-form>
|
||||||
|
</el-timeline>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 添加标准抽屉-->
|
||||||
|
<el-drawer
|
||||||
|
title="未符合项整改数据库"
|
||||||
|
:visible.sync="standModel"
|
||||||
|
size="900px"
|
||||||
|
custom-class="demo-drawer"
|
||||||
|
>
|
||||||
|
<div class="search-area">
|
||||||
|
<div class="content-top">
|
||||||
|
<el-form :modal="nonConformitySearch" inline class="label-input-form">
|
||||||
|
<el-form-item label="标准号/标准名称" class="search-item">
|
||||||
|
<el-input v-model="nonConformitySearch.standId"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目名称" class="search-item">
|
||||||
|
<el-input v-model="nonConformitySearch.productName"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="责任部门" class="search-item">
|
||||||
|
<el-input v-model="nonConformitySearch.responsibleUnit" v-show="false" />
|
||||||
|
<el-popover
|
||||||
|
placement="bottom"
|
||||||
|
popper-class="user-dept-popper"
|
||||||
|
trigger="click"
|
||||||
|
:value="false"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
slot="reference"
|
||||||
|
v-model="nonConformitySearch.responseUnitShow"
|
||||||
|
placeholder="根据责任部门查找"
|
||||||
|
readonly
|
||||||
|
clearable
|
||||||
|
id="searchResp"
|
||||||
|
/>
|
||||||
|
<div class="api">
|
||||||
|
<laws-tree
|
||||||
|
:zNodes="zNodesSItem"
|
||||||
|
treeDivId="zNodesSItemSearch"
|
||||||
|
deptSelect
|
||||||
|
showRMenu
|
||||||
|
@treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"
|
||||||
|
class="ztree" style="width: 200px;height: 400px;overflow: auto">
|
||||||
|
</laws-tree>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="common-button-primary"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'b3aaea6d18f5871b68825d3783eb736a'"
|
||||||
|
@click="getTableByPage('')">
|
||||||
|
查询
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
class="common-button-default"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'5905d0743c3504799aee83ac9697f8c5'"
|
||||||
|
@click="clearAllSearch">
|
||||||
|
清空
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="unqualidiedData"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
style="width: 100%"
|
||||||
|
border
|
||||||
|
height="100%"
|
||||||
|
: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 prop="standId" label="标准号/标准名称"/>
|
||||||
|
<el-table-column prop="productName" label="项目名称"/>
|
||||||
|
<el-table-column prop="itemsNum" label="条款号"/>
|
||||||
|
<el-table-column prop="itemsName" label="条款名称"/>
|
||||||
|
<el-table-column prop="planCloseTime" label="整改完成时间"/>
|
||||||
|
<el-table-column prop="responsibleUnit" label="责任部门"/>
|
||||||
|
<el-table-column prop="dutyEngineer" label="责任工程师"/>
|
||||||
|
</el-table>
|
||||||
|
<div class="demo-drawer-footer">
|
||||||
|
<el-button size="mini" @click="closeDrawer">取消</el-button>
|
||||||
|
<el-button type="primary" size="mini" @click="OkDrawer">带入</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
<ProcessFooter
|
||||||
|
show-save
|
||||||
|
show-submit
|
||||||
|
:submitLoading="isSubmit"
|
||||||
|
:saveLoading="saveLoading"
|
||||||
|
@save="handleSave"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
<el-drawer
|
||||||
|
:title="drawerTitle"
|
||||||
|
:visible.sync="modalshowflag"
|
||||||
|
:wrapperClosable="false"
|
||||||
|
size="800px">
|
||||||
|
<el-tree
|
||||||
|
v-if="modalshowflag"
|
||||||
|
style="height: 100%;"
|
||||||
|
node-key="id"
|
||||||
|
class="filter-tree"
|
||||||
|
:data="treeData"
|
||||||
|
:props="defaultProps"
|
||||||
|
:default-checked-keys="nodeList"
|
||||||
|
highlight-current
|
||||||
|
check-strictly
|
||||||
|
@check="drawerCheck"
|
||||||
|
default-expand-all
|
||||||
|
:expand-on-click-node="false"
|
||||||
|
show-checkbox
|
||||||
|
ref="tree">
|
||||||
|
</el-tree>
|
||||||
|
<div id="roleFormButton" class="demo-drawer-footer">
|
||||||
|
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>
|
||||||
|
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ProcessHeader from '../../components/ProcessHeader'
|
||||||
|
import ProcessFooter from '../../components/ProcessFooter'
|
||||||
|
import ProcessTitle from '../../components/ProcessTitle'
|
||||||
|
import {interfaceUrl} from "@/sysConfig";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "step1",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
textarea: '', // 意见
|
||||||
|
title: '', // 新增编辑抽屉标题
|
||||||
|
ListModel: false, // 新增编辑抽屉开关
|
||||||
|
nonConformitySearch: {
|
||||||
|
standId: '', // 标准号/名称
|
||||||
|
productName: '', // 项目名称
|
||||||
|
responsibleUnit: '' // 责任部门
|
||||||
|
},
|
||||||
|
active: '1', // 默认显示
|
||||||
|
isSubmit: false,
|
||||||
|
saveLoading: false,
|
||||||
|
dataList: [{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
// 责任部门
|
||||||
|
zNodesSItem: [],
|
||||||
|
standModel: false,
|
||||||
|
unqualidiedData: [{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
selectedList: [], //未整改项的选择框
|
||||||
|
roleForm: {
|
||||||
|
startUserName: this.$store.getters.userInfo.userName,
|
||||||
|
startUser: this.$store.getters.userInfo.userId,
|
||||||
|
},
|
||||||
|
roleFormRules: {
|
||||||
|
},
|
||||||
|
nodeList: [],
|
||||||
|
drawerTitle: '', //drawer标题
|
||||||
|
modalshowflag: false, // drawer开关
|
||||||
|
treeData: [], // 人员数据
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
ProcessTitle
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//点击新增事件
|
||||||
|
addList() {
|
||||||
|
this.$http.get("sarStandUnqualified/sar-stand-unqualified", "", {
|
||||||
|
...this.nonConformitySearch,
|
||||||
|
current: this.pageNo,
|
||||||
|
size: this.$store.getters.userInfo.configContent
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.unqualidiedData = res.data.records
|
||||||
|
this.total = res.data.total
|
||||||
|
}, e => {
|
||||||
|
});
|
||||||
|
this.standModel = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
// 点击批量删除事件
|
||||||
|
deleteList() {
|
||||||
|
if (this.selectList.length < 1) {
|
||||||
|
this.$message.warning("请选择一条数据进行删除");
|
||||||
|
} else {
|
||||||
|
this.$confirm("您确认删除这些数据?", "提示", {
|
||||||
|
confirmButtonText: "确认",
|
||||||
|
confirmButtonClass: "common-button-primary",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning"
|
||||||
|
}).then(() => {
|
||||||
|
let exits = [];
|
||||||
|
this.selectList.map(item => {
|
||||||
|
let index;
|
||||||
|
index = this.dataList.findIndex(items => {
|
||||||
|
return items.id = item;
|
||||||
|
});
|
||||||
|
if (index > -1) {
|
||||||
|
this.dataList.splice(index, 1);
|
||||||
|
}
|
||||||
|
exits.push(item);
|
||||||
|
});
|
||||||
|
this.selectList = [];
|
||||||
|
}).catch(() => {
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//选择标准取消事件
|
||||||
|
closeDrawer() {
|
||||||
|
this.ListModel = false;
|
||||||
|
},
|
||||||
|
//未符合项整合确定事件
|
||||||
|
OkDrawer() {
|
||||||
|
if (this.selectedList.length !== 0) {
|
||||||
|
let deposit = new Map();
|
||||||
|
this.unqualidiedData.forEach(item => {
|
||||||
|
deposit.set(item.id, item);
|
||||||
|
});
|
||||||
|
let bringData = [];
|
||||||
|
for (let i = 0; i < this.selectedList.length; i++) {
|
||||||
|
bringData.push(deposit.get(this.selectedList[i]));
|
||||||
|
}
|
||||||
|
this.dataList.standId = bringData[0].standId
|
||||||
|
this.dataList.productName = bringData[0].productName;
|
||||||
|
this.dataList.itemsNum = bringData[0].itemsNum;
|
||||||
|
this.dataList.itemsName = bringData[0].itemsName;
|
||||||
|
this.dataList.planCloseTime = bringData[0].planCloseTime;
|
||||||
|
this.dataList.responsibleUnit = bringData[0].responsibleUnit;
|
||||||
|
this.dataList.dutyEngineer = bringData[0].dutyEngineer;
|
||||||
|
this.ListModel = false;
|
||||||
|
} else {
|
||||||
|
this.$message.warning("请选择至少一条数据进行带入");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
selectThree() {},
|
||||||
|
handleTabs(name) {
|
||||||
|
this.active = name
|
||||||
|
},
|
||||||
|
|
||||||
|
// 保存按钮
|
||||||
|
handleSave() {},
|
||||||
|
// 提交按钮
|
||||||
|
handleSubmit() {},
|
||||||
|
|
||||||
|
// 获取流程节点数据
|
||||||
|
getTree () {
|
||||||
|
this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
|
||||||
|
this.treeData = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 流程阶段负责人选择
|
||||||
|
choiceZRR (type, title, id) {
|
||||||
|
this.nodeList = []
|
||||||
|
this.nodeList.push(id)
|
||||||
|
this.type = type
|
||||||
|
this.drawerTitle = title
|
||||||
|
this.modalshowflag = true
|
||||||
|
},
|
||||||
|
drawerCheck (data) {
|
||||||
|
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
|
||||||
|
if(getlist.length == 1) {
|
||||||
|
this.roleRow = getlist[0]
|
||||||
|
}else {
|
||||||
|
this.$refs.tree.setCheckedKeys([data.id]);
|
||||||
|
this.roleRow = this.$refs.tree.getCheckedNodes()[0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉保存按钮
|
||||||
|
saveUserInfo () {
|
||||||
|
if (this.type === 'dockUser') {
|
||||||
|
this.roleForm.dockUser = this.roleRow.id
|
||||||
|
this.roleForm.dockUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'ministerUser') {
|
||||||
|
this.roleForm.ministerUser = this.roleRow.id
|
||||||
|
this.roleForm.ministerUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'directorUser') {
|
||||||
|
this.roleForm.directorUser = this.roleRow.id
|
||||||
|
this.roleForm.directorUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'presidentUser') {
|
||||||
|
this.roleForm.presidentUser = this.roleRow.id
|
||||||
|
this.roleForm.presidentUserName = this.roleRow.name
|
||||||
|
}
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉取消按钮
|
||||||
|
cancleUserInfo () {
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
//未整改项抽屉中的查询按钮
|
||||||
|
getTableByPage() {
|
||||||
|
this.addList()
|
||||||
|
},
|
||||||
|
// 清空 查询条件
|
||||||
|
clearAllSearch (search = true) {
|
||||||
|
this.nonConformitySearch = {
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
responsibleUnit: ''
|
||||||
|
}
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
// 分页事件
|
||||||
|
pageChange (page) {
|
||||||
|
this.pageNo = page
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
pageSizeChange () {
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '~@/assets/styles/style';
|
||||||
|
.wfhxzgStep1 {
|
||||||
|
/deep/.el-drawer__container {
|
||||||
|
.prc-content-border {
|
||||||
|
border: none;
|
||||||
|
padding: 0 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
.headerTabs {
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 10px;
|
||||||
|
.headerTabsItem {
|
||||||
|
border: 1px solid #c1c1c1;
|
||||||
|
padding: 0 5px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
border: 1px solid #E6A23C;
|
||||||
|
color: #fff;
|
||||||
|
background: #E6A23C;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-center {
|
||||||
|
padding: 10px 0px 10px 10px;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: calc(~'100% - 103px');
|
||||||
|
overflow: auto;
|
||||||
|
.tableTitle {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
.tableButton {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,523 @@
|
|||||||
|
<template>
|
||||||
|
<div class="wfhxzgStep2">
|
||||||
|
<ProcessHeader toggle>
|
||||||
|
<template slot="proName">未符合项整改流程</template>
|
||||||
|
<template slot="proNode">分发负责人流程</template>
|
||||||
|
</ProcessHeader>
|
||||||
|
<div class="headerTabs">
|
||||||
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
|
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '1'">
|
||||||
|
<div style="flex: auto;">
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">基础信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<el-form :modal="dataList" inline class="label-input-form">
|
||||||
|
<el-form-item label="标准号/标准名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.standId"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.productName"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="责任部门" class="search-item">
|
||||||
|
<el-input v-model="dataList.responsibleUnit" v-show="false" />
|
||||||
|
<el-popover
|
||||||
|
placement="bottom"
|
||||||
|
popper-class="user-dept-popper"
|
||||||
|
trigger="click"
|
||||||
|
:value="false"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
slot="reference"
|
||||||
|
v-model="dataList.responseUnitShow"
|
||||||
|
placeholder="根据责任部门查找"
|
||||||
|
readonly
|
||||||
|
clearable
|
||||||
|
id="searchResp"
|
||||||
|
/>
|
||||||
|
<div class="api">
|
||||||
|
<laws-tree
|
||||||
|
:zNodes="zNodesSItem"
|
||||||
|
treeDivId="zNodesSItemSearch"
|
||||||
|
deptSelect
|
||||||
|
showRMenu
|
||||||
|
@treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"
|
||||||
|
class="ztree" style="width: 200px;height: 400px;overflow: auto">
|
||||||
|
</laws-tree>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="common-button-primary"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'b3aaea6d18f5871b68825d3783eb736a'"
|
||||||
|
@click="getTableByPage('dataList')">
|
||||||
|
查询
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
class="common-button-default"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'5905d0743c3504799aee83ac9697f8c5'"
|
||||||
|
@click="clearAllSearch">
|
||||||
|
清空
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div class="content-center">
|
||||||
|
<el-button
|
||||||
|
style="text-align: end"
|
||||||
|
class="common-button-default"
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
v-btn-permission="'5905d0743c3504799aee83ac9697f8c5'"
|
||||||
|
@click="dutyEngineerList">
|
||||||
|
批量分发负责人
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
height="49%"
|
||||||
|
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="standId" label="标准号/标准名称"/>
|
||||||
|
<el-table-column prop="productName" label="项目名称"/>
|
||||||
|
<el-table-column prop="itemsNum" label="条款号"/>
|
||||||
|
<el-table-column prop="itemsName" label="条款名称"/>
|
||||||
|
<el-table-column prop="planCloseTime" label="整改完成时间"/>
|
||||||
|
<el-table-column prop="responsibleUnit" label="责任部门"/>
|
||||||
|
<el-table-column prop="dutyEngineer" label="责任工程师"/>
|
||||||
|
<el-table-column label="选择分发责任人" prop="duty">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.show">
|
||||||
|
<el-input size="mini" placeholder="请输入内容" @blur="choiceDuty" v-model="scope.row.duty"></el-input>
|
||||||
|
</span>
|
||||||
|
<span v-else :disabled="true">{{scope.row.duty}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"/>-->
|
||||||
|
</div>
|
||||||
|
<el-collapse accordion>
|
||||||
|
<el-collapse-item title="意见填写">
|
||||||
|
<div style="margin: 10px 0;">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
resize="none"
|
||||||
|
placeholder="请输入意见"
|
||||||
|
v-model="textarea">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '2'">
|
||||||
|
<div class="block" style="padding-top: 20px;">
|
||||||
|
<el-timeline>
|
||||||
|
<el-form
|
||||||
|
ref="Form"
|
||||||
|
:model="roleForm"
|
||||||
|
:rules="roleFormRules"
|
||||||
|
class="label-input-form">
|
||||||
|
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||||
|
<h4>流程发起人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.startUserName" placeholder="流程发起人"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="下发标准法规工程师" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||||
|
<h4>标准法规工程师</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.dockUserName" placeholder="选择标准法规工程师" @click.native="choiceZRR('dockUser', '选择标准法规工程师', roleForm.dockUser)">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="确认分发责任人" placement="top" :color="roleForm.ministerUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="ministerUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.ministerUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.ministerUserName" placeholder="选择分发责任人" @click.native="choiceZRR('ministerUser', '选择分发责任人', roleForm.ministerUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="负责人上传材料" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||||
|
<h4>负责人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.directorUserName" placeholder="选择负责人" @click.native="choiceZRR('directorUser', '选择负责人', roleForm.directorUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="批准人" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="presidentUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.presidentUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.presidentUserName" placeholder="选择分发负责人" @click.native="choiceZRR('presidentUser', '选择分发负责人', roleForm.presidentUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
</el-form>
|
||||||
|
</el-timeline>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ProcessFooter
|
||||||
|
show-save
|
||||||
|
show-submit
|
||||||
|
:submitLoading="isSubmit"
|
||||||
|
:saveLoading="saveLoading"
|
||||||
|
@save="handleSave"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
<el-drawer
|
||||||
|
:title="drawerTitle"
|
||||||
|
:visible.sync="modalshowflag"
|
||||||
|
:wrapperClosable="false"
|
||||||
|
size="800px">
|
||||||
|
<el-tree
|
||||||
|
v-if="modalshowflag"
|
||||||
|
style="height: 100%;"
|
||||||
|
node-key="id"
|
||||||
|
class="filter-tree"
|
||||||
|
:data="treeData"
|
||||||
|
:props="defaultProps"
|
||||||
|
:default-checked-keys="nodeList"
|
||||||
|
highlight-current
|
||||||
|
check-strictly
|
||||||
|
@check="drawerCheck"
|
||||||
|
default-expand-all
|
||||||
|
:expand-on-click-node="false"
|
||||||
|
show-checkbox
|
||||||
|
ref="tree">
|
||||||
|
</el-tree>
|
||||||
|
<div id="roleFormButton" class="demo-drawer-footer">
|
||||||
|
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>
|
||||||
|
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ProcessHeader from '../../components/ProcessHeader'
|
||||||
|
import ProcessFooter from '../../components/ProcessFooter'
|
||||||
|
import ProcessTitle from '../../components/ProcessTitle'
|
||||||
|
import {interfaceUrl} from "@/sysConfig";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "step2",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
textarea: '', // 意见
|
||||||
|
title: '', // 新增编辑抽屉标题
|
||||||
|
ListModel: false, // 新增编辑抽屉开关
|
||||||
|
nonConformitySearch: {
|
||||||
|
standId: '', // 标准号/名称
|
||||||
|
productName: '', // 项目名称
|
||||||
|
responsibleUnit: '' // 责任部门
|
||||||
|
},
|
||||||
|
active: '1', // 默认显示
|
||||||
|
isSubmit: false,
|
||||||
|
saveLoading: false,
|
||||||
|
dataList: [
|
||||||
|
{
|
||||||
|
standId: '1',
|
||||||
|
productName: '1',
|
||||||
|
itemsNum: '1',
|
||||||
|
itemsName: '1',
|
||||||
|
planCloseTime: '1',
|
||||||
|
responsibleUnit: '1',
|
||||||
|
dutyEngineer: '1',
|
||||||
|
duty: '',
|
||||||
|
},{
|
||||||
|
standId: '332',
|
||||||
|
productName: '333',
|
||||||
|
itemsNum: '33',
|
||||||
|
itemsName: '33',
|
||||||
|
planCloseTime: '33',
|
||||||
|
responsibleUnit: '33',
|
||||||
|
dutyEngineer: '33',
|
||||||
|
duty: ''
|
||||||
|
},{
|
||||||
|
standId: '312`',
|
||||||
|
productName: '31312',
|
||||||
|
itemsNum: '31`2',
|
||||||
|
itemsName: '312`1`',
|
||||||
|
planCloseTime: '321`3`2',
|
||||||
|
responsibleUnit: '312`123`',
|
||||||
|
dutyEngineer: '312123',
|
||||||
|
duty: '121'
|
||||||
|
},{
|
||||||
|
standId: '32123',
|
||||||
|
productName: '32132',
|
||||||
|
itemsNum: '312321',
|
||||||
|
itemsName: '3123',
|
||||||
|
planCloseTime: '3123',
|
||||||
|
responsibleUnit: '3123',
|
||||||
|
dutyEngineer: '3123',
|
||||||
|
duty: ''
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 新增选择分发责任人数组
|
||||||
|
multipleSelection: [],
|
||||||
|
// 当前页数
|
||||||
|
pageNo: 1,
|
||||||
|
total: 0,
|
||||||
|
myLoading: false,
|
||||||
|
// 责任部门
|
||||||
|
zNodesSItem: [],
|
||||||
|
unqualidiedData: [{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
clearSelection: false,
|
||||||
|
selectedList: [], //未整改项的选择框
|
||||||
|
roleForm: {
|
||||||
|
startUserName: this.$store.getters.userInfo.userName,
|
||||||
|
startUser: this.$store.getters.userInfo.userId,
|
||||||
|
},
|
||||||
|
roleFormRules: {
|
||||||
|
},
|
||||||
|
nodeList: [],
|
||||||
|
drawerTitle: '', //drawer标题
|
||||||
|
modalshowflag: false, // drawer开关
|
||||||
|
treeData: [], // 人员数据
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
ProcessTitle
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
this.myLoading.loadData = true
|
||||||
|
this.$http.get('sarStandUnqualified/sar-stand-unqualified', {
|
||||||
|
...this.nonConformitySearch,
|
||||||
|
current: this.pageNo,
|
||||||
|
size: this.$store.getters.userInfo.configContent
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
this.nonList = res.data.records
|
||||||
|
this.total = res.data.total
|
||||||
|
}, e => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 批量选择分发责任人
|
||||||
|
dutyEngineerList() {
|
||||||
|
if (this.multipleSelection.length === 0) {
|
||||||
|
this.$message.warning("请选择至少一条数据进行分发责任人");
|
||||||
|
} else {
|
||||||
|
this.multipleSelection.forEach((val, index)=> {
|
||||||
|
val.show = true
|
||||||
|
this.$set(val, index)
|
||||||
|
})
|
||||||
|
// this.modalshowflag = true
|
||||||
|
// this.$set(this.dataList.duty)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 选择勾选项的集合
|
||||||
|
handleSelectionChange(val) {
|
||||||
|
this.multipleSelection = val;
|
||||||
|
console.log(this.multipleSelection)
|
||||||
|
},
|
||||||
|
// 选择分发责任人时
|
||||||
|
choiceDuty() {
|
||||||
|
for (let i = 0; i < this.multipleSelection.length; i++ ) {
|
||||||
|
if (this.multipleSelection[i].duty !== '') {
|
||||||
|
console.log(i)
|
||||||
|
for (let b = 0; b < this.multipleSelection.length; b++) {
|
||||||
|
this.multipleSelection[b].duty = this.multipleSelection[i].duty
|
||||||
|
this.multipleSelection.forEach(val=> {
|
||||||
|
val.show = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
selectPeople(row) {
|
||||||
|
this.modalshowflag = true
|
||||||
|
},
|
||||||
|
handleTabs(name) {
|
||||||
|
this.active = name
|
||||||
|
},
|
||||||
|
|
||||||
|
// 保存按钮
|
||||||
|
handleSave() {},
|
||||||
|
// 提交按钮
|
||||||
|
handleSubmit() {},
|
||||||
|
|
||||||
|
// 获取流程节点数据
|
||||||
|
getTree () {
|
||||||
|
this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
|
||||||
|
this.treeData = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 流程阶段负责人选择
|
||||||
|
choiceZRR (type, title, id) {
|
||||||
|
this.nodeList = []
|
||||||
|
this.nodeList.push(id)
|
||||||
|
this.type = type
|
||||||
|
this.drawerTitle = title
|
||||||
|
this.modalshowflag = true
|
||||||
|
},
|
||||||
|
drawerCheck (data) {
|
||||||
|
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
|
||||||
|
if(getlist.length == 1) {
|
||||||
|
this.roleRow = getlist[0]
|
||||||
|
}else {
|
||||||
|
this.$refs.tree.setCheckedKeys([data.id]);
|
||||||
|
this.roleRow = this.$refs.tree.getCheckedNodes()[0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉保存按钮
|
||||||
|
saveUserInfo () {
|
||||||
|
if (this.type === 'dockUser') {
|
||||||
|
this.roleForm.dockUser = this.roleRow.id
|
||||||
|
this.roleForm.dockUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'ministerUser') {
|
||||||
|
this.roleForm.ministerUser = this.roleRow.id
|
||||||
|
this.roleForm.ministerUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'directorUser') {
|
||||||
|
this.roleForm.directorUser = this.roleRow.id
|
||||||
|
this.roleForm.directorUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'presidentUser') {
|
||||||
|
this.roleForm.presidentUser = this.roleRow.id
|
||||||
|
this.roleForm.presidentUserName = this.roleRow.name
|
||||||
|
}
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉取消按钮
|
||||||
|
cancleUserInfo () {
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
//未整改项抽屉中的查询按钮
|
||||||
|
getTableByPage() {
|
||||||
|
},
|
||||||
|
// 清空 查询条件
|
||||||
|
clearAllSearch (search = true) {
|
||||||
|
this.nonConformitySearch = {
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
responsibleUnit: ''
|
||||||
|
}
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
// 分页事件
|
||||||
|
pageChange (page) {
|
||||||
|
this.pageNo = page
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
pageSizeChange () {
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '~@/assets/styles/style';
|
||||||
|
.wfhxzgStep2 {
|
||||||
|
/deep/.el-drawer__container {
|
||||||
|
.prc-content-border {
|
||||||
|
border: none;
|
||||||
|
padding: 0 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
.headerTabs {
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 10px;
|
||||||
|
.headerTabsItem {
|
||||||
|
border: 1px solid #c1c1c1;
|
||||||
|
padding: 0 5px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
border: 1px solid #E6A23C;
|
||||||
|
color: #fff;
|
||||||
|
background: #E6A23C;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-center {
|
||||||
|
padding: 10px 0px 10px 10px;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: calc(~'100% - 103px');
|
||||||
|
overflow: auto;
|
||||||
|
.tableTitle {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
.tableButton {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,452 @@
|
|||||||
|
<template>
|
||||||
|
<div class="wfhxzgStep3">
|
||||||
|
<ProcessHeader toggle>
|
||||||
|
<template slot="proName">未符合项整改流程</template>
|
||||||
|
<template slot="proNode">确认负责人流程</template>
|
||||||
|
</ProcessHeader>
|
||||||
|
<div class="headerTabs">
|
||||||
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
|
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '1'">
|
||||||
|
<div style="flex: auto;">
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">基础信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<el-form :modal="dataList" inline class="label-input-form">
|
||||||
|
<el-form-item label="标准号/标准名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.standId"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.productName"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="责任部门" class="search-item">
|
||||||
|
<el-input v-model="dataList.responsibleUnit" v-show="false" />
|
||||||
|
<el-popover
|
||||||
|
placement="bottom"
|
||||||
|
popper-class="user-dept-popper"
|
||||||
|
trigger="click"
|
||||||
|
:value="false"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
slot="reference"
|
||||||
|
v-model="dataList.responseUnitShow"
|
||||||
|
placeholder="根据责任部门查找"
|
||||||
|
readonly
|
||||||
|
clearable
|
||||||
|
id="searchResp"
|
||||||
|
/>
|
||||||
|
<div class="api">
|
||||||
|
<laws-tree
|
||||||
|
:zNodes="zNodesSItem"
|
||||||
|
treeDivId="zNodesSItemSearch"
|
||||||
|
deptSelect
|
||||||
|
showRMenu
|
||||||
|
@treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"
|
||||||
|
class="ztree" style="width: 200px;height: 400px;overflow: auto">
|
||||||
|
</laws-tree>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="common-button-primary"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'b3aaea6d18f5871b68825d3783eb736a'"
|
||||||
|
@click="getTableByPage('dataList')">
|
||||||
|
查询
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
class="common-button-default"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'5905d0743c3504799aee83ac9697f8c5'"
|
||||||
|
@click="clearAllSearch">
|
||||||
|
清空
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
height="49%"
|
||||||
|
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="standId" label="标准号/标准名称"/>
|
||||||
|
<el-table-column prop="productName" label="项目名称"/>
|
||||||
|
<el-table-column prop="itemsNum" label="条款号"/>
|
||||||
|
<el-table-column prop="itemsName" label="条款名称"/>
|
||||||
|
<el-table-column prop="planCloseTime" label="整改完成时间"/>
|
||||||
|
<el-table-column prop="responsibleUnit" label="责任部门"/>
|
||||||
|
<el-table-column prop="dutyEngineer" label="责任工程师"/>
|
||||||
|
<el-table-column label="选择责任人">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button type="primary" size="small" @click="selectPeople(scope.row)">选择责任人</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"/>-->
|
||||||
|
</div>
|
||||||
|
<el-collapse accordion>
|
||||||
|
<el-collapse-item title="意见填写">
|
||||||
|
<div style="margin: 10px 0;">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
resize="none"
|
||||||
|
placeholder="请输入意见"
|
||||||
|
v-model="textarea">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '2'">
|
||||||
|
<div class="block" style="padding-top: 20px;">
|
||||||
|
<el-timeline>
|
||||||
|
<el-form
|
||||||
|
ref="Form"
|
||||||
|
:model="roleForm"
|
||||||
|
:rules="roleFormRules"
|
||||||
|
class="label-input-form">
|
||||||
|
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||||
|
<h4>流程发起人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.startUserName" placeholder="流程发起人"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="下发标准法规工程师" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||||
|
<h4>标准法规工程师</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.dockUserName" placeholder="选择标准法规工程师" @click.native="choiceZRR('dockUser', '选择标准法规工程师', roleForm.dockUser)">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="确认分发责任人" placement="top" :color="roleForm.ministerUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="ministerUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.ministerUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.ministerUserName" placeholder="选择分发责任人" @click.native="choiceZRR('ministerUser', '选择分发责任人', roleForm.ministerUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="负责人上传材料" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||||
|
<h4>负责人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.directorUserName" placeholder="选择负责人" @click.native="choiceZRR('directorUser', '选择负责人', roleForm.directorUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="批准人" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="presidentUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.presidentUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.presidentUserName" placeholder="选择负责人" @click.native="choiceZRR('presidentUser', '选择负责人', roleForm.presidentUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
</el-form>
|
||||||
|
</el-timeline>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ProcessFooter
|
||||||
|
show-save
|
||||||
|
show-submit
|
||||||
|
:submitLoading="isSubmit"
|
||||||
|
:saveLoading="saveLoading"
|
||||||
|
@save="handleSave"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
<el-drawer
|
||||||
|
:title="drawerTitle"
|
||||||
|
:visible.sync="modalshowflag"
|
||||||
|
:wrapperClosable="false"
|
||||||
|
size="800px">
|
||||||
|
<el-tree
|
||||||
|
v-if="modalshowflag"
|
||||||
|
style="height: 100%;"
|
||||||
|
node-key="id"
|
||||||
|
class="filter-tree"
|
||||||
|
:data="treeData"
|
||||||
|
:props="defaultProps"
|
||||||
|
:default-checked-keys="nodeList"
|
||||||
|
highlight-current
|
||||||
|
check-strictly
|
||||||
|
@check="drawerCheck"
|
||||||
|
default-expand-all
|
||||||
|
:expand-on-click-node="false"
|
||||||
|
show-checkbox
|
||||||
|
ref="tree">
|
||||||
|
</el-tree>
|
||||||
|
<div id="roleFormButton" class="demo-drawer-footer">
|
||||||
|
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>
|
||||||
|
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ProcessHeader from '../../components/ProcessHeader'
|
||||||
|
import ProcessFooter from '../../components/ProcessFooter'
|
||||||
|
import ProcessTitle from '../../components/ProcessTitle'
|
||||||
|
import {interfaceUrl} from "@/sysConfig";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "step3",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
textarea: '', // 意见
|
||||||
|
title: '', // 新增编辑抽屉标题
|
||||||
|
ListModel: false, // 新增编辑抽屉开关
|
||||||
|
nonConformitySearch: {
|
||||||
|
standId: '', // 标准号/名称
|
||||||
|
productName: '', // 项目名称
|
||||||
|
responsibleUnit: '' // 责任部门
|
||||||
|
},
|
||||||
|
active: '1', // 默认显示
|
||||||
|
isSubmit: false,
|
||||||
|
saveLoading: false,
|
||||||
|
dataList: [
|
||||||
|
{
|
||||||
|
standId: '1',
|
||||||
|
productName: '1',
|
||||||
|
itemsNum: '1',
|
||||||
|
itemsName: '1',
|
||||||
|
planCloseTime: '1',
|
||||||
|
responsibleUnit: '1',
|
||||||
|
dutyEngineer: '1'
|
||||||
|
},{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
// 当前页数
|
||||||
|
pageNo: 1,
|
||||||
|
total: 0,
|
||||||
|
myLoading: false,
|
||||||
|
// 责任部门
|
||||||
|
zNodesSItem: [],
|
||||||
|
unqualidiedData: [{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
selectedList: [], //未整改项的选择框
|
||||||
|
roleForm: {
|
||||||
|
startUserName: this.$store.getters.userInfo.userName,
|
||||||
|
startUser: this.$store.getters.userInfo.userId,
|
||||||
|
},
|
||||||
|
roleFormRules: {
|
||||||
|
},
|
||||||
|
nodeList: [],
|
||||||
|
drawerTitle: '', //drawer标题
|
||||||
|
modalshowflag: false, // drawer开关
|
||||||
|
treeData: [], // 人员数据
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
ProcessTitle
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
this.myLoading.loadData = true
|
||||||
|
this.$http.get('sarStandUnqualified/sar-stand-unqualified', {
|
||||||
|
...this.nonConformitySearch,
|
||||||
|
current: this.pageNo,
|
||||||
|
size: this.$store.getters.userInfo.configContent
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
this.nonList = res.data.records
|
||||||
|
this.total = res.data.total
|
||||||
|
}, e => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
selectPeople(row) {
|
||||||
|
this.modalshowflag = true
|
||||||
|
},
|
||||||
|
handleTabs(name) {
|
||||||
|
this.active = name
|
||||||
|
},
|
||||||
|
|
||||||
|
// 保存按钮
|
||||||
|
handleSave() {},
|
||||||
|
// 提交按钮
|
||||||
|
handleSubmit() {},
|
||||||
|
|
||||||
|
// 获取流程节点数据
|
||||||
|
getTree () {
|
||||||
|
this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
|
||||||
|
this.treeData = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 流程阶段负责人选择
|
||||||
|
choiceZRR (type, title, id) {
|
||||||
|
this.nodeList = []
|
||||||
|
this.nodeList.push(id)
|
||||||
|
this.type = type
|
||||||
|
this.drawerTitle = title
|
||||||
|
this.modalshowflag = true
|
||||||
|
},
|
||||||
|
drawerCheck (data) {
|
||||||
|
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
|
||||||
|
if(getlist.length == 1) {
|
||||||
|
this.roleRow = getlist[0]
|
||||||
|
}else {
|
||||||
|
this.$refs.tree.setCheckedKeys([data.id]);
|
||||||
|
this.roleRow = this.$refs.tree.getCheckedNodes()[0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉保存按钮
|
||||||
|
saveUserInfo () {
|
||||||
|
if (this.type === 'dockUser') {
|
||||||
|
this.roleForm.dockUser = this.roleRow.id
|
||||||
|
this.roleForm.dockUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'ministerUser') {
|
||||||
|
this.roleForm.ministerUser = this.roleRow.id
|
||||||
|
this.roleForm.ministerUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'directorUser') {
|
||||||
|
this.roleForm.directorUser = this.roleRow.id
|
||||||
|
this.roleForm.directorUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'presidentUser') {
|
||||||
|
this.roleForm.presidentUser = this.roleRow.id
|
||||||
|
this.roleForm.presidentUserName = this.roleRow.name
|
||||||
|
}
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉取消按钮
|
||||||
|
cancleUserInfo () {
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
//未整改项抽屉中的查询按钮
|
||||||
|
getTableByPage() {
|
||||||
|
},
|
||||||
|
// 清空 查询条件
|
||||||
|
clearAllSearch (search = true) {
|
||||||
|
this.nonConformitySearch = {
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
responsibleUnit: ''
|
||||||
|
}
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
// 分页事件
|
||||||
|
pageChange (page) {
|
||||||
|
this.pageNo = page
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
pageSizeChange () {
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '~@/assets/styles/style';
|
||||||
|
.wfhxzgStep3 {
|
||||||
|
/deep/.el-drawer__container {
|
||||||
|
.prc-content-border {
|
||||||
|
border: none;
|
||||||
|
padding: 0 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
.headerTabs {
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 10px;
|
||||||
|
.headerTabsItem {
|
||||||
|
border: 1px solid #c1c1c1;
|
||||||
|
padding: 0 5px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
border: 1px solid #E6A23C;
|
||||||
|
color: #fff;
|
||||||
|
background: #E6A23C;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-center {
|
||||||
|
padding: 10px 0px 10px 10px;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: calc(~'100% - 103px');
|
||||||
|
overflow: auto;
|
||||||
|
.tableTitle {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
.tableButton {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,452 @@
|
|||||||
|
<template>
|
||||||
|
<div class="wfhxzgStep4">
|
||||||
|
<ProcessHeader toggle>
|
||||||
|
<template slot="proName">未符合项整改流程</template>
|
||||||
|
<template slot="proNode">负责人上传佐证</template>
|
||||||
|
</ProcessHeader>
|
||||||
|
<div class="headerTabs">
|
||||||
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
|
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '1'">
|
||||||
|
<div style="flex: auto;">
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">基础信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<el-form :modal="dataList" inline class="label-input-form">
|
||||||
|
<el-form-item label="标准号/标准名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.standId"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.productName"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="责任部门" class="search-item">
|
||||||
|
<el-input v-model="dataList.responsibleUnit" v-show="false" />
|
||||||
|
<el-popover
|
||||||
|
placement="bottom"
|
||||||
|
popper-class="user-dept-popper"
|
||||||
|
trigger="click"
|
||||||
|
:value="false"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
slot="reference"
|
||||||
|
v-model="dataList.responseUnitShow"
|
||||||
|
placeholder="根据责任部门查找"
|
||||||
|
readonly
|
||||||
|
clearable
|
||||||
|
id="searchResp"
|
||||||
|
/>
|
||||||
|
<div class="api">
|
||||||
|
<laws-tree
|
||||||
|
:zNodes="zNodesSItem"
|
||||||
|
treeDivId="zNodesSItemSearch"
|
||||||
|
deptSelect
|
||||||
|
showRMenu
|
||||||
|
@treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"
|
||||||
|
class="ztree" style="width: 200px;height: 400px;overflow: auto">
|
||||||
|
</laws-tree>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="common-button-primary"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'b3aaea6d18f5871b68825d3783eb736a'"
|
||||||
|
@click="getTableByPage('dataList')">
|
||||||
|
查询
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
class="common-button-default"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'5905d0743c3504799aee83ac9697f8c5'"
|
||||||
|
@click="clearAllSearch">
|
||||||
|
清空
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
height="49%"
|
||||||
|
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="productName" label="项目名称"/>
|
||||||
|
<el-table-column prop="itemsNum" label="条款号"/>
|
||||||
|
<el-table-column prop="itemsName" label="条款名称"/>
|
||||||
|
<el-table-column prop="planCloseTime" label="整改完成时间"/>
|
||||||
|
<el-table-column prop="responsibleUnit" label="责任部门"/>
|
||||||
|
<el-table-column prop="duty" label="负责人"/>
|
||||||
|
<el-table-column label="佐证材料">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-upload>
|
||||||
|
<el-button type="primary" size="small" @click="uploadText(scope.row)">上传佐证材料</el-button>
|
||||||
|
</el-upload>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"/>-->
|
||||||
|
</div>
|
||||||
|
<el-collapse accordion>
|
||||||
|
<el-collapse-item title="意见填写">
|
||||||
|
<div style="margin: 10px 0;">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
resize="none"
|
||||||
|
placeholder="请输入意见"
|
||||||
|
v-model="textarea">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '2'">
|
||||||
|
<div class="block" style="padding-top: 20px;">
|
||||||
|
<el-timeline>
|
||||||
|
<el-form
|
||||||
|
ref="Form"
|
||||||
|
:model="roleForm"
|
||||||
|
:rules="roleFormRules"
|
||||||
|
class="label-input-form">
|
||||||
|
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||||
|
<h4>流程发起人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.startUserName" placeholder="流程发起人"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="下发标准法规工程师" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||||
|
<h4>标准法规工程师</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.dockUserName" placeholder="选择标准法规工程师" @click.native="choiceZRR('dockUser', '选择标准法规工程师', roleForm.dockUser)">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="确认分发责任人" placement="top" :color="roleForm.ministerUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="ministerUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.ministerUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.ministerUserName" placeholder="选择分发责任人" @click.native="choiceZRR('ministerUser', '选择分发责任人', roleForm.ministerUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="负责人上传材料" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||||
|
<h4>负责人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.directorUserName" placeholder="选择负责人" @click.native="choiceZRR('directorUser', '选择负责人', roleForm.directorUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="批准人" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="presidentUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.presidentUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.presidentUserName" placeholder="选择分发负责人" @click.native="choiceZRR('presidentUser', '选择分发负责人', roleForm.presidentUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
</el-form>
|
||||||
|
</el-timeline>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ProcessFooter
|
||||||
|
show-save
|
||||||
|
show-submit
|
||||||
|
:submitLoading="isSubmit"
|
||||||
|
:saveLoading="saveLoading"
|
||||||
|
@save="handleSave"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
<el-drawer
|
||||||
|
:title="drawerTitle"
|
||||||
|
:visible.sync="modalshowflag"
|
||||||
|
:wrapperClosable="false"
|
||||||
|
size="800px">
|
||||||
|
<el-tree
|
||||||
|
v-if="modalshowflag"
|
||||||
|
style="height: 100%;"
|
||||||
|
node-key="id"
|
||||||
|
class="filter-tree"
|
||||||
|
:data="treeData"
|
||||||
|
:props="defaultProps"
|
||||||
|
:default-checked-keys="nodeList"
|
||||||
|
highlight-current
|
||||||
|
check-strictly
|
||||||
|
@check="drawerCheck"
|
||||||
|
default-expand-all
|
||||||
|
:expand-on-click-node="false"
|
||||||
|
show-checkbox
|
||||||
|
ref="tree">
|
||||||
|
</el-tree>
|
||||||
|
<div id="roleFormButton" class="demo-drawer-footer">
|
||||||
|
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>
|
||||||
|
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ProcessHeader from '../../components/ProcessHeader'
|
||||||
|
import ProcessFooter from '../../components/ProcessFooter'
|
||||||
|
import ProcessTitle from '../../components/ProcessTitle'
|
||||||
|
import {interfaceUrl} from "@/sysConfig";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "step4",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
textarea: '', // 意见
|
||||||
|
title: '', // 新增编辑抽屉标题
|
||||||
|
ListModel: false, // 新增编辑抽屉开关
|
||||||
|
nonConformitySearch: {
|
||||||
|
standId: '', // 标准号/名称
|
||||||
|
productName: '', // 项目名称
|
||||||
|
responsibleUnit: '' // 责任部门
|
||||||
|
},
|
||||||
|
active: '1', // 默认显示
|
||||||
|
isSubmit: false,
|
||||||
|
saveLoading: false,
|
||||||
|
dataList: [
|
||||||
|
{
|
||||||
|
standId: '1',
|
||||||
|
productName: '1',
|
||||||
|
itemsNum: '1',
|
||||||
|
itemsName: '1',
|
||||||
|
planCloseTime: '1',
|
||||||
|
responsibleUnit: '1',
|
||||||
|
dutyEngineer: '1'
|
||||||
|
},{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
// 当前页数
|
||||||
|
pageNo: 1,
|
||||||
|
total: 0,
|
||||||
|
myLoading: false,
|
||||||
|
// 责任部门
|
||||||
|
zNodesSItem: [],
|
||||||
|
unqualidiedData: [{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
selectedList: [], //未整改项的选择框
|
||||||
|
roleForm: {
|
||||||
|
startUserName: this.$store.getters.userInfo.userName,
|
||||||
|
startUser: this.$store.getters.userInfo.userId,
|
||||||
|
},
|
||||||
|
roleFormRules: {
|
||||||
|
},
|
||||||
|
nodeList: [],
|
||||||
|
drawerTitle: '', //drawer标题
|
||||||
|
modalshowflag: false, // drawer开关
|
||||||
|
treeData: [], // 人员数据
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
ProcessTitle
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
this.myLoading.loadData = true
|
||||||
|
this.$http.get('sarStandUnqualified/sar-stand-unqualified', {
|
||||||
|
...this.nonConformitySearch,
|
||||||
|
current: this.pageNo,
|
||||||
|
size: this.$store.getters.userInfo.configContent
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
this.nonList = res.data.records
|
||||||
|
this.total = res.data.total
|
||||||
|
}, e => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
uploadText(row) {
|
||||||
|
},
|
||||||
|
handleTabs(name) {
|
||||||
|
this.active = name
|
||||||
|
},
|
||||||
|
|
||||||
|
// 保存按钮
|
||||||
|
handleSave() {},
|
||||||
|
// 提交按钮
|
||||||
|
handleSubmit() {},
|
||||||
|
|
||||||
|
// 获取流程节点数据
|
||||||
|
getTree () {
|
||||||
|
this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
|
||||||
|
this.treeData = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 流程阶段负责人选择
|
||||||
|
choiceZRR (type, title, id) {
|
||||||
|
this.nodeList = []
|
||||||
|
this.nodeList.push(id)
|
||||||
|
this.type = type
|
||||||
|
this.drawerTitle = title
|
||||||
|
this.modalshowflag = true
|
||||||
|
},
|
||||||
|
drawerCheck (data) {
|
||||||
|
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
|
||||||
|
if(getlist.length == 1) {
|
||||||
|
this.roleRow = getlist[0]
|
||||||
|
}else {
|
||||||
|
this.$refs.tree.setCheckedKeys([data.id]);
|
||||||
|
this.roleRow = this.$refs.tree.getCheckedNodes()[0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉保存按钮
|
||||||
|
saveUserInfo () {
|
||||||
|
if (this.type === 'dockUser') {
|
||||||
|
this.roleForm.dockUser = this.roleRow.id
|
||||||
|
this.roleForm.dockUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'ministerUser') {
|
||||||
|
this.roleForm.ministerUser = this.roleRow.id
|
||||||
|
this.roleForm.ministerUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'directorUser') {
|
||||||
|
this.roleForm.directorUser = this.roleRow.id
|
||||||
|
this.roleForm.directorUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'presidentUser') {
|
||||||
|
this.roleForm.presidentUser = this.roleRow.id
|
||||||
|
this.roleForm.presidentUserName = this.roleRow.name
|
||||||
|
}
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉取消按钮
|
||||||
|
cancleUserInfo () {
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
//未整改项抽屉中的查询按钮
|
||||||
|
getTableByPage() {
|
||||||
|
},
|
||||||
|
// 清空 查询条件
|
||||||
|
clearAllSearch (search = true) {
|
||||||
|
this.nonConformitySearch = {
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
responsibleUnit: ''
|
||||||
|
}
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
// 分页事件
|
||||||
|
pageChange (page) {
|
||||||
|
this.pageNo = page
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
pageSizeChange () {
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '~@/assets/styles/style';
|
||||||
|
.wfhxzgStep4 {
|
||||||
|
/deep/.el-drawer__container {
|
||||||
|
.prc-content-border {
|
||||||
|
border: none;
|
||||||
|
padding: 0 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
.headerTabs {
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 10px;
|
||||||
|
.headerTabsItem {
|
||||||
|
border: 1px solid #c1c1c1;
|
||||||
|
padding: 0 5px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
border: 1px solid #E6A23C;
|
||||||
|
color: #fff;
|
||||||
|
background: #E6A23C;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-center {
|
||||||
|
padding: 10px 0px 10px 10px;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: calc(~'100% - 103px');
|
||||||
|
overflow: auto;
|
||||||
|
.tableTitle {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
.tableButton {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,454 @@
|
|||||||
|
<template>
|
||||||
|
<div class="wfhxzgStep5">
|
||||||
|
<ProcessHeader toggle>
|
||||||
|
<template slot="proName">未符合项整改流程</template>
|
||||||
|
<template slot="proNode">分发负责人审核材料</template>
|
||||||
|
</ProcessHeader>
|
||||||
|
<div class="headerTabs">
|
||||||
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
|
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '1'">
|
||||||
|
<div style="flex: auto;">
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">基础信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<el-form :modal="dataList" inline class="label-input-form">
|
||||||
|
<el-form-item label="标准号/标准名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.standId"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目名称" class="search-item">
|
||||||
|
<el-input v-model="dataList.productName"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:maxlength="100"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="责任部门" class="search-item">
|
||||||
|
<el-input v-model="dataList.responsibleUnit" v-show="false" />
|
||||||
|
<el-popover
|
||||||
|
placement="bottom"
|
||||||
|
popper-class="user-dept-popper"
|
||||||
|
trigger="click"
|
||||||
|
:value="false"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
slot="reference"
|
||||||
|
v-model="dataList.responseUnitShow"
|
||||||
|
placeholder="根据责任部门查找"
|
||||||
|
readonly
|
||||||
|
clearable
|
||||||
|
id="searchResp"
|
||||||
|
/>
|
||||||
|
<div class="api">
|
||||||
|
<laws-tree
|
||||||
|
:zNodes="zNodesSItem"
|
||||||
|
treeDivId="zNodesSItemSearch"
|
||||||
|
deptSelect
|
||||||
|
showRMenu
|
||||||
|
@treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"
|
||||||
|
class="ztree" style="width: 200px;height: 400px;overflow: auto">
|
||||||
|
</laws-tree>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="common-button-primary"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'b3aaea6d18f5871b68825d3783eb736a'"
|
||||||
|
@click="getTableByPage('dataList')">
|
||||||
|
查询
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item class="search-item btn-box">
|
||||||
|
<el-button
|
||||||
|
class="common-button-default"
|
||||||
|
size="mini"
|
||||||
|
v-btn-permission="'5905d0743c3504799aee83ac9697f8c5'"
|
||||||
|
@click="clearAllSearch">
|
||||||
|
清空
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
height="49%"
|
||||||
|
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="productName" label="项目名称"/>
|
||||||
|
<el-table-column prop="itemsNum" label="条款号"/>
|
||||||
|
<el-table-column prop="itemsName" label="条款名称"/>
|
||||||
|
<el-table-column prop="planCloseTime" label="整改完成时间"/>
|
||||||
|
<el-table-column prop="responsibleUnit" label="责任部门"/>
|
||||||
|
<el-table-column prop="dutyEngineer" label="负责人"/>
|
||||||
|
<el-table-column label="佐证材料">
|
||||||
|
<div class="div-text">{{ 11 || '暂无数据' }}</div>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"/>-->
|
||||||
|
</div>
|
||||||
|
<el-collapse accordion>
|
||||||
|
<el-collapse-item title="意见填写">
|
||||||
|
<div style="margin: 10px 0;">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
resize="none"
|
||||||
|
placeholder="请输入意见"
|
||||||
|
v-model="textarea">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-if="active === '2'">
|
||||||
|
<div class="block" style="padding-top: 20px;">
|
||||||
|
<el-timeline>
|
||||||
|
<el-form
|
||||||
|
ref="Form"
|
||||||
|
:model="roleForm"
|
||||||
|
:rules="roleFormRules"
|
||||||
|
class="label-input-form">
|
||||||
|
<el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="startUserName" style="margin-bottom: 0">
|
||||||
|
<h4>流程发起人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.startUserName" placeholder="流程发起人"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="下发标准法规工程师" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="dockUserName" style="margin-bottom: 0">
|
||||||
|
<h4>标准法规工程师</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.dockUserName" placeholder="选择标准法规工程师" @click.native="choiceZRR('dockUser', '选择标准法规工程师', roleForm.dockUser)">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="确认分发责任人" placement="top" :color="roleForm.ministerUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="ministerUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.ministerUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.ministerUserName" placeholder="选择分发责任人" @click.native="choiceZRR('ministerUser', '选择分发责任人', roleForm.ministerUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="负责人上传材料" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="directorUserName" style="margin-bottom: 0">
|
||||||
|
<h4>负责人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.directorUserName" placeholder="选择负责人" @click.native="choiceZRR('directorUser', '选择负责人', roleForm.directorUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
<el-timeline-item timestamp="批准人" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
|
||||||
|
<el-card>
|
||||||
|
<el-form-item prop="presidentUserName" style="margin-bottom: 0">
|
||||||
|
<h4>分发责任人</h4>
|
||||||
|
<div style="margin-top: 10px;width: 300px;">
|
||||||
|
<el-input v-model="roleForm.presidentUser" style="display: none;"></el-input>
|
||||||
|
<el-input v-model="roleForm.presidentUserName" placeholder="选择分发负责人" @click.native="choiceZRR('presidentUser', '选择分发负责人', roleForm.presidentUser)"></el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-card>
|
||||||
|
</el-timeline-item>
|
||||||
|
</el-form>
|
||||||
|
</el-timeline>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ProcessFooter
|
||||||
|
show-back
|
||||||
|
show-submit
|
||||||
|
:submitLoading="isSubmit"
|
||||||
|
:backLoading="backLoading"
|
||||||
|
@back="handleDataBack"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
<el-drawer
|
||||||
|
:title="drawerTitle"
|
||||||
|
:visible.sync="modalshowflag"
|
||||||
|
:wrapperClosable="false"
|
||||||
|
size="800px">
|
||||||
|
<el-tree
|
||||||
|
v-if="modalshowflag"
|
||||||
|
style="height: 100%;"
|
||||||
|
node-key="id"
|
||||||
|
class="filter-tree"
|
||||||
|
:data="treeData"
|
||||||
|
:props="defaultProps"
|
||||||
|
:default-checked-keys="nodeList"
|
||||||
|
highlight-current
|
||||||
|
check-strictly
|
||||||
|
@check="drawerCheck"
|
||||||
|
default-expand-all
|
||||||
|
:expand-on-click-node="false"
|
||||||
|
show-checkbox
|
||||||
|
ref="tree">
|
||||||
|
</el-tree>
|
||||||
|
<div id="roleFormButton" class="demo-drawer-footer">
|
||||||
|
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo">确定</el-button>
|
||||||
|
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ProcessHeader from '../../components/ProcessHeader'
|
||||||
|
import ProcessFooter from '../../components/ProcessFooter'
|
||||||
|
import ProcessTitle from '../../components/ProcessTitle'
|
||||||
|
import {interfaceUrl} from "@/sysConfig";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "step5",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
textarea: '', // 意见
|
||||||
|
title: '', // 新增编辑抽屉标题
|
||||||
|
ListModel: false, // 新增编辑抽屉开关
|
||||||
|
nonConformitySearch: {
|
||||||
|
standId: '', // 标准号/名称
|
||||||
|
productName: '', // 项目名称
|
||||||
|
responsibleUnit: '' // 责任部门
|
||||||
|
},
|
||||||
|
active: '1', // 默认显示
|
||||||
|
isSubmit: false,
|
||||||
|
backLoading: false,
|
||||||
|
dataList: [
|
||||||
|
{
|
||||||
|
standId: '1',
|
||||||
|
productName: '1',
|
||||||
|
itemsNum: '1',
|
||||||
|
itemsName: '1',
|
||||||
|
planCloseTime: '1',
|
||||||
|
responsibleUnit: '1',
|
||||||
|
dutyEngineer: '1'
|
||||||
|
},{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
// 当前页数
|
||||||
|
pageNo: 1,
|
||||||
|
total: 0,
|
||||||
|
myLoading: false,
|
||||||
|
// 责任部门
|
||||||
|
zNodesSItem: [],
|
||||||
|
unqualidiedData: [{
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
itemsNum: '',
|
||||||
|
itemsName: '',
|
||||||
|
planCloseTime: '',
|
||||||
|
responsibleUnit: '',
|
||||||
|
dutyEngineer: ''
|
||||||
|
}],
|
||||||
|
selectedList: [], //未整改项的选择框
|
||||||
|
roleForm: {
|
||||||
|
startUserName: this.$store.getters.userInfo.userName,
|
||||||
|
startUser: this.$store.getters.userInfo.userId,
|
||||||
|
},
|
||||||
|
roleFormRules: {
|
||||||
|
},
|
||||||
|
// 驳回弹窗状态
|
||||||
|
backDialog: false,
|
||||||
|
|
||||||
|
|
||||||
|
nodeList: [],
|
||||||
|
drawerTitle: '', //drawer标题
|
||||||
|
modalshowflag: false, // drawer开关
|
||||||
|
treeData: [], // 人员数据
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
ProcessTitle
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
this.myLoading.loadData = true
|
||||||
|
this.$http.get('sarStandUnqualified/sar-stand-unqualified', {
|
||||||
|
...this.nonConformitySearch,
|
||||||
|
current: this.pageNo,
|
||||||
|
size: this.$store.getters.userInfo.configContent
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
this.nonList = res.data.records
|
||||||
|
this.total = res.data.total
|
||||||
|
}, e => {
|
||||||
|
this.myLoading.loadData = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 批准俺妞妞操作
|
||||||
|
handleBack() {
|
||||||
|
this.backDialog = true
|
||||||
|
},
|
||||||
|
handleSuccess() {},
|
||||||
|
handleTabs(name) {
|
||||||
|
this.active = name
|
||||||
|
},
|
||||||
|
|
||||||
|
// 保存按钮
|
||||||
|
handleSave() {},
|
||||||
|
// 提交按钮
|
||||||
|
handleSubmit() {},
|
||||||
|
|
||||||
|
// 获取流程节点数据
|
||||||
|
getTree () {
|
||||||
|
this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
|
||||||
|
this.treeData = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 流程阶段负责人选择
|
||||||
|
choiceZRR (type, title, id) {
|
||||||
|
this.nodeList = []
|
||||||
|
this.nodeList.push(id)
|
||||||
|
this.type = type
|
||||||
|
this.drawerTitle = title
|
||||||
|
this.modalshowflag = true
|
||||||
|
},
|
||||||
|
drawerCheck (data) {
|
||||||
|
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
|
||||||
|
if(getlist.length == 1) {
|
||||||
|
this.roleRow = getlist[0]
|
||||||
|
}else {
|
||||||
|
this.$refs.tree.setCheckedKeys([data.id]);
|
||||||
|
this.roleRow = this.$refs.tree.getCheckedNodes()[0]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉保存按钮
|
||||||
|
saveUserInfo () {
|
||||||
|
if (this.type === 'dockUser') {
|
||||||
|
this.roleForm.dockUser = this.roleRow.id
|
||||||
|
this.roleForm.dockUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'ministerUser') {
|
||||||
|
this.roleForm.ministerUser = this.roleRow.id
|
||||||
|
this.roleForm.ministerUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'directorUser') {
|
||||||
|
this.roleForm.directorUser = this.roleRow.id
|
||||||
|
this.roleForm.directorUserName = this.roleRow.name
|
||||||
|
} else if (this.type === 'presidentUser') {
|
||||||
|
this.roleForm.presidentUser = this.roleRow.id
|
||||||
|
this.roleForm.presidentUserName = this.roleRow.name
|
||||||
|
}
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
// 流程节点负责人抽屉取消按钮
|
||||||
|
cancleUserInfo () {
|
||||||
|
this.modalshowflag = false
|
||||||
|
},
|
||||||
|
//未整改项抽屉中的查询按钮
|
||||||
|
getTableByPage() {
|
||||||
|
},
|
||||||
|
// 清空 查询条件
|
||||||
|
clearAllSearch (search = true) {
|
||||||
|
this.nonConformitySearch = {
|
||||||
|
standId: '',
|
||||||
|
productName: '',
|
||||||
|
responsibleUnit: ''
|
||||||
|
}
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
// 分页事件
|
||||||
|
pageChange (page) {
|
||||||
|
this.pageNo = page
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
pageSizeChange () {
|
||||||
|
this.getTableByPage()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '~@/assets/styles/style';
|
||||||
|
.wfhxzgStep5 {
|
||||||
|
/deep/.el-drawer__container {
|
||||||
|
.prc-content-border {
|
||||||
|
border: none;
|
||||||
|
padding: 0 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
.headerTabs {
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 10px;
|
||||||
|
.headerTabsItem {
|
||||||
|
border: 1px solid #c1c1c1;
|
||||||
|
padding: 0 5px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
border: 1px solid #E6A23C;
|
||||||
|
color: #fff;
|
||||||
|
background: #E6A23C;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-center {
|
||||||
|
padding: 10px 0px 10px 10px;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: calc(~'100% - 103px');
|
||||||
|
overflow: auto;
|
||||||
|
.tableTitle {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
.tableButton {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -10,6 +10,7 @@
|
|||||||
<div class="process-name" @click="handleCreateProcess('4')">标准需求(翻译)申请流程</div>
|
<div class="process-name" @click="handleCreateProcess('4')">标准需求(翻译)申请流程</div>
|
||||||
<div class="process-name" @click="handleCreateProcess('5')">标准发放申请流程</div>
|
<div class="process-name" @click="handleCreateProcess('5')">标准发放申请流程</div>
|
||||||
<div class="process-name" @click="handleCreateProcess('6')">标准清单发布/更新流程</div>
|
<div class="process-name" @click="handleCreateProcess('6')">标准清单发布/更新流程</div>
|
||||||
|
<div class="process-name" @click="handleCreateProcess('7')">未符合项整改流程</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="zcgllc">
|
<div v-if="zcgllc">
|
||||||
@@ -84,6 +85,10 @@ export default {
|
|||||||
})
|
})
|
||||||
break
|
break
|
||||||
case '7':
|
case '7':
|
||||||
|
//未符合项整改流程
|
||||||
|
this.$router.push({
|
||||||
|
name:'wfhxzgStep1'
|
||||||
|
})
|
||||||
break
|
break
|
||||||
case '8':
|
case '8':
|
||||||
break
|
break
|
||||||
|
|||||||
@@ -42,6 +42,7 @@ export default {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
.non-content {
|
.non-content {
|
||||||
|
padding: 0 10px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
/deep/ .el-tabs {
|
/deep/ .el-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -276,6 +276,51 @@ const routes = [
|
|||||||
title: '标准清单发布/更新流程'
|
title: '标准清单发布/更新流程'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/wfhxzgStep1',
|
||||||
|
name: 'wfhxzgStep1',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/wfhxzg/step1.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '未符合项整改流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/wfhxzgStep2',
|
||||||
|
name: 'wfhxzgStep2',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/wfhxzg/step2.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '未符合项整改发布/更新流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/wfhxzgStep3',
|
||||||
|
name: 'wfhxzgStep3',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/wfhxzg/step3.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '未符合项整改/更新流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/wfhxzgStep4',
|
||||||
|
name: 'wfhxzgStep4',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/wfhxzg/step4.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '未符合项整改/更新流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/wfhxzgStep5',
|
||||||
|
name: 'wfhxzgStep5',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/wfhxzg/step5.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '未符合项整改/更新流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/bzrkStep1',
|
path: '/bzrkStep1',
|
||||||
name: 'bzrkStep1',
|
name: 'bzrkStep1',
|
||||||
|
|||||||
Reference in New Issue
Block a user