项目表

wente

2024-01-11 8493236aa2b68ccf6749eab03d31a28853ed16ec

项目表

 web/src/views/modules/riskTraceRecord/RiskTraceItem-AddOrUpdate.vue

@@ -1,18 +1,247 @@
<template>
  <zt-dialog ref="dialog"  @confirm="formSubmit">
    <el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="120px">
      <zt-form-item label="排序" prop="sort" rules="required">
                        <el-input v-model="dataForm.sort"></el-input>
                </zt-form-item>
      <zt-form-item label="风险名称" prop="riskName" rules="required">
                        <el-input v-model="dataForm.riskName"></el-input>
                </zt-form-item>
      <zt-form-item label="风险描述" prop="riskDesc" rules="required">
                        <el-input v-model="dataForm.riskDesc"></el-input>
                </zt-form-item>
      <zt-form-item label="风险等级" prop="riskLevel" rules="required">
                        <el-input v-model="dataForm.riskLevel"></el-input>
                </zt-form-item>
    <el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="0px">
      <div style="border: 1px solid rgba(0,0,0,.2);width: 100%">
        <el-table  :data="dataForm.dataList" border>
          <el-table-column width="60px" label="风险名称" prop=""></el-table-column>
          <el-table-column label="风险">
            <el-table-column label="风险描述" prop=""></el-table-column>
            <el-table-column  width="60px" label="风险等级" prop=""></el-table-column>
          </el-table-column>
          <el-table-column label="风险跟踪记录(发生概率)">
            <el-table-column label="测试需求分析与策划" prop=""></el-table-column>
            <el-table-column label="测试设计" prop=""></el-table-column>
            <el-table-column label="测试执行" prop=""></el-table-column>
            <el-table-column label="测试总结" prop=""></el-table-column>
          </el-table-column>
        </el-table>

          <div class="el-risk-flex el-border-top-bottom ">
            <div class="riskWidth riskAlign riskHold" style="width: 35%">
              风险跟踪人员/日期：
            </div>
            <div  class=" el-border-left" style="width: 20%">
              <el-form-item class="form-margin-top-bottom">
                <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
              </el-form-item>
              <el-form-item class="form-margin-top-bottom">
                <el-date-picker
                  class="risk-form-padding"
                  v-model="dataForm.contractSignDate"
                  type="date"
                  placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </div>
            <div  class=" el-border-left" style="width: 20%">
              <el-form-item class="form-margin-top-bottom">
                <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
              </el-form-item>
              <el-form-item class="form-margin-top-bottom">
                <el-date-picker
                  class="risk-form-padding"
                  v-model="dataForm.contractSignDate"
                  type="date"
                  placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </div>
            <div class=" el-border-left" style="width: 20%">
              <el-form-item class="form-margin-top-bottom">
                <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
              </el-form-item>
              <el-form-item class="form-margin-top-bottom">
                <el-date-picker
                  class="risk-form-padding"
                  v-model="dataForm.contractSignDate"
                  type="date"
                  placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </div>
            <div class=" el-border-left" style="width: 20%">
              <el-form-item class="form-margin-top-bottom">
                <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
              </el-form-item>
              <el-form-item class="form-margin-top-bottom">
                <el-date-picker
                  class="risk-form-padding"
                  v-model="dataForm.contractSignDate"
                  type="date"
                  placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </div>
          </div>
          <div class="el-risk-flex el-border-bottom " >
            <div class="riskAlign riskHold" style="width: 10%">
              风险措施控制
            </div>
            <div class="el-border-left" style="width: 90%">
              <div class="el-risk-flex el-border-bottom ">
                <div  class="riskAlign riskHold" style="width: 26%">
                  采取措施：
                </div>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%" >
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%">
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%">
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%">
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
              </div>
              <div class="el-risk-flex el-border-bottom ">
                <div  class="riskAlign riskHold" style="width: 26%">
                  记录人员/日期：
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
              </div>
              <div class="el-risk-flex el-border-bottom ">
                <div  class="riskAlign riskHold" style="width: 26%">
                  措施有效性评估：
                </div>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%">
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%">
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%">
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
                <el-form-item class="form-margin-top-bottom el-border-left" style="width:22.25%">
                  <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                </el-form-item>
              </div>
              <div class="el-risk-flex ">
                <div  class="riskAlign riskHold" style="width:26%">
                  部门负责人/日期：
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
                <div class=" el-border-left" style="width:22.25%">
                  <el-form-item class="form-margin-top-bottom">
                    <el-input v-model="dataForm.name" class="risk-form-padding"></el-input>
                  </el-form-item>
                  <el-form-item class="form-margin-top-bottom">
                    <el-date-picker
                      class="risk-form-padding"
                      v-model="dataForm.contractSignDate"
                      type="date"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </div>
              </div>
            </div>
          </div>
        <div class="el-risk-flex">
          <div class="riskAlign riskHold" style="width: 10%">
            备注
          </div>
          <div class="el-border-left" style="width:90%">
            <div style="padding: 3px">
              <el-form-item>
               风险等级分为：严重、一般、轻微。风险发生概率为：高、中、低。风险发生概率为高时应采取措施，降低风险发生概率。风险发生时应采取补救措施。
              </el-form-item>
            </div>
          </div>
        </div>
      </div>

    </el-form>
  </zt-dialog>
</template>
@@ -26,7 +255,9 @@
          sort: '',
          riskName: '',
          riskDesc: '',
          riskLevel: ''
          riskLevel: '',
          dataList:[],
          contractSignDate:'',
        }
      }
    },
@@ -67,3 +298,35 @@
    }
  }
</script>
<style>
.el-risk-flex {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.direction{
  flex-direction:column;
}

/*.riskWidth{
  width: 755px;
}*/

.riskAlign{
  text-align: center;
}
.riskHold{
  font-weight: 600;
}
.el-border-top-bottom{
  border-top:1px solid rgba(0,0,0,.2);
  border-bottom: 1px solid rgba(0,0,0,.2);
}
.risk-form-padding{
  padding: 3px;
}
 .form-margin-top-bottom {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
</style>