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

commit

Browse Source
This commit is contained in:
宋伟佳
2021-11-29 21:30:27 +08:00
parent 3a6455839f
commit 18d2a6bb80
3 changed files with 116 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/details/complianceDetails/index.vue
+105 -122
View File
@@ -1,121 +1,107 @@
<!--符合性详情-->
<template>
<div id="complianceDetails">
<!-- v-if="unfit.length"不满足-->
<el-divider content-position="left" >不满足</el-divider>
<el-table
<!-- 不满足-->
<el-divider content-position="left" v-if="unfit.length" >不满足</el-divider>
<div class="content">
<el-table
height="100%"
ref="selection"
v-if="unfit.length"
:data="unfit"
tooltip-effect="dark"
border
style="width: 100%; min-height: 300px; margin-bottom: 30px;"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
<el-table-column
prop="standNumber"
label="标准号"
label="标准号/条款号"
align="center"
>
</el-table-column>
<el-table-column
prop="itemsNumber"
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=""
>
</el-table-column>
<el-table-column
prop="noCompliance"
label="不合规项目"
align="center"
>
</el-table-column>
<el-table-column
prop=""
>
</el-table-column>
<el-table-column
prop="countermeasures "
label="应对措施"
align="center"
>
</el-table-column>
<el-table-column
prop=""
>
</el-table-column>
<el-table-column
prop="completionTime "
label="完成时间"
align="center"
>
</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-column>
<el-table-column
prop="assessor"
label="评估人"
align="center"
>
</el-table-column>
<el-table-column
prop="evaluationTime"
label="评估时间"
align="center"
>
<template slot-scope="scope">
<span>{{ scope.row.evaluationTime ? $moment(scope.row.evaluationTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
</el-table>
<pagination :page="page" :total="total" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
</div>
<!--满足-->
<el-divider content-position="left" v-if="fit.length">满足</el-divider>
<el-table
ref="selection"
v-if="fit.length"
:data="fit"
tooltip-effect="dark"
border
style="width: 100%; min-height: 300px; margin-bottom: 30px;"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
<div class="content">
<el-table
height="100%"
ref="selection"
v-if="fit.length"
:data="fit"
tooltip-effect="dark"
border
style="width: 100%; min-height: 300px; margin-bottom: 30px;"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
prop="standNumber"
label="标准号"
align="center"
>
</el-table-column>
<el-table-column
prop="itemsNumber"
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"
>
</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-column
prop="standNumber"
label="标准号/条款号"
align="center"
>
</el-table-column>
<el-table-column
prop="complianceReasons"
label="合规"
align="center"
>
</el-table-column>
<el-table-column
prop="assessor"
label="评估人"
align="center"
>
</el-table-column>
<el-table-column
prop="evaluationTime"
label="评估时间"
align="center"
>
<template slot-scope="scope">
<span>{{ scope.row.evaluationTime ? $moment(scope.row.evaluationTime).format('YYYY-MM-DD') : '' }}</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- <pagination :page="page" :total="total" @pageChange="pageChange"-->
<!-- @pageSizeChange="pageSizeChange"></pagination>-->
<loading :loading="loading">加载中...</loading>
</div>
</template>
@@ -126,45 +112,35 @@ export default {
return {
loading: false,
fit: [], // 满足
unfit: [] // 不满足
unfit: [], // 不满足
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
total: 0,
}
},
methods: {
pageSizeChange(pageSize){
this.pageSize = pageSize
},
pageChange(page){
this.page = page
},
// 查询数据
getAllList () {
let fromPage = this.$route.query.fromPage
console.log(fromPage);
if (fromPage === 'product') {
this.$http.get('lawss/sarProductStand/getAllList', {
standId: this.$route.query.sarId,
productId: this.$route.query.productId
this.$http.get('sarStandardComplianceAssessResult/productNewDetail', {
productId: this.$route.query.productId,
standId: this.$route.query.standId,
}, {
_this: this,
loading: 'loading'
}, res => {
if (res.ok) {
this.fit = res.data.fit
this.unfit = res.data.unfit
this.fit = res.data.fit.records
this.unfit = res.data.unfit.records
} else {
this.$message.warning(res.message)
}
})
} else {
this.$http.get('lawss/sarCompStatusInfo/getAllList', {
sarId: this.$route.query.sarId,
sarState: this.$route.query.sarState
}, {
_this: this,
loading: 'loading'
}, res => {
if (res.ok) {
this.fit = res.data.fit
this.unfit = res.data.unfit
} else {
this.$message.warning(res.message)
}
})
}
},
/**
* @Description: 跳转流程
@@ -190,5 +166,12 @@ export default {
//width: 1200px;
//margin: 0 auto;
height: 100%;
.content{
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'50% - 30px');
overflow: auto;
}
}
</style>