update：修正界面，等待接口
This commit is contained in:
youyuzihan
@@ -11,49 +11,55 @@
|
||||
</div>
|
||||
<transition name="el-zoom-in-top">
|
||||
<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">
|
||||
<label class="transition-box-label">国家/地区：</label>
|
||||
<label class="transition-box-label">标准号：</label>
|
||||
<span class="transition-box-span">{{ sarAccessEO.countryShow }}</span>
|
||||
</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>
|
||||
</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'"
|
||||
/>
|
||||
<!-- v-btn-permission="'E5QPKLR9CFVXTV64N32C'"-->
|
||||
<i
|
||||
title="下载带水印"
|
||||
@click="downloadFileByWater(item.id,item.name)"
|
||||
class="icon-download2"
|
||||
v-btn-permission="'43MBNPD59L2VYEQH4DSL'"
|
||||
/>
|
||||
<p class="transition-box-p">
|
||||
<label class="transition-box-label">上传时间：</label>
|
||||
<span class="transition-box-span">{{ sarAccessEO.remark || '-' }}</span>
|
||||
</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'"-->
|
||||
<!-- />-->
|
||||
<!-- <!– v-btn-permission="'E5QPKLR9CFVXTV64N32C'"–>-->
|
||||
<!-- <i-->
|
||||
<!-- title="下载带水印"-->
|
||||
<!-- @click="downloadFileByWater(item.id,item.name)"-->
|
||||
<!-- class="icon-download2"-->
|
||||
<!-- v-btn-permission="'43MBNPD59L2VYEQH4DSL'"-->
|
||||
<!-- <span-->
|
||||
<!-- class="transition-box-span"-->
|
||||
<!-- v-for="item in fileInfoList"-->
|
||||
<!-- :key="item.id"-->
|
||||
<!-- @click="fileDownLoad(item.id)"-->
|
||||
<!-- >{{ item.name }}</span>-->
|
||||
</div>
|
||||
<span class="transition-box-span" v-else>-</span>
|
||||
</div>
|
||||
<!-- />-->
|
||||
<!-- </p>-->
|
||||
<!-- <!– v-btn-permission="'43MBNPD59L2VYEQH4DSL'"–>-->
|
||||
<!-- <!– <span–>-->
|
||||
<!-- <!– class="transition-box-span"–>-->
|
||||
<!-- <!– v-for="item in fileInfoList"–>-->
|
||||
<!-- <!– :key="item.id"–>-->
|
||||
<!-- <!– @click="fileDownLoad(item.id)"–>-->
|
||||
<!-- <!– >{{ item.name }}</span>–>-->
|
||||
<!-- </div>-->
|
||||
<!-- <span class="transition-box-span" v-else>-</span>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
</transition>
|
||||
<div class="search-area">
|
||||
@@ -87,18 +93,18 @@
|
||||
<!-- </el-popover>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <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 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-button class="common-button-default export-button"
|
||||
round @click="exportStandard()"
|
||||
size="small" @click="exportStandard()"
|
||||
title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
|
||||
icon="export"
|
||||
>导出</el-button>
|
||||
<!-- <el-button type="primary" class="common-button-primary" round @click="selectMoreBtn"><i class="iconfont"></i>高级查询</el-button>-->
|
||||
<!-- <el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn"><i class="iconfont"></i>高级查询</el-button>-->
|
||||
<AdvancedQuery
|
||||
:isAdvancedSearch.sync="isAdvancedSearch"
|
||||
:twoOptions="twoOptions"
|
||||
@@ -112,9 +118,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<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;">
|
||||
<el-table
|
||||
:data="standinfoList"
|
||||
@@ -129,541 +132,229 @@
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
show-overflow-tooltip
|
||||
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>
|
||||
prop="chapterNumber"
|
||||
label="章节编号"
|
||||
show-overflow-tooltip
|
||||
fixed="left">
|
||||
</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"
|
||||
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>
|
||||
prop="modifyOpinion"
|
||||
show-overflow-tooltip
|
||||
label="修改意见内容">
|
||||
</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
|
||||
prop="proposeDepartment"
|
||||
label="提出部门(项目)"
|
||||
>
|
||||
</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
|
||||
prop="proposeHuman"
|
||||
label="提出人"
|
||||
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column-->
|
||||
<!-- prop="newPutTextTime"-->
|
||||
<!-- width="210px"-->
|
||||
<!-- label="新车型实施日期（项目）"-->
|
||||
<!-- prop="eopPutTime"-->
|
||||
<!-- width="190px"-->
|
||||
<!-- label="EOP实施日期(项目)"-->
|
||||
<!-- sortable-->
|
||||
<!-- >-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<!-- <el-table-column-->
|
||||
<!-- prop="prodPutTextTime"-->
|
||||
<!-- width="210px"-->
|
||||
<!-- label="在产车实施日期（项目）"-->
|
||||
<!-- sortable-->
|
||||
<!-- >-->
|
||||
<!-- prop="authDelive"-->
|
||||
<!-- width="120px"-->
|
||||
<!-- label="认证交付物">-->
|
||||
<!-- </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"-->
|
||||
<!-- label="EOP实施日期（项目）"-->
|
||||
<!-- sortable-->
|
||||
<!-- >-->
|
||||
<!-- show-overflow-tooltip-->
|
||||
<!-- label="文本说明">-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column-->
|
||||
<!-- prop="synopsis"-->
|
||||
<!-- width="100px"-->
|
||||
<!-- width="120px"-->
|
||||
<!-- show-overflow-tooltip-->
|
||||
<!-- label="法规说明">-->
|
||||
<!-- label="标签">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- {{ scope.row.GXHBQName || scope.row.gxhbqName || '' }}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<el-table-column
|
||||
prop="performInfo"
|
||||
width="280px"
|
||||
show-overflow-tooltip
|
||||
label="实施说明">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="authDelive"
|
||||
width="120px"
|
||||
label="认证交付物">
|
||||
</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">
|
||||
<!-- <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.sarState === 8" >-->
|
||||
<!-- <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/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="法规说明">-->
|
||||
<!-- <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="performInfo"
|
||||
width="280px"
|
||||
show-overflow-tooltip
|
||||
label="实施说明">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="authDelive"
|
||||
width="120px"
|
||||
label="认证交付物">
|
||||
</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">
|
||||
<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" >-->
|
||||
<!-- <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>–>-->
|
||||
<!-- <!– <div v-else-if="scope.row.sarState === 8" >–>-->
|
||||
<!-- <!– <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/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 === '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>
|
||||
</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 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>
|
||||
</div>
|
||||
</div>
|
||||
<!--导出文件改名字模态框-->
|
||||
@@ -731,129 +422,29 @@ export default {
|
||||
isAdvancedSearch: false,
|
||||
twoOptions: [
|
||||
{
|
||||
label: '标准号',
|
||||
value: 'code',
|
||||
label: '章节编号',
|
||||
value: 'chapterCode',
|
||||
type: 'INPUT',
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
label: '中文名称',
|
||||
value: 'resName',
|
||||
label: '修改意见内容',
|
||||
value: 'opinionInfo',
|
||||
type: 'INPUT',
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
label: '英文名称',
|
||||
value: 'resEnName',
|
||||
label: '提出部门',
|
||||
value: 'upDepartment',
|
||||
type: 'INPUT',
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
label: '新车型实施日期(项目)',
|
||||
value: 'newPutTextTime',
|
||||
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',
|
||||
label: '提出人',
|
||||
value: 'upHuman',
|
||||
type: 'INPUT',
|
||||
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: '合规性分级',
|
||||
// value: 'sarState',
|
||||
|
||||
Reference in New Issue
Block a user