This commit is contained in:
zhutianqi
2021-06-10 18:01:21 +08:00
parent fe0d77e31b
commit ec98e41298
6 changed files with 994 additions and 262 deletions
+8 -1
View File
@@ -1,8 +1,14 @@
// 流程样式
.prc-content-border {
border: 1px solid #ddd;
padding: 20px;
padding: 0 20px;
background: #fdfdfd;
.el-form-item__content {
line-height: 50px;
}
.add-form-item:last-child {
border-bottom: 0px dashed #e5e5e5;
}
.form-item-disabled {
.el-form-item__label, .el-form-item__content .el-input .el-input__inner,
.el-form-item__content .el-textarea .el-textarea__inner{
@@ -11,6 +17,7 @@
}
}
}
.form-item-content-wrap {
padding: 0 10px;
height: 49px;
@@ -1,6 +1,6 @@
<template>
<div class="bzffStep1">
<!-- 标准发放申请流程流程-->
<!-- 标准发放申请流程-->
<ProcessHeader toggle>
<template slot="proName">标准发放申请流程</template>
<template slot="proNode">申请人发起流程</template>
@@ -10,136 +10,142 @@
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-if="active === '1'">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-form
ref="qbkwForm"
:model="form"
class="label-input-form prc-content-border"
label-width="150px"
>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="类型" prop="type" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.type">
<el-radio label="1">北汽福田内部</el-radio>
<el-radio label="2">供应商</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="申请单位" prop="orgName" class="add-form-item form-item-disabled">
<el-input
v-model="form.orgName"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="申请人" prop="account" class="add-form-item form-item-disabled">
<el-input
v-model="form.account"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobilePhone" class="add-form-item form-item-disabled">
<el-input
v-model="form.mobilePhone"
placeholder="请输入联系电话"
clearable
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email" class="add-form-item form-item-disabled">
<el-input
v-model="form.email"
placeholder="请输入邮箱"
clearable
></el-input>
</el-form-item>
<el-form-item label="申请完成时间" prop="time" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="版本格式" prop="edition" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.edition">
<el-radio label="1">在线复制</el-radio>
<el-radio label="2">纸质 -- 打印</el-radio>
<el-radio label="3">电子 -- 下载</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="申请理由" prop="reason" class="add-form-item form-item-disabled">
<div style="flex: auto; overflow: auto;">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-form
ref="qbkwForm"
:model="form"
class="label-input-form prc-content-border"
label-width="150px"
>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="申请单位" prop="orgName" class="add-form-item form-item-disabled">
<el-input
v-model="form.orgName"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="申请人" prop="account" class="add-form-item form-item-disabled">
<el-input
v-model="form.account"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="mobilePhone" class="add-form-item form-item-disabled">
<el-input
v-model="form.mobilePhone"
placeholder="请输入联系电话"
clearable
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email" class="add-form-item form-item-disabled">
<el-input
v-model="form.email"
placeholder="请输入邮箱"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="类型" prop="type" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.type">
<el-radio label="1">北汽福田内部</el-radio>
<el-radio label="2">供应商</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="申请完成时间" prop="time" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="版本格式" prop="edition" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.edition">
<el-radio label="1">在线复制</el-radio>
<el-radio label="2">纸质 -- 打印</el-radio>
<el-radio label="3">电子 -- 下载</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="申请理由" prop="reason" class="add-form-item form-item-disabled">
<el-input
type="textarea"
:rows="4"
resize="none"
placeholder="请输入申请理由"
v-model="form.reason">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<ProcessTitle>
<template slot="title">填写信息</template>
</ProcessTitle>
<div class="tableTitle">
发放申请列表
<div class="tableButton">
<el-button plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
<el-button plain class="common-button-primary" size="mini">删除</el-button>
</div>
</div>
<el-table
:data="data"
border
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
</el-table-column>
<el-table-column
prop="content"
label="标准号"
>
</el-table-column>
<el-table-column
prop="deptName"
label="标准名称"
>
</el-table-column>
<el-table-column
prop="remarks"
label="备注"
>
</el-table-column>
</el-table>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="意见填写">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="4"
:rows="3"
resize="none"
placeholder="请输入申请理由"
v-model="form.reason">
placeholder="请输入意见"
v-model="textarea">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<ProcessTitle>
<template slot="title">填写信息</template>
</ProcessTitle>
<div class="tableTitle">
发放申请列表
<div class="tableButton">
<el-button plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
<el-button plain class="common-button-primary" size="mini">删除</el-button>
</div>
</div>
<div>文件需求日期应从该申请单审批完成后2日开始计算日翻译量10000字符可以每页700-800字符估算周末及节假日除外</div>
</el-collapse-item>
</el-collapse>
</div>
<el-table
:data="data"
border
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
</el-table-column>
<el-table-column
prop="content"
label="标准号"
>
</el-table-column>
<el-table-column
prop="deptName"
label="标准名称"
>
</el-table-column>
<el-table-column
prop="remarks"
label="备注"
>
</el-table-column>
</el-table>
<el-collapse accordion>
<el-collapse-item title="意见填写">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="textarea">
</el-input>
</div>
<div>文件需求日期应从该申请单审批完成后2日开始计算日翻译量10000字符可以每页700-800字符估算周末及节假日除外</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-if="active === '2'">
<div class="block" style="padding-top: 20px;">
@@ -305,7 +311,7 @@
this.active = name
},
handleSave() {},
handleSubmit() {}
handleSubmit() {},
},
mounted () {}
}
@@ -343,6 +349,9 @@
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
@@ -10,142 +10,146 @@
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-if="active === '1'">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-form
ref="qbkwForm"
:model="form"
class="label-input-form prc-content-border"
label-width="150px"
>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="申请单位" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.orgName"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="申请人" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.account"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.mobilePhone"
placeholder="请输入联系电话"
clearable
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.email"
placeholder="请输入邮箱"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<ProcessTitle>
<template slot="title">填写信息</template>
</ProcessTitle>
<div class="tableTitle">
标准需求列表
<div class="tableButton">
<el-button plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
<el-button plain class="common-button-primary" size="mini">删除</el-button>
</div>
</div>
<el-table
:data="data"
border
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
</el-table-column>
<el-table-column
prop="partCode"
label="类型"
width="180">
</el-table-column>
<el-table-column
prop="content"
label="标准号"
<div style="flex: auto; overflow: auto;">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<el-form
ref="qbkwForm"
:model="form"
class="label-input-form prc-content-border"
label-width="150px"
>
</el-table-column>
<el-table-column
prop="deptName"
label="标准名称"
>
</el-table-column>
<el-table-column
prop="userName"
label="需求时间"
>
</el-table-column>
<el-table-column
prop="userName"
label="页数/字数"
>
</el-table-column>
<el-table-column
prop="userName"
label="原语言"
>
</el-table-column>
<el-table-column
prop="userName"
label="目标语言"
>
</el-table-column>
<el-table-column
prop="userName"
label="是否为加急项目"
>
</el-table-column>
<el-table-column
prop="userName"
label="是否自带预算"
>
</el-table-column>
<el-table-column
prop="userName"
label="费用出自项目的项目名称、编号及费用科目"
>
</el-table-column>
</el-table>
<el-collapse accordion>
<el-collapse-item title="意见填写">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="textarea">
</el-input>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="申请单位" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.orgName"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="申请人" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.account"
clearable
readonly
disabled
></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.mobilePhone"
placeholder="请输入联系电话"
clearable
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="standCode" class="add-form-item form-item-disabled">
<el-input
v-model="form.email"
placeholder="请输入邮箱"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<ProcessTitle>
<template slot="title">填写信息</template>
</ProcessTitle>
<div class="tableTitle">
标准需求列表
<div class="tableButton">
<el-button plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
<el-button plain class="common-button-primary" size="mini">删除</el-button>
</div>
<div>文件需求日期应从该申请单审批完成后2日开始计算日翻译量10000字符可以每页700-800字符估算周末及节假日除外</div>
</el-collapse-item>
</el-collapse>
</div>
<el-table
:data="data"
border
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
</el-table-column>
<el-table-column
prop="partCode"
label="类型"
width="180">
</el-table-column>
<el-table-column
prop="content"
label="标准号"
>
</el-table-column>
<el-table-column
prop="deptName"
label="标准名称"
>
</el-table-column>
<el-table-column
prop="userName"
label="需求时间"
>
</el-table-column>
<el-table-column
prop="userName"
label="页数/字数"
>
</el-table-column>
<el-table-column
prop="userName"
label="原语言"
>
</el-table-column>
<el-table-column
prop="userName"
label="目标语言"
>
</el-table-column>
<el-table-column
prop="userName"
label="是否为加急项目"
>
</el-table-column>
<el-table-column
prop="userName"
label="是否自带预算"
>
</el-table-column>
<el-table-column
prop="userName"
label="费用出自项目的项目名称、编号及费用科目"
>
</el-table-column>
</el-table>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="意见填写">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="textarea">
</el-input>
</div>
<div>文件需求日期应从该申请单审批完成后2日开始计算日翻译量10000字符可以每页700-800字符估算周末及节假日除外</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
<div class="content" v-if="active === '2'">
<div class="block" style="padding-top: 20px;">
@@ -394,6 +398,9 @@
}
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.contentTitle {
@@ -0,0 +1,697 @@
<template>
<div class="bzrkStep1">
<!-- 标准入库流程-->
<ProcessHeader toggle>
<template slot="proName">标准入库流程</template>
<template slot="proNode">申请人发起流程</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
</div>
<div class="content" v-if="active === '1'">
<div style="flex: auto; overflow: auto;">
<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="type" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.type">
<el-radio label="1">国内标准入库</el-radio>
<el-radio label="2">海外标准入库</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="标准类别" prop="types" class="add-form-item form-item-disabled">
<el-select v-model="form.types" placeholder="请选择标准类别">
<el-option label="GB" value="1"></el-option>
<el-option label="GB/T" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准年份" prop="year" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.year"
type="year"
placeholder="请选择标准年份">
</el-date-picker>
</el-form-item>
<el-form-item label="标准中文名称" prop="CNname" class="add-form-item form-item-disabled">
<el-input
v-model="form.CNname"
placeholder="请输入标准中文名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="标准英文名称" prop="ENname" class="add-form-item form-item-disabled">
<el-input
v-model="form.ENname"
placeholder="请输入标准英文名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="是否需要会签" prop="jointlySign" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.jointlySign">
<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="number" class="add-form-item form-item-disabled">
<el-input
v-model="form.number"
placeholder="请输入标准编号"
clearable
></el-input>
</el-form-item>
<el-form-item label="标准性质" prop="nature" class="add-form-item form-item-disabled">
<el-select v-model="form.nature" placeholder="请选择标准性质">
<el-option label="GB" value="1"></el-option>
<el-option label="GB/T" value="2"></el-option>
<el-option label="GB/Z" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="文本状态" prop="TextTypes" class="add-form-item form-item-disabled">
<el-select v-model="form.TextTypes" placeholder="请选择文本状态">
<el-option label="现行有效" value="1"></el-option>
<el-option label="即将实施" value="2"></el-option>
<el-option label="草案" value="3"></el-option>
<el-option label="征求意见" value="4"></el-option>
<el-option label="送审" value="5"></el-option>
<el-option label="报批" value="6"></el-option>
<el-option label="废止" value="7"></el-option>
<el-option label="被代替" value="8"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准发布日期" prop="time" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time"
type="date"
placeholder="请选择标准发布日期">
</el-date-picker>
</el-form-item>
<el-form-item label="是否纳入认证清单" prop="detailedList" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.detailedList">
<el-radio label="1"></el-radio>
<el-radio label="2"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="标准体系" prop="system" class="add-form-item form-item-disabled">
<el-input
v-model="form.system"
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="time1" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time1"
type="date"
placeholder="请选择标准实施日期(标准文本)">
</el-date-picker>
</el-form-item>
<el-form-item label="新车型实施日期(标准文本)" prop="time2" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time2"
type="date"
placeholder="请选择新车型实施日期(标准文本">
</el-date-picker>
</el-form-item>
<el-form-item label="在产车实施日期(标准文本)" prop="time3" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time3"
type="date"
placeholder="请选择在产车实施日期(标准文本)">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="实施日期(国际)" prop="time4" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time4"
type="date"
placeholder="请选择实施日期(国际)">
</el-date-picker>
</el-form-item>
<el-form-item label="新车型实施日期(国际)" prop="time5" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time5"
type="date"
placeholder="请选择新车型实施日期(国家)">
</el-date-picker>
</el-form-item>
<el-form-item label="在产车实施日期(国际)" prop="time6" class="add-form-item form-item-disabled">
<el-date-picker
v-model="form.time6"
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 label="修改单" prop="file1" class="add-form-item form-item-disabled">
<div v-if="form.file1">
{{ form.file1 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item label="发布稿" prop="file2" class="add-form-item form-item-disabled">
<div v-if="form.file2">
{{ form.file2 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item label="报批稿" prop="file3" class="add-form-item form-item-disabled">
<div v-if="form.file3">
{{ form.file3 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item label="送审稿" prop="file4" class="add-form-item form-item-disabled">
<div v-if="form.file4">
{{ form.file4 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="征求意见稿" prop="file5" class="add-form-item form-item-disabled">
<div v-if="form.file5">
{{ form.file5 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item label="草案" prop="file6" class="add-form-item form-item-disabled">
<div v-if="form.file6">
{{ form.file6 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</div>
</el-form-item>
<el-form-item label="解读文件" prop="file7" class="add-form-item form-item-disabled">
<div v-if="form.file7">
{{ form.file7 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</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="AsDepartment" class="add-form-item form-item-disabled">
<el-input
v-model="form.AsDepartment"
placeholder="请输入归口管理部门"
clearable
></el-input>
</el-form-item>
<el-form-item label="起草单位" prop="DraftingUnit" class="add-form-item form-item-disabled">
<el-input
v-model="form.DraftingUnit"
placeholder="请选择起草单位"
clearable
></el-input>
</el-form-item>
<el-form-item label="我司署名人" prop="Subscribers" class="add-form-item form-item-disabled">
<el-select v-model="form.Subscribers" placeholder="请选择我司署名人" multiple>
<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="depth" class="add-form-item form-item-disabled">
<el-radio-group v-model="form.depth">
<el-radio label="1">主持</el-radio>
<el-radio label="2">参与</el-radio>
<el-radio label="3">N/A</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="责任部门" prop="Rdepartment" class="add-form-item form-item-disabled">
<el-select v-model="form.Rdepartment" placeholder="请选择责任部门" multiple>
<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="关联模块--乘用车VPPS编码" prop="PassengerCarCode" class="add-form-item form-item-disabled">
<el-select v-model="form.PassengerCarCode" placeholder="请选择乘用车VPPS编码" multiple>
<el-option label="乘用车VPPS编码1" value="1"></el-option>
<el-option label="乘用车VPPS编码2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="关联模块--卡车VPPS编码" prop="TruckCode" class="add-form-item form-item-disabled">
<el-select v-model="form.TruckCode" placeholder="请选择卡车VPPS编码" multiple>
<el-option label="卡车VPPS编码1" value="1"></el-option>
<el-option label="卡车VPPS编码2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="模块结构单元变型号" prop="UnitModel" class="add-form-item form-item-disabled">
<el-select v-model="form.UnitModel" placeholder="请选择模块结构单元变型号" multiple>
<el-option label="模块结构单元变型号1" value="1"></el-option>
<el-option label="模块结构单元变型号2" value="2"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="适用车型" prop="models" class="add-form-item form-item-disabled">
<el-select v-model="form.models" placeholder="请选择适用车型" multiple>
<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="energy" class="add-form-item form-item-disabled">
<el-select v-model="form.energy" placeholder="请选择适用车型" multiple>
<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="ProductLine" class="add-form-item form-item-disabled">
<el-select v-model="form.ProductLine" placeholder="请选择适用车型" multiple>
<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="authentication" class="add-form-item form-item-disabled">
<el-select v-model="form.authentication" placeholder="请选择适用认证" multiple>
<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="Rengineer" class="add-form-item form-item-disabled">
<el-select v-model="form.Rengineer" placeholder="请选择责任工程师" multiple>
<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="关联模块--乘用车vpps中文名称" prop="PassengerCarName" class="add-form-item form-item-disabled">
<el-input
v-model="form.PassengerCarName"
disabled
clearable
></el-input>
</el-form-item>
<el-form-item label="关联模块--卡车vpps中文名称" prop="TruckName" class="add-form-item form-item-disabled">
<el-input
v-model="form.TruckName"
disabled
clearable
></el-input>
</el-form-item>
<el-form-item label="模块结构单元名称" prop="UnitName" class="add-form-item form-item-disabled">
<el-input
v-model="form.UnitName"
disabled
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="Dnumber" class="add-form-item form-item-disabled">
<el-input
v-model="form.Dnumber"
placeholder="请输入代替标准号"
clearable
></el-input>
</el-form-item>
<el-form-item label="采标程度" prop="degree" class="add-form-item form-item-disabled">
<el-select v-model="form.degree" placeholder="请选择采标程度">
<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="Rprocesses" class="add-form-item form-item-disabled">
<el-input
v-model="form.Rprocesses"
placeholder="请输入相关流程"
clearable
></el-input>
</el-form-item>
<el-form-item label="参会记录" prop="AttendanceRecord" class="add-form-item form-item-disabled">
<el-input
v-model="form.AttendanceRecord"
placeholder="请输入参会记录"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="采标编号" prop="Cnumber" class="add-form-item form-item-disabled">
<el-input
v-model="form.Cnumber"
placeholder="请输入采标编号"
clearable
></el-input>
</el-form-item>
<el-form-item label="引用标准" prop="Rstandard" class="add-form-item form-item-disabled">
<el-input
v-model="form.Rstandard"
placeholder="请输入引用标准"
clearable
></el-input>
</el-form-item>
<el-form-item label="被引用标准" prop="BRstandard" class="add-form-item form-item-disabled">
<el-input
v-model="form.BRstandard"
placeholder="请输入被引用标准"
clearable
></el-input>
</el-form-item>
<el-form-item label="关联文件" prop="file8" class="add-form-item form-item-disabled">
<div v-if="form.file8">
{{ form.file8 }}
</div>
<div v-else>
<el-button
type="primary"
class="common-button-primary"
size="mini">
点击上传
</el-button>
</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-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="textarea">
</el-input>
</div>
<div>文件需求日期应从该申请单审批完成后2日开始计算日翻译量10000字符可以每页700-800字符估算周末及节假日除外</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>
<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'
export default {
name: "bzrkStep1",
data () {
return {
textarea: '', // 意见
title: '', // 新增编辑抽屉标题
ListModel: false, // 新增编辑抽屉开关
active: '1', // 默认显示
isSubmit: false,
saveLoading: false,
form: {
// 基础信息
TextTypes: '', // 文本状态
year: '', // 标准年份
type: '', // 标准类型
types: '', // 标准类别
number: '', // 标准编号
nature: '', // 标准性质
ENname: '', // 英文名称
CNname: '', // 中文名称
jointlySign: '', // 是否需要会签
time: '', // 发布时间
detailedList: '', // 是否纳入认证清单
system: '',// 标准体系
// 实施日期
time1: '', // 实施日期(标准文本)
time2: '', // 新车型实施日期(标准文本)
time3: '', // 在产车实施日期(标准文本)
time4: '', // 实施日期(国际)
time5: '', // 新车型实施日期(国际)
time6: '', // 在产车实施日期(国际)
// 文本信息
file1: '', // 修改单
file2: '', // 发布稿
file3: '', // 报批稿
file4: '', // 送审稿
file5: '', // 征求意见稿
file6: '', // 草案
file7: '', // 解读文件
// 适用范围
AsDepartment: '', // 归口管理部门
DraftingUnit: '', // 起草单位
Subscribers: '', // 我司署名人
depth: '', // 我司参与深度
models: '', // 适用车型
energy: '',// 能源类型
ProductLine: '',// 适用产品线
authentication: '', // 适用认证
Rdepartment: '', // 责任部门
Rengineer: '', // 责任工程师
PassengerCarCode: '', // 关联模块--乘用车VPPS编码
PassengerCarName: '', // 关联模块--乘用车vpps中文名称
TruckCode: '', // 关联模块--卡车VPPS编码
TruckName: '', // 关联模块--卡车vpps中文名称
UnitModel: '', // 模块结构单元变型号
UnitName: '', // 模块结构单元名称
// 关联信息
Dnumber: '', // 代替标准号
Cnumber: '', // 采标编号
degree: '', // 采标程度
Rstandard: '', // 引用标准
BRstandard: '', // 被引用标准
file8: '', // 关联文件
Rprocesses: '', // 相关流程
AttendanceRecord: '', // 参会记录
}, // 标准信息
data: [], // 标准列表数据
ListForm: {}, // 新增数据
user1: '',
user2: '',
user3: '',
user4: '',
user5: '',
}
},
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
methods: {
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() {
}
},
mounted () {
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.bzrkStep1 {
/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>
@@ -51,6 +51,9 @@ export default {
break
case '2':
// 标准入库流程
this.$router.push({
name: 'bzrkStep1'
})
break
case '3':
// 标准征求意见流程
+9
View File
@@ -230,6 +230,15 @@ const routes = [
requireAuth: true,
title: '标准发放申请流程'
}
},
{
path: '/bzrkStep1',
name: 'bzrkStep1',
component: () => import('@/pages/processCenter/pages/creatProcess/bzrk/step1.vue'),
meta: {
requireAuth: true,
title: '标准入库流程'
}
}
]
},