From 28e196ded3b02c1efc977fb1c8cba9902aa26d69 Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期三, 08 十一月 2023 14:40:39 +0800
Subject: [PATCH] 多选组件
---
web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue | 174 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 90 insertions(+), 84 deletions(-)
diff --git a/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue b/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue
index 4cf0803..e0f8447 100644
--- a/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue
+++ b/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue
@@ -1,86 +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%">
+ <zt-form-item label="杞欢鏍囪瘑" prop="identity" style="width: 49%" rules="required">
<el-input v-model="form.identity" placeholder="璇疯緭鍏ヨ蒋浠舵爣璇�"></el-input>
- </el-form-item>
+ </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.optEnviron" placeholder="璇疯緭鍏ヨ繍琛岀幆澧�"></el-input>
- </el-form-item>
- <el-form-item label="缂栫▼璇█" style="width: 49%">
- <el-input v-model="form.programlang" placeholder="璇疯緭鍏ョ紪绋嬭瑷�"></el-input>
- </el-form-item>
+ <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">
杞欢绫诲瀷
@@ -99,23 +95,23 @@
<div class="DWidth DAlign DHold">
椤圭洰璐ｄ换浜�
</div>
- <div class="DOldForm">
+ <div class="DSTOldForm">
<!-- 鍗曚綅鍚嶇О -->
- <el-form-item label="椤圭洰璐熻矗浜�" style="width: 99%">
+ <zt-form-item label="椤圭洰璐熻矗浜�" prop="projectLeader" style="width: 99%" rules="required">
<el-input v-model="form.projectLeader" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input>
- </el-form-item>
+ </zt-form-item>
<!-- 鑱旂郴浜� -->
- <el-form-item label="椤圭洰娴嬭瘯浜哄憳" style="width: 99%">
+ <zt-form-item label="椤圭洰娴嬭瘯浜哄憳" prop="projectTesters" style="width: 99%" rules="required">
<el-input v-model="form.projectTesters" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input>
- </el-form-item>
+ </zt-form-item>
<!-- 璇︾粏鍦板潃 -->
- <el-form-item label="椤圭洰瀹℃牳浜�" style="width: 99%">
+ <zt-form-item label="椤圭洰瀹℃牳浜�" prop="projectReviewer" style="width: 99%" rules="required">
<el-input v-model="form.projectReviewer" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input>
- </el-form-item>
+ </zt-form-item>
<!-- 鑱旂郴鏂瑰紡 -->
- <el-form-item label="鏄惁绛剧讲鍚堝悓" style="width: 99%">
- <el-input v-model="form.isContract" 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>
@@ -137,41 +133,51 @@
developmentAddress: '',
developmentContact: '',
softwareName: '',
- identity: '',
+ identification: '',
secretClass: '',
criticalLevel: 0,
- optEnviron: '',
- programlang: '',
- softwareType: [1, 0],
- id: '',
- code: '',
- projectLeader: '',
- projectTesters: '',
- projectReviewer: '',
- isContract: ''
+ runtimeEnvironment: '',
+ programmingLanguage: '',
+ checkList: [1, 0],
+ tableData: [
+ {code: 1, name: '灏忛箤楣�', identification: '3/121', isTested: 1},
+ {code: 2, name: '灏忛箤楣�', identification: '3/122', isTested: 0},
+ {code: 3, name: '灏忛箤楣�', identification: '3/111', isTested: 0},
+ {code: 4, name: '灏忛箤楣�', identification: '36/121', isTested: 1},
+ {code: 5, name: '灏忛箤楣�', identification: '3/121a', isTested: 0},
+ {code: 6, name: '灏忛箤楣�', identification: '3c/121', isTested: 0},
+ {code: 7, name: '灏忛箤楣�', identification: '3ac/12ac1', isTested: 0},
+ {code: 8, name: '灏忛箤楣�', identification: '3aca/ac121', isTested: 1},
+ {code: 9, name: '灏忛箤楣�', identification: '3ww/ca121', isTested: 1},
+ {code: 10, name: '灏忛箤楣�', identification: '3aw/12wd1', isTested: 1},
+ {code: 1, name: '灏忛箤楣�', identification: '3/121', isTested: 1},
+ {code: 2, name: '灏忛箤楣�', identification: '3/122', isTested: 0},
+ {code: 3, name: '灏忛箤楣�', identification: '3/111', isTested: 0},
+ {code: 4, name: '灏忛箤楣�', identification: '36/121', isTested: 1},
+ {code: 5, name: '灏忛箤楣�', identification: '3/121a', isTested: 1},
+ {code: 6, name: '灏忛箤楣�', identification: '3c/121', isTested: 0},
+ {code: 7, name: '灏忛箤楣�', identification: '3ac/12ac1', isTested: 0},
+ {code: 8, name: '灏忛箤楣�', identification: '3aca/ac121', isTested: 1},
+ {code: 9, name: '灏忛箤楣�', identification: '3ww/ca121', isTested: 1},
+ {code: 10, name: '灏忛箤楣�', identification: '3aw/12wd1', isTested: 1}
+ ],
},
}
},
- methods: {
- // 鑾峰彇淇℃伅
- async getInfo() {
- let res = await this.$http.get(`/modules/check/`)
- console.log(res.data);
- console.log(res);
- /* this.dataForm = {
- ...this.dataForm,
- ...res.data
- }*/
- },
- }
}
</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 {
@@ -191,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