1070 lines
56 KiB
Vue
1070 lines
56 KiB
Vue
<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="standInData" class="add-form-item form-item-disabled">
|
||
<el-radio-group v-model="form.standInData" disabled>
|
||
<el-radio label="0">国内标准入库</el-radio>
|
||
<el-radio label="1">海外标准入库</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item label="标准类别" prop="standSort" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.standSort" placeholder="请选择标准类别" disabled>
|
||
<el-option
|
||
v-for="item in standSortOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="标准年份" prop="standYear" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model.number="form.standYear"
|
||
placeholder="请输入标准标准年份"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="标准中文名称" prop="standName" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.standName"
|
||
placeholder="请输入标准中文名称"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="标准英文名称" prop="standEnName" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.standEnName"
|
||
placeholder="请输入标准英文名称"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="是否需要会签" prop="signFlag" class="add-form-item form-item-disabled">
|
||
<el-radio-group v-model="form.signFlag" disabled>
|
||
<el-radio label="1">是</el-radio>
|
||
<el-radio label="2">否</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.standNumber"
|
||
placeholder="请输入标准编号"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="标准性质" prop="standNature" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.standNature" placeholder="请选择标准性质" disabled>
|
||
<el-option
|
||
v-for="item in standNatureOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="文本状态" prop="textStatus" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.textStatus" placeholder="请选择文本状态" disabled>
|
||
<el-option
|
||
v-for="item in standStateOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="标准发布日期" prop="issueTime" class="add-form-item form-item-disabled">
|
||
<el-date-picker
|
||
disabled
|
||
v-model="form.issueTime"
|
||
type="date"
|
||
placeholder="请选择标准发布日期"
|
||
value-format="yyyy-MM-dd">
|
||
</el-date-picker>
|
||
</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 v-if="form.standInData === '0'" label="标准体系" prop="standSystem" class="add-form-item form-item-disabled">
|
||
<tree-select
|
||
:key="key"
|
||
width = "340"
|
||
:disabled="false"
|
||
:data="standSystemOptions"
|
||
:defaultProps="defaultProps" :checkedKeys="defaultCheckedKeys"
|
||
:nodeKey="nodeKey" @popoverHide="popoverHide"></tree-select>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '1'" label="标签" prop="gxhbq" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.gxhbq"
|
||
placeholder="请输入标签"
|
||
clearable
|
||
></el-input>
|
||
</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="ssrq" class="add-form-item form-item-disabled">
|
||
<el-date-picker
|
||
disabled
|
||
v-model="form.ssrq"
|
||
type="date"
|
||
placeholder="请选择标准实施日期(标准文本)"
|
||
value-format="yyyy-MM-dd">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item label="新车型实施日期(标准文本)" prop="xcxssrq" class="add-form-item form-item-disabled">
|
||
<el-date-picker
|
||
disabled
|
||
v-model="form.xcxssrq"
|
||
type="date"
|
||
placeholder="请选择新车型实施日期(标准文本"
|
||
value-format="yyyy-MM-dd">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item label="在产车实施日期(标准文本)" prop="zccssrq" class="add-form-item form-item-disabled">
|
||
<el-date-picker
|
||
disabled
|
||
v-model="form.zccssrq"
|
||
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="ssrqgj" class="add-form-item form-item-disabled">
|
||
<el-date-picker
|
||
disabled
|
||
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
|
||
disabled
|
||
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
|
||
disabled
|
||
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="xgdName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.xgdName">
|
||
{{ form.xgdName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.fbgbjbdName">
|
||
{{ form.fbgbjbdName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.zbjbdName">
|
||
{{ form.zbjbdName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.bpgName">
|
||
{{ form.bpgName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.ssgName">
|
||
{{ form.ssgName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.kwjName">
|
||
{{ form.kwjName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.zqyjgName">
|
||
{{ form.zqyjgName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.caName">
|
||
{{ form.caName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.jdwjName">
|
||
{{ form.jdwjName }}
|
||
</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="zrbm" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.zrbm" placeholder="请选择责任部门" multiple disabled>
|
||
<el-option
|
||
v-for="item in zrbmOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.cllx" placeholder="请选择适用车型" multiple disabled>
|
||
<el-option
|
||
v-for="item in applyArcticOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.nylx" placeholder="请选择适用车型" multiple disabled>
|
||
<el-option
|
||
v-for="item in categoryOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="关联模块--乘用车VPPS编码" prop="cycvppsbm" class="add-form-item form-item-disabled">
|
||
<tree-select
|
||
:key="key1"
|
||
:disabled="true"
|
||
width = "340"
|
||
:data="busVppsOptions"
|
||
:defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys1"
|
||
:nodeKey="nodeKeyCode" @popoverHide="popoverHideBusVs"></tree-select>
|
||
</el-form-item>
|
||
<el-form-item label="关联模块--卡车VPPS编码" prop="kccvppsbm" class="add-form-item form-item-disabled">
|
||
<tree-select
|
||
:key="key2"
|
||
:disabled="true"
|
||
width = "340"
|
||
:data="busVppsOptions"
|
||
:defaultProps="defaultCodeProps" :checkedKeys="defaultCheckedKeys2"
|
||
:nodeKey="nodeKeyCode" @popoverHide="popoverHideCarVs"></tree-select>
|
||
</el-form-item>
|
||
<el-form-item label="模块结构单元变型号" prop="dybxh" class="add-form-item form-item-disabled">
|
||
<tree-select
|
||
:key="key3"
|
||
width = "340"
|
||
:disabled="true"
|
||
:data="modelOptions"
|
||
:defaultProps="defaultModelProps" :checkedKeys="defaultCheckedKeys3"
|
||
:nodeKey="nodeKeyModel" @popoverHide="popoverHideModel"></tree-select>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="归口管理部门" prop="gkdw" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.gkdw"
|
||
placeholder="请输入归口管理部门"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="起草单位" prop="qcdw" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.qcdw"
|
||
placeholder="请选择起草单位"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '1'" label="体系类别" prop="txlb" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.txlb" placeholder="请选择体系类别" multiple disabled>
|
||
<el-option
|
||
v-for="item in txlbOptions"
|
||
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="sycpx" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.sycpx" placeholder="请选择适用车型" multiple disabled>
|
||
<el-option
|
||
v-for="item in sycpxOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.syrz" placeholder="请选择适用认证" multiple disabled>
|
||
<el-option
|
||
v-for="item in applyAuthOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="责任工程师" prop="zrgcs" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.zrgcs" placeholder="请选择责任工程师" multiple disabled>
|
||
<el-option
|
||
v-for="item in zrgcsOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="关联模块--乘用车vpps中文名称" prop="cycvppscn" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
v-model="form.cycvppscn"
|
||
disabled
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="关联模块--卡车vpps中文名称" prop="kccvppscn" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
v-model="form.kccvppscn"
|
||
disabled
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="模块结构单元名称" prop="dymc" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
v-model="form.dymc"
|
||
disabled
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="我司署名人" prop="wssmr" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.wssmr" placeholder="请选择我司署名人" multiple disabled>
|
||
<el-option label="署名人1" value="1"></el-option>
|
||
<el-option label="署名人2" value="2"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="我司参与深度" prop="cysd" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.cysd" placeholder="请选择我司参与深度" disabled>
|
||
<el-option
|
||
v-for="item in cysdOptions"
|
||
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="dtbjh" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.dtbjh"
|
||
placeholder="请输入代替标准号"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="采标程度" prop="cbcd" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.cbcd" placeholder="请选择采标程度" disabled>
|
||
<el-option label="采标程度1" value="1"></el-option>
|
||
<el-option label="采标程度2" value="2"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="相关流程" prop="xglc" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.xglc"
|
||
placeholder="请输入相关流程"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.glwjName">
|
||
{{ form.glwjName }}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="引用标准" prop="yybj" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.yybj"
|
||
placeholder="请输入引用标准"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="采标编号" prop="cbbh" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.cbbh"
|
||
placeholder="请输入采标编号"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="被引用标准" prop="byybj" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.byybj"
|
||
placeholder="请输入被引用标准"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="参会记录" prop="chjl" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.chjl"
|
||
placeholder="请输入参会记录"
|
||
clearable
|
||
></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
<div>
|
||
<el-collapse accordion v-model="activeName">
|
||
<el-collapse-item title="意见填写" name = "1">
|
||
<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: "bzrkStep2",
|
||
data () {
|
||
return {
|
||
activeName:'1',
|
||
// 当前流程类型(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: [],
|
||
form: {
|
||
// 基础信息
|
||
textStatus: '', // 文本状态
|
||
standYear: '', // 标准年份
|
||
standInData: '0', // 标准类型
|
||
standSort: '', // 标准类别
|
||
standNumber: '', // 标准编号
|
||
standNature: '', // 标准性质
|
||
standEnName: '', // 英文名称
|
||
standName: '', // 中文名称
|
||
signFlag: '1', // 是否需要会签
|
||
issueTime: '', // 发布时间
|
||
isRelateAccess: '', // 是否纳入认证清单
|
||
standSystem: '',// 标准体系
|
||
standSystemName: '',// 标准体系
|
||
gxhbq: '', // 标签
|
||
// 实施日期
|
||
ssrq: '', // 实施日期(标准文本)
|
||
xcxssrq: '', // 新车型实施日期(标准文本)
|
||
zccssrq: '', // 在产车实施日期(标准文本)
|
||
ssrqgj: '', // 实施日期(国际)
|
||
xcxssrqgj: '', // 新车型实施日期(国际)
|
||
zccssrqgj: '', // 在产车实施日期(国际)
|
||
// 文本信息
|
||
ca: '', // 草案
|
||
fbgbjbd: '', // 发布稿
|
||
xgd: '', // 修改单
|
||
bpg: '', // 报批稿
|
||
ssg: '', // 送审稿
|
||
zqyjg: '', // 征求意见稿
|
||
jdwj: '', // 解读文件
|
||
zbjbd: '', // 增补件
|
||
kwj: '', // 勘误件
|
||
caName: '', // 草案
|
||
fbgbjbdName: '', // 发布稿
|
||
xgdName: '', // 修改单
|
||
bpgName: '', // 报批稿
|
||
ssgName: '', // 送审稿
|
||
zqyjgName: '', // 征求意见稿
|
||
jdwjName: '', // 解读文件
|
||
zbjbdName: '', // 增补件
|
||
kwjName: '', // 勘误件
|
||
glwjName: '', // 关联文件
|
||
// 适用范围
|
||
txlb: '', // 体系类别
|
||
gkdw: '', // 归口管理部门
|
||
qcdw: '', // 起草单位
|
||
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: '',
|
||
}, // 标准信息
|
||
nodeKeyCode: 'code',
|
||
nodeKeyModel: 'model',
|
||
key:1,
|
||
key1:2,
|
||
key2:3,
|
||
key3:4,
|
||
defaultCheckedKeys1: [],
|
||
defaultCheckedKeys2: [],
|
||
defaultCheckedKeys3: [],
|
||
defaultCodeProps: {
|
||
children: 'children',
|
||
label: 'code'
|
||
},
|
||
defaultModelProps: {
|
||
children: 'children',
|
||
label: 'model'
|
||
},
|
||
busVppsOptions: [], // 车系体系架构
|
||
modelOptions: [], // 模块体系架构
|
||
standSortOptions: [], // 标准类别
|
||
standNatureOptions: [], // 标准性质
|
||
standStateOptions: [], // 文本状态
|
||
standSystemOptions: [], // 标准体系
|
||
applyArcticOptions: [], // 适用车型
|
||
categoryOptions: [], // 能源类型
|
||
applyAuthOptions: [], // 适用认证
|
||
cysdOptions: [], // 我司参与深度
|
||
sycpxOptions: [], // 适用产品线
|
||
zrbmOptions: [], // 责任部门
|
||
zrgcsOptions: [], // 责任工程师
|
||
txlbOptions: [], // 体系类别
|
||
data: [], // 标准列表数据
|
||
ListForm: {}, // 新增数据
|
||
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: {
|
||
popoverHide (checkedIds, checkedData) {
|
||
if(checkedData) {
|
||
this.form.standSystem = checkedData.id
|
||
this.form.standSystemName = checkedData.menuName
|
||
}
|
||
},
|
||
popoverHideBusVs (checkedIds, checkedData) {
|
||
if(checkedData){
|
||
this.form.cycvppsbm = checkedData.code
|
||
this.form.cycvppscn = checkedData.chineseName
|
||
}
|
||
},
|
||
popoverHideCarVs (checkedIds, checkedData) {
|
||
if(checkedData){
|
||
this.form.kccvppsbm = checkedData.code
|
||
this.form.kccvppscn = checkedData.chineseName
|
||
}
|
||
},
|
||
popoverHideModel (checkedIds, checkedData) {
|
||
if(checkedData){
|
||
this.form.dybxh = checkedData.model
|
||
this.form.dymc = checkedData.name
|
||
}
|
||
},
|
||
busVsFunc(){
|
||
this.$http.get('sarVppsTree/list', '', {
|
||
_this: this
|
||
}, res => {
|
||
this.busVppsOptions = res.data
|
||
this.key1++
|
||
this.key2++
|
||
})
|
||
},
|
||
modelFunc(){
|
||
this.$http.get('sarModelTree/list', '', {
|
||
_this: this
|
||
}, res => {
|
||
this.modelOptions = res.data
|
||
this.key3++
|
||
})
|
||
},
|
||
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)
|
||
this.getFormFieldList(processForm)
|
||
}
|
||
}).catch(e => {
|
||
})
|
||
})
|
||
},
|
||
/**
|
||
* @description: 动态表单读取
|
||
*/
|
||
getFormFieldList (item) {
|
||
this.$nextTick(() => {
|
||
this.form = JSON.parse(JSON.stringify(item))
|
||
this.defaultCheckedKeys = [this.form.standSystem]
|
||
console.log(this.defaultCheckedKeys)
|
||
this.defaultCheckedKeys1 = [this.form.cycvppsbm]
|
||
this.defaultCheckedKeys2 = [this.form.kccvppsbm]
|
||
this.defaultCheckedKeys3 = [this.form.dybxh]
|
||
this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
|
||
this.form.standYear = this.form.standYear ? parseInt(this.form.standYear) : ''
|
||
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);
|
||
this.$http.post('lawss/activiti/completeTask', {
|
||
taskIds: this.taskIds,
|
||
userId : this.userId,
|
||
json: json
|
||
}, {
|
||
_this: this
|
||
}, res => {
|
||
console.log(res);
|
||
if (res.success) {
|
||
if(this.approvalOpinion === '1'){
|
||
this.$message.warning("驳回成功")
|
||
}else{
|
||
this.processCreateStand(json)
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
/**
|
||
* @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)
|
||
}
|
||
})
|
||
},
|
||
},
|
||
created(){
|
||
},
|
||
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.key++
|
||
})
|
||
this.busVsFunc()
|
||
this.modelFunc()
|
||
}
|
||
}
|
||
</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>
|