zhouwx
2025-01-07 5415dae6cbb023dcfbadb4f4864b2ae6a5892bcd
src/views/analyse/applyReview/components/reportDialog.vue
@@ -110,7 +110,8 @@
                    <tr class="m-color b-font" style="text-align: center">实验概况</tr>
                    <tr>
                        <el-input type="textarea" :autosize="{ minRows: 3}" disabled v-model="reportDialogState.reportForm.experimentDesc" placeholder="(简要描述实验原理、实验步骤、所用试剂或材料设备等)" />
<!--                        <el-input type="textarea" :autosize="{ minRows: 3}" disabled v-model="reportDialogState.reportForm.experimentDesc" placeholder="(简要描述实验原理、实验步骤、所用试剂或材料设备等)" />-->
                      <el-input type="textarea" :autosize="{ minRows: 3}" disabled v-model="reportDialogState.reportForm.process" placeholder="(简要描述实验原理、实验步骤、所用试剂或材料设备等)" />
                    </tr>
                    <tr class="m-color b-font" style="text-align: center">实验涉及的危险源</tr>
                    <tr>
@@ -142,12 +143,26 @@
                    </tr>
                    <tr class="m-color b-font required" style="text-align: center">实验和实验项目综合风险等级评定</tr>
                    <tr>
                      <td class="m-color" style="width: 100%">
                      <td class="m-color" style="width: 100%;height: 65px">
                        <el-radio-group :disabled="reportDialogState.disabled"  v-model="reportDialogState.reportForm.assessLevel">
                          <el-radio :label="1">重大风险(一级)</el-radio>
                          <el-radio :label="2">较大风险(二级)</el-radio>
                          <el-radio :label="3">一般风险(三级)</el-radio>
                          <el-radio :label="4">低风险(四级)</el-radio>
                            <div style="display: flex;justify-content: center">
                                <div style="display: flex;flex-direction: column">
                                    <el-radio :label="1">重大风险(一级)</el-radio>
                                    <el-tag v-if="reportDialogState.reportForm.assessLevel == 1" class="tag-style tag-bg1" />
                                </div>
                                <div style="display: flex;flex-direction: column">
                                    <el-radio :label="2">较大风险(二级)</el-radio>
                                    <el-tag v-if="reportDialogState.reportForm.assessLevel == 2" class="tag-style tag-bg2"  />
                                </div>
                                <div style="display: flex;flex-direction: column">
                                    <el-radio :label="3">一般风险(三级)</el-radio>
                                    <el-tag v-if="reportDialogState.reportForm.assessLevel == 3" class="tag-style tag-bg3"  />
                                </div>
                                <div style="display: flex;flex-direction: column">
                                    <el-radio :label="4">低风险(四级)</el-radio>
                                    <el-tag v-if="reportDialogState.reportForm.assessLevel == 4" style="width: 43px;margin-left: 20px;" class="tag-bg4" />
                                </div>
                            </div>
                        </el-radio-group>
                      </td>
                    </tr>
@@ -236,7 +251,8 @@
        riskSource: [],
        riskSourceType: [],
        description: '',
        person: []
        person: [],
        process:''
    },
    reportFormRules: {
      assessPerson: [{ required: true, message: '请填写评估人员', trigger: 'blur' }],
@@ -586,6 +602,22 @@
    display: flex;
    justify-content: center;
}
.tag-style{
    width: 58px;
    margin-left: 20px;
}
.tag-bg1 {
    background: rgba(255,0,0,0.65);
}
.tag-bg2 {
    background: rgba(248,82,8,0.65);
}
.tag-bg3 {
    background: rgba(247,255,0,0.65);
}
.tag-bg4 {
    background: rgba(0,112,192,0.65);
}
</style>