From d928c702edc02471883cfa4b122daf157469110d Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期二, 19 十二月 2023 11:03:45 +0800
Subject: [PATCH] 基线表
---
web/src/views/modules/contractReview/ContractReview-AddOrUpdate.vue | 391 +++++++++++++++++++++++++++++++++++--------------------
1 files changed, 247 insertions(+), 144 deletions(-)
diff --git a/web/src/views/modules/contractReview/ContractReview-AddOrUpdate.vue b/web/src/views/modules/contractReview/ContractReview-AddOrUpdate.vue
index 5ac9a39..067bf5d 100644
--- a/web/src/views/modules/contractReview/ContractReview-AddOrUpdate.vue
+++ b/web/src/views/modules/contractReview/ContractReview-AddOrUpdate.vue
@@ -1,26 +1,28 @@
<template>
<zt-dialog ref="dialog" column="3" :title="title" :stepMarker="stepMarker" @confirm="formSubmit">
<el-form ref="dataForm" style="padding-top: 0" :inline="true" :disabled="dataForm.disabled" :model="dataForm"
- label-width="120px" class="warehouseFormAuto">
+ label-width="120px" class="contractFormAuto">
<div>
<el-form-item label-width="60px" label="缂栧彿:" style="width:100%;margin-bottom: -5px">
- <span>{{dataForm.contractReview.code || '缂栧彿鑷姩鐢熸垚'}}</span>
+ <span>{{ dataForm.contractReview.code || '缂栧彿鑷姩鐢熸垚' }}</span>
</el-form-item>
</div>
<div style="border: 1px solid rgba(0,0,0,.2);width: 99%">
- <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="warehouseContentWidth">
+ <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="contractContentWidth">
<el-form-item class="marginTopAndMarginBottom" label="瀹㈡埛鍚嶇О" style="width: 49%">
<el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input>
</el-form-item>
<el-form-item class="marginTopAndMarginBottom" label="鑱旂郴鐢佃瘽" style="width: 49%">
<el-input v-model="dataForm.testAgencyInfo.labContactNum" placeholder="璇疯緭鍏ヨ仈绯荤數璇�"></el-input>
</el-form-item>
- <zt-dict v-model="dataForm.contractReview.reviewType" :radio="true" dict="review_type"></zt-dict>
- <el-form-item label-width="60px" label="鍘熷鎵樺崟缂栧彿:" style="width:100%;margin-bottom: -5px">
- <span>{{dataForm.contractReview.orderCode}}</span>
+ <el-form-item class="marginTopAndMarginBottom reviewLeft" style="width: 49%">
+ <zt-dict v-model="dataForm.contractReview.reviewType" :radio="true" dict="review_type"></zt-dict>
+ </el-form-item>
+ <el-form-item label-width="160px" class="lastChild" label="鍘熷鎵樺崟缂栧彿:" style="width: 49%">
+ <span>{{ dataForm.contractReview.orderCode }}</span>
</el-form-item>
</div>
- <div class="el-flexManageDialog el-border-bottom">
+ <div class="el-flexContractDialog el-border-bottom">
<div class="DFormWidth DAlign DHold">
璇勫椤圭洰
</div>
@@ -34,83 +36,94 @@
<span v-html="indexFormat(scope.$index)"></span>
</template>
</el-table-column>
- <el-table-column prop="item" width="200" label="閰嶇疆椤瑰悕绉�">
+ <el-table-column prop="item" min-width="400" label="璇勫椤�">
<template v-slot="{ row }">
<el-input v-model="row.item" placeholder="璇勫椤�"></el-input>
</template>
</el-table-column>
- <el-table-column prop="result" label="瀵嗙骇" width="100" align="center">
+ <el-table-column prop="result" width="220" align="center" label="璇勫缁撴灉">
<template v-slot="{ row }">
- <zt-dict v-model="row.result" placeholder="璇勫缁撴灉" dict="tristate1"></zt-dict>
+ <zt-dict v-model="row.result" placeholder="璇勫缁撴灉" dict="tristate1" :radio="true"
+ clearable></zt-dict>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
- </div>
- <div class="el-flexManageDialog el-border-bottom">
- <div class="DFormWidth DAlign DHold">
- 璇勫璁板綍
+ <div class="el-flexContractDialog el-border-bottom">
+ <div class="DFormWidth DAlign DHold">
+ 璇勫璁板綍
+ </div>
+ <div style="width: calc(100% - 120px)" class="el-border-left">
+ <el-form-item class="el-CMTextarea" label-width="20px" style="width: 100%;padding: 5px">
+ <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="dataForm.contractReview.reviewRecord"></el-input>
+ </el-form-item>
+ </div>
</div>
- <div style="width: calc(100% - 120px)" class="el-border-left">
- <el-form-item class="el-wt-form-item-margin" label-width="20px" style="width: 85%">
- <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="dataForm.contractReview.reviewRecord"></el-input>
- </el-form-item>
+ <div class="el-flexContractDialog el-border-bottom">
+ <div class="DFormWidth DAlign DHold">
+ 瀹㈡埛鐨勭壒娈婅姹�
+ </div>
+ <div style="width: calc(100% - 120px)" class="el-border-left">
+ <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
+ <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="dataForm.contractReview.specialRequire"></el-input>
+ </el-form-item>
+ </div>
+ </div>
+ <div class="el-flexContractDialog el-border-bottom">
+ <div class="DFormWidth DAlign DHold">
+ 鍒嗗寘
+ </div>
+ <div style="width: calc(100% - 120px)" class="el-border-left">
+ <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
+ <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="dataForm.contractReview.subcontract"></el-input>
+ </el-form-item>
+ </div>
+ </div>
+ <div class="el-flexContractDialog el-border-bottom">
+ <div class="DFormWidth DAlign DHold">
+ 璇勫缁撹
+ </div>
+ <div style="width: calc(100% - 120px)" class="el-border-left">
+ <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
+ <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ヨ瘎瀹＄粨璁�"
+ v-model="dataForm.contractReview.reviewConclusion"></el-input>
+ </el-form-item>
+ <el-form-item label="鎶�鏈礋璐ｄ汉锛�" style="width: 48%">
+ <el-input type="textarea" :rows="1" placeholder="璇疯緭鍏ユ妧鏈礋璐ｄ汉"
+ v-model="dataForm.contractReview.technicalDirector"></el-input>
+ </el-form-item>
+ <el-form-item label="鏃ユ湡锛�" style="width: 48%">
+ <el-date-picker
+ v-model="dataForm.contractReview.reviewDate"
+ type="date"
+ placeholder="璇烽�夋嫨鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ </div>
+ </div>
+ <div class="el-flexContractDialog">
+ <div class="DFormWidth DAlign DHold">
+ 璇勫缁勬垚鍛�
+ </div>
+ <div style="width: calc(100% - 120px)" class="el-border-left">
+ <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
+ <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="dataForm.contractReview.reviewPanelMember"></el-input>
+ </el-form-item>
+ </div>
</div>
</div>
- <div class="el-flexManageDialog el-border-bottom">
- <div class="DFormWidth DAlign DHold">
- 瀹㈡埛鐨勭壒娈婅姹�
- </div>
- <div style="width: calc(100% - 120px)" class="el-border-left">
- <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
- <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="dataForm.contractReview.specialRequire"></el-input>
- </el-form-item>
- </div>
+ <div class="el-flex order-sc" style="height: 60px">
+ <el-form-item class="marginTopAndMarginBottom" style="width: 100%">
+ <config-uploader :lineHeight="true" busi-type="contract_review" model-name="dataForm" :dataForm="dataForm"
+ v-model="dataForm.files"/>
+ </el-form-item>
</div>
- <div class="el-flexManageDialog">
- <div class="DFormWidth DAlign DHold">
- 鍒嗗寘
- </div>
- <div style="width: calc(100% - 120px)" class="el-border-left">
- <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
- <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="dataForm.contractReview.subcontract"></el-input>
- </el-form-item>
- </div>
- </div>
- <div class="el-flexManageDialog">
- <div class="DFormWidth DAlign DHold">
- 璇勫缁撹
- </div>
- <div style="width: calc(100% - 120px)" class="el-border-left">
- <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
- <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="dataForm.contractReview.reviewConclusion"></el-input>
- </el-form-item>
- <el-form-item label="鎶�鏈礋璐ｄ汉锛�" style="width: 48%">
- <span>{{dataForm.contractReview.technicalDirector}}</span>
- </el-form-item>
- <el-form-item label="鏃ユ湡锛�" style="width: 48%">
- <span>{{dataForm.contractReview.reviewDate}}</span>
- </el-form-item>
- </div>
- </div>
- <div class="el-flexManageDialog">
- <div class="DFormWidth DAlign DHold">
- 璇勫缁勬垚鍛�
- </div>
- <div style="width: calc(100% - 120px)" class="el-border-left">
- <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
- <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="dataForm.contractReview.reviewPanelMember"></el-input>
- </el-form-item>
- </div>
- </div>
- <add-or-update-check ref="addOrUpdate" @recall="setCheckId"/>
</el-form>
<template v-slot:footer>
<el-button v-if="dataForm.disabled" type="primary" @click="print()">鎵撳嵃</el-button>
@@ -120,85 +133,175 @@
</template>
<script>
- import qs from "qs";
- import Cookies from "js-cookie";
+import qs from "qs";
+import Cookies from "js-cookie";
- export default {
- data() {
- return {
- dataForm: {
- id: '',
- contractReview: {
- code: '',
- orderCode: '',
- reviewType: '',
- reviewRecord: '',
- specialRequire: '',
- subcontract: '',
- reviewConclusion: '',
- technicalDirector: '',
- reviewDate: '',
- reviewPanelMember: '',
- },
- testAgencyInfo:{
- agencyName:'',
- labContactNum:''
- },
- reviewItemList:[]
- }
+export default {
+ data() {
+ return {
+ dataForm: {
+ id: '',
+ files:'',
+ contractReview: {
+ code: '',
+ orderCode: '',
+ reviewType: '',
+ reviewRecord: '',
+ specialRequire: '',
+ subcontract: '',
+ reviewConclusion: '',
+ technicalDirector: '',
+ reviewDate: '',
+ reviewPanelMember: '',
+ },
+ testAgencyInfo: {
+ agencyName: '',
+ labContactNum: ''
+ },
+ reviewItemList: []
}
+ }
+ },
+ methods: {
+ indexFormat(index) {
+ return index += 1
},
- methods: {
- indexFormat(index) {
- return index += 1
- },
- init(id, row) {
- if (id) {
- this.dataForm.id = id
- } else {
- this.dataForm.id = row.id
- }
- if (row.projectId) {
- this.dataForm.projectId = row.projectId
- }
- this.getInfo()
- console.log(this.dataForm.id, this.dataForm.projectId, 'params params')
- },
- // 鑾峰彇淇℃伅
- async getInfo() {
- let params = {
- reviewId: this.dataForm.id,
- projectId: this.dataForm.projectId
- }
- let res = await this.$http.get(`/contractReview/ContractReview/getDto`, {params: params})
- this.dataForm = {
- ...this.dataForm,
- ...res.data
- }
- console.log(this.dataForm, "getInfo this.dataForm")
- },
-
- setCheckId(checkId, row) {
- console.log(checkId, row, "setCheckId(checkId, row)")
- this.$set(row, 'checkId', checkId)
- },
- /*async print(){
- var params = qs.stringify({
- token: Cookies.get('token'),
- id:this.dataForm.id
- })
- let apiURL = `/contractReview/ContractReview/exportWarehouseOrder`
- window.location.href = `${window.SITE_CONFIG['apiURL']}${apiURL}?${params}`
- },*/
- // 琛ㄥ崟鎻愪氦
- async formSubmit(submitType) {
- let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/contractReview/ContractReview/', this.dataForm)
- if (res.success) {
- await this.$tip.success()
- this.$refs.dialog.close()
- this.$emit('refreshDataList')
- }
+ init(id, row) {
+ if (id) {
+ this.dataForm.id = id
+ } else {
+ this.dataForm.id = row.id
+ }
+ if (row.projectId) {
+ this.dataForm.projectId = row.projectId
+ }
+ this.getInfo()
+ console.log(this.dataForm.id, this.dataForm.projectId, 'params params')
+ },
+ // 鑾峰彇淇℃伅
+ async getInfo() {
+ let params = {
+ reviewId: this.dataForm.id,
+ projectId: this.dataForm.projectId
+ }
+ let res = await this.$http.get(`/contractReview/ContractReview/getDto`, {params: params})
+ this.dataForm = {
+ ...this.dataForm,
+ ...res.data
+ }
+ if(this.dataForm.contractReview === null){
+ this.dataForm.contractReview={}
+ }
+ if(this.dataForm.testAgencyInfo === null){
+ this.dataForm.testAgencyInfo={}
+ }
+ console.log(this.dataForm, "getInfo this.dataForm")
+ },
+ async print(){
+ var params = qs.stringify({
+ token: Cookies.get('token'),
+ id:this.dataForm.id
+ })
+ let apiURL = `/contractReview/ContractReview/exportReview`
+ window.location.href = `${window.SITE_CONFIG['apiURL']}${apiURL}?${params}`
+ },
+ // 琛ㄥ崟鎻愪氦
+ async formSubmit(submitType) {
+ let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/contractReview/ContractReview/', this.dataForm)
+ if (res.success) {
+ await this.$tip.success()
+ this.$refs.dialog.close()
+ this.$emit('refreshDataList')
}
}
}
+}
</script>
+<style>
+.ManageFormAuto {
+ width: 70%;
+ margin: 0 auto;
+}
+
+.confirmDAuto {
+ border: 1px solid;
+}
+
+.el-flexContractDialog {
+ 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-margin-top-bot {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+.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;
+}
+
+.contractContentWidth > .el-form-item > .el-form-item__content {
+ width: calc(100% - 120px);
+}
+
+.contractContentWidth > .el-form-item.reviewLeft > .el-form-item__content {
+ margin-left: 17%;
+}
+
+.contractContentWidth > .el-form-item.lastChild > .el-form-item__content {
+ width: calc(100% - 160px);
+}
+
+.contractFormAuto .marginTopAndMarginBottom {
+ margin-top: 10px !important;
+ margin-bottom: 0 !important;
+}
+
+.contractFormAuto .marginTopAndMarginBottom2 {
+ margin-top: -10px !important;
+ margin-bottom: 0 !important;
+}
+</style>
--
Gitblit v1.9.1