code init
This commit is contained in:
chenxiaoxi
@@ -0,0 +1,313 @@
|
||||
<!--符合性详情-->
|
||||
<template>
|
||||
<div id="complianceDetails">
|
||||
<!--不满足-->
|
||||
<el-divider content-position="left" v-if="unfit.length">不满足</el-divider>
|
||||
<el-table
|
||||
v-if="unfit.length"
|
||||
ref="selection"
|
||||
: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
|
||||
prop="sarNumber"
|
||||
label="标准号/条款号"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="nonConfomity"
|
||||
label="不满足内容"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="current"
|
||||
label="我司现状"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="changeScheme"
|
||||
label="更改方案"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="estimatedChangeCycle"
|
||||
label="预估更改周期"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="estimatedCost"
|
||||
label="预估成本"
|
||||
align="center"
|
||||
>
|
||||
</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-divider content-position="left" v-if="check.length">待验证</el-divider>
|
||||
<el-table
|
||||
v-if="check.length"
|
||||
ref="selection"
|
||||
:data="check"
|
||||
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="sarNumber"
|
||||
label="标准号/条款号"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="riskPoint"
|
||||
label="风险点"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="verificationScheme"
|
||||
label="验证方案"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="estimatedChangeCycle"
|
||||
label="预估更改周期"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column-->
|
||||
<!-- prop="estimatedCost"-->
|
||||
<!-- label="预估成本"-->
|
||||
<!-- align="center"-->
|
||||
<!-- >-->
|
||||
<!-- </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-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',
|
||||
fontWeight: 'bold', height: '48px'}">
|
||||
<el-table-column
|
||||
prop="sarNumber"
|
||||
label="标准号/条款号"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="justified"
|
||||
label="符合理由"
|
||||
align="center"
|
||||
>
|
||||
</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-divider content-position="left" v-if="notInvolve.length">不涉及</el-divider>
|
||||
<el-table
|
||||
ref="selection"
|
||||
v-if="notInvolve.length"
|
||||
:data="notInvolve"
|
||||
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="sarNumber"
|
||||
label="标准号/条款号"
|
||||
align="center"
|
||||
>
|
||||
</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>
|
||||
<loading :loading="loading">加载中...</loading>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'ComplianceDetails',
|
||||
data () {
|
||||
return {
|
||||
loading: false,
|
||||
check: [], // 待验证
|
||||
fit: [], // 满足
|
||||
notInvolve: [], // 不涉及
|
||||
unfit: [] // 不满足
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 查询数据
|
||||
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: this,
|
||||
loading: 'loading'
|
||||
}, res => {
|
||||
if (res.ok) {
|
||||
this.check = res.data.check
|
||||
this.fit = res.data.fit
|
||||
this.notInvolve = res.data.notInvolve
|
||||
this.unfit = res.data.unfit
|
||||
} 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.check = res.data.check
|
||||
this.fit = res.data.fit
|
||||
this.notInvolve = res.data.notInvolve
|
||||
this.unfit = res.data.unfit
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @Description: 跳转流程
|
||||
*/
|
||||
processCenterClick (item) {
|
||||
let routeUrl = this.$router.resolve({
|
||||
name: 'ProcessDetail',
|
||||
query: {
|
||||
prcNum: item.prcNum
|
||||
}
|
||||
})
|
||||
window.open(routeUrl.href, '_blank')
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.getAllList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
#complianceDetails{
|
||||
padding: 15px 30px 0;
|
||||
//width: 1200px;
|
||||
//margin: 0 auto;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user