From fca28850bfb5ec4d5ec1f0b2fb556c197dc957b2 Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期五, 03 十一月 2023 15:16:38 +0800 Subject: [PATCH] xinz --- web/src/views/modules/olderForm/confirmForm.vue | 217 ++++++++++++++++ web/src/views/modules/olderForm/dispositionManage.vue | 278 +++++++++++++++++++++ web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue | 245 ++++++++++++++++++ 3 files changed, 740 insertions(+), 0 deletions(-) diff --git a/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue b/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue new file mode 100644 index 0000000..2724b9d --- /dev/null +++ b/web/src/views/modules/olderForm/SoftwareTestingOrderForm.vue @@ -0,0 +1,245 @@ +<template> + <div class="fa-card-a" style="height: calc(100vh - 130px)"> + <el-form ref="form" :inline="true" :model="form" label-width="100px" class="oldFormAuto"> + <div class="el-flex el-border"> + <div class="DWidth DAlign DHold"> + 濮旀墭鍗曚綅 + </div> + <div class="DOldForm"> + <!-- 鍗曚綅鍚嶇О --> + <el-form-item label="鍗曚綅鍚嶇О" style="width: 49%"> + <el-input v-model="form.delegateUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </el-form-item> + <!-- 鑱旂郴浜� --> + <el-form-item label="鑱旂郴浜�" style="width: 49%"> + <el-input v-model="form.delegateUnitContactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </el-form-item> + <!-- 璇︾粏鍦板潃 --> + <el-form-item label="璇︾粏鍦板潃" style="width: 49%"> + <el-input v-model="form.delegateUnitAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> + </el-form-item> + <!-- 鑱旂郴鏂瑰紡 --> + <el-form-item label="鑱旂郴鏂瑰紡" style="width: 49%"> + <el-input v-model="form.delegateUnitContact" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> + </el-form-item> + </div> + </div> + <div class="el-flex el-border"> + <div class="DWidth DAlign DHold"> + 寮�鍙戝崟浣� + </div> + <div class="DOldForm"> + <!-- 鍗曚綅鍚嶇О --> + <el-form-item label="鍗曚綅鍚嶇О" style="width: 49%"> + <el-input v-model="form.developmentUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </el-form-item> + <!-- 鑱旂郴浜� --> + <el-form-item label="鑱旂郴浜�" style="width: 49%"> + <el-input v-model="form.developmentContactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </el-form-item> + <!-- 璇︾粏鍦板潃 --> + <el-form-item label="璇︾粏鍦板潃" style="width: 49%"> + <el-input v-model="form.developmentAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> + </el-form-item> + <!-- 鑱旂郴鏂瑰紡 --> + <el-form-item label="鑱旂郴鏂瑰紡" style="width: 49%"> + <el-input v-model="form.developmentContact" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> + </el-form-item> + </div> + </div> + <div class="el-flex el-border"> + <div class="DWidth-Unt DAlign DHold"> + 琚祴浠朵俊鎭� + </div> + <div class="DOldForm"> + <!-- 鍗曚綅鍚嶇О --> + <el-form-item label="杞欢鍚嶇О" style="width: 49%"> + <el-input v-model="form.softwareName" placeholder="璇疯緭鍏ヨ蒋浠跺悕绉�"></el-input> + </el-form-item> + <!-- 鑱旂郴浜� --> + <el-form-item label="杞欢鏍囪瘑" style="width: 49%"> + <el-input v-model="form.identification" placeholder="璇疯緭鍏ヨ蒋浠舵爣璇�"></el-input> + </el-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: 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> + <div class="el-flex" style="height: 40px;"> + <div class="DWidth DAlign DHold"> + 杞欢绫诲瀷 + </div> + <div style="width: calc(100% - 120px)"> + <el-checkbox-group v-model="form.checkList"> + <el-checkbox :label="0">閫氱敤搴旂敤杞欢</el-checkbox> + <el-checkbox :label="1">琛屼笟搴旂敤杞欢</el-checkbox> + <el-checkbox :label="2">宓屽叆寮忚蒋浠�</el-checkbox> + </el-checkbox-group> + </div> + </div> + </div> + </div> + <div class="el-flex "> + <div class="DWidth DAlign DHold"> + 椤圭洰璐d换浜� + </div> + <div class="DOldForm"> + <!-- 鍗曚綅鍚嶇О --> + <el-form-item label="椤圭洰璐熻矗浜�" style="width: 99%"> + <el-input v-model="form.delegateUnitName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </el-form-item> + <!-- 鑱旂郴浜� --> + <el-form-item label="椤圭洰娴嬭瘯浜哄憳" style="width: 99%"> + <el-input v-model="form.delegateUnitContactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </el-form-item> + <!-- 璇︾粏鍦板潃 --> + <el-form-item label="椤圭洰瀹℃牳浜�" style="width: 99%"> + <el-input v-model="form.delegateUnitAddress" placeholder="璇疯緭鍏ヨ缁嗗湴鍧�"></el-input> + </el-form-item> + <!-- 鑱旂郴鏂瑰紡 --> + <el-form-item label="鏄惁绛剧讲鍚堝悓" style="width: 99%"> + <el-input v-model="form.delegateUnitContact" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input> + </el-form-item> + </div> + </div> + </el-form> + </div> +</template> + +<script> + export default { + name: 'SoftwareTestingOrderForm', + data() { + return { + form: { + delegateUnitName: '', + delegateUnitAddress: '', + delegateUnitContactPerson: '', + delegateUnitContact: '', + developmentUnitName: '', + developmentContactPerson: '', + developmentAddress: '', + developmentContact: '', + softwareName: '', + identification: '', + secretClass: '', + criticalLevel: 0, + 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} + ], + }, + } + }, + } +</script> + +<style> +.oldFormAuto { + width: 70%; + border: 1px solid; + margin: 0 auto; +} + +.el-flex { + display: flex; + align-items: center; +} + +.DWidth { + width: 100px; +} + +.DWidth-Unt { + width: 100px; +} + +.DAlign { + text-align: center; +} + +.DOldForm { + border-left: 1px solid; + width: 100%; +} + +.DOldForm > .el-form-item > .el-form-item__content { + width: calc(100% - 100px); +} + +.el-border { + border-bottom: 1px solid; +} + +.zt .el-table.el-software th { + background: transparent; +} + +.zt .el-table.el-software th > .cell { + font-weight: 500; +} +.DHold{ + font-weight: 600; +} +.zt .el-table.el-software{ + font-size: 14px; +} +</style> diff --git a/web/src/views/modules/olderForm/confirmForm.vue b/web/src/views/modules/olderForm/confirmForm.vue new file mode 100644 index 0000000..3e55e06 --- /dev/null +++ b/web/src/views/modules/olderForm/confirmForm.vue @@ -0,0 +1,217 @@ +<template> + <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto"> + <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto"> + <div class="DConfirmForm"> + <el-form-item label-width="60px" label="缂栧彿:" style="width: 99%"> + <span>{{form.code}}</span> + </el-form-item> + </div> + <div class="confirmDAuto DConfirmForm"> + <el-form-item label="涓撲笟瀹為獙瀹ゅ悕绉�" style="width: 49%"> + <el-input v-model="form.name" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input> + </el-form-item> + <el-form-item label="娴嬭瘯鍦扮偣" style="width: 49%"> + <el-input v-model="form.place" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input> + </el-form-item> + <el-form-item label="琚祴杞欢" style="width: 49%"> + <el-input v-model="form.software" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input> + </el-form-item> + <el-form-item label="鐗堟湰" style="width: 49%"> + <el-input v-model="form.versions" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input> + </el-form-item> + <div class="el-flex el-form-border"> + <div class="DFormWidth DAlign DHold"> + 纭蒋浠惰祫婧� + </div> + <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> + <div style="padding: 5px">杞欢璧勬簮锛�</div> + <el-table class="el-software el-margin-top-bot" height="150" border :data="form.softwareData" + 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="versions" align="center" width="180" label="鐗堟湰"></el-table-column> + <el-table-column prop="use" align="center" width="180" label="鐢ㄩ��"></el-table-column> + <el-table-column prop="unit" label="鎻愪緵鍗曚綅" width="180" align="center"></el-table-column> + </el-table> + <div style="padding: 5px">纭欢璧勬簮锛�</div> + <el-table class="el-software el-margin-top-bot" height="150" border :data="form.hardwareData" + 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="use" align="center" width="180" label="鐢ㄩ��"></el-table-column> + <el-table-column prop="number" align="center" width="80" label="鏁伴噺"></el-table-column> + <el-table-column prop="state" align="center" width="120" label="鐘舵��"></el-table-column> + <el-table-column prop="unit" align="center" width="180" label="鎻愪緵鍗曚綅"></el-table-column> + </el-table> + </div> + </div> + <div class="el-flex el-B-border"> + <div class="DFormWidth DAlign DHold"> + 鍔ㄦ�佹祴璇曠幆澧冨浘 + </div> + <div style="width: calc(100% - 120px);"> + <div style="height:150px" class="el-wt-border-left"> + </div> + </div> + </div> + <div class="el-flex el-B-border"> + <div class="DFormWidth DAlign DHold"> + 鐜宸紓鎬у垎鏋� + </div> + <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> + <el-table class="el-software el-margin-top-bot" height="150" border :data="form.analyzeData" + stripe> + <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column> + <el-table-column prop="realEnvironment" min-width="300" label="鐪熷疄鐜"></el-table-column> + <el-table-column prop="testEnvironment" align="center" width="100" label="娴嬭瘯鐜"></el-table-column> + <el-table-column prop="environmentalDifference" align="center" width="100" label="鐜宸紓"></el-table-column> + <el-table-column prop="influence" align="center" width="160" label="瀵规祴璇曠粨鏋滃奖鍝�"></el-table-column> + <el-table-column prop="measure" align="center" width="180" label="鎺柦"></el-table-column> + </el-table> + </div> + </div> + <div class="el-flex el-B-border"> + <div class="DFormWidth DAlign DHold"> + 鐜寤虹珛 + </div> + <div style="width: calc(100% - 120px)" class="DConfirmForm el-wt-border-left"> + <el-form-item label="浜哄憳" style="width: 49%"> + <el-input v-model="form.buildPersonnel" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </el-form-item> + <el-form-item label="鏃ユ湡" style="width: 48%"> + <el-input v-model="form.buildDate" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </el-form-item> + <el-form-item label-width="160px" class="isKill" label="鏄惁杩涜鐜鐥呮瘨鏌ユ潃" style="width: 49%"> + <el-radio-group v-model="form.isKill"> + <el-radio :label="0">鏄�</el-radio> + <el-radio :label="1">鍚�</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="鐥呮瘨搴撶増鏈�" style="width: 48%"> + <el-input v-model="form.VirusLibraryVersion" placeholder="璇疯緭鍏ョ梾姣掑簱鐗堟湰"></el-input> + </el-form-item> + </div> + </div> + <div class="el-flex"> + <div class="DFormWidth DAlign DHold"> + 鐜纭 + </div> + <div style="width: calc(100% - 120px)" class="DConfirmForm el-wt-border-left"> + <!-- 鍗曚綅鍚嶇О --> + <el-form-item label="浜哄憳" style="width: 49%"> + <el-input v-model="form.verifyPersonnel" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input> + </el-form-item> + <!-- 鑱旂郴浜� --> + <el-form-item label="鏃ユ湡" style="width: 48%"> + <el-input v-model="form.verifyDate" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input> + </el-form-item> + </div> + </div> + </div> + </el-form> + </div> +</template> + +<script> + export default { + name: 'confirmForm', + data() { + return { + form: { + code: '719G19804/P3A-09-20XX-00X', + name: '', + place: '', + software: '', + versions: '', + buildPersonnel: '', + buildDate: '', + isKill:1, + VirusLibraryVersion: '', + verifyPersonnel: '', + verifyDate: '', + checkList: [1, 0], + softwareData:[ + {code:'1',name:'awdas',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅1'}, + {code:'2',name:'闃垮皵娉�',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅2'}, + {code:'3',name:'awed',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅3'}, + {code:'4',name:'鍥藉湡閮�',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅4'}, + ], + hardwareData:[ + {code:'1',name:'awdas',use:'杞︿笂',number:'2',state:'21',unit:'鍗曚綅1'}, + {code:'2',name:'qe',use:'515',number:'1',state:'21',unit:'鍗曚綅2'}, + {code:'3',name:'123',use:'1234',number:'42',state:'11',unit:'鍗曚綅4'}, + {code:'4',name:'1515',use:'123',number:'1',state:'21',unit:'鍗曚綅51'}, + ], + analyzeData:[ + {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'12'}, + {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'14'}, + {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'15'}, + {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'16'}, + ], + }, + } + }, + } +</script> + +<style> +.confirmFormAuto { + width: 70%; + margin: 0 auto; +} +.confirmDAuto{ + border: 1px solid; +} + +.el-flex { + display: flex; + align-items: center; +} + +.DFormWidth { + width: 120px; +} + +.DAlign { + text-align: center; +} + +.DConfirmForm { + /*border-left: 1px solid;*/ + width: 100%; +} + +.DConfirmForm > .el-form-item > .el-form-item__content { + width: calc(100% - 120px); +} +.DConfirmForm > .el-form-item.isKill > .el-form-item__content { + width: calc(100% - 160px); +} +.el-form-border{ + border-top: 1px solid; + border-bottom: 1px solid; +} +.el-B-border{ + border-bottom: 1px solid; +} +.el-margin-top-bot{ + margin-top:5px; + margin-bottom:5px; +} +.el-wt-border-left{ + border-left:1px solid; +} +.zt .el-table.el-software th { + background: transparent; +} + +.zt .el-table.el-software th > .cell { + font-weight: 500; +} +.DHold{ + font-weight: 600; +} +.zt .el-table.el-software{ + font-size: 14px; +} +</style> diff --git a/web/src/views/modules/olderForm/dispositionManage.vue b/web/src/views/modules/olderForm/dispositionManage.vue new file mode 100644 index 0000000..fc30505 --- /dev/null +++ b/web/src/views/modules/olderForm/dispositionManage.vue @@ -0,0 +1,278 @@ +<template> + <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto"> + <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto"> + <div class="DManageForm"> + <el-form-item label-width="60px" label="缂栧彿:" style="width: 99%"> + <span>{{form.code}}</span> + </el-form-item> + </div> + <div class="confirmDAuto DManageForm"> + <el-form-item label="椤圭洰缂栧彿" style="width: 49%"> + <el-input v-model="form.itemNumber" placeholder="璇疯緭鍏ラ」鐩紪鍙�"></el-input> + </el-form-item> + <el-form-item label="椤圭洰鍚嶇О" style="width: 49%"> + <el-input v-model="form.name" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input> + </el-form-item> + <el-form-item label="鐢宠浜�" style="width: 49%"> + <el-input v-model="form.applicant" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input> + </el-form-item> + <el-form-item label="鐢宠鏃ユ湡" style="width: 49%"> + <el-input v-model="form.date" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input> + </el-form-item> + <el-form-item label="搴撶被鍨�" style="width: 99%"> + <el-radio-group v-model="form.type"> + <el-radio :label="0">鍙楁帶搴�</el-radio> + <el-radio :label="1">浜у搧搴�</el-radio> + </el-radio-group> + </el-form-item> + <div class="el-flex el-form-border"> + <div class="DFormWidth DAlign DHold"> + 鍏ュ簱閰嶇疆椤� + </div> + <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> + <el-table class="el-software el-margin-top-bot" height="150" border :data="form.storageData" + stripe> + <el-table-column prop="code" align="center" width="60" label="搴忓彿"></el-table-column> + <el-table-column prop="name" min-width="200" label="閰嶇疆椤瑰悕绉�"></el-table-column> + <el-table-column prop="identification" align="center" width="220" label="閰嶇疆椤规爣璇�"></el-table-column> + <el-table-column prop="versions" align="center" width="120" label="鐗堟湰"></el-table-column> + <el-table-column prop="rollBackVersions" label="涓婃函鐗�" width="120" align="center"></el-table-column> + <el-table-column prop="secretClass" label="瀵嗙骇" width="80" align="center"></el-table-column> + </el-table> + </div> + </div> + <div class="el-flex el-B-border"> + <div class="DFormWidth DAlign DHold"> + 椤圭洰QA瀹℃牳 + </div> + <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> + <el-table class="el-software el-margin-top-bot" height="150" border :data="form.examineData" + stripe> + <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column> + <el-table-column prop="checkItem" min-width="300" label="妫�鏌ラ」"></el-table-column> + <el-table-column label="妫�鏌ョ粨鏋�" width="250" align="center"> + <template slot-scope="scope"> + <el-radio-group v-model="scope.row.result"> + <el-radio :label="0">鏄�</el-radio> + <el-radio :label="1">鍚�</el-radio> + <el-radio :label="2">涓嶉�傜敤</el-radio> + </el-radio-group> + </template> + </el-table-column> + <el-table-column prop="remark" align="center" width="100" label="涓嶉�傜敤璇存槑"></el-table-column> + </el-table> + <el-form-item label="瀹℃牳缁撴灉" style="width: 99%"> + <el-radio-group v-model="form.result"> + <el-radio :label="0">閫氳繃</el-radio> + <el-radio :label="1">涓嶉�氳繃</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="瀹℃牳浜猴細" style="width: 48%"> + <span>{{form.auditor}}</span> + </el-form-item> + <el-form-item label="瀹℃牳鏃ユ湡锛�" style="width: 48%"> + <span>{{form.auditDate}}</span> + </el-form-item> + </div> + </div> + <div class="el-flex el-B-border"> + <div class="DFormWidth DAlign DHold"> + CM瀹℃牳 + </div> + <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> + <el-table class="el-software el-margin-top-bot" height="150" border :data="form.CMData" + stripe> + <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column> + <el-table-column prop="checkItem" min-width="300" label="妫�鏌ラ」"></el-table-column> + <el-table-column label="妫�鏌ョ粨鏋�" width="250" align="center"> + <template slot-scope="scope"> + <el-radio-group v-model="scope.row.result"> + <el-radio :label="0">鏄�</el-radio> + <el-radio :label="1">鍚�</el-radio> + <el-radio :label="2">涓嶉�傜敤</el-radio> + </el-radio-group> + </template> + </el-table-column> + <el-table-column prop="remark" align="center" width="100" label="涓嶉�傜敤璇存槑"></el-table-column> + </el-table> + <el-form-item label="瀹℃牳缁撴灉" style="width: 99%"> + <el-radio-group v-model="form.CMResult"> + <el-radio :label="0">閫氳繃</el-radio> + <el-radio :label="1">涓嶉�氳繃</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="瀹℃牳浜�" style="width: 48%"> + <span>{{form.CMAuditor}}</span> + </el-form-item> + <el-form-item label="瀹℃牳鏃ユ湡" style="width: 48%"> + <span>{{form.CMAuditDate}}</span> + </el-form-item> + </div> + </div> + <div class="el-flex el-B-border"> + <div class="DFormWidth DAlign DHold"> + 鎵瑰噯鎰忚 + </div> + <div style="width: calc(100% - 120px)" class="el-wt-border-left"> + <el-form-item class="el-wt-form-item-margin" label-width="120px" style="width: 99%"> + <el-radio-group v-model="form.opinion"> + <el-radio :label="0">鍚屾剰</el-radio> + <el-radio :label="1">涓嶅悓鎰�</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label-width="80%" label="绛惧瓧锛�" style="width: 65%"> + <span>{{form.signature}}</span> + </el-form-item> + <el-form-item label="鏃ユ湡锛�" style="width: 20%"> + <span>{{form.approvalOpinionDate}}</span> + </el-form-item> + </div> + </div> + <div class="el-flex el-B-border"> + <div class="DFormWidth DAlign DHold"> + 椤圭洰CM鎿嶄綔 + </div> + <div style="width: calc(100% - 120px)" class="el-wt-border-left"> + <el-form-item class="el-CMTextarea" style="width: 100%"> + <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" v-model="form.CMTextarea"></el-input> + </el-form-item> + <el-form-item label-width="80%" label="鎿嶄綔浜猴細" style="width: 65%"> + <span>{{form.CMSignature}}</span> + </el-form-item> + <el-form-item label="鏃ユ湡锛�" style="width: 20%"> + <span>{{form.CMDate}}</span> + </el-form-item> + </div> + </div> + <div class="el-flex"> + <div class="DFormWidth DAlign DHold"> + 澶囨敞 + </div> + <div style="width: calc(100% - 120px)" class="el-wt-border-left"> + <el-form-item class="el-CMTextarea" style="width: 100%"> + <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" v-model="form.textarea"></el-input> + </el-form-item> + </div> + </div> + </div> + </el-form> + </div> +</template> + +<script> + export default { + name: 'dispositionManage', + data() { + return { + form: { + code: '锛圶X-X-XX锛�-PZRK-001', + itemNumber:'', + name: '', + applicant:'', + date:'', + type:1, + result:1, + auditor:'鏉庡ぇ鍢�', + auditDate: '2023-10-10', + CMResult:1, + CMAuditor:'鏉庝簩鍢�', + CMAuditDate: '2023-10-15', + signature:'鏉庝笁鍢�', + opinion:1, + approvalOpinionDate:'2023-10-18', + CMSignature:'鏉庡皬鍢�', + CMDate:'2023-10-20', + textarea:'鍙楁帶搴撳叆搴撻渶椤圭洰璐熻矗浜烘壒鍑嗕骇鍝佸簱鍏ュ簱闇�瀹為獙瀹ゆ妧鏈礋璐d汉鎵瑰噯', + CMTextarea:'', + storageData:[ + {code:'1',name:'杞欢娴嬭瘯濮旀墭鍗�',identification:'719G19701/02A-09-20XX-00X',versions:'/',rollBackVersions:'/',secretClass:'闈炲瘑'}, + {code:'2',name:'鐗╁搧娴佽浆鍗曪紙棣栬疆娴嬭瘯锛�',identification:'719G19704/02A-09-20XX-00XA',versions:'/',rollBackVersions:'/',secretClass:'闈炲瘑'}, + {code:'3',name:'杞欢闇�姹傝鏍艰鏄�',identification:'XX-X-XX-杞欢闇�姹傝鏍艰鏄�',versions:'V1.00',rollBackVersions:'/',secretClass:'闈炲瘑'}, + {code:'4',name:'杞欢璁捐璇存槑',identification:'XX-X-XX-杞欢璁捐璇存槑',versions:'V1.00',rollBackVersions:'/',secretClass:'闈炲瘑'}, + {code:'5',name:'杞欢鐮斿埗浠诲姟涔�',identification:'XX-X-XX-杞欢鐮斿埗浠诲姟涔�',versions:'V1.00',rollBackVersions:'/',secretClass:'闈炲瘑'}, + {code:'6',name:'杞欢婧愪唬鐮�',identification:'XX-X-XX-杞欢婧愪唬鐮�',versions:'V1.00',rollBackVersions:'/',secretClass:'闈炲瘑'}, + {code:'7',name:'杈愬皠鐩戞帶鍙癛S485鎬荤嚎閫氳',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'闈炲瘑'}, + {code:'8',name:'杈愬皠鐩戞帶鍙癈AN鎬荤嚎閫氳瑙勮寖',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'闈炲瘑'}, + ], + CMData:[ + {code:'1',checkItem:'鍏ュ簱鐨勯厤缃」鏄惁涓庡叆搴撶敵璇峰崟鐨勬弿杩颁竴鑷达紵',result:1,remark:'1'}, + {code:'2',checkItem:'閰嶇疆椤圭殑鍛藉悕銆佹爣璇嗕笌杞欢閰嶇疆绠$悊璁″垝鏄惁涓�鑷达紵',result:1,remark:'121'}, + {code:'3',checkItem:'閰嶇疆椤圭殑鏍囪瘑銆佺増鏈槸鍚︽纭紵',result:0,remark:'114124'}, + {code:'4',checkItem:'鍏ュ簱鐨勯厤缃」鏄惁閫氳繃鐥呮瘨妫�鏌ワ紵',result:1,remark:'11241'}, + ], + examineData:[ + {code:'1',checkItem:'鏄惁鎸夌浉鍏虫爣鍑嗚繘琛岀紪鍒讹紵',result:1,remark:'1'}, + {code:'2',checkItem:'鏂囨。鍚嶇О銆佹枃妗f爣璇嗐�佹枃妗g増鏈槸鍚︽纭紵',result:1,remark:'121'}, + {code:'3',checkItem:'鏂囨。鍚嶇О銆佹枃妗f爣璇嗐�佹枃妗g増鏈槸鍚︽纭紵',result:0,remark:'114124'}, + {code:'4',checkItem:'璇勫鎻愬嚭鐨勯棶棰樻槸鍚﹀叧闂紵',result:1,remark:'11241'}, + ], + }, + } + }, + } +</script> + +<style> +.confirmFormAuto { + width: 70%; + margin: 0 auto; +} +.confirmDAuto{ + border: 1px solid; +} + +.el-flex { + display: flex; + align-items: center; +} + +.DFormWidth { + width: 120px; +} + +.DAlign { + text-align: center; +} + +.DManageForm{ + /*border-left: 1px solid;*/ + width: 100%; +} + +.DManageForm> .el-form-item > .el-form-item__content { + width: calc(100% - 120px); +} +.el-form-item.el-CMTextarea>.el-form-item__content{ + width: 100%; +} +.el-form .el-form-item.el-wt-form-item-margin{ + margin-left: 120px; +} +.el-form-border{ + border-top: 1px solid; + border-bottom: 1px solid; +} +.el-B-border{ + border-bottom: 1px solid; +} +.el-margin-top-bot{ + margin-top:5px; + margin-bottom:5px; +} +.el-wt-border-left{ + border-left:1px solid; +} +.zt .el-table.el-software th { + background: transparent; +} + +.zt .el-table.el-software th > .cell { + font-weight: 500; +} +.DHold{ + font-weight: 600; +} +.zt .el-table.el-software{ + font-size: 14px; +} +</style> -- Gitblit v1.9.1