From 8493236aa2b68ccf6749eab03d31a28853ed16ec Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期四, 11 一月 2024 11:48:15 +0800
Subject: [PATCH] 项目表
---
web/src/views/modules/riskTraceRecord/RiskTraceItem-AddOrUpdate.vue | 291 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 277 insertions(+), 14 deletions(-)
diff --git a/web/src/views/modules/riskTraceRecord/RiskTraceItem-AddOrUpdate.vue b/web/src/views/modules/riskTraceRecord/RiskTraceItem-AddOrUpdate.vue
index e4f9eb3..c54c0f7 100644
--- a/web/src/views/modules/riskTraceRecord/RiskTraceItem-AddOrUpdate.vue
+++ b/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>
--
Gitblit v1.9.1