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

合规评估

Browse Source
This commit is contained in:
宋伟佳
2021-11-26 16:29:15 +08:00
parent 3236a0b8fc
commit 7c1f913851
2 changed files with 125 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/details/complianceDetails/index.vue
+62 -67
View File
@@ -1,10 +1,9 @@
<!--符合性详情--> <!--符合性详情-->
<template> <template>
<div id="complianceDetails"> <div id="complianceDetails">
<!--不满足--> <!-- v-if="unfit.length"不满足-->
<el-divider content-position="left" v-if="unfit.length">不满足</el-divider> <el-divider content-position="left" >不满足</el-divider>
<el-table <el-table
v-if="unfit.length"
ref="selection" ref="selection"
:data="unfit" :data="unfit"
tooltip-effect="dark" tooltip-effect="dark"
@@ -13,65 +12,57 @@
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"> fontWeight: 'bold', height: '48px'}">
<el-table-column <el-table-column
prop="sarNumber" prop="standNumber"
label="标准号/条款号" label="标准号"
align="center" align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="nonConfomity" prop="itemsNumber"
label="不满足内容" label="条款号"
align="center"
>
</el-table-column>
<el-table-column
prop=""
label="评估人"
align="center"
>
</el-table-column>
<el-table-column
prop=""
label="评估时间"
align="center"
>
</el-table-column>
<el-table-column
prop=""
label="不合规项目"
align="center" align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="current" prop=""
label="我司现状" label="应对措施"
align="center" align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="changeScheme" prop=""
label="更改方案" label="完成时间"
align="center" align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <!-- <el-table-column-->
prop="estimatedChangeCycle" <!-- prop="prcNum"-->
label="预估更改周期" <!-- label="流程"-->
align="center" <!-- align="center"-->
> <!-- width="170px"-->
</el-table-column> <!-- >-->
<el-table-column <!-- <template slot-scope="scope">-->
prop="estimatedCost" <!-- <span class="table-jump" @click="processCenterClick(scope.row)">{{ scope.row.prcNum }}</span>-->
label="预估成本" <!-- </template>-->
align="center" <!-- </el-table-column>-->
>
</el-table-column>
<el-table-column
prop="compPersonName"
label="评估人员"
align="center"
width="100px"
>
</el-table-column>
<el-table-column
prop="compTime"
label="评估时间"
align="center"
width="100px"
>
</el-table-column>
<el-table-column
prop="prcNum"
label="流程"
align="center"
width="170px"
>
<template slot-scope="scope">
<span class="table-jump" @click="processCenterClick(scope.row)">{{ scope.row.prcNum }}</span>
</template>
</el-table-column>
</el-table> </el-table>
<!--待验证--> <!--待验证-->
<el-divider content-position="left" v-if="check.length">待验证</el-divider> <el-divider content-position="left" v-if="check.length">待验证</el-divider>
@@ -151,41 +142,45 @@
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"> fontWeight: 'bold', height: '48px'}">
<el-table-column <el-table-column
prop="sarNumber" prop="standNumber"
label="标准号/条款号" label="标准号"
align="center" align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="justified" prop="itemsNumber"
label="符合理由" label="条款号"
align="center" align="center"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="compPersonName" prop=""
label="评估人员" label="评估人"
align="center" align="center"
width="100px"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="compTime" prop=""
label="评估时间" label="评估时间"
align="center" align="center"
width="100px"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="prcNum" prop=""
label="流程" label="合规"
align="center" align="center"
width="170px"
> >
<template slot-scope="scope">
<span class="table-jump" @click="processCenterClick(scope.row)">{{ scope.row.prcNum }}</span>
</template>
</el-table-column> </el-table-column>
<!-- <el-table-column-->
<!-- prop="prcNum"-->
<!-- label="流程"-->
<!-- align="center"-->
<!-- width="170px"-->
<!-- >-->
<!-- <template slot-scope="scope">-->
<!-- <span class="table-jump" @click="processCenterClick(scope.row)">{{ scope.row.prcNum }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table> </el-table>
<!--不涉及--> <!--不涉及-->
<el-divider content-position="left" v-if="notInvolve.length">不涉及</el-divider> <el-divider content-position="left" v-if="notInvolve.length">不涉及</el-divider>
src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/standInvolveProjectDetail.vue
+63 -121
View File
@@ -48,7 +48,7 @@
<el-table-column <el-table-column
prop="standType" prop="standType"
label="标准/政策类型" label="标准/政策类型"
width="120" width="320"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.standType === 'INLAND'">国内标准法规</div> <div v-if="scope.row.standType === 'INLAND'">国内标准法规</div>
@@ -61,7 +61,7 @@
<el-table-column <el-table-column
prop="standNumber" prop="standNumber"
label="标准/政策号" label="标准/政策号"
width="180" width="320"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" <a class="table-jump"
@@ -77,18 +77,13 @@
@click="handlePreview(scope.row)">{{ scope.row.standName }}</a> @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
prop="interpretationTime"
label="评估时间"
>
</el-table-column>
<el-table-column <el-table-column
fixed="right" fixed="right"
label="" label=""
width="50" width="80"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<i class="el-icon-view btn-i" @click="handleProjectCompliance(scope.row)"></i> <el-button size="mini" type="primary" class="common-button-primary" @click="handleProjectCompliance(scope.row)">查看</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -155,28 +150,40 @@
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"> fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
<el-table-column <el-table-column
type="selection" type="index"
width="55" width="50"
align="center"> align="center">
</el-table-column> </el-table-column>
<!-- <el-table-column--> <el-table-column
<!-- width="150px"--> width="150px"
<!-- align="center"--> align="center"
<!-- prop="productLineId"--> prop="projectNumber"
<!-- label="产品线">--> label="项目编号">
<!-- </el-table-column>--> </el-table-column>
<!-- <el-table-column--> <el-table-column
<!-- width="150px"--> width="150px"
<!-- align="center"--> align="center"
<!-- prop="productId"--> prop="projectName"
<!-- label="项目编号">--> label="项目名称">
<!-- </el-table-column>--> </el-table-column>
<!-- <el-table-column--> <el-table-column
<!-- width="150px"--> width="110px"
<!-- align="center"--> align="center"
<!-- prop="productName"--> prop="projectGroup"
<!-- label="项目名称">--> label="项目群">
<!-- </el-table-column>--> </el-table-column>
<el-table-column
width="110px"
align="center"
prop="productLine"
label="产品线">
</el-table-column>
<el-table-column
width="110px"
align="center"
prop="uname"
label="产品线责任人">
</el-table-column>
<el-table-column <el-table-column
width="150px" width="150px"
align="center" align="center"
@@ -201,98 +208,20 @@
prop="clauseName" prop="clauseName"
label="条款名称"> label="条款名称">
</el-table-column> </el-table-column>
<!-- <el-table-column--> <el-table-column
<!-- align="center"--> width="150px"
<!-- prop="productType"--> align="center"
<!-- label="在研产品">--> prop=""
<el-table-column label="合规评估结果">
width="150px" <template slot-scope="scope">
align="center" <el-button @click="changeState(scope.row)">符合性状态</el-button>
prop="researchImplementationTime" <!-- <div class="table-jump" @click="changeState(scope.row)">-->
label="实施时间"> <!-- <div v-if="scope.row.sarState === 1">符合</div>-->
<template slot-scope="scope"> <!-- <div v-if="scope.row.sarState === 2">不符合</div>-->
<span>{{ scope.row.researchImplementationTime ? $moment(scope.row.researchImplementationTime).format('YYYY-MM-DD') : '' }}</span> <!-- <div v-if="scope.row.sarState === 3"></div>-->
</template> <!-- </div>-->
</el-table-column> </template>
<el-table-column </el-table-column>
width="150px"
align="center"
prop="researchCompliance"
label="合规">
</el-table-column>
<el-table-column
width="150px"
align="center"
label="不合规">
<el-table-column
width="150px"
align="center"
prop="researchNonCompliance"
label="不合规项目">
</el-table-column>
<el-table-column
width="150px"
align="center"
prop="researchCountermeasures"
label="应对措施">
</el-table-column>
<el-table-column
width="150px"
align="center"
prop="researchCompletionTime"
label="完成时间">
<template slot-scope="scope">
<span>{{ scope.row.researchCompletionTime ? $moment(scope.row.researchCompletionTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
</el-table-column>
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- align="center"-->
<!-- prop="center"-->
<!-- label="在产产品">-->
<!-- <el-table-column-->
<!-- width="150px"-->
<!-- align="center"-->
<!-- prop="productionImplementationTime"-->
<!-- label="实施时间">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.productionImplementationTime ? $moment(scope.row.productionImplementationTime).format('YYYY-MM-DD') : '' }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- width="150px"-->
<!-- align="center"-->
<!-- prop="productionCompliance"-->
<!-- label="合规(具体情况)">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- width="150px"-->
<!-- align="center"-->
<!-- label="不合规">-->
<!-- <el-table-column-->
<!-- width="150px"-->
<!-- align="center"-->
<!-- prop="productionNonCompliance"-->
<!-- label="不合格项目">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- width="150px"-->
<!-- align="center"-->
<!-- prop="productionCountermeasures"-->
<!-- label="应对措施">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- width="150px"-->
<!-- align="center"-->
<!-- prop="productionCompletionTime"-->
<!-- label="完成时间">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.productionCompletionTime ? $moment(scope.row.productionCompletionTime).format('YYYY-MM-DD') : '' }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </el-table-column>-->
<!-- </el-table-column>-->
</el-table> </el-table>
<pagination <pagination
:page="sarProStateTotalPage" :page="sarProStateTotalPage"
@@ -339,6 +268,19 @@ export default {
}; };
}, },
methods: { methods: {
changeState (row) {
console.log(row);
let routeUrl = this.$router.resolve({
name: 'ComplianceDetails',
query: {
sarId: this.saveSarId,
productId: row.productId,
sarType: row.standType,
fromPage: 'product'
}
})
window.open(routeUrl.href, '_blank')
},
searchStandAndLaws() { searchStandAndLaws() {
this.page = 1; this.page = 1;
this.queryStandAndLaws(); this.queryStandAndLaws();