FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update：修正界面，等待接口

Browse Source
This commit is contained in:
youyuzihan
2021-06-02 15:11:42 +08:00
parent 0d8824dbcc
commit 6c49ebe058
1 changed files with 287 additions and 696 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/details/categoryDetails/index.vue
+248 -657
View File
@@ -11,49 +11,55 @@
</div> </div>
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<div v-show="heightShow" class="transition-box"> <div v-show="heightShow" class="transition-box">
<!-- <p class="transition-box-p">-->
<!-- <label class="transition-box-label">国内/海外：</label>-->
<!-- <span class="transition-box-span">{{ sarAccessEO.type === 'INLAND' ? '国内' : '海外' }}</span>-->
<!-- </p>-->
<p class="transition-box-p"> <p class="transition-box-p">
<label class="transition-box-label">国家/地区：</label> <label class="transition-box-label">标准号：</label>
<span class="transition-box-span">{{ sarAccessEO.countryShow }}</span> <span class="transition-box-span">{{ sarAccessEO.countryShow }}</span>
</p> </p>
<p class="transition-box-p"> <p class="transition-box-p">
<label class="transition-box-label">清单说明：</label> <label class="transition-box-label">标准名称：</label>
<span class="transition-box-span">{{ sarAccessEO.remark || '-' }}</span> <span class="transition-box-span">{{ sarAccessEO.remark || '-' }}</span>
</p> </p>
<div class="transition-box-p"> <p class="transition-box-p">
<label class="transition-box-label">附件：</label> <label class="transition-box-label">上传时间：</label>
<div class="file-box" v-if="fileInfoList.length > 0"> <span class="transition-box-span">{{ sarAccessEO.remark || '-' }}</span>
<p v-for="item in fileInfoList"
:key="item.id">
<a class="transition-box-span"
@click="openFileInPdf(item.id, item.name)" target="_blank">{{ item.name }}</a>
<i
title="下载"
@click="downloadFile(item.id)"
class="icon-download"
v-btn-permission="'E5QPKLR9CFVXTV64N32C'"
/>
<!-- v-btn-permission="'E5QPKLR9CFVXTV64N32C'"-->
<i
title="下载带水印"
@click="downloadFileByWater(item.id,item.name)"
class="icon-download2"
v-btn-permission="'43MBNPD59L2VYEQH4DSL'"
/>
</p> </p>
<p class="transition-box-p">
<label class="transition-box-label">征求意见周期：</label>
<span class="transition-box-span">{{ sarAccessEO.remark || '-' }}</span>
</p>
<!-- <div class="transition-box-p">-->
<!-- <label class="transition-box-label">上传时间：</label>-->
<!-- <div class="file-box" v-if="fileInfoList.length > 0">-->
<!-- <p v-for="item in fileInfoList"-->
<!-- :key="item.id">-->
<!-- <a class="transition-box-span"-->
<!-- @click="openFileInPdf(item.id, item.name)" target="_blank">{{ item.name }}</a>-->
<!-- <i-->
<!-- title="下载"-->
<!-- @click="downloadFile(item.id)"-->
<!-- class="icon-download"-->
<!-- v-btn-permission="'E5QPKLR9CFVXTV64N32C'"-->
<!-- />-->
<!-- &lt;!&ndash; v-btn-permission="'E5QPKLR9CFVXTV64N32C'"&ndash;&gt;-->
<!-- <i-->
<!-- title="下载带水印"-->
<!-- @click="downloadFileByWater(item.id,item.name)"-->
<!-- class="icon-download2"-->
<!-- v-btn-permission="'43MBNPD59L2VYEQH4DSL'"--> <!-- v-btn-permission="'43MBNPD59L2VYEQH4DSL'"-->
<!-- <span--> <!-- />-->
<!-- class="transition-box-span"--> <!-- </p>-->
<!-- v-for="item in fileInfoList"--> <!-- &lt;!&ndash; v-btn-permission="'43MBNPD59L2VYEQH4DSL'"&ndash;&gt;-->
<!-- :key="item.id"--> <!-- &lt;!&ndash; <span&ndash;&gt;-->
<!-- @click="fileDownLoad(item.id)"--> <!-- &lt;!&ndash; class="transition-box-span"&ndash;&gt;-->
<!-- >{{ item.name }}</span>--> <!-- &lt;!&ndash; v-for="item in fileInfoList"&ndash;&gt;-->
</div> <!-- &lt;!&ndash; :key="item.id"&ndash;&gt;-->
<span class="transition-box-span" v-else>-</span> <!-- &lt;!&ndash; @click="fileDownLoad(item.id)"&ndash;&gt;-->
</div> <!-- &lt;!&ndash; >{{ item.name }}</span>&ndash;&gt;-->
<!-- </div>-->
<!-- <span class="transition-box-span" v-else>-</span>-->
<!-- </div>-->
</div> </div>
</transition> </transition>
<div class="search-area"> <div class="search-area">
@@ -87,18 +93,18 @@
<!-- </el-popover>--> <!-- </el-popover>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- <el-form-item label="" class="search-item btn-box">--> <!-- <el-form-item label="" class="search-item btn-box">-->
<!-- <el-button class="common-button-primary" type="primary" icon="el-icon-search" round @click="selectProductBtn"></el-button>--> <!-- <el-button class="common-button-primary" type="primary" icon="el-icon-search" size="small" @click="selectProductBtn"></el-button>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- <el-form-item label="" class="search-item btn-box">--> <!-- <el-form-item label="" class="search-item btn-box">-->
<!-- <el-button class="common-button-default" icon="el-icon-refresh-left" @click="resetSelect" round></el-button>--> <!-- <el-button class="common-button-default" icon="el-icon-refresh-left" @click="resetSelect" size="small"></el-button>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-button class="common-button-default export-button" <el-button class="common-button-default export-button"
round @click="exportStandard()" size="small" @click="exportStandard()"
title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项" title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
icon="export" icon="export"
>导出</el-button> >导出</el-button>
<!-- <el-button type="primary" class="common-button-primary" round @click="selectMoreBtn"><i class="iconfont">&#xe7a5;</i>高级查询</el-button>--> <!-- <el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn"><i class="iconfont">&#xe7a5;</i>高级查询</el-button>-->
<AdvancedQuery <AdvancedQuery
:isAdvancedSearch.sync="isAdvancedSearch" :isAdvancedSearch.sync="isAdvancedSearch"
:twoOptions="twoOptions" :twoOptions="twoOptions"
@@ -112,9 +118,6 @@
</div> </div>
</div> </div>
<div class="container" style="position:relative;"> <div class="container" style="position:relative;">
<div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="技术要求" name="SKILL" class="container-tab-pane">
<div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;"> <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
<el-table <el-table
:data="standinfoList" :data="standinfoList"
@@ -129,541 +132,229 @@
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
show-overflow-tooltip
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
width="180px" prop="chapterNumber"
fixed="left" label="章节编号"
label="标准号"> show-overflow-tooltip
<template slot-scope="scope"> fixed="left">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>
<span v-else>{{ scope.row.code }}</span>
</template>
</el-table-column> </el-table-column>
<!-- <el-table-column-->
<!-- width="180px"-->
<!-- fixed="left"-->
<!-- label="标准号">-->
<!-- <template slot-scope="scope">-->
<!-- <a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>-->
<!-- <span v-else>{{ scope.row.code }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column <el-table-column
prop="name" prop="modifyOpinion"
width="260px" show-overflow-tooltip
label="中文名称" label="修改意见内容">
fixed="left"
>
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.name }}</a>
<span v-else>{{ scope.row.name }}</span>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="enName" prop="proposeDepartment"
width="260px" label="提出部门(项目)"
fixed="left"
label="英文名称">
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>
<span v-else>{{ scope.row.enName }}</span>
</template>
</el-table-column>
<el-table-column
prop="newPutTime"
width="190px"
label="新车型实施日期(项目)"
sortable
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="prodPutTime" prop="proposeHuman"
width="190px" label="提出人"
label="在产车实施日期(项目)"
sortable
>
</el-table-column>
<el-table-column
prop="eopPutTime"
width="190px"
label="EOP实施日期(项目)"
sortable
> >
</el-table-column> </el-table-column>
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- prop="newPutTextTime"--> <!-- prop="eopPutTime"-->
<!-- width="210px"--> <!-- width="190px"-->
<!-- label="新车型实施日期（项目）"--> <!-- label="EOP实施日期(项目)"-->
<!-- sortable--> <!-- sortable-->
<!-- >--> <!-- >-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- prop="prodPutTextTime"--> <!-- prop="authDelive"-->
<!-- width="210px"--> <!-- width="120px"-->
<!-- label="在产车实施日期（项目）"--> <!-- label="认证交付物">-->
<!-- sortable-->
<!-- >-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- prop="eopPutTextTime"--> <!-- prop="authObjId"-->
<!-- width="100px"-->
<!-- label="认证对象">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="askNatureName"-->
<!-- width="100px"-->
<!-- label="监管类型">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="applyArcticId"-->
<!-- width="120px"-->
<!-- show-overflow-tooltip-->
<!-- label="适用车辆类型">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="ZRBMName"-->
<!-- width="150px"-->
<!-- show-overflow-tooltip-->
<!-- label="责任部门">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.ZRBMName || scope.row.zrbmname || '' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="XGBMName"-->
<!-- width="100px"-->
<!-- show-overflow-tooltip-->
<!-- label="相关部门">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.XGBMName || scope.row.xgbmname || '' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="FOName"-->
<!-- width="150px"-->
<!-- show-overflow-tooltip-->
<!-- label="FO">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.FOName || scope.row.foname || '' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="proEssessUser"-->
<!-- width="120px"-->
<!-- show-overflow-tooltip-->
<!-- label="项目评估角色">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="synopsis"-->
<!-- width="200px"--> <!-- width="200px"-->
<!-- label="EOP实施日期（项目）"--> <!-- show-overflow-tooltip-->
<!-- sortable--> <!-- label="文本说明">-->
<!-- >-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- prop="synopsis"--> <!-- width="120px"-->
<!-- width="100px"-->
<!-- show-overflow-tooltip--> <!-- show-overflow-tooltip-->
<!-- label="法规说明">--> <!-- label="标签">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}-->
<!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="performInfo" <!-- prop="askTypeName"-->
width="280px" <!-- width="120px"-->
show-overflow-tooltip <!-- show-overflow-tooltip-->
label="实施说明"> <!-- label="要求类型">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="authDelive" <!-- prop="prcState"-->
width="120px" <!-- label="流程状态">-->
label="认证交付物"> <!-- <template slot-scope="scope">-->
</el-table-column>
<el-table-column
prop="authObjId"
width="100px"
label="认证对象">
</el-table-column>
<el-table-column
prop="askNatureName"
width="100px"
label="监管类型">
</el-table-column>
<el-table-column
prop="applyArcticId"
width="120px"
show-overflow-tooltip
label="适用车辆类型">
</el-table-column>
<el-table-column
prop="ZRBMName"
width="150px"
show-overflow-tooltip
label="责任部门">
<template slot-scope="scope">
{{ scope.row.ZRBMName || scope.row.zrbmname || '' }}
</template>
</el-table-column>
<el-table-column
prop="XGBMName"
width="100px"
show-overflow-tooltip
label="相关部门">
<template slot-scope="scope">
{{ scope.row.XGBMName || scope.row.xgbmname || '' }}
</template>
</el-table-column>
<el-table-column
prop="FOName"
width="150px"
show-overflow-tooltip
label="FO">
<template slot-scope="scope">
{{ scope.row.FOName || scope.row.foname || '' }}
</template>
</el-table-column>
<el-table-column
prop="proEssessUser"
width="120px"
show-overflow-tooltip
label="项目评估角色">
</el-table-column>
<el-table-column
prop="synopsis"
width="200px"
show-overflow-tooltip
label="文本说明">
</el-table-column>
<el-table-column
width="120px"
show-overflow-tooltip
label="标签">
<template slot-scope="scope">
{{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}
</template>
</el-table-column>
<el-table-column
prop="askTypeName"
width="120px"
show-overflow-tooltip
label="要求类型">
</el-table-column>
<el-table-column
prop="prcState"
label="流程状态">
<template slot-scope="scope">
<span v-if="scope.row.sarType === 'TEMP'"></span>
<div v-else-if="scope.row.prcState === '1'">评估中</div>
<div v-else-if="scope.row.prcState === '2'">已评估</div>
<!-- <div v-else-if="scope.row.prcState === '3'">已评估</div>-->
<!-- <div v-else-if="scope.row.prcState === '4'">已整改</div>-->
<!-- <div v-else-if="scope.row.prcState === '5'">未评估</div>-->
<div v-else>N/A</div>
</template>
</el-table-column>
<el-table-column
prop="sarState"
width="100"
label="符合性状态">
<template slot-scope="scope">
<span v-if="scope.row.sarType === 'TEMP'"></span>
<a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>
<a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>
<a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>
<a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>
<a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>
<a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>
<a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>
<a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>
<!-- <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>-->
</template>
</el-table-column>
<el-table-column
prop="sarState"
align="center"
width="100"
label="合规性分级">
<template slot-scope="scope">
<!-- <span v-if="scope.row.sarType === 'TEMP'"></span>--> <!-- <span v-if="scope.row.sarType === 'TEMP'"></span>-->
<!-- <div v-else-if="scope.row.sarState === 8" >--> <!-- <div v-else-if="scope.row.prcState === '1'">评估中</div>-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">--> <!-- <div v-else-if="scope.row.prcState === '2'">已评估</div>-->
<!-- </div>--> <!-- &lt;!&ndash; <div v-else-if="scope.row.prcState === '3'">已评估</div>&ndash;&gt;-->
<!-- <div v-else-if="scope.row.sarState === 2" >--> <!-- &lt;!&ndash; <div v-else-if="scope.row.prcState === '4'">已整改</div>&ndash;&gt;-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">--> <!-- &lt;!&ndash; <div v-else-if="scope.row.prcState === '5'">未评估</div>&ndash;&gt;-->
<!-- </div>--> <!-- <div v-else>N/A</div>-->
<!-- <div v-else-if="scope.row.sarState === 5">--> <!-- </template>-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/white.png">-->
<!-- </div>-->
<!-- <div v-else-if="scope.row.color === '#f00' && scope.row.sarState === '3'">-->
<!-- <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >-->
<!-- </div>-->
<!-- <div v-else-if="scope.row.color !== '' && scope.row.sarState === '3'">-->
<!-- <img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../assets/images/ComplianceClassification/yellow.png" >-->
<!-- </div>-->
<div @click="chooseColor(scope.row, '2')">
<div v-if="!scope.row.color">
<span v-if="scope.row.sarType === 'TEMP'"></span>
<div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState !== ''&&scope.row.prcState !== null))||(scope.row.sarState === 'null'&& (scope.row.prcState !== ''&&scope.row.prcState !== null)))">
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">-->
<!--暂不显示-->
</div>
<div v-else-if="scope.row.sarState === '2'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
</div>
<div v-else-if="scope.row.sarState === '5'">
<img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
</div>
<div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/white.png" >-->
</div>
<!-- <div v-else-if="scope.row.color === '#f00'">-->
<!-- <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >-->
<!-- </div>-->
<div v-else-if="scope.row.sarState === '3'">
<img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png" >
</div>
</div>
<div v-else>
<div v-if="scope.row.color === 'green'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'red'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/red.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'blue'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'grey'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'yellow'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png">
<!--暂不显示-->
</div>
</div>
</div>
</template>
</el-table-column>
</el-table>
<loading :loading="loading">数据获取中</loading>
</div>
</el-tab-pane>
<el-tab-pane label="行政要求" name="ADMIN" class="container-tab-pane">
<div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
<el-table
:data="adminInfoList"
style="width: 100%"
height="100%"
border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="standSelectChange"
ref="adminTable"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
width="180px"
fixed="left"
label="标准号">
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.code }}</a>
<span v-else>{{ scope.row.code }}</span>
</template>
</el-table-column>
<el-table-column
prop="name"
width="260px"
fixed="left"
label="中文名称"
>
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.name }}</a>
<span v-else>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column
prop="enName"
width="260px"
fixed="left"
label="英文名称">
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.enName }}</a>
<span v-else>{{ scope.row.enName }}</span>
</template>
</el-table-column>
<el-table-column
prop="newPutTime"
width="190px"
label="新车型实施日期(项目)"
sortable
>
</el-table-column>
<el-table-column
prop="prodPutTime"
width="190px"
label="在产车实施日期(项目)"
sortable
>
</el-table-column>
<el-table-column
prop="eopPutTime"
width="190px"
label="EOP实施日期(项目)"
sortable
>
</el-table-column>
<!-- <el-table-column
prop="newPutTextTime"
width="210px"
label="新车型实施日期（项目）"
sortable
>
</el-table-column>
<el-table-column
prop="prodPutTextTime"
width="210px"
label="在产车实施日期（项目）"
sortable
>
</el-table-column>
<el-table-column
prop="eopPutTextTime"
width="200px"
label="EOP实施日期（项目）"
sortable
>
</el-table-column>-->
<!-- <el-table-column-->
<!-- prop="synopsis"-->
<!-- width="100px"-->
<!-- show-overflow-tooltip-->
<!-- label="法规说明">-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="performInfo" <!-- prop="sarState"-->
width="280px" <!-- width="100"-->
show-overflow-tooltip <!-- label="符合性状态">-->
label="实施说明"> <!-- <template slot-scope="scope">-->
</el-table-column> <!-- <span v-if="scope.row.sarType === 'TEMP'"></span>-->
<el-table-column <!-- <a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>-->
prop="authDelive" <!-- <a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>-->
width="120px" <!-- <a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>-->
label="认证交付物"> <!-- <a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>-->
</el-table-column> <!-- <a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>-->
<el-table-column <!-- <a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>-->
prop="authObjId" <!-- <a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>-->
width="100px" <!-- <a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>-->
label="认证对象"> <!-- &lt;!&ndash; <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>&ndash;&gt;-->
</el-table-column> <!-- </template>-->
<el-table-column <!-- </el-table-column>-->
prop="askNatureName" <!-- <el-table-column-->
width="100px" <!-- prop="sarState"-->
label="监管类型"> <!-- align="center"-->
</el-table-column> <!-- width="100"-->
<el-table-column <!-- label="合规性分级">-->
prop="applyArcticId" <!-- <template slot-scope="scope">-->
width="120px" <!-- &lt;!&ndash; <span v-if="scope.row.sarType === 'TEMP'"></span>&ndash;&gt;-->
show-overflow-tooltip <!-- &lt;!&ndash; <div v-else-if="scope.row.sarState === 8" >&ndash;&gt;-->
label="适用车辆类型"> <!-- &lt;!&ndash; <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">&ndash;&gt;-->
</el-table-column> <!-- &lt;!&ndash; </div>&ndash;&gt;-->
<el-table-column <!-- &lt;!&ndash; <div v-else-if="scope.row.sarState === 2" >&ndash;&gt;-->
prop="ZRBMName" <!-- &lt;!&ndash; <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">&ndash;&gt;-->
width="150px" <!-- &lt;!&ndash; </div>&ndash;&gt;-->
show-overflow-tooltip <!-- &lt;!&ndash; <div v-else-if="scope.row.sarState === 5">&ndash;&gt;-->
label="责任部门"> <!-- &lt;!&ndash; <img class="iconClass" src="../../../assets/images/ComplianceClassification/white.png">&ndash;&gt;-->
<template slot-scope="scope"> <!-- &lt;!&ndash; </div>&ndash;&gt;-->
{{ scope.row.ZRBMName || scope.row.zrbmname || '' }} <!-- &lt;!&ndash; <div v-else-if="scope.row.color === '#f00' && scope.row.sarState === '3'">&ndash;&gt;-->
</template> <!-- &lt;!&ndash; <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >&ndash;&gt;-->
</el-table-column> <!-- &lt;!&ndash; </div>&ndash;&gt;-->
<el-table-column <!-- &lt;!&ndash; <div v-else-if="scope.row.color !== '' && scope.row.sarState === '3'">&ndash;&gt;-->
prop="XGBMName" <!-- &lt;!&ndash; <img class="iconClass" @click="typeColor(scope.row, 2, 1)" src="../../../assets/images/ComplianceClassification/yellow.png" >&ndash;&gt;-->
width="100px" <!-- &lt;!&ndash; </div>&ndash;&gt;-->
show-overflow-tooltip <!-- <div @click="chooseColor(scope.row, '2')">-->
label="相关部门"> <!-- <div v-if="!scope.row.color">-->
<template slot-scope="scope"> <!-- <span v-if="scope.row.sarType === 'TEMP'"></span>-->
{{ scope.row.XGBMName || scope.row.xgbmname || '' }} <!-- <div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState !== ''&&scope.row.prcState !== null))||(scope.row.sarState === 'null'&& (scope.row.prcState !== ''&&scope.row.prcState !== null)))">-->
</template> <!-- &lt;!&ndash; <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">&ndash;&gt;-->
</el-table-column> <!-- &lt;!&ndash;暂不显示&ndash;&gt;-->
<el-table-column
prop="FOName"
width="150px"
show-overflow-tooltip
label="FO">
<template slot-scope="scope">
{{ scope.row.FOName || scope.row.foname || '' }}
</template>
</el-table-column>
<el-table-column
prop="proEssessUser"
width="120px"
show-overflow-tooltip
label="项目评估角色">
</el-table-column>
<el-table-column
prop="synopsis"
width="200px"
show-overflow-tooltip
label="文本说明">
</el-table-column>
<el-table-column
width="120px"
show-overflow-tooltip
label="标签">
<template slot-scope="scope">
{{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}
</template>
</el-table-column>
<el-table-column
prop="askTypeName"
width="120px"
show-overflow-tooltip
label="要求类型">
</el-table-column>
<el-table-column
prop="prcState"
label="流程状态">
<template slot-scope="scope">
<span v-if="scope.row.sarType === 'TEMP'"></span>
<div v-else-if="scope.row.prcState === '1'">评估中</div>
<div v-else-if="scope.row.prcState === '2'">已评估</div>
<!-- <div v-else-if="scope.row.prcState === '3'">已评估</div>-->
<!-- <div v-else-if="scope.row.prcState === '4'">已整改</div>-->
<!-- <div v-else-if="scope.row.prcState === '5'">未评估</div>-->
<div v-else>N/A</div>
</template>
</el-table-column>
<el-table-column
prop="sarState"
width="100"
label="符合性状态">
<template slot-scope="scope">
<span v-if="scope.row.sarType === 'TEMP'"></span>
<a v-else-if="scope.row.sarState === '1'" class="table-jump" @click="changeState(scope.row)">待验证</a>
<a v-else-if="scope.row.sarState === '2'" class="table-jump" @click="changeState(scope.row)">符合</a>
<a v-else-if="scope.row.sarState === '3'" class="table-jump" @click="changeState(scope.row)">不符合</a>
<a v-else-if="scope.row.sarState === '4'" class="table-jump" @click="changeState(scope.row)">部分符合</a>
<a v-else-if="scope.row.sarState === '5'" class="table-jump" @click="changeState(scope.row)">不涉及</a>
<a v-else-if="scope.row.sarState === '6'" class="table-jump" @click="changeState(scope.row)">评估中</a>
<a v-else-if="scope.row.sarState === '7'" class="table-jump">整改中</a>
<a v-else-if="scope.row.sarState === '8'" class="table-jump">未评估</a>
<!-- <a v-else-if="scope.row.sarState === '0'" class="table-jump">部分符合</a>-->
</template>
</el-table-column>
<el-table-column
prop="sarState"
align="center"
width="100"
label="合规性分级">
<template slot-scope="scope">
<div v-if="!scope.row.color">
<span v-if="scope.row.sarType === 'TEMP'"></span>
<div v-else-if="scope.row.sarState === '8'|| ((scope.row.sarState === ''&& (scope.row.prcState === ''||scope.row.prcState === null))||(scope.row.sarState === 'null'&& (scope.row.prcState === ''||scope.row.prcState === null)))" >
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">-->
<!--暂不显示-->
</div>
<div v-else-if="scope.row.sarState === '2'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
</div>
<div v-else-if="scope.row.sarState === '5'">
<img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
</div>
<div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/white.png" >-->
</div>
<!-- <div v-else-if="scope.row.color === '#f00'">-->
<!-- <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >-->
<!-- </div>--> <!-- </div>-->
<div v-else-if="scope.row.sarState === '3'"> <!-- <div v-else-if="scope.row.sarState === '2'" >-->
<img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png" > <!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">-->
</div>
</div>
<div v-else>
<div v-if="scope.row.color === 'green'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'red'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/red.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'blue'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'grey'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">
<!--暂不显示-->
</div>
<div v-if="scope.row.color === 'yellow'" >
<img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png">
<!--暂不显示-->
</div>
</div>
</template>
</el-table-column>
<el-table-column
prop="isInvolveAccess"
width="150px"
show-overflow-tooltip
label="是否涉及准入审核">
</el-table-column>
</el-table>
<loading :loading="loading">数据获取中</loading>
</div>
</el-tab-pane>
</el-tabs>
<!-- </div>-->
<!-- <div v-else-if="scope.row.sarState === '5'">-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">-->
<!-- </div>-->
<!-- <div v-else-if="scope.row.prcState === ''||scope.row.prcState === null">-->
<!-- &lt;!&ndash; <img class="iconClass" src="../../../assets/images/ComplianceClassification/white.png" >&ndash;&gt;-->
<!-- </div>-->
<!-- &lt;!&ndash; <div v-else-if="scope.row.color === '#f00'">&ndash;&gt;-->
<!-- &lt;!&ndash; <img class="iconClass" @click="typeColor(scope.row, 1, 1)" src="../../../assets/images/ComplianceClassification/red.png" >&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- <div v-else-if="scope.row.sarState === '3'">-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png" >-->
<!-- </div>-->
<!-- </div>-->
<!-- <div v-else>-->
<!-- <div v-if="scope.row.color === 'green'" >-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/green.png">-->
<!-- &lt;!&ndash;暂不显示&ndash;&gt;-->
<!-- </div>-->
<!-- <div v-if="scope.row.color === 'red'" >-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/red.png">-->
<!-- &lt;!&ndash;暂不显示&ndash;&gt;-->
<!-- </div>-->
<!-- <div v-if="scope.row.color === 'blue'" >-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/blue.png">-->
<!-- &lt;!&ndash;暂不显示&ndash;&gt;-->
<!-- </div>-->
<!-- <div v-if="scope.row.color === 'grey'" >-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/grey.png">-->
<!-- &lt;!&ndash;暂不显示&ndash;&gt;-->
<!-- </div>-->
<!-- <div v-if="scope.row.color === 'yellow'" >-->
<!-- <img class="iconClass" src="../../../assets/images/ComplianceClassification/yellow.png">-->
<!-- &lt;!&ndash;暂不显示&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
</div> </div>
</div> </div>
<!--导出文件改名字模态框--> <!--导出文件改名字模态框-->
@@ -731,129 +422,29 @@ export default {
isAdvancedSearch: false, isAdvancedSearch: false,
twoOptions: [ twoOptions: [
{ {
label: '标准号', label: '章节编号',
value: 'code', value: 'chapterCode',
type: 'INPUT', type: 'INPUT',
disabled: false disabled: false
}, },
{ {
label: '中文名称', label: '修改意见内容',
value: 'resName', value: 'opinionInfo',
type: 'INPUT', type: 'INPUT',
disabled: false disabled: false
}, },
{ {
label: '英文名称', label: '提出部门',
value: 'resEnName', value: 'upDepartment',
type: 'INPUT', type: 'INPUT',
disabled: false disabled: false
}, },
{ {
label: '新车型实施日期(项目)', label: '提出人',
value: 'newPutTextTime', value: 'upHuman',
type: 'DATE_PIC_OPTS',
disabled: false
},
{
label: '在产车实施日期(项目)',
value: 'prodPutTextTime',
type: 'DATE_PIC_OPTS',
disabled: false
},
{
label: 'EOP实施日期(项目)',
value: 'eopPutTextTime',
type: 'DATE_PIC_OPTS',
disabled: false
},
{
label: '实施说明',
value: 'perFormInfo',
type: 'INPUT', type: 'INPUT',
disabled: false disabled: false
}, },
{
label: '认证交付物',
value: 'authDelive',
type: 'INPUT',
disabled: false
},
{
label: '认证对象',
value: 'authObj',
type: 'SEL_OPTION',
disabled: false
},
{
label: '监管类型',
value: 'askNature',
type: 'SEL_OPTION',
disabled: false
},
{
label: '适用车辆类型',
value: 'cllx',
type: 'SEL_OPTS',
disabled: false
},
{
label: '责任部门',
value: 'dutyDepartId',
type: 'SEL_OPTS',
selVal: 'ORGLIST',
disabled: false
},
{
label: '相关部门',
value: 'xgbm',
type: 'SEL_OPTS',
selVal: 'ORGLIST',
disabled: false
},
{
label: 'FO',
value: 'foUserId',
type: 'SEL_OPTS',
selVal: 'ROLELIST',
disabled: false
},
{
label: '项目评估角色',
value: 'proAccUserId',
type: 'SEL_OPTS',
selVal: 'ROLELIST',
disabled: false
},
{
label: '清单说明',
value: 'synopsis',
type: 'INPUT',
disabled: false
},
{
label: '标签',
value: 'gxhbq',
type: 'SEL_OPTS',
disabled: false
},
{
label: '要求类型',
value: 'yqlx',
type: 'SEL_OPTION',
disabled: false
},
{
label: '流程状态',
value: 'prcState',
type: 'SEL_OPTION',
disabled: false
},
{
label: '符合性状态',
value: 'sarState',
type: 'SEL_OPTION',
disabled: false
},
// { // {
// label: '合规性分级', // label: '合规性分级',
// value: 'sarState', // value: 'sarState',