项目合规评估流程 限制文本输入
This commit is contained in:
@@ -220,10 +220,20 @@
|
||||
label="合规">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="dataList[scope.$index].noCompliance && dataList[scope.$index].noCompliance.length>0
|
||||
|| dataList[scope.$index].countermeasures && dataList[scope.$index].countermeasures.length>0
|
||||
|| dataList[scope.$index].completionTime && dataList[scope.$index].completionTime !== null"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].complianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="dataList[scope.$index].complianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -238,10 +248,18 @@
|
||||
label="不合规项目">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].noCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="dataList[scope.$index].noCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -251,22 +269,40 @@
|
||||
label="应对措施">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].countermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="dataList[scope.$index].countermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="researchCompletionTime"
|
||||
align="center"
|
||||
width="120"
|
||||
width="140"
|
||||
label="完成时间">
|
||||
<template slot-scope="scope">
|
||||
<el-date-picker
|
||||
v-if="dataList[scope.$index].complianceReasons && dataList[scope.$index].complianceReasons.length>0"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].completionTime"
|
||||
type="date"
|
||||
placeholder="选择日期">
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
<el-date-picker
|
||||
v-else
|
||||
class="datePickLen"
|
||||
clearable
|
||||
v-model="dataList[scope.$index].completionTime"
|
||||
type="date"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -282,10 +318,20 @@
|
||||
label="合规(具体情况)">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="dataList[scope.$index].zcNoCompliance && dataList[scope.$index].zcNoCompliance.length>0
|
||||
|| dataList[scope.$index].zcCountermeasures && dataList[scope.$index].zcCountermeasures>0
|
||||
|| dataList[scope.$index].zcCompletionTime && dataList[scope.$index].zcCompletionTime !== null"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].zcComplianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="dataList[scope.$index].zcComplianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -299,10 +345,18 @@
|
||||
label="不合规项目">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="dataList[scope.$index].zcComplianceReasons && dataList[scope.$index].zcComplianceReasons.length>0"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].zcNoCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="dataList[scope.$index].zcNoCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -312,22 +366,40 @@
|
||||
label="应对措施">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="dataList[scope.$index].zcComplianceReasons && dataList[scope.$index].zcComplianceReasons.length>0"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].zcCountermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="dataList[scope.$index].zcCountermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productionCompletionTime"
|
||||
align="center"
|
||||
width="120"
|
||||
width="140"
|
||||
label="完成时间">
|
||||
<template slot-scope="scope">
|
||||
<el-date-picker
|
||||
v-if="dataList[scope.$index].zcComplianceReasons && dataList[scope.$index].zcComplianceReasons.length>0"
|
||||
disabled
|
||||
v-model="dataList[scope.$index].zcCompletionTime"
|
||||
type="date"
|
||||
placeholder="选择日期">
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
<el-date-picker
|
||||
v-else
|
||||
class="datePickLen"
|
||||
clearable
|
||||
v-model="dataList[scope.$index].zcCompletionTime"
|
||||
type="date"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -810,6 +882,11 @@ export default {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.datePickLen {
|
||||
/deep/ .el-icon-circle-close:before {
|
||||
margin-left: -180px;
|
||||
}
|
||||
}
|
||||
.input-jump {
|
||||
/deep/.el-input__inner{
|
||||
color: #409EFF;
|
||||
|
||||
@@ -132,10 +132,20 @@
|
||||
label="合规">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="scope.row.noCompliance && scope.row.noCompliance.length>0
|
||||
|| scope.row.countermeasures && scope.row.countermeasures.length>0
|
||||
|| scope.row.completionTime && scope.row.completionTime !== null"
|
||||
disabled
|
||||
v-model="scope.row.complianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="scope.row.complianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -150,10 +160,18 @@
|
||||
label="不合规项目">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="scope.row.complianceReasons && scope.row.complianceReasons.length>0"
|
||||
disabled
|
||||
v-model="scope.row.noCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="scope.row.noCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -163,22 +181,40 @@
|
||||
label="应对措施">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="scope.row.complianceReasons && scope.row.complianceReasons.length>0"
|
||||
disabled
|
||||
v-model="scope.row.countermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="scope.row.countermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="researchCompletionTime"
|
||||
align="center"
|
||||
width="120"
|
||||
width="140"
|
||||
label="完成时间">
|
||||
<template slot-scope="scope">
|
||||
<el-date-picker
|
||||
v-if="scope.row.complianceReasons && scope.row.complianceReasons.length>0"
|
||||
disabled
|
||||
v-model="scope.row.completionTime"
|
||||
type="date"
|
||||
placeholder="选择日期">
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
<el-date-picker
|
||||
v-else
|
||||
class="datePickLen"
|
||||
clearable
|
||||
v-model="scope.row.completionTime"
|
||||
type="date"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -194,10 +230,20 @@
|
||||
label="合规(具体情况)">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="scope.row.zcNoCompliance && scope.row.zcNoCompliance.length>0
|
||||
|| scope.row.zcCountermeasures && scope.row.zcCountermeasures>0
|
||||
|| scope.row.zcCompletionTime && scope.row.zcCompletionTime !== null"
|
||||
disabled
|
||||
v-model="scope.row.zcComplianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="scope.row.zcComplianceReasons"
|
||||
placeholder="请输入合规原因"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -211,10 +257,18 @@
|
||||
label="不合规项目">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="scope.row.zcComplianceReasons && scope.row.zcComplianceReasons.length>0"
|
||||
disabled
|
||||
v-model="scope.row.zcNoCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="scope.row.zcNoCompliance"
|
||||
placeholder="请输入不合规项目"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -224,22 +278,40 @@
|
||||
label="应对措施">
|
||||
<template slot-scope="scope">
|
||||
<el-input
|
||||
v-if="scope.row.zcComplianceReasons && scope.row.zcComplianceReasons.length>0"
|
||||
disabled
|
||||
v-model="scope.row.zcCountermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
<el-input
|
||||
v-else
|
||||
v-model="scope.row.zcCountermeasures"
|
||||
placeholder="请输入应对措施"
|
||||
>
|
||||
</el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productionCompletionTime"
|
||||
align="center"
|
||||
width="120"
|
||||
width="140"
|
||||
label="完成时间">
|
||||
<template slot-scope="scope">
|
||||
<el-date-picker
|
||||
v-if="scope.row.zcComplianceReasons && scope.row.zcComplianceReasons.length>0"
|
||||
disabled
|
||||
v-model="scope.row.zcCompletionTime"
|
||||
type="date"
|
||||
placeholder="选择日期">
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
<el-date-picker
|
||||
v-else
|
||||
class="datePickLen"
|
||||
clearable
|
||||
v-model="scope.row.zcCompletionTime"
|
||||
type="date"
|
||||
placeholder="请选择日期">
|
||||
</el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -896,6 +968,12 @@ export default {
|
||||
.accessStandardsAndRegulations {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.datePickLen {
|
||||
/deep/ .el-icon-circle-close:before {
|
||||
margin-left: -180px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demo-drawer-content {
|
||||
|
||||
Reference in New Issue
Block a user