feat: There is no way the,
This commit is contained in:
super_liu
@@ -0,0 +1,553 @@
|
|||||||
|
<template>
|
||||||
|
<div class="qbfs-step3">
|
||||||
|
<ProcessHeader toggle>
|
||||||
|
<template slot="proName">企标复审流程</template>
|
||||||
|
<template slot="proNode">工作组成员填写信息</template>
|
||||||
|
</ProcessHeader>
|
||||||
|
<div class="headerTabs">
|
||||||
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-show="active === '1'">
|
||||||
|
<div style="flex: auto; overflow: auto">
|
||||||
|
<process-title>
|
||||||
|
<template slot="title">基础信息</template>
|
||||||
|
</process-title>
|
||||||
|
<el-form
|
||||||
|
ref="qbfsForm"
|
||||||
|
:model="qbfsForm"
|
||||||
|
:rules="formRules"
|
||||||
|
class="label-input-form prc-content-border"
|
||||||
|
label-width="150px"
|
||||||
|
>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="企标编号" prop="entNumber" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.entNumber"
|
||||||
|
placeholder="请输入企标编号"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="中文名称" prop="cnName" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.cnName"
|
||||||
|
placeholder="请输入中文名称"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="英文名称" prop="enName" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.enName"
|
||||||
|
placeholder="请输入英文名称"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="企标类别" prop="entCategory" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.entCategory"
|
||||||
|
placeholder="请输入企标类别"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="代替企标编号" prop="replaceNumber" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.replaceNumber"
|
||||||
|
placeholder="请输入代替企标编号"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="被代替企标编号" prop="replacedNumber" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.replacedNumber"
|
||||||
|
placeholder="请输入被代替企标编号"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="发布日期" prop="releaseDate" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.releaseDate"
|
||||||
|
placeholder="请输入发布日期"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="实施日期" prop="implementDate" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.implementDate"
|
||||||
|
placeholder="请输入实施日期"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="复审日期" prop="reviewDate" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
readonly
|
||||||
|
v-model="qbfsForm.reviewDate"
|
||||||
|
placeholder="请输入复审日期"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
|
||||||
|
<div class="file-box" v-if="fileList.length > 0">
|
||||||
|
<p v-for="item in fileList"
|
||||||
|
:key="item.id"> {{ item.oldFileName }}
|
||||||
|
<i
|
||||||
|
title="下载"
|
||||||
|
@click="downloadFile(item.id)"
|
||||||
|
class="icon-download"
|
||||||
|
v-btn-permission="''"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
title="下载带水印"
|
||||||
|
@click="downloadFileByWater(item.id, item.name)"
|
||||||
|
class="icon-download2"
|
||||||
|
v-btn-permission="''"
|
||||||
|
/>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
暂无数据
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item label="工作组成员" prop="jgUser" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-input-->
|
||||||
|
<!-- v-model="qbfsForm.jgUser"-->
|
||||||
|
<!-- placeholder="请选择工作组成员"-->
|
||||||
|
<!-- clearable-->
|
||||||
|
<!-- ></el-input>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<el-form-item label="下一步状态" prop="nextStatus" class="add-form-item ">
|
||||||
|
<el-select v-model="qbfsForm.nextStatus" placeholder="请选择下一步状态">
|
||||||
|
<el-option
|
||||||
|
v-for="item in associationOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-collapse accordion>
|
||||||
|
<el-collapse-item title="回执说明">
|
||||||
|
<div style="margin: 10px 0;">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
resize="none"
|
||||||
|
placeholder="请输入意见"
|
||||||
|
v-model="commentText">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content" v-show="active === '3'">
|
||||||
|
<div class="flow-list">
|
||||||
|
<el-table
|
||||||
|
height="100%"
|
||||||
|
ref="selection"
|
||||||
|
:data="detailData"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
style="width: 100%"
|
||||||
|
border
|
||||||
|
row-key="id"
|
||||||
|
:no-data-text="listNoDataText"
|
||||||
|
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="任务步骤"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="assignee"
|
||||||
|
label="任务受理人"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="createTime"
|
||||||
|
label="创建时间"
|
||||||
|
sortable="custom"
|
||||||
|
align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD 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-transfer
|
||||||
|
show-submit
|
||||||
|
:transfer-loading="isTransfer"
|
||||||
|
:submitLoading="isSubmit"
|
||||||
|
:saveLoading="saveLoading"
|
||||||
|
:approval="true"
|
||||||
|
@transfer="handleTransfer"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
<!-- 福田全公司选人解决方案 -->
|
||||||
|
<Role-tree
|
||||||
|
check-box
|
||||||
|
:is-title="drawerTitle"
|
||||||
|
:is-visible.sync="drawerModal"
|
||||||
|
@checkedRole="checkedRole"
|
||||||
|
:nodeList="nodeList"
|
||||||
|
></Role-tree>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ProcessHeader from "../../components/ProcessHeader";
|
||||||
|
import ProcessFooter from "../../components/ProcessFooter";
|
||||||
|
import ProcessTitle from "../../components/ProcessTitle";
|
||||||
|
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "qbfsStep3",
|
||||||
|
components:{
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
ProcessTitle
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
active: '1',
|
||||||
|
isTransfer: false,
|
||||||
|
isSubmit: false,
|
||||||
|
saveLoading: false,
|
||||||
|
drawerModal: false,
|
||||||
|
drawerTitle: '',
|
||||||
|
nodeList: [],
|
||||||
|
fileList: [],
|
||||||
|
commentText: '',
|
||||||
|
detailData: [],
|
||||||
|
loading: false,
|
||||||
|
qbfsForm:{
|
||||||
|
entNumber: '',
|
||||||
|
cnName: '',
|
||||||
|
enName: '',
|
||||||
|
entCategory: '',
|
||||||
|
replaceNumber: '',
|
||||||
|
replacedNumber: '',
|
||||||
|
releaseDate: '',
|
||||||
|
implementDate: '',
|
||||||
|
reviewDate: '',
|
||||||
|
nextStatus: '',
|
||||||
|
},
|
||||||
|
formRules: {
|
||||||
|
nextStatus: [
|
||||||
|
{required: true, message: "请选择下一步状态", trigger: "change"}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
associationOptions: [{
|
||||||
|
value: "修订",
|
||||||
|
label: "修订"
|
||||||
|
}, {
|
||||||
|
value: "废止",
|
||||||
|
label: "废止"
|
||||||
|
}, {
|
||||||
|
value: "有效",
|
||||||
|
label: "有效"
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.processTable()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
processTable() {
|
||||||
|
this.$http.get("lawss/activiti/get_list_by_instance", {
|
||||||
|
prcNum: this.$route.query.prcNum,
|
||||||
|
sortWord: this.shunxu ? this.paixu : "",
|
||||||
|
shunxu: this.shunxu
|
||||||
|
}, {
|
||||||
|
loading: "loading",
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.detailData = res
|
||||||
|
}, e => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getData() {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
inboundLiaisonDetail({
|
||||||
|
taskIds: this.$route.query.taskIds,
|
||||||
|
pId: this.$route.query.prcId,
|
||||||
|
}).then(res => {
|
||||||
|
if (res) {
|
||||||
|
const processForm = JSON.parse(res.mesg)
|
||||||
|
this.getFormFieldList(processForm)
|
||||||
|
}
|
||||||
|
}).catch(e => {
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* @description: 动态表单读取
|
||||||
|
*/
|
||||||
|
getFormFieldList (item) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.qbfsForm = JSON.parse(JSON.stringify(item))
|
||||||
|
this.fileList = item.fileList
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//流程提交
|
||||||
|
handleSubmit(){
|
||||||
|
this.isSubmit = true
|
||||||
|
this.qbfsForm.presentPeople = this.$store.getters.userInfo.userName
|
||||||
|
this.qbfsForm.presentPeopleId = this.$store.getters.userInfo.userId
|
||||||
|
this.qbfsForm.commentText = this.commentText
|
||||||
|
let json = JSON.stringify(this.qbfsForm);
|
||||||
|
this.$http.post('lawss/activiti/completeTask', {
|
||||||
|
taskIds: this.$route.query.taskIds,
|
||||||
|
userId: this.$store.getters.userInfo.userId,
|
||||||
|
json: json,
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.$message.success(res.message)
|
||||||
|
this.$router.push('/processCenter')
|
||||||
|
}
|
||||||
|
this.isSubmit = false
|
||||||
|
}, e => {
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
handleTabs(name) {
|
||||||
|
this.active = name;
|
||||||
|
},
|
||||||
|
//转办事件
|
||||||
|
handleTransfer(){
|
||||||
|
this.drawerModal = true
|
||||||
|
this.drawerTitle = '转办处理人'
|
||||||
|
this.selectPeople = row
|
||||||
|
},
|
||||||
|
//确认转办
|
||||||
|
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)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* @Description: 点击下载
|
||||||
|
*/
|
||||||
|
downloadFile(attId) {
|
||||||
|
if (attId != null && attId !== "") {
|
||||||
|
window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
|
||||||
|
} else {
|
||||||
|
this.$message.error("请选择要下载的文件");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
downloadFileByWater(attId, fileSuffix) {
|
||||||
|
let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
|
||||||
|
if (fileExtension !== "pdf" && fileExtension !== "PDF") {
|
||||||
|
this.$message.error("水印下载仅支持PDF,pdf格式文件");
|
||||||
|
} else {
|
||||||
|
if (attId != null && attId !== "") {
|
||||||
|
window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
|
||||||
|
} else {
|
||||||
|
this.$message.error("请选择要下载的文件");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
listNoDataText() {
|
||||||
|
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import '~@/assets/styles/style';
|
||||||
|
|
||||||
|
.qbfs-step3 {
|
||||||
|
/deep/ .el-drawer__container {
|
||||||
|
.prc-content-border {
|
||||||
|
border: none;
|
||||||
|
padding: 0 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fileClass {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fileClass:hover {
|
||||||
|
color: #0c91e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
& > a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > i {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 3px;
|
||||||
|
width: 18px;
|
||||||
|
height: 16px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-position: center center;
|
||||||
|
vertical-align: sub;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-download {
|
||||||
|
background-image: url("~assets/images/shangqi/img/download.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-download2 {
|
||||||
|
background-image: url("~assets/images/shangqi/img/download2.png");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-form-el-select {
|
||||||
|
/deep/ .el-select {
|
||||||
|
width: 210px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-drawer-content {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,651 @@
|
|||||||
|
<template>
|
||||||
|
<form>
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">基础信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<div class="prc-content-border">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="企标类别" prop="standSort" class="add-form-item form-item-disabled">
|
||||||
|
<el-select v-model="form.standSort" filterable clearable placeholder="" :disabled="disabledState" style="appearance: none">
|
||||||
|
<el-option
|
||||||
|
v-for="item in standSortOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="中文名称" prop="standName" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.standName" :disabled="disabledState"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-show="verifySarStandard" label="发布日期" prop="issueTime" class="add-form-item form-item-disabled">
|
||||||
|
<el-datePicker v-model="form.issueTime" :disabled="disabledState"
|
||||||
|
:editable="false"
|
||||||
|
></el-datePicker>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item label="制修订类型" prop="reviseStatus" class="add-form-item form-item-disabled" >-->
|
||||||
|
<!-- <template>-->
|
||||||
|
<!-- <div style="padding-left: 10px; color: #666666;">{{ form.reviseStatus === ''? '' : (form.reviseStatus === '1'? '制定' : '修订') }}</div>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="文本状态" prop="textStatusBuss" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-select :popper-append-to-body="false" v-model="form.textStatusBuss" placeholder="" :disabled="disabledState">-->
|
||||||
|
<!-- <el-option-->
|
||||||
|
<!-- v-for="item in standStateOptions"-->
|
||||||
|
<!-- :key="item.value"-->
|
||||||
|
<!-- :value="item.value"-->
|
||||||
|
<!-- :label="item.label"-->
|
||||||
|
<!-- ></el-option>-->
|
||||||
|
<!-- </el-select>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
|
||||||
|
<!-- <el-form-item v-show="verifySarStandard" label="复审日期" prop="FSRQBUSS" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-datePicker v-model="form.FSRQBUSS"-->
|
||||||
|
<!-- :editable="false"-->
|
||||||
|
<!-- :disabled="true"-->
|
||||||
|
<!-- value-format="yyyy-MM-dd"-->
|
||||||
|
<!-- clearable></el-datePicker>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<!-- <el-form-item label="国家/地区" prop="country" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-select :popper-append-to-body="false" v-model="form.country" multiple placeholder="国家/地区">-->
|
||||||
|
<!-- <el-option-->
|
||||||
|
<!-- v-for="item in countryOptions"-->
|
||||||
|
<!-- placeholder="请选择"-->
|
||||||
|
<!-- :key="item.value"-->
|
||||||
|
<!-- :value="item.value"-->
|
||||||
|
<!-- :label="item.label"-->
|
||||||
|
<!-- ></el-option>-->
|
||||||
|
<!-- </el-select>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="企标编号" prop="standNumber" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-input-->
|
||||||
|
<!-- v-model="form.standNumber" :disabled="disabledState"-->
|
||||||
|
<!-- clearable-->
|
||||||
|
<!-- ></el-input>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<el-form-item label="企业标准号" prop="standCode" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.standCode" :disabled="disabledState"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="英文名称" prop="standEnName" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.standEnName" :disabled="disabledState"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-show="verifySarStandard" label="企标实施日期" prop="putTime" class="add-form-item form-item-disabled">
|
||||||
|
<el-datePicker v-model="form.putTime" :disabled="disabledState"
|
||||||
|
:editable="false"></el-datePicker>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item v-show="verifySarStandard" label="标准年份" prop="standYear" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-input v-model="form.standYear" :disabled="disabledState"-->
|
||||||
|
<!-- clearable></el-input>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item v-show="verifySarStandard" label="废止日期" prop="FZRQBUSS" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-datePicker v-model="form.FZRQBUSS" :disabled="disabledState"-->
|
||||||
|
<!-- :editable="false"-->
|
||||||
|
<!-- value-format="yyyy-MM-dd"-->
|
||||||
|
<!-- clearable></el-datePicker>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<ProcessTitle v-show="verifySarStandard">
|
||||||
|
<template slot="title">过程稿件</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<div class="prc-content-border" v-show="verifySarStandard">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="发布稿" prop="FBGBUSSName" class="add-form-item form-item-disabled">
|
||||||
|
<div v-if="FBGBUSSFileList.length > 0" v-for="(item,index) in FBGBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
|
||||||
|
<span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
|
||||||
|
<span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
|
||||||
|
<el-button type="primary" size="mini" plain icon="el-icon-download" @click="handleFilePreview(item,'down')"></el-button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- <div v-if="FBGBUSSFileList.length>0" v-for="(value,index) in this.FBGBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile(value)">-->
|
||||||
|
<!-- <!– {{ value.name }} –>-->
|
||||||
|
<!-- {{value.name}}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="历史版本" prop="LSBBBUSSName" class="add-form-item form-item-disabled">
|
||||||
|
<div v-if="LSBBBUSSFileList.length > 0" v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
|
||||||
|
<span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
|
||||||
|
<span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
|
||||||
|
<el-button type="primary" size="mini" plain icon="el-icon-download" @click="handleFilePreview(item,'down')"></el-button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- <div v-if="LSBBBUSSFileList.length>0" v-for="(value,index) in this.LSBBBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile(value)">-->
|
||||||
|
<!-- <!– {{ value.name }} –>-->
|
||||||
|
<!-- {{value.name}}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="编制说明" prop="BZSMBUSSName" class="add-form-item form-item-disabled">
|
||||||
|
<div v-if="BZSMBUSSFileList.length > 0" v-for="(item,index) in BZSMBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
|
||||||
|
<span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
|
||||||
|
<span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
|
||||||
|
<el-button type="primary" size="mini" plain icon="el-icon-download" @click="handleFilePreview(item,'down')"></el-button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- <div v-if="BZSMBUSSFileList.length>0" v-for="(value,index) in this.BZSMBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile(value)">-->
|
||||||
|
<!-- <!– {{ value.name }} –>-->
|
||||||
|
<!-- {{value.name}}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="其他文件" prop="QTWJBUSSName" class="add-form-item form-item-disabled">
|
||||||
|
<div v-if="QTWJBUSSFileList.length > 0" v-for="(item,index) in QTWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
|
||||||
|
<span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
|
||||||
|
<span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
|
||||||
|
<el-button type="primary" size="mini" plain icon="el-icon-download" @click="handleFilePreview(item,'down')"></el-button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- <div v-if="QTWJBUSSFileList.length>0" v-for="(value,index) in this.QTWJBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile(value)">-->
|
||||||
|
<!-- <!– {{ value.name }} –>-->
|
||||||
|
<!-- {{value.name}}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<ProcessTitle v-show="verifySarStandard">
|
||||||
|
<template slot="title">适用范围</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<div class="prc-content-border" v-show="verifySarStandard">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="起草部门" prop="QCDW" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.QCDW" :disabled="disabledState" clearable></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="文件上传人员" prop="WJSCRYBUSSName" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.WJSCRYBUSSName"
|
||||||
|
:disabled="true"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="能源类型" prop="NYLXCLASS" class="add-form-item form-item-disabled">
|
||||||
|
<el-select :popper-append-to-body="false" v-model="form.NYLXCLASS" placeholder="" :disabled="disabledState" multiple>
|
||||||
|
<el-option
|
||||||
|
v-for="item in categoryOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关联模块--乘用车VPPS中文名称" title="关联模块--乘用车VPPS中文名称" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.CYCVPPSBMBUSS" :disabled="disabledState"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关联模块--卡车VPPS编码" title="关联模块--卡车VPPS编码" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.KCVPPSBMBUSS" :disabled="disabledState"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模块结构单元变型号" title="模块结构单元变型号" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.DYBXHBUSS" :disabled="disabledState"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="体系类别" prop="TXLBBUSS" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.TXLBBUSS" :disabled="disabledState" clearable></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="起草人" prop="QCRBUSS" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.QCRBUSS" :title="form.QCRBUSS" :disabled="disabledState" clearable></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="适用车型" prop="SYCXCLASS" class="add-form-item form-item-disabled">
|
||||||
|
<el-select :popper-append-to-body="false" v-model="form.SYCXCLASS" placeholder="" :disabled="disabledState" multiple>
|
||||||
|
<el-option
|
||||||
|
v-for="item in applyArcticOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="适用产品线" prop="SYCPXCLASS" class="add-form-item form-item-disabled">
|
||||||
|
<el-select :popper-append-to-body="false" v-model="form.SYCPXCLASS" placeholder="" :disabled="disabledState" multiple>
|
||||||
|
<el-option
|
||||||
|
v-for="item in sycpxOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关联模块--乘用车vpps中文名称" prop="CYCVPPSCNBUSS" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.CYCVPPSCNBUSS" clearable :disabled="true"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关联模块--卡车VPPS编码" prop="KCVPPSCNBUSS" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.KCVPPSCNBUSS" clearable :disabled="true"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模块结构单元名称" prop="DYMCBUSS" class="add-form-item form-item-disabled">
|
||||||
|
<el-input v-model="form.DYMCBUSS" clearable :disabled="true"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<ProcessTitle v-show="verifySarStandard">
|
||||||
|
<template slot="title">关联信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<div class="prc-content-border" v-show="verifySarStandard">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="代替企标编号" prop="DTQBBHBUSS" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.DTQBBHBUSS" :disabled="disabledState"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="采用标准" prop="CYBZ" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.CYBZ" :disabled="disabledState"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="引用标准" prop="YYBZ" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.YYBZ" :disabled="disabledState"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<!-- <el-form-item label="被代替企标编号" prop="BDTWJHLAWS" class="add-form-item form-item-disabled">-->
|
||||||
|
<!-- <el-input-->
|
||||||
|
<!-- v-model="form.BDTWJHLAWS" :disabled="disabledState"-->
|
||||||
|
<!-- clearable-->
|
||||||
|
<!-- ></el-input>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<el-form-item label="上传时间" prop="XCSJBUSS" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
v-model="form.XCSJBUSS"
|
||||||
|
clearable
|
||||||
|
:disabled="true"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="采标程度" prop="CBCD" class="add-form-item form-item-disabled">
|
||||||
|
<el-select :popper-append-to-body="false"
|
||||||
|
v-model="form.CBCD" placeholder="" :disabled="disabledState">
|
||||||
|
<el-option
|
||||||
|
v-for="item in cbcdOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关联文件" prop="GLWJBUSSName" class="add-form-item form-item-disabled">
|
||||||
|
<div v-if="GLWJBUSSFileList.length > 0" v-for="(item,index) in GLWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
|
||||||
|
<span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
|
||||||
|
<span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
|
||||||
|
<el-button type="primary" size="mini" plain icon="el-icon-download" @click="handleFilePreview(item,'down')"></el-button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- <div v-if="GLWJBUSSFileList.length>0" v-for="(value,index) in this.GLWJBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile(value)">-->
|
||||||
|
<!-- <!– {{ value.name }} –>-->
|
||||||
|
<!-- {{value.name}}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<ProcessTitle v-show="opinionsShow">
|
||||||
|
<template slot="title">意见信息</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<div class="prc-content-border" v-show="opinionsShow">
|
||||||
|
<el-table
|
||||||
|
ref="selection"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
style="width: 100%;margin-bottom: 20px;overflow-y:auto;height:auto;border-bottom: 1px solid #EBEEF5;"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
|
fontWeight: 'bold', height: '48px'}"
|
||||||
|
row-key="id"
|
||||||
|
:data="form.infoList"
|
||||||
|
border
|
||||||
|
default-expand-all>
|
||||||
|
<el-table-column
|
||||||
|
label="序号"
|
||||||
|
min-width="5%"
|
||||||
|
align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{scope.$index + 1}}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="modelNum"
|
||||||
|
label="条款号"
|
||||||
|
min-width="8%"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="modelUpdBefore"
|
||||||
|
label="修改前"
|
||||||
|
align="center"
|
||||||
|
min-width="20%">
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- <el-form-item-->
|
||||||
|
<!-- style="margin-left: 0;margin-bottom:0;"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <el-input v-model="scope.row.modelUpdBefore" :title="scope.row.modelUpdBefore" :disabled="scope.row.disabled" placeholder="请维护章节修改前内容" @blur="modelNameFunc1(scope.row)"/>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="modelUpdAfter"
|
||||||
|
label="修改后"
|
||||||
|
align="center"
|
||||||
|
min-width="20%">
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- <el-form-item-->
|
||||||
|
<!-- style="margin-left: 0;margin-bottom:0;"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <el-input v-model="scope.row.modelUpdAfter" :title="scope.row.modelUpdAfter" :disabled="scope.row.disabled" placeholder="请维护章节修改后内容" @blur="modelNameFunc2(scope.row)"/>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="modelContent"
|
||||||
|
label="修改理由"
|
||||||
|
align="center"
|
||||||
|
min-width="20%">
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- <el-form-item-->
|
||||||
|
<!-- style="margin-left: 0;margin-bottom:0;"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <el-input v-model="scope.row.modelContent" :disabled="scope.row.disabled" placeholder="请填写修改理由"/>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zrDeptIdName"
|
||||||
|
label="提出部门"
|
||||||
|
align="center"
|
||||||
|
min-width="15%">
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- <el-form-item-->
|
||||||
|
<!-- style="margin-left: 0;margin-bottom:0;"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <el-input v-model="scope.row.zrDeptIdName" disabled placeholder="请选择提出人自动带入部门"/>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zrUserIdName"
|
||||||
|
label="责任人"
|
||||||
|
min-width="15%"
|
||||||
|
align="center">
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- <el-form-item-->
|
||||||
|
<!-- style="margin-left: 0;margin-bottom:0;"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <el-input v-model="scope.row.zrUserIdName" v-if="scope.row.pid === '0'" placeholder="请选择责任人" disabled />-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="意见是否采纳"
|
||||||
|
min-width="15%"
|
||||||
|
align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{filterOp(scope.row.opinionsAdopted)}}
|
||||||
|
<!-- <el-form-item-->
|
||||||
|
<!-- style="margin-left: 0;margin-bottom:0;"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <el-select style="margin-left: -223px;" v-model="scope.row.opinionsAdopted" filterable clearable :disabled="disabledState">-->
|
||||||
|
<!-- <el-option-->
|
||||||
|
<!-- v-for="item in opinionsAdoptedOptions"-->
|
||||||
|
<!-- :key="item.value"-->
|
||||||
|
<!-- :value="item.value"-->
|
||||||
|
<!-- :label="item.label"-->
|
||||||
|
<!-- ></el-option>-->
|
||||||
|
<!-- </el-select>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="opinionsAdoptedCont"
|
||||||
|
label="采纳理由"
|
||||||
|
align="center"
|
||||||
|
min-width="15%">
|
||||||
|
<!-- <template slot-scope="scope">-->
|
||||||
|
<!-- <el-form-item-->
|
||||||
|
<!-- style="margin-left: 0;margin-bottom:0;"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <el-input v-model="scope.row.opinionsAdoptedCont" clearable placeholder="请选择提出人自动带入部门"/>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="汇总评审意见文件" prop="GLWJBUSSName" class="add-form-item form-item-disabled">
|
||||||
|
<div v-if="summaryFileList.length > 0" v-for="(item,index) in summaryFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
|
||||||
|
<span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
|
||||||
|
<span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
|
||||||
|
<el-button type="primary" size="mini" plain icon="el-icon-download" @click="handleFilePreview(item,'down')"></el-button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapGetters } from 'vuex'
|
||||||
|
import ProcessTitle from '../../../components/ProcessTitle'
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'formList',
|
||||||
|
components: {
|
||||||
|
ProcessTitle,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
form: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
FBGBUSSFileList: {
|
||||||
|
type: Array,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
LSBBBUSSFileList: {
|
||||||
|
type: Array,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
BZSMBUSSFileList: {
|
||||||
|
type: Array,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
QTWJBUSSFileList: {
|
||||||
|
type: Array,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
GLWJBUSSFileList: {
|
||||||
|
type: Array,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
summaryFileList: {
|
||||||
|
type: Array,
|
||||||
|
required: false
|
||||||
|
},
|
||||||
|
disabledState: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
verifySarStandard: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
opinionsShow: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
fileShow: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
},
|
||||||
|
filters: {
|
||||||
|
ellipsis (value) {
|
||||||
|
if (!value) return ''
|
||||||
|
if (value.length > 35) {
|
||||||
|
return value.slice(0,35) + '...'
|
||||||
|
}
|
||||||
|
return value
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
opinionsAdoptedOptions:[
|
||||||
|
{value: '1',label: '采纳'},
|
||||||
|
{value: '2',label: '部分采纳'},
|
||||||
|
{value: '3',label: '不采纳'},
|
||||||
|
],
|
||||||
|
countryOptions:[],//国家地区
|
||||||
|
standSortOptions: [], // 标准类别
|
||||||
|
standNatureOptions: [], // 标准性质
|
||||||
|
standStateOptions: [], // 文本状态
|
||||||
|
standSystemOptions: [], // 标准体系
|
||||||
|
busVppsOptions: [], // 车系体系架构
|
||||||
|
busVppsChildOptions: [], // 车系体系架构子集合
|
||||||
|
modelOptions: [], // 模块体系架构
|
||||||
|
modelChildOptions: [], // 模块体系架构子集合
|
||||||
|
applyArcticOptions: [], // 适用车型
|
||||||
|
gkglbmOptions: [], // 归口管理部门
|
||||||
|
categoryOptions: [], // 能源类型
|
||||||
|
applyAuthOptions: [], // 适用认证
|
||||||
|
cysdOptions: [], // 我司参与深度
|
||||||
|
cbcdOptions: [], // 采标程度
|
||||||
|
wssmrOptions: [], // 我司署名人
|
||||||
|
sycpxOptions: [], // 适用产品线
|
||||||
|
zrbmOptions: [], // 责任部门
|
||||||
|
zrgcsOptions: [], // 责任工程师
|
||||||
|
qcdwOption: [], // 起草单位
|
||||||
|
txlbOptions: [], // 体系类别
|
||||||
|
standSortConfigOptions: [], // 标准类别下拉框
|
||||||
|
adoptExtentOptions: [], // 采标程度下拉框
|
||||||
|
emergyKindOptions: [], // 能源种类下拉框
|
||||||
|
categoryConfigOptions: [], // 所属类别下拉框
|
||||||
|
assemClassOptions: [], // 总成分类下拉框
|
||||||
|
qcdwOptions:[],//起草单位下拉框
|
||||||
|
qcrOptions:[],//起草人下拉框
|
||||||
|
nylxOptions:[],//能源类型下拉框
|
||||||
|
syrzOptions:[],//适用认证下拉框
|
||||||
|
data: [], // 标准列表数据
|
||||||
|
ListForm: {}, // 新增数据
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters(['userInfo'])
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
filterOp(data){
|
||||||
|
if(!data){
|
||||||
|
return ""
|
||||||
|
}
|
||||||
|
const map = new Map();
|
||||||
|
map.set("1","采纳");
|
||||||
|
map.set("2","部分采纳");
|
||||||
|
map.set("3","不采纳");
|
||||||
|
return map.get(data)
|
||||||
|
},
|
||||||
|
// 文件预览及下载
|
||||||
|
handleFilePreview(file,type) {
|
||||||
|
let attId = ""
|
||||||
|
if(file && file.id){
|
||||||
|
attId = file.id
|
||||||
|
}else {
|
||||||
|
attId = file.response.data.id
|
||||||
|
}
|
||||||
|
if (type === 'down') {
|
||||||
|
if (attId) {
|
||||||
|
window.open('/api/att/attFile/downloadFileForSar?fileId=' + attId)
|
||||||
|
} else {
|
||||||
|
this.$message.warning('文件不存在,下载失败')
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.$preview(attId)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
downloadFile (data) {
|
||||||
|
//文件id中出现了','字符,去除掉
|
||||||
|
window.open('/api/att/attFile/downloadFileForSar?fileId=' + data.id)
|
||||||
|
},
|
||||||
|
setMap(data){
|
||||||
|
data.forEach(item => {
|
||||||
|
this.$set(this.textStatusMap, item.value, item.label)
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
busVsFunc(){
|
||||||
|
this.$http.get('sarVppsTree/list', '', {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.busVppsOptions = []
|
||||||
|
this.busVppsOptions = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
modelFunc(){
|
||||||
|
this.$http.get('sarModelTree/list', '', {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.modelOptions = []
|
||||||
|
this.modelOptions = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
console.log(this.form.infoList)
|
||||||
|
console.log(this.form)
|
||||||
|
this.$http.get('sys/dictype/getDicTypeListCode', '', {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.countryOptions = res.data.COUNTRY
|
||||||
|
this.applyCountryOptions = res.data.COUNTRY
|
||||||
|
this.regionOptions = res.data.REGION // 区域
|
||||||
|
this.standStateOptions = res.data.BUSSSTATE
|
||||||
|
this.energyKindOptions = res.data.ENERGYTYPES
|
||||||
|
this.standGeneraOptions = res.data.BUSSBIGCLASS
|
||||||
|
this.standSubclassOptions = res.data.BUSSFINECLASS
|
||||||
|
this.standSortOptions = res.data.BUSSSTANDCLASS // 标准类别
|
||||||
|
this.standNatureOptions = res.data.SARPROPERTY // 标准性质
|
||||||
|
this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
|
||||||
|
this.standSystemOptions = res.data.TXLBBUSS // 标准体系
|
||||||
|
this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
|
||||||
|
this.categoryOptions = res.data.NYLXCLASS // 能源类型
|
||||||
|
this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
|
||||||
|
this.cysdOptions = res.data.WSCYSD // 我司参与深度
|
||||||
|
this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
|
||||||
|
this.txlbOptions = res.data.TXLBCLASS // 体系类别
|
||||||
|
this.qcdwOptions = res.data.QCDW // 起草单位
|
||||||
|
this.qcrOptions = res.data.QCRBUSS // 起草人
|
||||||
|
this.nylxOptions = res.data.NYLXCLASS // 能源类型
|
||||||
|
this.syrzOptions = res.data.SYRZCLASS // 适用认证
|
||||||
|
this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
|
||||||
|
this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
|
||||||
|
this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
|
||||||
|
this.gkglbmOptions=res.data.GKGLBM;//归口管理部门
|
||||||
|
this.cbcdOptions=res.data.DEGREESTANDARD;//采标程度
|
||||||
|
this.setMap(this.standStateOptions)
|
||||||
|
})
|
||||||
|
this.busVsFunc()
|
||||||
|
this.modelFunc()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="qbfs-step2">
|
<div class="qbfs-step2">
|
||||||
<ProcessHeader toggle>
|
<ProcessHeader toggle>
|
||||||
<template slot="proName">企标复审流程</template>
|
<template slot="proName">企标复审流程</template>
|
||||||
<template slot="proNode">工作组组长指派责任人</template>
|
<template slot="proNode">对接人选择复审人</template>
|
||||||
</ProcessHeader>
|
</ProcessHeader>
|
||||||
<div class="headerTabs">
|
<div class="headerTabs">
|
||||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
@@ -336,8 +336,8 @@ export default {
|
|||||||
|
|
||||||
this.$set(this.qbfsForm, 'bussFsSubUser2Name', nameList)
|
this.$set(this.qbfsForm, 'bussFsSubUser2Name', nameList)
|
||||||
this.$set(this.qbfsForm, 'bussFsSubUser2', idList)
|
this.$set(this.qbfsForm, 'bussFsSubUser2', idList)
|
||||||
if(this.qbfsForm.jgUser){
|
if(this.qbfsForm.bussFsSubUser2Name){
|
||||||
this.$refs.qbfsForm.validateField('bussFsSubUser2')
|
this.$refs.qbfsForm.validateField('bussFsSubUser2Name')
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,245 +1,139 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="qbfs-step3">
|
<div class="qbfs-step2">
|
||||||
<ProcessHeader toggle>
|
<ProcessHeader toggle>
|
||||||
<template slot="proName">企标复审流程</template>
|
<template slot="proName">企标复审流程</template>
|
||||||
<template slot="proNode">工作组成员填写信息</template>
|
<template slot="proNode">复审人选择复审结果</template>
|
||||||
</ProcessHeader>
|
</ProcessHeader>
|
||||||
<div class="headerTabs">
|
<div class="headerTabs">
|
||||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content">
|
||||||
<div style="flex: auto; overflow: auto">
|
<el-form
|
||||||
<process-title>
|
ref="qbfsForm"
|
||||||
<template slot="title">基础信息</template>
|
:model="qbfsForm"
|
||||||
</process-title>
|
:rules="formRules"
|
||||||
<el-form
|
style="border: none"
|
||||||
ref="qbfsForm"
|
class="label-input-form"
|
||||||
:model="qbfsForm"
|
label-width="150px"
|
||||||
:rules="formRules"
|
>
|
||||||
class="label-input-form prc-content-border"
|
<div style="flex: auto; overflow: auto" v-show="active === '1'">
|
||||||
label-width="150px"
|
<formList
|
||||||
>
|
:form = "qbfsForm"
|
||||||
<el-row :gutter="24">
|
:FBGBUSSFileList = "FBGBUSSFileList"
|
||||||
<el-col :span="24">
|
:LSBBBUSSFileList = "LSBBBUSSFileList"
|
||||||
<el-form-item label="企标编号" prop="entNumber" class="add-form-item form-item-disabled">
|
:BZSMBUSSFileList = "BZSMBUSSFileList"
|
||||||
<el-input
|
:QTWJBUSSFileList = "QTWJBUSSFileList"
|
||||||
readonly
|
:GLWJBUSSFileList = "GLWJBUSSFileList"
|
||||||
v-model="qbfsForm.entNumber"
|
:disabledState = "disabledState"
|
||||||
placeholder="请输入企标编号"
|
:verifySarStandard = "verifySarStandard"></formList>
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="中文名称" prop="cnName" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.cnName"
|
|
||||||
placeholder="请输入中文名称"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="英文名称" prop="enName" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.enName"
|
|
||||||
placeholder="请输入英文名称"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="企标类别" prop="entCategory" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.entCategory"
|
|
||||||
placeholder="请输入企标类别"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="代替企标编号" prop="replaceNumber" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.replaceNumber"
|
|
||||||
placeholder="请输入代替企标编号"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="被代替企标编号" prop="replacedNumber" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.replacedNumber"
|
|
||||||
placeholder="请输入被代替企标编号"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="发布日期" prop="releaseDate" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.releaseDate"
|
|
||||||
placeholder="请输入发布日期"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="实施日期" prop="implementDate" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.implementDate"
|
|
||||||
placeholder="请输入实施日期"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="复审日期" prop="reviewDate" class="add-form-item form-item-disabled">
|
|
||||||
<el-input
|
|
||||||
readonly
|
|
||||||
v-model="qbfsForm.reviewDate"
|
|
||||||
placeholder="请输入复审日期"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
|
|
||||||
<div class="file-box" v-if="fileList.length > 0">
|
|
||||||
<p v-for="item in fileList"
|
|
||||||
:key="item.id"> {{ item.oldFileName }}
|
|
||||||
<i
|
|
||||||
title="下载"
|
|
||||||
@click="downloadFile(item.id)"
|
|
||||||
class="icon-download"
|
|
||||||
v-btn-permission="''"
|
|
||||||
/>
|
|
||||||
<i
|
|
||||||
title="下载带水印"
|
|
||||||
@click="downloadFileByWater(item.id, item.name)"
|
|
||||||
class="icon-download2"
|
|
||||||
v-btn-permission="''"
|
|
||||||
/>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div v-else>
|
|
||||||
暂无数据
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- <el-form-item label="工作组成员" prop="jgUser" class="add-form-item form-item-disabled">-->
|
|
||||||
<!-- <el-input-->
|
|
||||||
<!-- v-model="qbfsForm.jgUser"-->
|
|
||||||
<!-- placeholder="请选择工作组成员"-->
|
|
||||||
<!-- clearable-->
|
|
||||||
<!-- ></el-input>-->
|
|
||||||
<!-- </el-form-item>-->
|
|
||||||
<el-form-item label="下一步状态" prop="nextStatus" class="add-form-item ">
|
|
||||||
<el-select v-model="qbfsForm.nextStatus" placeholder="请选择下一步状态">
|
|
||||||
<el-option
|
|
||||||
v-for="item in associationOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<el-collapse accordion>
|
<el-collapse accordion>
|
||||||
<el-collapse-item title="回执说明">
|
<el-collapse-item title="回执说明">
|
||||||
<div style="margin: 10px 0;">
|
<div style="margin: 10px 0;">
|
||||||
<el-input
|
<el-input
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:rows="3"
|
:rows="3"
|
||||||
resize="none"
|
resize="none"
|
||||||
placeholder="请输入意见"
|
placeholder="请输入意见"
|
||||||
v-model="commentText">
|
v-model="commentText">
|
||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
</div>
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '3'">
|
<div style="padding-top: 20px;" v-show="active === '3'">
|
||||||
<div class="flow-list">
|
<div class="flow-list">
|
||||||
<el-table
|
<el-table
|
||||||
height="100%"
|
height="100%"
|
||||||
ref="selection"
|
ref="selection"
|
||||||
:data="detailData"
|
:data="detailData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
border
|
border
|
||||||
row-key="id"
|
row-key="id"
|
||||||
:no-data-text="listNoDataText"
|
:no-data-text="listNoDataText"
|
||||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
: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
|
||||||
<el-table-column
|
type="selection"
|
||||||
prop="assignee"
|
width="55"
|
||||||
label="任务受理人"
|
align="center">
|
||||||
align="center"
|
</el-table-column>
|
||||||
>
|
<el-table-column
|
||||||
</el-table-column>
|
prop="name"
|
||||||
<el-table-column
|
label="任务步骤"
|
||||||
prop="createTime"
|
align="center"
|
||||||
label="创建时间"
|
>
|
||||||
sortable="custom"
|
</el-table-column>
|
||||||
align="center">
|
<el-table-column
|
||||||
<template slot-scope="scope">
|
prop="assignee"
|
||||||
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
|
label="任务受理人"
|
||||||
</template>
|
align="center"
|
||||||
</el-table-column>
|
>
|
||||||
<el-table-column
|
</el-table-column>
|
||||||
prop="endTime"
|
<el-table-column
|
||||||
label="完成时间"
|
prop="createTime"
|
||||||
align="center">
|
label="创建时间"
|
||||||
<template slot-scope="scope">
|
sortable="custom"
|
||||||
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
|
align="center">
|
||||||
</template>
|
<template slot-scope="scope">
|
||||||
</el-table-column>
|
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
|
||||||
<el-table-column
|
</template>
|
||||||
prop="comment"
|
</el-table-column>
|
||||||
label="流程信息"
|
<el-table-column
|
||||||
align="center">
|
prop="endTime"
|
||||||
<template slot-scope="scope">
|
label="完成时间"
|
||||||
<span>{{ scope.row.commentText }}</span>
|
align="center">
|
||||||
</template>
|
<template slot-scope="scope">
|
||||||
</el-table-column>
|
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
|
||||||
<el-table-column
|
</template>
|
||||||
prop="completeFlag"
|
</el-table-column>
|
||||||
label="状态"
|
<el-table-column
|
||||||
align="center">
|
prop="comment"
|
||||||
<template slot-scope="scope">
|
label="流程信息"
|
||||||
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
|
align="center">
|
||||||
</template>
|
<template slot-scope="scope">
|
||||||
</el-table-column>
|
<span>{{ scope.row.commentText }}</span>
|
||||||
</el-table>
|
</template>
|
||||||
<loading :loading="loading">流程列表加载中</loading>
|
</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>
|
</div>
|
||||||
</div>
|
</el-form>
|
||||||
<ProcessFooter
|
|
||||||
show-transfer
|
|
||||||
show-submit
|
|
||||||
:transfer-loading="isTransfer"
|
|
||||||
:submitLoading="isSubmit"
|
|
||||||
:saveLoading="saveLoading"
|
|
||||||
:approval="true"
|
|
||||||
@transfer="handleTransfer"
|
|
||||||
@submit="handleSubmit"
|
|
||||||
>
|
|
||||||
</ProcessFooter>
|
|
||||||
<!-- 福田全公司选人解决方案 -->
|
|
||||||
<Role-tree
|
|
||||||
check-box
|
|
||||||
:is-title="drawerTitle"
|
|
||||||
:is-visible.sync="drawerModal"
|
|
||||||
@checkedRole="checkedRole"
|
|
||||||
:nodeList="nodeList"
|
|
||||||
></Role-tree>
|
|
||||||
</div>
|
</div>
|
||||||
|
<ProcessFooter
|
||||||
|
show-submit
|
||||||
|
:submitLoading="isSubmit"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
<!-- 福田全公司选人解决方案 -->
|
||||||
|
<Role-tree
|
||||||
|
check-box
|
||||||
|
:is-title="drawerTitle"
|
||||||
|
:is-visible.sync="drawerModal"
|
||||||
|
@checkedRole="checkedRoles"
|
||||||
|
:nodeList="nodeList"
|
||||||
|
></Role-tree>
|
||||||
|
<!-- 选择责任人-->
|
||||||
|
<Role-tree
|
||||||
|
:is-title="drawerTitle"
|
||||||
|
:is-visible.sync="modalshowflag"
|
||||||
|
@checkedRole="checkedRole"
|
||||||
|
:nodeList="nodeList2"
|
||||||
|
></Role-tree>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -247,26 +141,38 @@ import ProcessHeader from "../../components/ProcessHeader";
|
|||||||
import ProcessFooter from "../../components/ProcessFooter";
|
import ProcessFooter from "../../components/ProcessFooter";
|
||||||
import ProcessTitle from "../../components/ProcessTitle";
|
import ProcessTitle from "../../components/ProcessTitle";
|
||||||
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
|
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
|
||||||
|
import formList from './common/formList.vue'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "qbfsStep3",
|
name: "qbfsStepSub1",
|
||||||
components:{
|
components:{
|
||||||
ProcessHeader,
|
ProcessHeader,
|
||||||
ProcessFooter,
|
ProcessFooter,
|
||||||
ProcessTitle
|
ProcessTitle,
|
||||||
|
formList
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
active: '1',
|
active: '1',
|
||||||
isTransfer: false,
|
disabledState:true,
|
||||||
isSubmit: false,
|
verifySarStandard:true,
|
||||||
saveLoading: false,
|
FBGBUSSFileList: [],
|
||||||
drawerModal: false,
|
BZSMBUSSFileList: [],
|
||||||
drawerTitle: '',
|
LSBBBUSSFileList: [],
|
||||||
nodeList: [],
|
QTWJBUSSFileList: [],
|
||||||
|
GLWJBUSSFileList: [],
|
||||||
fileList: [],
|
fileList: [],
|
||||||
commentText: '',
|
commentText: '',
|
||||||
detailData: [],
|
detailData: [],
|
||||||
|
nodeList: [],
|
||||||
|
nodeList2: [],
|
||||||
|
isSubmit: false,
|
||||||
|
saveLoading: false,
|
||||||
|
isTransfer: false,
|
||||||
|
// 调整处理人抽屉状态
|
||||||
|
drawerModal: false,
|
||||||
|
drawerTitle: "", //drawer标题
|
||||||
|
modalshowflag: false, // drawer开关
|
||||||
loading: false,
|
loading: false,
|
||||||
qbfsForm:{
|
qbfsForm:{
|
||||||
entNumber: '',
|
entNumber: '',
|
||||||
@@ -278,23 +184,22 @@ export default {
|
|||||||
releaseDate: '',
|
releaseDate: '',
|
||||||
implementDate: '',
|
implementDate: '',
|
||||||
reviewDate: '',
|
reviewDate: '',
|
||||||
nextStatus: '',
|
jgUser: '',
|
||||||
|
jgUserId: '',
|
||||||
|
bussFsSubUser2:'',
|
||||||
|
bussFsSubUser2Name:'',
|
||||||
|
},
|
||||||
|
roleForm: {
|
||||||
|
jgUser: ""
|
||||||
},
|
},
|
||||||
formRules: {
|
formRules: {
|
||||||
nextStatus: [
|
jgUser: [
|
||||||
{required: true, message: "请选择下一步状态", trigger: "change"}
|
{required: true, message: "请选择工作组成员", trigger: "change"}
|
||||||
|
],
|
||||||
|
bussFsSubUser2Name: [
|
||||||
|
{required: true, message: "请选择企标复审人", trigger: "change"}
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
associationOptions: [{
|
|
||||||
value: "修订",
|
|
||||||
label: "修订"
|
|
||||||
}, {
|
|
||||||
value: "废止",
|
|
||||||
label: "废止"
|
|
||||||
}, {
|
|
||||||
value: "有效",
|
|
||||||
label: "有效"
|
|
||||||
}]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -315,6 +220,29 @@ export default {
|
|||||||
}, e => {
|
}, e => {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
assemble(ids,names){
|
||||||
|
let list= new Array();
|
||||||
|
if(ids && ids !== '' && names && names !== ''){
|
||||||
|
let idArray=ids.split(',');
|
||||||
|
let nameArray=names.split(',');
|
||||||
|
for(let i=0; i<idArray.length; i++){
|
||||||
|
list.push({id:idArray[i],name:nameArray[i]});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return list;
|
||||||
|
},
|
||||||
|
getStandInfoUpdateById(standId) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
this.$http.get('lawss/sarBussionessStand/getStandInfoUpdateById', {id: standId}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if(res && res.data){
|
||||||
|
const history = res;
|
||||||
|
resolve(history)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
getData() {
|
getData() {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
inboundLiaisonDetail({
|
inboundLiaisonDetail({
|
||||||
@@ -332,37 +260,53 @@ export default {
|
|||||||
/**
|
/**
|
||||||
* @description: 动态表单读取
|
* @description: 动态表单读取
|
||||||
*/
|
*/
|
||||||
getFormFieldList (item) {
|
async getFormFieldList (item) {
|
||||||
|
let standObj = await this.getStandInfoUpdateById(item.standId)
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.qbfsForm = JSON.parse(JSON.stringify(item))
|
const bringData = standObj.data
|
||||||
this.fileList = item.fileList
|
const json = Object.assign(bringData, bringData.attrInfoMap,item);
|
||||||
|
this.qbfsForm = JSON.parse(JSON.stringify(json))
|
||||||
|
this.qbfsForm.WJSCRYBUSS= this.$store.getters.userInfo.userId
|
||||||
|
this.qbfsForm.WJSCRYBUSSName= this.$store.getters.userInfo.userName
|
||||||
|
this.qbfsForm['id'] = bringData.id
|
||||||
|
this.FBGBUSSFileList=this.assemble(this.qbfsForm.FBGBUSS,this.qbfsForm.FBGBUSSName);
|
||||||
|
this.BZSMBUSSFileList=this.assemble(this.qbfsForm.BZSMBUSS,this.qbfsForm.BZSMBUSSName);
|
||||||
|
this.LSBBBUSSFileList=this.assemble(this.qbfsForm.LSBBBUSS,this.qbfsForm.LSBBBUSSName);
|
||||||
|
this.QTWJBUSSFileList=this.assemble(this.qbfsForm.QTWJBUSS,this.qbfsForm.QTWJBUSSName);
|
||||||
|
this.GLWJBUSSFileList=this.assemble(this.qbfsForm.GLWJBUSS,this.qbfsForm.GLWJBUSSName);
|
||||||
|
this.standardDrawer = false
|
||||||
|
this.verifySarStandard = true
|
||||||
|
this.$forceUpdate()
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
handleTabs(name) {
|
||||||
|
this.active = name;
|
||||||
|
},
|
||||||
//流程提交
|
//流程提交
|
||||||
handleSubmit(){
|
handleSubmit(){
|
||||||
this.isSubmit = true
|
this.$refs['qbfsForm'].validate((valid) => {
|
||||||
this.qbfsForm.presentPeople = this.$store.getters.userInfo.userName
|
if (valid) {
|
||||||
this.qbfsForm.presentPeopleId = this.$store.getters.userInfo.userId
|
this.isSubmit = true
|
||||||
this.qbfsForm.commentText = this.commentText
|
this.qbfsForm.commentText = this.commentText
|
||||||
let json = JSON.stringify(this.qbfsForm);
|
let json = JSON.stringify(this.qbfsForm);
|
||||||
this.$http.post('lawss/activiti/completeTask', {
|
this.$http.post('lawss/activiti/completeTask', {
|
||||||
taskIds: this.$route.query.taskIds,
|
taskIds: this.$route.query.taskIds,
|
||||||
userId: this.$store.getters.userInfo.userId,
|
userId: this.$store.getters.userInfo.userId,
|
||||||
json: json,
|
json: json,
|
||||||
}, {
|
}, {
|
||||||
_this: this
|
_this: this
|
||||||
}, res => {
|
}, res => {
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
this.$message.success(res.message)
|
this.$message.success(res.message)
|
||||||
this.$router.push('/processCenter')
|
this.$router.push('/processCenter')
|
||||||
}
|
}
|
||||||
this.isSubmit = false
|
this.isSubmit = false
|
||||||
}, e => {
|
}, e => {
|
||||||
});
|
});
|
||||||
},
|
}else {
|
||||||
|
this.$message.warning('请检查基础信息表单是否填写完整')
|
||||||
handleTabs(name) {
|
}
|
||||||
this.active = name;
|
})
|
||||||
},
|
},
|
||||||
//转办事件
|
//转办事件
|
||||||
handleTransfer(){
|
handleTransfer(){
|
||||||
@@ -371,7 +315,7 @@ export default {
|
|||||||
this.selectPeople = row
|
this.selectPeople = row
|
||||||
},
|
},
|
||||||
//确认转办
|
//确认转办
|
||||||
checkedRole (data) {
|
checkedRoles (data) {
|
||||||
this.assigneeNewLoading = true
|
this.assigneeNewLoading = true
|
||||||
changeAssigneeNew({
|
changeAssigneeNew({
|
||||||
taskId: this.$route.query.taskIds, // 任务id
|
taskId: this.$route.query.taskIds, // 任务id
|
||||||
@@ -405,6 +349,37 @@ export default {
|
|||||||
this.processStep = window.URL.createObjectURL(res.data)
|
this.processStep = window.URL.createObjectURL(res.data)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
choiceZRRS() {
|
||||||
|
this.drawerTitle = '请选择企标复审人'
|
||||||
|
this.nodeList2 = [];
|
||||||
|
if (this.qbfsForm.bussFsSubUser2) {
|
||||||
|
this.nodeList2 = this.qbfsForm.bussFsSubUser2.split(",");
|
||||||
|
}
|
||||||
|
this.modalshowflag = true;
|
||||||
|
},
|
||||||
|
checkedRole(data) {
|
||||||
|
let idList = "";
|
||||||
|
let nameList = "";
|
||||||
|
data.forEach(item => {
|
||||||
|
if (nameList.length) {
|
||||||
|
nameList += ",";
|
||||||
|
idList += ",";
|
||||||
|
}
|
||||||
|
idList += item.id;
|
||||||
|
nameList += item.name;
|
||||||
|
});
|
||||||
|
this.$set(this.qbfsForm, 'jgUser', nameList)
|
||||||
|
this.$set(this.qbfsForm, 'jgUserId', idList)
|
||||||
|
if(this.qbfsForm.jgUser){
|
||||||
|
this.$refs.qbfsForm.validateField('jgUser')
|
||||||
|
}
|
||||||
|
|
||||||
|
this.$set(this.qbfsForm, 'bussFsSubUser2Name', nameList)
|
||||||
|
this.$set(this.qbfsForm, 'bussFsSubUser2', idList)
|
||||||
|
if(this.qbfsForm.bussFsSubUser2Name){
|
||||||
|
this.$refs.qbfsForm.validateField('bussFsSubUser2Name')
|
||||||
|
}
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* @Description: 点击下载
|
* @Description: 点击下载
|
||||||
*/
|
*/
|
||||||
@@ -439,7 +414,7 @@ export default {
|
|||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@import '~@/assets/styles/style';
|
@import '~@/assets/styles/style';
|
||||||
|
|
||||||
.qbfs-step3 {
|
.qbfs-step2 {
|
||||||
/deep/ .el-drawer__container {
|
/deep/ .el-drawer__container {
|
||||||
.prc-content-border {
|
.prc-content-border {
|
||||||
border: none;
|
border: none;
|
||||||
|
|||||||
+9
-27
@@ -2010,6 +2010,15 @@ const routes = [
|
|||||||
title: '企标复审流程'
|
title: '企标复审流程'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/qbfsStepSub2',
|
||||||
|
name: 'qbfsStepSub2',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/qbfs/step3.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '企标复审流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
//企标复审流程
|
//企标复审流程
|
||||||
{
|
{
|
||||||
path: '/qbfsStep1',
|
path: '/qbfsStep1',
|
||||||
@@ -2029,33 +2038,6 @@ const routes = [
|
|||||||
title: '企标复审流程'
|
title: '企标复审流程'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/qbfsStep3',
|
|
||||||
name: 'qbfsStep3',
|
|
||||||
component: () => import('@/pages/processCenter/pages/creatProcess/qbfs/step3.vue'),
|
|
||||||
meta: {
|
|
||||||
requireAuth: true,
|
|
||||||
title: '企标复审流程'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/qbfsStep4',
|
|
||||||
name: 'qbfsStep4',
|
|
||||||
component: () => import('@/pages/processCenter/pages/creatProcess/qbfs/step4.vue'),
|
|
||||||
meta: {
|
|
||||||
requireAuth: true,
|
|
||||||
title: '企标复审流程'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/qbfsStep1-4',
|
|
||||||
name: 'qbfsStep1-4',
|
|
||||||
component: () => import('@/pages/processCenter/pages/creatProcess/qbfs/step1-4.vue'),
|
|
||||||
meta: {
|
|
||||||
requireAuth: true,
|
|
||||||
title: '企标复审流程'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//企标废止流程
|
//企标废止流程
|
||||||
{
|
{
|
||||||
path: '/qbfzStep1',
|
path: '/qbfzStep1',
|
||||||
|
|||||||
Reference in New Issue
Block a user