修改查询bug 页面布局
This commit is contained in:
宋伟佳
@@ -10,7 +10,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style=" overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -149,76 +149,77 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<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" @click="deleteList">批量删除</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
:data="dataList"
|
|
||||||
border
|
|
||||||
ref="selection"
|
|
||||||
height="49%"
|
|
||||||
style="width: 100%;"
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
: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
|
|
||||||
prop="productLine"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="uname"
|
|
||||||
label="产品线责任人">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="distributePerson"
|
|
||||||
label="分发责任人">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input
|
|
||||||
v-model="scope.row.distributePerson"
|
|
||||||
placeholder="请选择分发负责人"
|
|
||||||
readonly
|
|
||||||
@click.native="choiceZRR(scope,'distributePerson', '选择分发责任人', roleForm.distributePerson)"
|
|
||||||
></el-input>
|
|
||||||
<!-- <span v-else>{{ scope.row.distributePerson }}</span>-->
|
|
||||||
</template>
|
|
||||||
<!-- <template slot-scope="scope,text" v-if="showColumn">-->
|
|
||||||
<!-- <div>-->
|
|
||||||
<!-- <div @click="choiceZRR(scope,'distributePerson', '选择分发责任人', roleForm.distributePerson)">-->
|
|
||||||
<!-- {{ listForm.dataList[scope.$index].distributePerson == null ? "请选择分发负责人" : listForm.dataList[scope.$index].distributePerson-->
|
|
||||||
<!-- }}-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </template>-->
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<process-title>
|
||||||
<div>
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<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" @click="deleteList">批量删除</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
ref="selection"
|
||||||
|
height="100%"
|
||||||
|
style="width: 100%;"
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
: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
|
||||||
|
prop="productLine"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="uname"
|
||||||
|
label="产品线责任人">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="distributePerson"
|
||||||
|
label="分发责任人">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input
|
||||||
|
v-model="scope.row.distributePerson"
|
||||||
|
placeholder="请选择分发负责人"
|
||||||
|
readonly
|
||||||
|
@click.native="choiceZRR(scope,'distributePerson', '选择分发责任人', roleForm.distributePerson)"
|
||||||
|
></el-input>
|
||||||
|
<!-- <span v-else>{{ scope.row.distributePerson }}</span>-->
|
||||||
|
</template>
|
||||||
|
<!-- <template slot-scope="scope,text" v-if="showColumn">-->
|
||||||
|
<!-- <div>-->
|
||||||
|
<!-- <div @click="choiceZRR(scope,'distributePerson', '选择分发责任人', roleForm.distributePerson)">-->
|
||||||
|
<!-- {{ listForm.dataList[scope.$index].distributePerson == null ? "请选择分发负责人" : listForm.dataList[scope.$index].distributePerson-->
|
||||||
|
<!-- }}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
<el-collapse accordion>
|
<el-collapse accordion>
|
||||||
<el-collapse-item title="回执说明">
|
<el-collapse-item title="回执说明">
|
||||||
<div style="margin: 10px 0;">
|
<div style="margin: 10px 0;">
|
||||||
<el-input
|
<el-input
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:rows="3"
|
:rows="3"
|
||||||
resize="none"
|
resize="none"
|
||||||
placeholder="请输入意见"
|
placeholder="请输入意见"
|
||||||
v-model="commentText">
|
v-model="commentText">
|
||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
</div>
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
<div class="content" v-show="active === '2'">
|
<div class="content" v-show="active === '2'">
|
||||||
<div class="block" style="padding-top: 20px;">
|
<div class="block" style="padding-top: 20px;">
|
||||||
<el-timeline>
|
<el-timeline>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style="overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -132,143 +132,143 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<div class="tableTitle">
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
ref="multipleTable"
|
|
||||||
:data="dataList"
|
|
||||||
tooltip-effect="dark"
|
|
||||||
style="width: 100%"
|
|
||||||
border
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
height="52%"
|
|
||||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
|
||||||
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
width="55"
|
|
||||||
align="center">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="productLine"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectNumber"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目编号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectName"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemNum"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="条款号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemsName"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="条款名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="technicalRequir"
|
|
||||||
align="center"
|
|
||||||
width="250"
|
|
||||||
label="核心技术要求/变化点">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="changePoint"
|
|
||||||
width="250"
|
|
||||||
align="center"
|
|
||||||
label="基于上一版本差异">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="xCXSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="新车型实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="zCCSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="在产车实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="complianceReasons"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="合规">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
prop="researchNonCompliance"
|
|
||||||
label="不合规">
|
|
||||||
<el-table-column
|
|
||||||
prop="noCompliance"
|
|
||||||
align="center"
|
|
||||||
width="170"
|
|
||||||
label="不合规项目">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="countermeasures"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="应对措施">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="completionTime"
|
|
||||||
align="center"
|
|
||||||
width="120"
|
|
||||||
label="完成时间">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="implementer"
|
|
||||||
label="落实人">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="distributePerson"
|
|
||||||
label="责任人">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<process-title>
|
||||||
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<div class="tableTitle">
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="dataList"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
style="width: 100%"
|
||||||
|
border
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
height="52%"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
|
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="productLine"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectNumber"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目编号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectName"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemNum"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="条款号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemsName"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="条款名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="technicalRequir"
|
||||||
|
align="center"
|
||||||
|
width="250"
|
||||||
|
label="核心技术要求/变化点">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="changePoint"
|
||||||
|
width="250"
|
||||||
|
align="center"
|
||||||
|
label="基于上一版本差异">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="xCXSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="新车型实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zCCSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="在产车实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="complianceReasons"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="合规">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
prop="researchNonCompliance"
|
||||||
|
label="不合规">
|
||||||
|
<el-table-column
|
||||||
|
prop="noCompliance"
|
||||||
|
align="center"
|
||||||
|
width="170"
|
||||||
|
label="不合规项目">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="countermeasures"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="应对措施">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="completionTime"
|
||||||
|
align="center"
|
||||||
|
width="120"
|
||||||
|
label="完成时间">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="implementer"
|
||||||
|
label="落实人">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="distributePerson"
|
||||||
|
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="commentText">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
<div>
|
<div>
|
||||||
<el-collapse accordion>
|
|
||||||
<el-collapse-item title="审批意见">
|
|
||||||
<div style="margin: 10px 0;">
|
|
||||||
<el-input
|
|
||||||
type="textarea"
|
|
||||||
:rows="3"
|
|
||||||
resize="none"
|
|
||||||
placeholder="请输入意见"
|
|
||||||
v-model="commentText">
|
|
||||||
</el-input>
|
|
||||||
</div>
|
|
||||||
</el-collapse-item>
|
|
||||||
</el-collapse>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style=" overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -163,50 +163,49 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<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" @click="deleteList">批量删除</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
:data="dataList"
|
|
||||||
border
|
|
||||||
ref="selection"
|
|
||||||
height="49%"
|
|
||||||
style="width: 100%;"
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
: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
|
|
||||||
prop="productLine"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="uname"
|
|
||||||
label="产品线责任人">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="distributePerson"
|
|
||||||
label="分发责任人">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input v-model="scope.row.distributePersonId" style="display: none;" />
|
|
||||||
<el-input v-model="scope.row.distributePerson" placeholder="请选择责任人"
|
|
||||||
@click.native="choiceZRR(scope,'distributePerson', '选择分发责任人', roleForm.distributePerson)" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<process-title>
|
||||||
<div>
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<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" @click="deleteList">批量删除</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
ref="selection"
|
||||||
|
height="100%"
|
||||||
|
style="width: 100%;"
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
: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
|
||||||
|
prop="productLine"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="uname"
|
||||||
|
label="产品线责任人">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="distributePerson"
|
||||||
|
label="分发责任人">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-model="scope.row.distributePersonId" style="display: none;" />
|
||||||
|
<el-input v-model="scope.row.distributePerson" placeholder="请选择责任人"
|
||||||
|
@click.native="choiceZRR(scope,'distributePerson', '选择分发责任人', roleForm.distributePerson)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
<el-collapse accordion>
|
<el-collapse accordion>
|
||||||
<el-collapse-item title="回执说明">
|
<el-collapse-item title="回执说明">
|
||||||
<div style="margin: 10px 0;">
|
<div style="margin: 10px 0;">
|
||||||
@@ -221,6 +220,8 @@
|
|||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
<div class="content" v-show="active === '2'">
|
<div class="content" v-show="active === '2'">
|
||||||
<div class="block" style="padding-top: 20px;">
|
<div class="block" style="padding-top: 20px;">
|
||||||
<el-timeline>
|
<el-timeline>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style="overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -131,55 +131,55 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<el-table
|
|
||||||
:data="dataList"
|
|
||||||
border
|
|
||||||
ref="selection"
|
|
||||||
height="49%"
|
|
||||||
style="width: 100%;"
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
: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
|
|
||||||
prop="productLine"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="productLine"
|
|
||||||
label="项目名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="uname"
|
|
||||||
label="产品线责任人">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="distributePerson"
|
|
||||||
label="分发责任人">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<process-title>
|
||||||
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<el-table
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
ref="selection"
|
||||||
|
height="100%"
|
||||||
|
style="width: 100%;"
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
: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
|
||||||
|
prop="productLine"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="productLine"
|
||||||
|
label="项目名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="uname"
|
||||||
|
label="产品线责任人">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="distributePerson"
|
||||||
|
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="commentText">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
<div>
|
<div>
|
||||||
<el-collapse accordion>
|
|
||||||
<el-collapse-item title="审批意见">
|
|
||||||
<div style="margin: 10px 0;">
|
|
||||||
<el-input
|
|
||||||
type="textarea"
|
|
||||||
:rows="3"
|
|
||||||
resize="none"
|
|
||||||
placeholder="请输入意见"
|
|
||||||
v-model="commentText">
|
|
||||||
</el-input>
|
|
||||||
</div>
|
|
||||||
</el-collapse-item>
|
|
||||||
</el-collapse>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
<el-collapse-transition>
|
<el-collapse-transition>
|
||||||
<div class="prc-content-border" v-if="foldFormFlag === false">
|
<div v-if="foldFormFlag === false">
|
||||||
<el-form
|
<el-form
|
||||||
:model="listForm"
|
:model="listForm"
|
||||||
class="label-input-form prc-content-border"
|
class="label-input-form prc-content-border"
|
||||||
@@ -132,108 +132,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<div class="tableTitle">
|
|
||||||
<div class="tableButton">
|
|
||||||
<el-button class="common-button-primary" plain size="mini" @click="addProject">添加
|
|
||||||
</el-button>
|
|
||||||
<el-button plain class="common-button-primary" type="primary" size="mini" @click="deleteList">批量删除
|
|
||||||
</el-button>
|
|
||||||
<el-button plain class="common-button-primary" type="primary" size="mini" @click="choiceZRRS('', 2, '')">
|
|
||||||
批量分发落实人
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
ref="multipleTable"
|
|
||||||
:data="breakdownList"
|
|
||||||
style="width: 100%; border: 1px solid #cccccc;height: 400px"
|
|
||||||
height="48%"
|
|
||||||
border
|
|
||||||
highlight-current-row
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
|
||||||
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
width="55"
|
|
||||||
align="center">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="productLine"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectNumber"
|
|
||||||
align="center"
|
|
||||||
width="160px"
|
|
||||||
label="项目编号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectName"
|
|
||||||
align="center"
|
|
||||||
min-width="300"
|
|
||||||
label="项目名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemNum"
|
|
||||||
align="center"
|
|
||||||
width="100px"
|
|
||||||
label="条款号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemsName"
|
|
||||||
align="center"
|
|
||||||
width="160px"
|
|
||||||
label="条款名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="technicalRequir"
|
|
||||||
align="center"
|
|
||||||
width="160px"
|
|
||||||
label="核心技术要求/变化点">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="changePoint"
|
|
||||||
align="center"
|
|
||||||
width="160px"
|
|
||||||
label="基于上一版本差异">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="xcxssrq"
|
|
||||||
align="center"
|
|
||||||
width="120px"
|
|
||||||
label="新车型实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="zccssrq"
|
|
||||||
align="center"
|
|
||||||
width="120px"
|
|
||||||
label="在产车实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="落实人"
|
|
||||||
width="210"
|
|
||||||
align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input v-model="scope.row.implementerId" style="display: none;" />
|
|
||||||
<el-input v-model="scope.row.implementer" placeholder="请选择落实人"
|
|
||||||
@click.native="choiceZRRS(scope.row, 1, scope.$index)" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<!-- <el-pagination-->
|
|
||||||
<!-- layout="total,sizes, prev, pager, next"-->
|
|
||||||
<!-- background-->
|
|
||||||
<!-- :page-sizes="[20, 40, 60]"-->
|
|
||||||
<!-- :total="total"-->
|
|
||||||
<!-- @size-change="handleSizeChange"-->
|
|
||||||
<!-- @current-change="handleCurrentChange"-->
|
|
||||||
<!-- />-->
|
|
||||||
<!-- 选择责任人-->
|
<!-- 选择责任人-->
|
||||||
<Role-tree
|
<Role-tree
|
||||||
is-title="选择落实人"
|
is-title="选择落实人"
|
||||||
@@ -242,6 +141,108 @@
|
|||||||
:nodeList="nodeList"
|
:nodeList="nodeList"
|
||||||
></Role-tree>
|
></Role-tree>
|
||||||
</div>
|
</div>
|
||||||
|
<process-title>
|
||||||
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<div class="tableTitle">
|
||||||
|
<div class="tableButton">
|
||||||
|
<el-button class="common-button-primary" plain size="mini" @click="addProject">添加
|
||||||
|
</el-button>
|
||||||
|
<el-button plain class="common-button-primary" type="primary" size="mini" @click="deleteList">批量删除
|
||||||
|
</el-button>
|
||||||
|
<el-button plain class="common-button-primary" type="primary" size="mini" @click="choiceZRRS('', 2, '')">
|
||||||
|
批量分发落实人
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="breakdownList"
|
||||||
|
style="width: 100%; border: 1px solid #cccccc;height: 400px"
|
||||||
|
height="100%"
|
||||||
|
border
|
||||||
|
highlight-current-row
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
|
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="productLine"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectNumber"
|
||||||
|
align="center"
|
||||||
|
width="160px"
|
||||||
|
label="项目编号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectName"
|
||||||
|
align="center"
|
||||||
|
min-width="300"
|
||||||
|
label="项目名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemNum"
|
||||||
|
align="center"
|
||||||
|
width="100px"
|
||||||
|
label="条款号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemsName"
|
||||||
|
align="center"
|
||||||
|
width="160px"
|
||||||
|
label="条款名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="technicalRequir"
|
||||||
|
align="center"
|
||||||
|
width="160px"
|
||||||
|
label="核心技术要求/变化点">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="changePoint"
|
||||||
|
align="center"
|
||||||
|
width="160px"
|
||||||
|
label="基于上一版本差异">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="xcxssrq"
|
||||||
|
align="center"
|
||||||
|
width="120px"
|
||||||
|
label="新车型实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zccssrq"
|
||||||
|
align="center"
|
||||||
|
width="120px"
|
||||||
|
label="在产车实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="落实人"
|
||||||
|
width="210"
|
||||||
|
align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input v-model="scope.row.implementerId" style="display: none;" />
|
||||||
|
<el-input v-model="scope.row.implementer" placeholder="请选择落实人"
|
||||||
|
@click.native="choiceZRRS(scope.row, 1, scope.$index)" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- <el-pagination-->
|
||||||
|
<!-- layout="total,sizes, prev, pager, next"-->
|
||||||
|
<!-- background-->
|
||||||
|
<!-- :page-sizes="[20, 40, 60]"-->
|
||||||
|
<!-- :total="total"-->
|
||||||
|
<!-- @size-change="handleSizeChange"-->
|
||||||
|
<!-- @current-change="handleCurrentChange"-->
|
||||||
|
<!-- />-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content" v-show="active === '3'">
|
<div class="content" v-show="active === '3'">
|
||||||
@@ -341,7 +342,7 @@
|
|||||||
type="primary"
|
type="primary"
|
||||||
class="common-button-primary"
|
class="common-button-primary"
|
||||||
size="small"
|
size="small"
|
||||||
@click="getProject">
|
@click="getProjectBtn">
|
||||||
查询
|
查询
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -360,7 +361,7 @@
|
|||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
border
|
border
|
||||||
ref="table"
|
ref="table"
|
||||||
height="100%"
|
class="table-height"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="selectThree"
|
@selection-change="selectThree"
|
||||||
@@ -679,6 +680,10 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
getProjectBtn(){
|
||||||
|
this.pageNo = 1,
|
||||||
|
this.getProject()
|
||||||
|
},
|
||||||
getProject() {
|
getProject() {
|
||||||
this.$http.get("sarStandProjectLibrary/queryProjectUnderLine", {
|
this.$http.get("sarStandProjectLibrary/queryProjectUnderLine", {
|
||||||
productLine: this.projectLineId,
|
productLine: this.projectLineId,
|
||||||
@@ -967,16 +972,14 @@ export default {
|
|||||||
padding: 0 20px 0;
|
padding: 0 20px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
.choiceBtn {
|
.choiceBtn {
|
||||||
.el-button--primary {
|
.el-button--primary {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
position: relative;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
.headerTabs {
|
.headerTabs {
|
||||||
height: 52px;
|
height: 52px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1035,6 +1038,10 @@ export default {
|
|||||||
.demo-drawer-content {
|
.demo-drawer-content {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
.table-height{
|
||||||
|
height: calc(~'100% - 65px');
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style="overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -131,201 +131,201 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
</div>
|
||||||
<template slot="title">填写信息</template>
|
<process-title>
|
||||||
</process-title>
|
<template slot="title">填写信息</template>
|
||||||
<div class="tableTitle">
|
</process-title>
|
||||||
<div class="tableButton">
|
<div class="tableTitle">
|
||||||
<el-button :disabled="acceptShow" class="common-button-primary add-button" type="primary" size="mini"
|
<div class="tableButton">
|
||||||
@click="batchEdit">批量编辑
|
<el-button :disabled="acceptShow" class="common-button-primary add-button" type="primary" size="mini"
|
||||||
</el-button>
|
@click="batchEdit">批量编辑
|
||||||
</div>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
</div>
|
||||||
ref="multipleTable"
|
<el-table
|
||||||
:data="dataList"
|
ref="multipleTable"
|
||||||
tooltip-effect="dark"
|
:data="dataList"
|
||||||
style="width: 100%"
|
tooltip-effect="dark"
|
||||||
border
|
style="width: 100%"
|
||||||
@selection-change="selectStandChange"
|
border
|
||||||
height="48%"
|
@selection-change="selectStandChange"
|
||||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
height="100%"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
type="selection"
|
||||||
width="55"
|
width="55"
|
||||||
align="center">
|
align="center">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="productLine"
|
prop="productLine"
|
||||||
align="center"
|
align="center"
|
||||||
width="200"
|
width="200"
|
||||||
label="产品线">
|
label="产品线">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="projectNumber"
|
prop="projectNumber"
|
||||||
align="center"
|
align="center"
|
||||||
width="200"
|
width="200"
|
||||||
label="项目编号">
|
label="项目编号">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="projectName"
|
prop="projectName"
|
||||||
align="center"
|
align="center"
|
||||||
width="200"
|
width="200"
|
||||||
label="项目名称">
|
label="项目名称">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="itemNum"
|
prop="itemNum"
|
||||||
align="center"
|
align="center"
|
||||||
width="200"
|
width="200"
|
||||||
label="条款号">
|
label="条款号">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="itemsName"
|
prop="itemsName"
|
||||||
width="200"
|
width="200"
|
||||||
align="center"
|
align="center"
|
||||||
label="条款名称">
|
label="条款名称">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="technicalRequir"
|
prop="technicalRequir"
|
||||||
align="center"
|
align="center"
|
||||||
width="250"
|
width="250"
|
||||||
label="核心技术要求/变化点">
|
label="核心技术要求/变化点">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="changePoint"
|
prop="changePoint"
|
||||||
width="250"
|
width="250"
|
||||||
align="center"
|
align="center"
|
||||||
label="基于上一版本差异">
|
label="基于上一版本差异">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="xCXSSRQ"
|
prop="xCXSSRQ"
|
||||||
width="200"
|
width="200"
|
||||||
align="center"
|
align="center"
|
||||||
label="新车型实施日期">
|
label="新车型实施日期">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="zCCSSRQ"
|
prop="zCCSSRQ"
|
||||||
width="200"
|
width="200"
|
||||||
align="center"
|
align="center"
|
||||||
label="在产车实施日期">
|
label="在产车实施日期">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="researchCompliance"
|
prop="researchCompliance"
|
||||||
align="center"
|
align="center"
|
||||||
width="160"
|
width="160"
|
||||||
label="合规">
|
label="合规">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input
|
<el-input
|
||||||
v-if="dataList[scope.$index].noCompliance && dataList[scope.$index].noCompliance.length>0
|
v-if="dataList[scope.$index].noCompliance && dataList[scope.$index].noCompliance.length>0
|
||||||
|| dataList[scope.$index].countermeasures && dataList[scope.$index].countermeasures.length>0
|
|| dataList[scope.$index].countermeasures && dataList[scope.$index].countermeasures.length>0
|
||||||
|| dataList[scope.$index].completionTime && dataList[scope.$index].completionTime !== null"
|
|| dataList[scope.$index].completionTime && dataList[scope.$index].completionTime !== null"
|
||||||
disabled
|
disabled
|
||||||
v-model="dataList[scope.$index].complianceReasons"
|
v-model="dataList[scope.$index].complianceReasons"
|
||||||
placeholder="请输入合规原因"
|
placeholder="请输入合规原因"
|
||||||
>
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
<el-input
|
<el-input
|
||||||
v-else
|
v-else
|
||||||
:disabled="acceptShow"
|
:disabled="acceptShow"
|
||||||
clearable
|
clearable
|
||||||
v-model="dataList[scope.$index].complianceReasons"
|
v-model="dataList[scope.$index].complianceReasons"
|
||||||
placeholder="请输入合规原因"
|
placeholder="请输入合规原因"
|
||||||
>
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
width="160"
|
width="160"
|
||||||
prop="researchNonCompliance"
|
prop="researchNonCompliance"
|
||||||
label="不合规">
|
label="不合规">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="researchNonCompliance"
|
prop="researchNonCompliance"
|
||||||
align="center"
|
align="center"
|
||||||
width="170"
|
width="170"
|
||||||
label="不合规项目">
|
label="不合规项目">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input
|
|
||||||
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
|
||||||
disabled
|
|
||||||
v-model="dataList[scope.$index].noCompliance"
|
|
||||||
placeholder="请输入不合规项目"
|
|
||||||
>
|
|
||||||
</el-input>
|
|
||||||
<el-input
|
|
||||||
v-else
|
|
||||||
:disabled="acceptShow"
|
|
||||||
v-model="dataList[scope.$index].noCompliance"
|
|
||||||
placeholder="请输入不合规项目"
|
|
||||||
>
|
|
||||||
</el-input>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="researchCountermeasures"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="应对措施">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input
|
|
||||||
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
|
||||||
disabled
|
|
||||||
v-model="dataList[scope.$index].countermeasures"
|
|
||||||
placeholder="请输入应对措施"
|
|
||||||
>
|
|
||||||
</el-input>
|
|
||||||
<el-input
|
|
||||||
v-else
|
|
||||||
:disabled="acceptShow"
|
|
||||||
v-model="dataList[scope.$index].countermeasures"
|
|
||||||
placeholder="请输入应对措施"
|
|
||||||
>
|
|
||||||
</el-input>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="researchCompletionTime"
|
|
||||||
align="center"
|
|
||||||
width="140"
|
|
||||||
label="完成时间">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-date-picker
|
|
||||||
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
|
||||||
disabled
|
|
||||||
v-model="dataList[scope.$index].completionTime"
|
|
||||||
type="date"
|
|
||||||
placeholder="请选择日期">
|
|
||||||
</el-date-picker>
|
|
||||||
<el-date-picker
|
|
||||||
v-else
|
|
||||||
:disabled="acceptShow"
|
|
||||||
class="datePickLen"
|
|
||||||
clearable
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
v-model="dataList[scope.$index].completionTime"
|
|
||||||
type="date"
|
|
||||||
placeholder="请选择日期">
|
|
||||||
</el-date-picker>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<el-collapse accordion>
|
|
||||||
<el-collapse-item title="回执说明">
|
|
||||||
<div style="margin: 10px 0;">
|
|
||||||
<el-input
|
<el-input
|
||||||
type="textarea"
|
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
||||||
:rows="3"
|
disabled
|
||||||
resize="none"
|
v-model="dataList[scope.$index].noCompliance"
|
||||||
placeholder="请输入意见"
|
placeholder="请输入不合规项目"
|
||||||
v-model="commentText">
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
<el-input
|
||||||
</el-collapse-item>
|
v-else
|
||||||
</el-collapse>
|
:disabled="acceptShow"
|
||||||
|
v-model="dataList[scope.$index].noCompliance"
|
||||||
|
placeholder="请输入不合规项目"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="researchCountermeasures"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="应对措施">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input
|
||||||
|
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
||||||
|
disabled
|
||||||
|
v-model="dataList[scope.$index].countermeasures"
|
||||||
|
placeholder="请输入应对措施"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
<el-input
|
||||||
|
v-else
|
||||||
|
:disabled="acceptShow"
|
||||||
|
v-model="dataList[scope.$index].countermeasures"
|
||||||
|
placeholder="请输入应对措施"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="researchCompletionTime"
|
||||||
|
align="center"
|
||||||
|
width="140"
|
||||||
|
label="完成时间">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
||||||
|
disabled
|
||||||
|
v-model="dataList[scope.$index].completionTime"
|
||||||
|
type="date"
|
||||||
|
placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
<el-date-picker
|
||||||
|
v-else
|
||||||
|
:disabled="acceptShow"
|
||||||
|
class="datePickLen"
|
||||||
|
clearable
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
v-model="dataList[scope.$index].completionTime"
|
||||||
|
type="date"
|
||||||
|
placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</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="commentText">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
<div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style="overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -131,143 +131,143 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<div class="tableTitle">
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
ref="multipleTable"
|
|
||||||
:data="dataList"
|
|
||||||
tooltip-effect="dark"
|
|
||||||
style="width: 100%"
|
|
||||||
border
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
height="55%"
|
|
||||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
|
||||||
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
width="55"
|
|
||||||
align="center">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="productLine"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectNumber"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目编号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectName"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemNum"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="条款号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemsName"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="条款名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="technicalRequir"
|
|
||||||
align="center"
|
|
||||||
width="250"
|
|
||||||
label="核心技术要求/变化点">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="changePoint"
|
|
||||||
width="250"
|
|
||||||
align="center"
|
|
||||||
label="基于上一版本差异">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="xCXSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="新车型实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="zCCSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="在产车实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="complianceReasons"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="合规">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
prop="researchNonCompliance"
|
|
||||||
label="不合规">
|
|
||||||
<el-table-column
|
|
||||||
prop="noCompliance"
|
|
||||||
align="center"
|
|
||||||
width="170"
|
|
||||||
label="不合规项目">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="countermeasures"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="应对措施">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="completionTime"
|
|
||||||
align="center"
|
|
||||||
width="120"
|
|
||||||
label="完成时间">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="implementer"
|
|
||||||
label="落实人">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="distributePerson"
|
|
||||||
label="责任人">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<process-title>
|
||||||
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<div class="tableTitle">
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="dataList"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
style="width: 100%"
|
||||||
|
border
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
height="100%"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
|
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="productLine"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectNumber"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目编号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectName"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemNum"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="条款号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemsName"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="条款名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="technicalRequir"
|
||||||
|
align="center"
|
||||||
|
width="250"
|
||||||
|
label="核心技术要求/变化点">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="changePoint"
|
||||||
|
width="250"
|
||||||
|
align="center"
|
||||||
|
label="基于上一版本差异">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="xCXSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="新车型实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zCCSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="在产车实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="complianceReasons"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="合规">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
prop="researchNonCompliance"
|
||||||
|
label="不合规">
|
||||||
|
<el-table-column
|
||||||
|
prop="noCompliance"
|
||||||
|
align="center"
|
||||||
|
width="170"
|
||||||
|
label="不合规项目">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="countermeasures"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="应对措施">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="completionTime"
|
||||||
|
align="center"
|
||||||
|
width="120"
|
||||||
|
label="完成时间">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="implementer"
|
||||||
|
label="落实人">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="distributePerson"
|
||||||
|
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.trim="commentText">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
<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.trim="commentText">
|
|
||||||
</el-input>
|
|
||||||
</div>
|
|
||||||
</el-collapse-item>
|
|
||||||
</el-collapse>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style="overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -131,143 +131,143 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<div class="tableTitle">
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
ref="multipleTable"
|
|
||||||
:data="dataList"
|
|
||||||
tooltip-effect="dark"
|
|
||||||
style="width: 100%"
|
|
||||||
border
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
height="55%"
|
|
||||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
|
||||||
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
width="55"
|
|
||||||
align="center">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="productLine"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectNumber"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目编号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectName"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemNum"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="条款号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemsName"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="条款名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="technicalRequir"
|
|
||||||
align="center"
|
|
||||||
width="250"
|
|
||||||
label="核心技术要求/变化点">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="changePoint"
|
|
||||||
width="250"
|
|
||||||
align="center"
|
|
||||||
label="基于上一版本差异">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="xCXSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="新车型实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="zCCSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="在产车实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="complianceReasons"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="合规">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
prop="researchNonCompliance"
|
|
||||||
label="不合规">
|
|
||||||
<el-table-column
|
|
||||||
prop="noCompliance"
|
|
||||||
align="center"
|
|
||||||
width="170"
|
|
||||||
label="不合规项目">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="countermeasures"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="应对措施">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="completionTime"
|
|
||||||
align="center"
|
|
||||||
width="120"
|
|
||||||
label="完成时间">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="implementer"
|
|
||||||
label="落实人">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="distributePerson"
|
|
||||||
label="责任人">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<process-title>
|
||||||
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<div class="tableTitle">
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="dataList"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
style="width: 100%"
|
||||||
|
border
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
height="100%"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
|
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="productLine"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectNumber"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目编号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectName"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemNum"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="条款号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemsName"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="条款名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="technicalRequir"
|
||||||
|
align="center"
|
||||||
|
width="250"
|
||||||
|
label="核心技术要求/变化点">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="changePoint"
|
||||||
|
width="250"
|
||||||
|
align="center"
|
||||||
|
label="基于上一版本差异">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="xCXSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="新车型实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zCCSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="在产车实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="complianceReasons"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="合规">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
prop="researchNonCompliance"
|
||||||
|
label="不合规">
|
||||||
|
<el-table-column
|
||||||
|
prop="noCompliance"
|
||||||
|
align="center"
|
||||||
|
width="170"
|
||||||
|
label="不合规项目">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="countermeasures"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="应对措施">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="completionTime"
|
||||||
|
align="center"
|
||||||
|
width="120"
|
||||||
|
label="完成时间">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="implementer"
|
||||||
|
label="落实人">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="distributePerson"
|
||||||
|
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="commentText">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
<div>
|
<div>
|
||||||
<el-collapse accordion>
|
|
||||||
<el-collapse-item title="审批意见">
|
|
||||||
<div style="margin: 10px 0;">
|
|
||||||
<el-input
|
|
||||||
type="textarea"
|
|
||||||
:rows="3"
|
|
||||||
resize="none"
|
|
||||||
placeholder="请输入意见"
|
|
||||||
v-model="commentText">
|
|
||||||
</el-input>
|
|
||||||
</div>
|
|
||||||
</el-collapse-item>
|
|
||||||
</el-collapse>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="active === '1'">
|
<div class="content" v-show="active === '1'">
|
||||||
<div style="flex: auto; overflow: auto">
|
<div style="overflow: auto">
|
||||||
<process-title>
|
<process-title>
|
||||||
<template slot="title">基础信息</template>
|
<template slot="title">基础信息</template>
|
||||||
</process-title>
|
</process-title>
|
||||||
@@ -131,143 +131,143 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<process-title>
|
|
||||||
<template slot="title">填写信息</template>
|
|
||||||
</process-title>
|
|
||||||
<div class="tableTitle">
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
ref="multipleTable"
|
|
||||||
:data="dataList"
|
|
||||||
tooltip-effect="dark"
|
|
||||||
style="width: 100%"
|
|
||||||
border
|
|
||||||
@selection-change="selectStandChange"
|
|
||||||
height="52%"
|
|
||||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
|
||||||
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
width="55"
|
|
||||||
align="center">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="productLine"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="产品线">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectNumber"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目编号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectName"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="项目名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemNum"
|
|
||||||
align="center"
|
|
||||||
width="200"
|
|
||||||
label="条款号">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="itemsName"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="条款名称">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="technicalRequir"
|
|
||||||
align="center"
|
|
||||||
width="250"
|
|
||||||
label="核心技术要求/变化点">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="changePoint"
|
|
||||||
width="250"
|
|
||||||
align="center"
|
|
||||||
label="基于上一版本差异">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="xCXSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="新车型实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="zCCSSRQ"
|
|
||||||
width="200"
|
|
||||||
align="center"
|
|
||||||
label="在产车实施日期">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="complianceReasons"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="合规">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
prop="researchNonCompliance"
|
|
||||||
label="不合规">
|
|
||||||
<el-table-column
|
|
||||||
prop="noCompliance"
|
|
||||||
align="center"
|
|
||||||
width="170"
|
|
||||||
label="不合规项目">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="countermeasures"
|
|
||||||
align="center"
|
|
||||||
width="160"
|
|
||||||
label="应对措施">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="completionTime"
|
|
||||||
align="center"
|
|
||||||
width="120"
|
|
||||||
label="完成时间">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="implementer"
|
|
||||||
label="落实人">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
fixed="right"
|
|
||||||
align="center"
|
|
||||||
width="150"
|
|
||||||
prop="distributePerson"
|
|
||||||
label="责任人">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<process-title>
|
||||||
|
<template slot="title">填写信息</template>
|
||||||
|
</process-title>
|
||||||
|
<div class="tableTitle">
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="dataList"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
style="width: 100%"
|
||||||
|
border
|
||||||
|
@selection-change="selectStandChange"
|
||||||
|
height="100%"
|
||||||
|
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||||
|
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="productLine"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="产品线">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectNumber"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目编号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectName"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="项目名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemNum"
|
||||||
|
align="center"
|
||||||
|
width="200"
|
||||||
|
label="条款号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="itemsName"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="条款名称">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="technicalRequir"
|
||||||
|
align="center"
|
||||||
|
width="250"
|
||||||
|
label="核心技术要求/变化点">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="changePoint"
|
||||||
|
width="250"
|
||||||
|
align="center"
|
||||||
|
label="基于上一版本差异">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="xCXSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="新车型实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="zCCSSRQ"
|
||||||
|
width="200"
|
||||||
|
align="center"
|
||||||
|
label="在产车实施日期">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="complianceReasons"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="合规">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
prop="researchNonCompliance"
|
||||||
|
label="不合规">
|
||||||
|
<el-table-column
|
||||||
|
prop="noCompliance"
|
||||||
|
align="center"
|
||||||
|
width="170"
|
||||||
|
label="不合规项目">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="countermeasures"
|
||||||
|
align="center"
|
||||||
|
width="160"
|
||||||
|
label="应对措施">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="completionTime"
|
||||||
|
align="center"
|
||||||
|
width="120"
|
||||||
|
label="完成时间">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="implementer"
|
||||||
|
label="落实人">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
prop="distributePerson"
|
||||||
|
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="commentText">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
<div>
|
<div>
|
||||||
<el-collapse accordion>
|
|
||||||
<el-collapse-item title="审批意见">
|
|
||||||
<div style="margin: 10px 0;">
|
|
||||||
<el-input
|
|
||||||
type="textarea"
|
|
||||||
:rows="3"
|
|
||||||
resize="none"
|
|
||||||
placeholder="请输入意见"
|
|
||||||
v-model="commentText">
|
|
||||||
</el-input>
|
|
||||||
</div>
|
|
||||||
</el-collapse-item>
|
|
||||||
</el-collapse>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user