From d7484d4ec7a94b71504caeca4fab765834854686 Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期一, 13 十一月 2023 14:18:49 +0800 Subject: [PATCH] 项目表 --- web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue | 155 ++++++++++++++++++++++----------------------------- 1 files changed, 68 insertions(+), 87 deletions(-) diff --git a/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue b/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue index 2724b9d..e0f8447 100644 --- a/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue +++ b/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue @@ -1,107 +1,82 @@ <template> - <div class="fa-card-a" style="height: calc(100vh - 130px)"> + <div class="fa-card-a fa-box-a" style="height: calc(100vh - 130px)"> <el-form ref="form" :inline="true" :model="form" label-width="100px" class="oldFormAuto"> + <div class="DManageForm el-border-bottom"> + <zt-form-item label-width="60px" label="椤圭洰缂栧彿" prop="code" style="width: 99%" rules="required"> + <el-input v-model="form.code"></el-input> + </zt-form-item> + </div> <div class="el-flex el-border"> <div class="DWidth DAlign DHold"> 濮旀墭鍗曚綅 </div> - <div class="DOldForm"> + <div class="DSTOldForm"> <!-- 鍗曚綅鍚嶇О --> - <el-form-item label="鍗曚綅鍚嶇О" style="width: 49%"> - <el-input v-model="form.delegateUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> - </el-form-item> + <zt-form-item label="鍗曚綅鍚嶇О" prop="entrustUnitName" style="width: 49%" rules="required"> + <el-input v-model="form.entrustUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </zt-form-item> <!-- 鑱旂郴浜� --> - <el-form-item label="鑱旂郴浜�" style="width: 49%"> - <el-input v-model="form.delegateUnitContactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> - </el-form-item> + <zt-form-item label="鑱旂郴浜�" prop="entrustUnitContact" style="width: 49%" rules="required"> + <el-input v-model="form.entrustUnitContact" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </zt-form-item> + <!-- 璇︾粏鍦板潃 --> - <el-form-item label="璇︾粏鍦板潃" style="width: 49%"> - <el-input v-model="form.delegateUnitAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> - </el-form-item> + <zt-form-item label="璇︾粏鍦板潃" prop="entrustUnitAddress" style="width: 49%" rules="required"> + <el-input v-model="form.entrustUnitAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> + </zt-form-item> <!-- 鑱旂郴鏂瑰紡 --> - <el-form-item label="鑱旂郴鏂瑰紡" style="width: 49%"> - <el-input v-model="form.delegateUnitContact" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> - </el-form-item> + <zt-form-item label="鑱旂郴鏂瑰紡" prop="entrustUnitContWay" style="width: 49%" rules="required"> + <el-input v-model="form.entrustUnitContWay" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> + </zt-form-item> </div> </div> <div class="el-flex el-border"> <div class="DWidth DAlign DHold"> 寮�鍙戝崟浣� </div> - <div class="DOldForm"> + <div class="DSTOldForm"> <!-- 鍗曚綅鍚嶇О --> - <el-form-item label="鍗曚綅鍚嶇О" style="width: 49%"> - <el-input v-model="form.developmentUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> - </el-form-item> + <zt-form-item label="鍗曚綅鍚嶇О" prop="developUnitName" style="width: 49%" rules="required"> + <el-input v-model="form.developUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </zt-form-item> <!-- 鑱旂郴浜� --> - <el-form-item label="鑱旂郴浜�" style="width: 49%"> - <el-input v-model="form.developmentContactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> - </el-form-item> + <zt-form-item label="鑱旂郴浜�" prop="developUnitContact" style="width: 49%" rules="required"> + <el-input v-model="form.developUnitContact" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </zt-form-item> <!-- 璇︾粏鍦板潃 --> - <el-form-item label="璇︾粏鍦板潃" style="width: 49%"> - <el-input v-model="form.developmentAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> - </el-form-item> + <zt-form-item label="璇︾粏鍦板潃" prop="developUnitAddress" style="width: 49%" rules="required"> + <el-input v-model="form.developUnitAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> + </zt-form-item> <!-- 鑱旂郴鏂瑰紡 --> - <el-form-item label="鑱旂郴鏂瑰紡" style="width: 49%"> - <el-input v-model="form.developmentContact" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> - </el-form-item> + <zt-form-item label="鑱旂郴鏂瑰紡" prop="developUnitContWay" style="width: 49%" rules="required"> + <el-input v-model="form.developUnitContWay" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> + </zt-form-item> </div> </div> <div class="el-flex el-border"> <div class="DWidth-Unt DAlign DHold"> 琚祴浠朵俊鎭� </div> - <div class="DOldForm"> + <div class="DSTOldForm"> <!-- 鍗曚綅鍚嶇О --> - <el-form-item label="杞欢鍚嶇О" style="width: 49%"> - <el-input v-model="form.softwareName" placeholder="璇疯緭鍏ヨ蒋浠跺悕绉�"></el-input> - </el-form-item> + <zt-form-item label="杞欢鍚嶇О" prop="software" style="width: 49%" rules="required"> + <el-input v-model="form.software" placeholder="璇疯緭鍏ヨ蒋浠跺悕绉�"></el-input> + </zt-form-item> <!-- 鑱旂郴浜� --> - <el-form-item label="杞欢鏍囪瘑" style="width: 49%"> - <el-input v-model="form.identification" placeholder="璇疯緭鍏ヨ蒋浠舵爣璇�"></el-input> - </el-form-item> + <zt-form-item label="杞欢鏍囪瘑" prop="identity" style="width: 49%" rules="required"> + <el-input v-model="form.identity" placeholder="璇疯緭鍏ヨ蒋浠舵爣璇�"></el-input> + </zt-form-item> <!-- 璇︾粏鍦板潃 --> - <el-form-item label="瀵嗙骇" style="width: 49%"> - <el-input v-model="form.secretClass" placeholder="璇疯緭鍏ュ瘑绾�"></el-input> - </el-form-item> + <zt-form-item label="瀵嗙骇" prop="secretClass" style="width: 49%" rules="required"> + <zt-dict v-model="form.secretClass" dict="secret_class"></zt-dict> + </zt-form-item> <!-- <zt-form-item label="淇濆瘑绾у埆" prop="secretClass" style="width: 25%">--> <!-- <zt-dict v-model="dataForm.secretClass" dict="secret_class" placeholder="淇濆瘑绾у埆" style="width:200px"></zt-dict>--> <!-- </zt-form-item>--> <!-- 鑱旂郴鏂瑰紡 --> - <el-form-item label="鍏抽敭绛夌骇" style="width: 49%"> - <el-radio-group v-model="form.criticalLevel"> - <el-radio :label="0">鍏抽敭</el-radio> - <el-radio :label="1">涓�鑸�</el-radio> - <el-radio :label="2">閲嶈</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="杩愯鐜" style="width: 49%"> - <el-input v-model="form.runtimeEnvironment" placeholder="璇疯緭鍏ヨ繍琛岀幆澧�"></el-input> - </el-form-item> - <el-form-item label="缂栫▼璇█" style="width: 49%"> - <el-input v-model="form.programmingLanguage" placeholder="璇疯緭鍏ョ紪绋嬭瑷�"></el-input> - </el-form-item> - <div class="el-flex"> - <div class="DWidth DAlign DHold"> - 琚祴浠跺強鍏朵粬鐩稿叧鐗╁搧娓呭崟 - </div> - <div style="width: calc(100% - 120px)"> - <el-table class="el-software" height="230" border :data="form.tableData" - stripe> - <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column> - <el-table-column prop="name" min-width="300" label="鍚嶇О"></el-table-column> - <el-table-column prop="identification" align="center" width="180" label="鏍囪瘑/鐗堟湰"></el-table-column> - <el-table-column label="鏄惁琚祴浠�" width="180" align="center"> - <template slot-scope="scope"> - <el-radio-group v-model="scope.row.isTested"> - <el-radio :label="1">鏄�</el-radio> - <el-radio :label="0">鍚�</el-radio> - </el-radio-group> - </template> - </el-table-column> - </el-table> - </div> - </div> + <zt-form-item label="鍏抽敭绛夌骇" prop="criticalLevel" style="width: 49%" rules="required"> + <zt-dict v-model="form.criticalLevel" dict="critical_level"></zt-dict> + </zt-form-item> <div class="el-flex" style="height: 40px;"> <div class="DWidth DAlign DHold"> 杞欢绫诲瀷 @@ -120,23 +95,23 @@ <div class="DWidth DAlign DHold"> 椤圭洰璐d换浜� </div> - <div class="DOldForm"> + <div class="DSTOldForm"> <!-- 鍗曚綅鍚嶇О --> - <el-form-item label="椤圭洰璐熻矗浜�" style="width: 99%"> - <el-input v-model="form.delegateUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> - </el-form-item> + <zt-form-item label="椤圭洰璐熻矗浜�" prop="projectLeader" style="width: 99%" rules="required"> + <el-input v-model="form.projectLeader" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </zt-form-item> <!-- 鑱旂郴浜� --> - <el-form-item label="椤圭洰娴嬭瘯浜哄憳" style="width: 99%"> - <el-input v-model="form.delegateUnitContactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> - </el-form-item> + <zt-form-item label="椤圭洰娴嬭瘯浜哄憳" prop="projectTesters" style="width: 99%" rules="required"> + <el-input v-model="form.projectTesters" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </zt-form-item> <!-- 璇︾粏鍦板潃 --> - <el-form-item label="椤圭洰瀹℃牳浜�" style="width: 99%"> - <el-input v-model="form.delegateUnitAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> - </el-form-item> + <zt-form-item label="椤圭洰瀹℃牳浜�" prop="projectReviewer" style="width: 99%" rules="required"> + <el-input v-model="form.projectReviewer" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> + </zt-form-item> <!-- 鑱旂郴鏂瑰紡 --> - <el-form-item label="鏄惁绛剧讲鍚堝悓" style="width: 99%"> - <el-input v-model="form.delegateUnitContact" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> - </el-form-item> + <zt-form-item label="鏄惁绛剧讲鍚堝悓" prop="isContract" style="width: 99%" rules="required"> + <zt-dict v-model="form.isContract" dict="is_or_not"></zt-dict> + </zt-form-item> </div> </div> </el-form> @@ -193,10 +168,16 @@ </script> <style> +.fa-box-a{ + position: relative; +} .oldFormAuto { width: 70%; border: 1px solid; - margin: 0 auto; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); } .el-flex { @@ -216,12 +197,12 @@ text-align: center; } -.DOldForm { +.DSTOldForm { border-left: 1px solid; width: 100%; } -.DOldForm > .el-form-item > .el-form-item__content { +.DSTOldForm > .zt-form-item > .zt-form-item__content { width: calc(100% - 100px); } -- Gitblit v1.9.1