feat: There is no way the, BUSS PROCESS -1

This commit is contained in:
Superman_Main
2021-12-03 17:28:34 +08:00
parent d2330c6a08
commit 05d8d380a0
7 changed files with 7785 additions and 0 deletions
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
@@ -0,0 +1,985 @@
<template>
<div class="bzrkStep2">
<!-- 标准入库流程-->
<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 class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>-->
</div>
<div class="content" v-if="active === '1'">
<div style="flex: auto; overflow: auto;">
<el-form
ref="qbkwForm"
:model="form"
class="label-input-form"
label-width="210px"
>
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="政策分类" prop="lawsType" class="add-form-item form-item-disabled">
<el-select v-model="form.lawsType" filterable clearable disabled>
<el-option
v-for="item in lawsTypeOptions"
placeholder="请选择政策分类"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="中文名称" prop="lawsName" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsName" disabled
placeholder="请输入中文名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="发文日期" prop="issueTime" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.issueTime" disabled
type="date"
placeholder="请选择发文日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="征集意见周期" prop="commentCycleDate" class="add-form-item form-item-disabled">
<el-date-picker
v-model="commentCycleDate"
disabled
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="文本状态" prop="lawsTextState" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsTextState" disabled placeholder="请选择文本状态">
<el-option
v-for="item in lawsTextStateOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用区域" prop="lawsSyqy" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsSyqy" disabled multiple placeholder="请选择适用区域">
<el-option
v-for="item in lawsSyqyOptions"
placeholder="请选择适用区域"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="政策文号" prop="lawsNo" class="add-form-item form-item-disabled">
<el-input
v-model.number="form.lawsNo" disabled
placeholder="请输入政策文号"
clearable
></el-input>
</el-form-item>
<el-form-item label="信息简报" prop="lawsBulletin" class="add-form-item form-item-disabled">
<el-input
v-model.number="form.lawsBulletin" disabled
placeholder="请输入信息简报"
clearable
></el-input>
</el-form-item>
<el-form-item label="备注" prop="lawsRemark" class="add-form-item form-item-disabled">
<el-input
v-model.number="form.lawsRemark" disabled
placeholder="请输入备注"
clearable
></el-input>
</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="lawsNumber" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsNumber" disabled
placeholder="请输入政策编号"
clearable
></el-input>
</el-form-item>
<el-form-item label="英文名称" prop="lawsEnName" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsEnName" disabled
placeholder="请输入英文名称"
clearable
></el-input>
</el-form-item>
<!-- <el-form-item class="add-form-item form-item-disabled" style="margin-left: -210px">-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- :loading="loadSarStandard"-->
<!-- @click="handleSearchStandard">-->
<!-- 根据类别编号中英文名称查询-->
<!-- </el-button>-->
<!-- </el-form-item>-->
<el-form-item label="发文单位" prop="issueCompany" class="add-form-item form-item-disabled">
<el-input
v-model="form.issueCompany" disabled
placeholder="请输入发文单位"
clearable
></el-input>
</el-form-item>
<el-form-item label="是否纳入认证清单" prop="isRelateAccess" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.isRelateAccess" disabled>
<el-radio label="1"></el-radio>
<el-radio label="2"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="年度" prop="lawsYear" class="add-form-item form-item-disabled">
<el-select v-model="form.lawsYear" filterable clearable disabled>
<el-option
v-for="item in lawsYearOptions"
placeholder="请选择年度"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用车型" prop="lawsSyqy" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsSyqy" disabled multiple placeholder="请选择适用车型">
<el-option
v-for="item in lawsSyqyOptions"
placeholder="请选择适用车型"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="福田转发通知文号" prop="lawsNotisyncNum" class="add-form-item form-item-disabled">
<el-input
v-model="form.lawsNotisyncNum" disabled
placeholder="请输入福田转发通知文号"
clearable
></el-input>
</el-form-item>
<el-form-item label="标签" prop="lawsLabel" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.lawsLabel" disabled multiple placeholder="请选择标签">
<el-option
v-for="item in lawsLabelOptions"
placeholder="请选择标签"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<ProcessTitle>
<template slot="title">实施日期</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="实施日期(标准文本)" prop="SSRQLAWS" class="add-form-item form-item-disabled">
<el-date-picker disabled
v-model="form.SSRQLAWS"
type="date"
placeholder="请选择标准实施日期(标准文本)"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="在产车实施日期(标准文本)" prop="ZCXSSRQLAWS" class="add-form-item form-item-disabled">
<el-date-picker disabled
v-model="form.ZCXSSRQLAWS"
type="date"
placeholder="请选择在产车实施日期(标准文本)"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="新车型实施日期(标准文本)" prop="XCXSSRQLAWS" class="add-form-item form-item-disabled">
<el-date-picker disabled
v-model="form.XCXSSRQLAWS"
type="date"
placeholder="请选择新车型实施日期(标准文本"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="实施日期(国际)" prop="ssrqgj" class="add-form-item form-item-disabled">-->
<!-- <el-date-picker-->
<!-- v-model="form.ssrqgj"-->
<!-- type="date"-->
<!-- placeholder="请选择实施日期(国际)"-->
<!-- value-format="yyyy-MM-dd">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="新车型实施日期(国际)" prop="xcxssrqgj" class="add-form-item form-item-disabled">-->
<!-- <el-date-picker-->
<!-- v-model="form.xcxssrqgj"-->
<!-- type="date"-->
<!-- placeholder="请选择新车型实施日期(国家)"-->
<!-- value-format="yyyy-MM-dd">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="在产车实施日期(国际)" prop="zccssrqgj" class="add-form-item form-item-disabled">-->
<!-- <el-date-picker-->
<!-- v-model="form.zccssrqgj"-->
<!-- type="date"-->
<!-- placeholder="请选择在产车实施日期(国家)"-->
<!-- value-format="yyyy-MM-dd">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
</el-col>
</el-row>
</div>
<ProcessTitle>
<template slot="title">文本信息</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item v-if="form.standInData === '0'" label="政策文本" prop="ZCWBLAWSName" class="add-form-item form-item-disabled">
<div v-if="ZCWBLAWSFileMap.length>0" v-for="(value,index) in this.ZCWBLAWSFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ZCWBLAWS',value.id)">
<!-- {{ value.name }} -->
{{value.name}}
</div>
<div v-else>
- -
</div>
</el-form-item>
<el-form-item label="解读文件" prop="JDWJLAWSName" class="add-form-item form-item-disabled">
<div v-if="JDWJLAWSFileMap.length>0" v-for="(value,index) in this.JDWJLAWSFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('JDWJLAWS',value.id)">
{{value.name}}
</div>
<div v-else>
- -
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item v-if="form.standInData === '1'" label="过程文本" prop="GCWBLAWSName" class="add-form-item form-item-disabled">
<div v-if="GCWBLAWSFileMap.length>0" v-for="(value,index) in this.GCWBLAWSFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('GCWBLAWS',value.id)">
{{value.name}}
</div>
<div v-else>
- -
</div>
</el-form-item>
</el-col>
</el-row>
</div>
<ProcessTitle>
<template slot="title">适用范围</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="发布机构" prop="FBJGLAWS" class="add-form-item form-item-disabled">
<el-input
v-model="form.FBJGLAWS" disabled
clearable
></el-input>
</el-form-item>
<el-form-item label="投稿人" prop="TGRLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.TGRLAWS" disabled placeholder="请选择责任部门" multiple>
<el-option
v-for="item in TGRLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="能源类型" prop="NYLXLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.NYLXLAWS" disabled placeholder="请选择能源类型" multiple>
<el-option
v-for="item in NYLXLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="责任部门" prop="ZRBMLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.ZRBMLAWS" disabled placeholder="请选择责任部门" multiple>
<el-option
v-for="item in ZRBMLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="我司参与深度" prop="CYSDLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.CYSDLAWS" disabled placeholder="请选择我司参与深度">
<el-option
v-for="item in CYSDLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="投稿单位" prop="TGDWLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.TGDWLAWS" disabled placeholder="请选择投稿单位" multiple>
<el-option
v-for="item in TGDWLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用认证" prop="YYRZLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.YYRZLAWS" disabled placeholder="请选择适用认证" multiple>
<el-option
v-for="item in YYRZLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="责任工程师" prop="ZRGCSLAWS" class="add-form-item form-item-disabled">
<el-select :popper-append-to-body="false" v-model="form.ZRGCSLAWS" disabled placeholder="请选择责任工程师" multiple>
<el-option
v-for="item in ZRGCSLAWSOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<ProcessTitle>
<template slot="title">关联信息</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="代替文件号" prop="DTWJHLAWS" class="add-form-item form-item-disabled">
<el-input
v-model="form.DTWJHLAWS" disabled
placeholder="请输入代替标准号"
clearable
></el-input>
<!-- <el-button-->
<!-- type="primary"-->
<!-- class="common-button-primary"-->
<!-- size="mini"-->
<!-- style="position:absolute;top: 10px;right: 0;"-->
<!-- @click="selectLaws('dtbjh'),config.attrName = '代替标准号'"-->
<!-- >{{'手动查找'}}</el-button>-->
</el-form-item>
<el-form-item label="引用标准&政策" prop="YYBZZCLAWS" class="add-form-item form-item-disabled">
<el-input
v-model="form.YYBZZCLAWS" disabled
placeholder="请输入引用标准&政策"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
<div v-if="GLWJLAWSFileMap.length>0" v-for="(value,index) in this.GLWJLAWSFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('GLWJLAWS',value.id)">
{{value.name}}
</div>
<div v-else>
- -
</div>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
<div>
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="意见填写">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-select v-model="approvalOpinion" placeholder="请审批" style="margin-bottom: 20px;">-->
<!-- <el-option label="驳回" value="1"></el-option>-->
<!-- <el-option label="通过" value="0"></el-option>-->
<!-- </el-select>-->
<!-- <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-if="active === '2'">
<div class="block" style="padding-top: 20px;">
<el-timeline>
<el-timeline-item timestamp="发起流程" placement="top" :color="user1 ? '#66b1ff' : ''">
<el-card>
<h4>流程发起人</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="user1" placeholder="流程发起人"></el-input>
</div>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="选择责任人" placement="top" :color="user2 ? '#66b1ff' : ''">
<el-card>
<h4>责任人</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="user2" placeholder="选择责任人">
</el-input></div>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="填写意见" placement="top" :color="user3 ? '#66b1ff' : ''">
<el-card>
<h4>责任人</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="user3" placeholder="责任人"></el-input>
</div>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="意见汇总并发起会签" placement="top" :color="user4 ? '#66b1ff' : ''">
<el-card>
<h4>标准法规工程师</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="user4" placeholder="标准法规工程师"></el-input>
</div>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="审核" placement="top" :color="user5 ? '#66b1ff' : ''">
<el-card>
<h4>责任对接人标准法规部部门负责人</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="user5" placeholder="责任对接人,标准法规部部门负责人"></el-input>
</div>
</el-card>
</el-timeline-item>
</el-timeline>
</div>
</div>
<div class="content" v-if="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"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
sortable="custom"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="审批意见"
align="center">
<template slot-scope="scope">
<span>{{scope.row.commentText}}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? '已完成' : '未完成'}}</span>
</template>
</el-table-column>
</el-table>
<loading :loading="loading">流程列表加载中</loading>
</div>
</div>
<!-- <ProcessFooter-->
<!-- show-save-->
<!-- show-submit-->
<!-- :submitLoading="isSubmit"-->
<!-- :saveLoading="saveLoading"-->
<!-- @save="handleSave"-->
<!-- @submit="handleSubmit"-->
<!-- >-->
<!-- </ProcessFooter>-->
</div>
</template>
<script>
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import {inboundLiaisonDetail,processCreateStand} from 'api/process'
import TreeSelect from '@/components/treeSelect/treeSelect.vue';
export default {
name: "zcrkStep5",
data () {
return {
xgdFileId: '',
fbgbjbdFileId: '',
bpgFileId: '',
ssgFileId: '',
zqyjgFileId: '',
jdwjFileId: '',
kwjFileId: '',
glwjFileId: '',
caFileId: '',
zbjbdFileId:'',
// 当前流程类型(1待办/2已办)
processType: 1,
detailData: [],
userId:this.$store.getters.userInfo.userId,
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
approvalOpinion: '', // 通过/驳回
commentText: '', // 意见
title: '', // 新增编辑抽屉标题
ListModel: false, // 新增编辑抽屉开关
active: '1', // 默认显示
isSubmit: false,
saveLoading: false,
defaultProps: {
children: 'children',
label: 'menuName'
},
nodeKey: 'id',
defaultCheckedKeys: [],
commentCycleDate:'',
form: {
// 基础信息
textStatus: '', // 文本状态
standYear: '', // 标准年份
standInData: '0', // 标准类型
standSort: '', // 标准类别
standNumber: '', // 标准编号
standNature: '', // 标准性质
standEnName: '', // 英文名称
standName: '', // 中文名称
signFlag: '1', // 是否需要会签
issueTime: '', // 发布时间
isRelateAccess: '', // 是否纳入认证清单
standSystem: '',// 标准体系
gxhbq: '', // 标签
// 实施日期
ssrq: '', // 实施日期(标准文本)
xcxssrq: '', // 新车型实施日期(标准文本)
zccssrq: '', // 在产车实施日期(标准文本)
ssrqgj: '', // 实施日期(国际)
xcxssrqgj: '', // 新车型实施日期(国际)
zccssrqgj: '', // 在产车实施日期(国际)
// 文本信息
ca: '', // 草案
fbgbjbd: '', // 发布稿
xgd: '', // 修改单
bpg: '', // 报批稿
ssg: '', // 送审稿
zqyjg: '', // 征求意见稿
jdwj: '', // 解读文件
zbjbd: '', // 增补件
kwj: '', // 勘误件
// 适用范围
txlb: '', // 体系类别
gkdw: '', // 归口管理部门
fbjg: '', // 起草单位
wssmr: '', // 我司署名人
cysd: '', // 我司参与深度
cllx: '', // 适用车型
nylx: '',// 能源类型
sycpx: '',// 适用产品线
syrz: '', // 适用认证
zrbm: '', // 责任部门
zrgcs: '', // 责任工程师
cycvppsbm: '', // 关联模块--乘用车VPPS编码
cycvppscn: '', // 关联模块--乘用车vpps中文名称
kccvppsbm: '', // 关联模块--卡车VPPS编码
kccvppscn: '', // 关联模块--卡车vpps中文名称
dybxh: '', // 模块结构单元变型号
dymc: '', // 模块结构单元名称
// 关联信息
dtbjh: '', // 代替标准号
cbbh: '', // 采标编号
cbcd: '', // 采标程度
yybj: '', // 引用标准
byybj: '', // 被引用标准
glwj: '', // 关联文件
xglc: '', // 相关流程
chjl: '', // 参会记录
//流程信息
prcNum:'',
commentText:'',
prcName:'',
standType: '',
}, // 标准信息
standSortOptions: [], // 标准类别
standNatureOptions: [], // 标准性质
standStateOptions: [], // 文本状态
standSystemOptions: [], // 标准体系
applyArcticOptions: [], // 适用车型
categoryOptions: [], // 能源类型
gkglbmOptions: [], // 归口管理部门
cbcdOptions: [], // 采标程度
applyAuthOptions: [], // 适用认证
cysdOptions: [], // 我司参与深度
sycpxOptions: [], // 适用产品线
zrbmOptions: [], // 责任部门
zrgcsOptions: [], // 责任工程师
txlbOptions: [], // 体系类别
qcdwOption: [], // 起草单位
data: [], // 标准列表数据
ListForm: {}, // 新增数据
lawsTypeOptions: [],
lawsTextStateOptions: [],
lawsSyqyOptions: [],
lawsSycxOptions: [],
lawsYearOptions: [],
lawsLabelOptions: [],
CYSDLAWSOptions: [],
TGRLAWSOptions: [],
TGDWLAWSOptions: [],
NYLXLAWSOptions: [],
YYRZLAWSOptions: [],
ZRBMLAWSOptions: [],
ZRGCSLAWSOptions: [],
ZCWBLAWSFileId: '',
GCWBLAWSFileId: '',
JDWJLAWSFileId: '',
GLWJLAWSFileId:'',
ZCWBLAWSFileMap: [],
GCWBLAWSFileMap: [],
JDWJLAWSFileMap: [],
GLWJLAWSFileMap: [],
user1: '',
user2: '',
user3: '',
user4: '',
user5: '',
// 流程路由信息
prcNum : this.$route.query.prcNum,
prcName : this.$route.query.prcName,
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle,
TreeSelect
},
computed: {
listNoDataText () {
return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
},
},
methods: {
downloadFile (fileType) {
if(fileType === 'ZCWBLAWS'){
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.ZCWBLAWSFileId
}else if(fileType === 'GCWBLAWS'){
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.GCWBLAWSFileId
}else if(fileType === 'JDWJLAWS'){
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.JDWJLAWSFileId
}else if(fileType === 'GLWJLAWS'){
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.GLWJLAWSFileId
}
},
popoverHide (checkedIds, checkedData) {
console.log(checkedIds);
console.log(checkedData);
this.form.standSystem = checkedData.id
console.log(this.sarStandardsInfoEO.standSystem);
},
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.taskIds,
pId: this.pId
}).then(res => {
if (res) {
const processForm = JSON.parse(res.mesg)
const dateArr = []
if(processForm.commentCycleStart && processForm.commentCycleEnd){
dateArr[0] = processForm.commentCycleStart
dateArr[1] = processForm.commentCycleEnd
this.commentCycleDate = dateArr
}
this.xgdFileId = processForm.xgd
this.fbgbjbdFileId = processForm.fbgbjbd
this.bpgFileId = processForm.bpg
this.ssgFileId = processForm.ssg
this.zqyjgFileId = processForm.zqyjg
this.jdwjFileId = processForm.jdwj
this.kwjFileId = processForm.kwj
this.glwjFileId = processForm.glwj
this.caFileId = processForm.ca
this.zbjbdFileId = processForm.zbjbd
this.form.standYear = processForm.standYear
this.form.standSystem = processForm.standSystem
this.form.kccvppsbm = processForm.kccvppsbm
this.form.cycvppsbm = processForm.cycvppsbm
this.form.dybxh = processForm.dybxh
this.ZCWBLAWSFileId = processForm.ZCWBLAWS
this.GCWBLAWSFileId = processForm.GCWBLAWS
this.JDWJLAWSFileId = processForm.JDWJLAWS
this.GLWJLAWSFileId = processForm.GLWJLAWS
this.getFormFieldList(processForm)
this.ZCWBLAWSFileMap=this.assemble(processForm.ZCWBLAWS,processForm.ZCWBLAWSName);
this.GCWBLAWSFileMap=this.assemble(processForm.GCWBLAWS,processForm.GCWBLAWSName);
this.JDWJLAWSFileMap=this.assemble(processForm.JDWJLAWS,processForm.JDWJLAWSName);
this.GLWJLAWSFileMap=this.assemble(processForm.GLWJLAWS,processForm.GLWJLAWSName);
}
}).catch(e => {
})
})
},
/**
* @description: 动态表单读取
*/
getFormFieldList (item) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(item))
this.defaultCheckedKeys = [this.form.standSystem];
this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
this.form.prcNum = this.prcNum
this.form.prcName = this.prcName
this.form['id'] = item.id
})
},
closeDrawer() {
this.ListModel = false
},
OkDrawer() {
this.ListModel = false
var item = {
remarks: '123'
}
this.data.push(item)
},
addList() {
this.title = '新增标准'
this.ListModel = true
},
handleTabs(name) {
this.active = name
},
handleSave() {},
handleSubmit() {
this.form.commentText = this.commentText
this.form.approvalOpinion = this.approvalOpinion
const json = JSON.stringify(this.form);
console.log(json)
this.$http.post('lawss/activiti/completeTask', {
taskIds: this.taskIds,
userId : this.userId,
json: json
}, {
_this: this
}, res => {
console.log(res);
if (res.success) {
this.processCreateStand(json)
// 流程提交之后,应该流转至待办任务页面
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
}
})
},
/**
* @description: 流程入库
* @date: 2020-11-18 21:47:58
* @auth: chenxiaoxi
*/
processCreateStand(json) {
const _formData = new FormData()
_formData.append('infoJson', json)
processCreateStand(_formData).then(res => {
if (res.result === '操作成功' || res.data === '入库成功') {
this.$message.success(res.data)
setTimeout(() => {
this.$router.push({
name: 'ProcessCenter'
})
}, 100)
} else {
this.$message.warning(res.message)
}
})
},
},
mounted () {
this.getData()
this.processTable()
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
this.standNatureOptions = res.data.SARPROPERTY // 标准性质
this.standStateOptions = res.data.WBZTCLASS // 文本状态
this.standSystemOptions = res.data.BZTXCLASS // 标准体系
this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
this.categoryOptions = res.data.NYLXCLASS // 能源类型
this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
this.cysdOptions = res.data.WSCYSD // 我司参与深度
this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
this.txlbOptions = res.data.TXLBCLASS // 体系类别
this.qcdwOption = res.data.QCDW // 体系类别
this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度
this.lawsTypeOptions = res.data.lawsType
this.lawsTextStateOptions = res.data.lawsTextState
this.lawsSyqyOptions = res.data.lawsSyqy
this.lawsSycxOptions = res.data.lawsSycx
this.lawsYearOptions = res.data.lawsYear
this.lawsLabelOptions = res.data.lawsLabel
this.CYSDLAWSOptions = res.data.CYSDLAWS
this.TGRLAWSOptions = res.data.TGRLAWS
this.TGDWLAWSOptions = res.data.TGDWLAWS
this.NYLXLAWSOptions = res.data.NYLXLAWS
this.YYRZLAWSOptions = res.data.YYRZLAWS
this.ZRBMLAWSOptions = res.data.ZRBMLAWS
this.ZRGCSLAWSOptions = res.data.ZRGCSLAWS
})
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.bzrkStep2 {
/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 {
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>
@@ -298,6 +298,21 @@
</div>
</el-card>
</el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="">
<el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('buss1')">
<div class="card-top">
<div class="card-top-left">
<img :src="getImg(Math.floor(Math.random() * 6))">
</div>
<div class="card-top-right">
<div class="card-top-right-text">企标制修订流程及企业标准库流程</div>
<div class="card-top-right-line"></div>
</div>
</div>
</div>
</el-card>
</el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="">
<el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('23')">
@@ -379,6 +394,12 @@ export default {
this.$store.commit('setDetailMap', this.$route.path)
this.$store.commit('setHandleInfo')
switch (prcType) {
case 'buss1':
// 企标制修订流程及企业标准库流程
this.$router.push({
name: 'bussLibrary1'
})
break
case '2':
// 标准调研流程
this.$router.push({
@@ -318,6 +318,152 @@ export default {
})
}
break
case 'buss1':
if (row.taskInfo === '企标编写') {
this.$router.push({
name: 'bussLibrary2',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '企标汇总修订'){
this.$router.push({
name: 'bzrkStep3',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '标准化员审批'){
this.$router.push({
name: 'bzrkStep4',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '重新企标汇总修订'){
this.$router.push({
name: 'bzrkStepC3',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '会签征求意见'){
this.$router.push({
name: 'bzrkStep5',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '主起草人修订并组织评审'){
this.$router.push({
name: 'bzrkStep6',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '标准法规工程师复审'){
this.$router.push({
name: 'bzrkStep7',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '重新修订并组织评审'){
this.$router.push({
name: 'bzrkStepC6',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '技术委员会负责人/起草中心主任审核'){
this.$router.push({
name: 'bzrkStep8',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '标准法规部部长审核'){
this.$router.push({
name: 'bzrkStep9',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '专委会副主任/起草单位中心主任审定'){
this.$router.push({
name: 'bzrkStep10',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '专委会主任/总院院长或主管副院长批准'){
this.$router.push({
name: 'bzrkStep11',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}else if (row.taskInfo === '主起草人培训'){
this.$router.push({
name: 'bzrkStep12',
query: {
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
prcName: row.prcName,
prcType: row.prcType
}
})
}
break
case 'laws1':
if (row.taskInfo === '政策入库审批') {
this.$router.push({
+115
View File
@@ -907,6 +907,121 @@ const routes = [
title: '政策入库流程'
}
},
{
path: '/bussLibrary1',
name: 'bussLibrary1',
component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step1.vue'),
meta: {
requireAuth: true,
title: '企标制修订流程及企业标准库流程'
}
},
// {
// path: '/bussLibrary2',
// name: 'bussLibrary2',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step2.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },
// {
// path: '/bussLibrary3',
// name: 'bussLibrary3',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step3.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibraryC3',
// name: 'bussLibraryC3',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary4',
// name: 'bussLibrary4',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step4.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary5',
// name: 'bussLibrary5',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step5.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary6',
// name: 'bussLibrary6',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step6.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibraryC6',
// name: 'bussLibraryC6',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary7',
// name: 'bussLibrary7',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step7.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary8',
// name: 'bussLibrary8',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step8.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary9',
// name: 'bussLibrary9',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step9.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary10',
// name: 'bussLibrary10',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step10.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary11',
// name: 'bussLibrary11',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step11.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },{
// path: '/bussLibrary12',
// name: 'bussLibrary12',
// component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step12.vue'),
// meta: {
// requireAuth: true,
// title: '企标制修订流程及企业标准库流程'
// }
// },
{
path: '/bzdyStep1',
name: 'bzdyStep1',