1261 lines
51 KiB
Vue
1261 lines
51 KiB
Vue
<template>
|
||
<div class="bzrkStep3">
|
||
<!-- 标准入库流程-->
|
||
<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 v-if="form.standInData=='1'" label="国家/地区" prop="country" class="add-form-item form-item-disabled">
|
||
<el-select :popper-append-to-body="false" v-model="form.country" placeholder="国家/地区" multiple disabled>
|
||
<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 v-show="form.standInData === '0'" 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 v-show="form.standInData === '0'" 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="请选择标准发布日期">
|
||
</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">
|
||
<el-input v-model="form.standSystem" disabled></el-input>
|
||
</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">
|
||
<custom-date-pick-group
|
||
:key="'ssrq'"
|
||
:config="{attrName:'实施日期(标准文本)',attrField:'ssrq'}"
|
||
v-model="form.ssrq"
|
||
:disabled="true"
|
||
></custom-date-pick-group>
|
||
<custom-date-pick-group
|
||
:key="'zccssrq'"
|
||
:config="{attrName:'在产车实施日期(标准文本)',attrField:'zccssrq'}"
|
||
v-model="form.zccssrq"
|
||
:disabled="true"
|
||
></custom-date-pick-group>
|
||
<!-- <el-form-item label="实施日期(标准文本)" prop="ssrq" class="add-form-item form-item-disabled">-->
|
||
<!-- <el-date-picker-->
|
||
<!-- disabled-->
|
||
<!-- v-model="form.ssrq"-->
|
||
<!-- type="dates"-->
|
||
<!-- value-format="yyyy-MM-dd hh:mm:ss"-->
|
||
<!-- placeholder="请选择标准实施日期(标准文本)">-->
|
||
<!-- </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="dates"-->
|
||
<!-- value-format="yyyy-MM-dd hh:mm:ss"-->
|
||
<!-- placeholder="请选择在产车实施日期(标准文本)">-->
|
||
<!-- </el-date-picker>-->
|
||
<!-- </el-form-item>-->
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<custom-date-pick-group
|
||
:key="'zccssrq'"
|
||
:config="{attrName:'新车型实施日期(标准文本)',attrField:'zccssrq'}"
|
||
v-model="form.xcxssrq"
|
||
:disabled="true"
|
||
></custom-date-pick-group>
|
||
<!-- <el-form-item label="新车型实施日期(标准文本)" prop="xcxssrq" class="add-form-item form-item-disabled">-->
|
||
<!-- <el-date-picker-->
|
||
<!-- disabled-->
|
||
<!-- v-model="form.xcxssrq"-->
|
||
<!-- type="dates"-->
|
||
<!-- value-format="yyyy-MM-dd hh:mm:ss"-->
|
||
<!-- placeholder="请选择新车型实施日期(标准文本">-->
|
||
<!-- </el-date-picker>-->
|
||
<!-- </el-form-item>-->
|
||
<!-- <el-form-item label="实施日期(国际)" prop="ssrqgj" class="add-form-item form-item-disabled">-->
|
||
<!-- <el-date-picker-->
|
||
<!-- disabled-->
|
||
<!-- v-model="form.ssrqgj"-->
|
||
<!-- type="date"-->
|
||
<!-- placeholder="请选择实施日期(国际)">-->
|
||
<!-- </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="请选择新车型实施日期(国家)">-->
|
||
<!-- </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="请选择在产车实施日期(国家)">-->
|
||
<!-- </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="xgdFileMap.length>0" v-for="(value,index) in this.xgdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('xgd',value.id)">
|
||
<!-- {{ value.name }} -->
|
||
{{value.name}}
|
||
</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" v-for="(value,index) in this.fbgbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('fbgbjbd',value.id)">
|
||
{{value.name}}
|
||
</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" v-for="(value,index) in this.zbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd',value.id)">
|
||
{{value.name}}
|
||
</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" v-for="(value,index) in this.ssgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg',value.id)">
|
||
{{value.name}}
|
||
</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" v-for="(value,index) in this.caFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca',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="kwjName" class="add-form-item form-item-disabled">
|
||
<div v-if="form.kwjName" v-for="(value,index) in this.kwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj',value.id)">
|
||
{{value.name}}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
<!-- ************************************* 2021/11/9 把"解读文件"改为"相关文件"*************************************-->
|
||
<el-form-item v-if="form.standInData === '0'" label="相关文件" prop="jdwjName" class="add-form-item form-item-disabled">
|
||
<!-- ************************************* 2021/11/9 把"解读文件"改为"相关文件"*************************************-->
|
||
<div v-if="form.jdwjName" v-for="(value,index) in this.jdwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj',value.id)">
|
||
{{value.name}}
|
||
</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" v-for="(value,index) in this.bpgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg',value.id)">
|
||
{{value.name}}
|
||
</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" v-for="(value,index) in this.zqyjgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg',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="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">
|
||
<el-input v-model="form.cycvppsbm" disabled></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="关联模块--卡车VPPS编码" prop="kccvppsbm" class="add-form-item form-item-disabled">
|
||
<el-input v-model="form.kccvppsbm" disabled></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="模块结构单元变型号" prop="dybxh" class="add-form-item form-item-disabled">
|
||
<el-input v-model="form.dybxh" disabled></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="归口管理部门" prop="gkdw" class="add-form-item form-item-disabled">
|
||
<el-select :popper-append-to-body="false" v-model="form.gkdw" placeholder="请选择归口管理部门">
|
||
<el-option v-for="item in gkglbmOptions" :value="item.value" :key="item.value" :label="item.label"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item v-if="form.standInData === '0'" label="起草单位" prop="qcdw" class="add-form-item form-item-disabled">
|
||
<el-select v-model="form.qcdw" placeholder="请选择起草单位" multiple disabled>
|
||
<el-option
|
||
v-for="item in qcdwOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></el-option>
|
||
</el-select>
|
||
</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
|
||
v-for="item in wssmrOptions"
|
||
placeholder="请选择"
|
||
:key="item.value"
|
||
:value="item.value"
|
||
:label="item.label"
|
||
></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 v-for="item in cbcdOptions" :key="item.value" :label="item.label" :value="item.value"></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" v-for="(value,index) in this.glwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
|
||
{{value.name}}
|
||
</div>
|
||
<div v-else>
|
||
- -
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="部分代替标准号" prop="bfbdtbzh" class="add-form-item form-item-disabled">
|
||
<el-input
|
||
disabled
|
||
v-model="form.bfbdtbzh"
|
||
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="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 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="false"
|
||
show-submit
|
||
:submitLoading="isSubmit"
|
||
:saveLoading="saveLoading"
|
||
@transfer="handleTransfer"
|
||
@save="handleSave"
|
||
@submit="handleSubmit"
|
||
>
|
||
</ProcessFooter>
|
||
<!-- 福田全公司选人解决方案 -->
|
||
<Role-tree
|
||
check-box
|
||
:is-title="drawerTitle"
|
||
:is-visible.sync="drawerModal"
|
||
@checkedRole="checkedRole"
|
||
:nodeList="nodeList"
|
||
></Role-tree>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import {saveTaskFirst} from "api/process";
|
||
import ProcessHeader from '../../components/ProcessHeader'
|
||
import ProcessFooter from '../../components/ProcessFooter'
|
||
import ProcessTitle from '../../components/ProcessTitle'
|
||
import {inboundLiaisonDetail,processCreateStand,changeAssigneeNew} from 'api/process'
|
||
import TreeSelect from '@/components/treeSelect/treeSelect.vue';
|
||
import CustomDatePickGroup from '@/components/CustomFormComponents/DatePickerGroup'
|
||
|
||
|
||
export default {
|
||
name: "bzrkStep3",
|
||
data () {
|
||
return {
|
||
xgdFileMap: [],
|
||
fbgbjbdFileMap: [],
|
||
bpgFileMap: [],
|
||
ssgFileMap: [],
|
||
zqyjgFileMap: [],
|
||
jdwjFileMap: [],
|
||
kwjFileMap: [],
|
||
glwjFileMap: [],
|
||
caFileMap: [],
|
||
zbjbdFileMap: [],
|
||
|
||
xgdFileId: '',
|
||
fbgbjbdFileId: '',
|
||
bpgFileId: '',
|
||
ssgFileId: '',
|
||
zqyjgFileId: '',
|
||
jdwjFileId: '',
|
||
kwjFileId: '',
|
||
glwjFileId: '',
|
||
caFileId: '',
|
||
zbjbdFileId:'',
|
||
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: '',// 标准体系
|
||
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'
|
||
},
|
||
countryOptions:[],//国家地区
|
||
busVppsOptions: [], // 车系体系架构
|
||
modelOptions: [], // 模块体系架构
|
||
standSortOptions: [], // 标准类别
|
||
standNatureOptions: [], // 标准性质
|
||
standStateOptions: [], // 文本状态
|
||
standSystemOptions: [], // 标准体系
|
||
applyArcticOptions: [], // 适用车型
|
||
gkglbmOptions: [], // 归口管理部门
|
||
cbcdOptions: [], // 采标程度
|
||
categoryOptions: [], // 能源类型
|
||
applyAuthOptions: [], // 适用认证
|
||
cysdOptions: [], // 我司参与深度
|
||
wssmrOptions: [], // 我司署名人
|
||
qcdwOptions: [], // 起草单位
|
||
sycpxOptions: [], // 适用产品线
|
||
zrbmOptions: [], // 责任部门
|
||
zrgcsOptions: [], // 责任工程师
|
||
txlbOptions: [], // 体系类别
|
||
data: [], // 标准列表数据
|
||
ListForm: {}, // 新增数据
|
||
user1: '',
|
||
user2: '',
|
||
user3: '',
|
||
user4: '',
|
||
user5: '',
|
||
// 流程路由信息
|
||
prcNum : this.$route.query.prcNum,
|
||
prcName : this.$route.query.prcName,
|
||
// 调整处理人抽屉状态
|
||
drawerModal: false,
|
||
drawerTitle: '',
|
||
nodeList: [],
|
||
selectPeople:'',
|
||
}
|
||
},
|
||
components: {
|
||
CustomDatePickGroup,
|
||
ProcessHeader,
|
||
ProcessFooter,
|
||
ProcessTitle,
|
||
TreeSelect
|
||
},
|
||
computed: {
|
||
listNoDataText () {
|
||
return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
|
||
},
|
||
},
|
||
methods: {
|
||
checkedRole (data) {
|
||
this.assigneeNewLoading = true
|
||
changeAssigneeNew({
|
||
taskId: this.$route.query.taskIds, // 任务id
|
||
userId:this.$store.getters.userInfo.userId, // 委托人
|
||
assignee: data[0].id, // 被委托人
|
||
pId: this.$route.query.prcId, // 流程实例
|
||
}).then(res => {
|
||
this.assigneeNewLoading = false
|
||
if (res.success) {
|
||
this.drawerModal = false
|
||
this.$message.success('调整成功')
|
||
this.processNum()
|
||
this.queryProcess()
|
||
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||
} else {
|
||
this.$message.warning(res.message)
|
||
}
|
||
})
|
||
},
|
||
downloadFile (fileType,fileId) {
|
||
if(fileType === 'fbgbjbd'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'xgd'){
|
||
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'bpg'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'ssg'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'zqyjg'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'jdwj'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'kwj'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'glwj'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'ca'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}else if(fileType === 'zbjbd'){
|
||
window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + fileId;
|
||
}
|
||
},
|
||
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 => {})
|
||
},
|
||
assemble(ids,names){
|
||
let list= new Array();
|
||
let idArray=ids.split(',');
|
||
let nameArray=names.split(',');
|
||
for(var i=0;i<idArray.length;i++){
|
||
list.push({id:idArray[i],name:nameArray[i]});
|
||
}
|
||
|
||
return list;
|
||
},
|
||
getData() {
|
||
return new Promise((resolve, reject) => {
|
||
inboundLiaisonDetail({
|
||
taskIds: this.taskIds,
|
||
pId: this.pId
|
||
}).then(res => {
|
||
if (res) {
|
||
const processForm = JSON.parse(res.mesg)
|
||
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.xgdFileMap=this.assemble(processForm.xgd,processForm.xgdName);
|
||
|
||
this.fbgbjbdFileMap=this.assemble(processForm.fbgbjbd,processForm.fbgbjbdName);
|
||
// fbgbjbdFileMap: {},
|
||
this.bpgFileMap=this.assemble(processForm.bpg,processForm.bpgName);
|
||
// bpgFileMap: {},
|
||
this.ssgFileMap=this.assemble(processForm.ssg,processForm.ssgName);
|
||
// ssgFileMap: {},
|
||
this.zqyjgFileMap=this.assemble(processForm.zqyjg,processForm.zqyjgName);
|
||
// zqyjgFileMap: {},
|
||
this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwjName);
|
||
// jdwjFileMap: {},
|
||
this.kwjFileMap=this.assemble(processForm.kwj,processForm.kwjName);
|
||
// kwjFileMap: {},
|
||
this.glwjFileMap=this.assemble(processForm.glwj,processForm.glwjName);
|
||
// glwjFileMap: {},
|
||
this.caFileMap=this.assemble(processForm.ca,processForm.caName);
|
||
// caFileMap: {},
|
||
this.zbjbdFileMap=this.assemble(processForm.zbjbd,processForm.zbjbdName);
|
||
// zbjbdFileMap: {},
|
||
|
||
|
||
|
||
|
||
this.getFormFieldList(processForm)
|
||
}
|
||
}).catch(e => {
|
||
})
|
||
})
|
||
},
|
||
/**
|
||
* @description: 动态表单读取
|
||
*/
|
||
getFormFieldList (item) {
|
||
this.$nextTick(() => {
|
||
this.form = JSON.parse(JSON.stringify(item))
|
||
console.log("this.form",this.form);
|
||
this.defaultCheckedKeys = [this.form.standSystem]
|
||
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
|
||
if( this.form.country !== undefined && this.form.country !== null && this.form.country !== ''){
|
||
this.form.country=this.form.country.split(",");
|
||
}
|
||
|
||
this.form['id'] = item.id
|
||
this.$forceUpdate()
|
||
})
|
||
},
|
||
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
|
||
},
|
||
handleTransfer() {
|
||
this.drawerModal = true
|
||
this.drawerTitle = '转办处理人'
|
||
},
|
||
handleSave() {
|
||
this.saveLoading = true
|
||
let _formData = new FormData()
|
||
// _formData.append('id', this.bpnId)
|
||
_formData.append('createUser', this.$store.getters.userInfo.userId)
|
||
_formData.append('createUserName', this.$store.getters.userInfo.uName)
|
||
_formData.append('prcType', this.$route.query.type)
|
||
_formData.append('json', JSON.stringify({
|
||
prcForm: this.prcForm,
|
||
sarAccessInfoList: this.sarAccessInfoList,
|
||
sarAccessInfoListADMIN: this.sarAccessInfoListADMIN,
|
||
bzqdForm: this.bzqdForm,
|
||
listInfo: this.listInfo,
|
||
id: this.id
|
||
}))
|
||
saveTaskFirst(_formData).then(res => {
|
||
this.saveLoading = false
|
||
this.$message.success('保存成功')
|
||
// this.bpnId = res.result
|
||
}).catch(e => {
|
||
this.saveLoading = false
|
||
})
|
||
},
|
||
handleSubmit() {
|
||
this.isSubmit = false
|
||
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 => {
|
||
if (res.success) {
|
||
this.$message.success(res.message)
|
||
// 流程提交之后，应该流转至待办任务页面
|
||
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||
}else {
|
||
this.$message.success(res.message)
|
||
}
|
||
this.isSubmit = false
|
||
})
|
||
},
|
||
|
||
/**
|
||
* @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.message)
|
||
setTimeout(() => {
|
||
this.$router.push({
|
||
name: 'ProcessCenter'
|
||
})
|
||
}, 100)
|
||
} else {
|
||
this.$message.warning(res.message)
|
||
}
|
||
})
|
||
},
|
||
},
|
||
created(){
|
||
this.getData()
|
||
},
|
||
mounted () {
|
||
this.getData()
|
||
this.processTable()
|
||
this.$http.get('sys/dictype/getDicTypeListCode', '', {
|
||
_this: this
|
||
}, res => {
|
||
this.countryOptions=res.data.COUNTRY//国家地区
|
||
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.wssmrOptions = res.data.WSSMR // 我司署名人
|
||
this.qcdwOptions = res.data.QCDW // 起草单位
|
||
this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
|
||
this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
|
||
this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
|
||
this.txlbOptions = res.data.TXLBCLASS // 体系类别
|
||
this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
|
||
this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度
|
||
this.key++
|
||
})
|
||
this.busVsFunc()
|
||
this.modelFunc()
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
@import '~@/assets/styles/style';
|
||
.bzrkStep3 {
|
||
/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>
|