项目合规评估流程 限制文本输入

This commit is contained in:
yanyizhou
2021-09-28 17:46:42 +08:00
parent 9fa99c353e
commit efc0f3b5b6
2 changed files with 163 additions and 8 deletions
@@ -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 {