From ca9b5d4118f4c29119359503859fa953495496e9 Mon Sep 17 00:00:00 2001
From: yuyu <1981343953@qq.com>
Date: 星期四, 03 八月 2023 13:23:39 +0800
Subject: [PATCH] 成品检验，过程检验页面和技术文件模态框
---
src/components/view/technical.vue | 125 ++++++++++++++++++++++++++++++++++++++++-
1 files changed, 121 insertions(+), 4 deletions(-)
diff --git a/src/components/view/technical.vue b/src/components/view/technical.vue
index 69c0446..3e8e839 100644
--- a/src/components/view/technical.vue
+++ b/src/components/view/technical.vue
@@ -48,7 +48,7 @@
color: #fff;
}
/* 杈撳叆妗嗙殑鏍峰紡 */
->>>.search-header .el-form-item .el-input .el-input__inner{
+.search-header .el-form-item .el-input .el-input__inner{
width: 224px;
height: 32px ;
box-sizing: border-box;
@@ -80,6 +80,11 @@
margin-top: 23px;
display: flex;
justify-content: end;
+}
+.formtitle{
+ display: block;
+ margin-bottom: 24px;
+ font-size: 16px;
}
</style>
@@ -185,8 +190,8 @@
fixed="right"
label="鎿嶄綔"
width="194">
- <template>
- <el-button type="text" size="small">鏌ョ湅璇︽儏</el-button>
+ <template slot-scope="scope">
+ <el-button type="text" size="small" @click="showDetails(scope.row)">鏌ョ湅璇︽儏</el-button>
<el-button type="text" size="small">缂栬緫闄勪欢</el-button>
</template>
</el-table-column>
@@ -201,6 +206,110 @@
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
+ <!-- 鏌ョ湅璇︽儏妯℃�佹 -->
+ <el-dialog title="鏂囦欢璇︽儏" :visible.sync="showDetail" width="687px" @close="showDetail = false">
+ <el-form label-position="right" label-width="70px" :model="selectedRow">
+ <span class="formtitle">鍩烘湰淇℃伅</span>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="璁㈠崟鍙�">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="宸ョ▼鍚嶇О">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;"/>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="浜у搧缂栫爜">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="浜у搧澶х被">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="瑙勬牸鍨嬪彿">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍗曚綅">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="鏁伴噺">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="涓嬪崟浜�">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="涓嬪崟鏃ユ湡">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="浜よ揣鏃ユ湡">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="鐘舵��">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <span class="formtitle">瀹㈡埛淇℃伅</span>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="瀹㈡埛鍚嶇О">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鐪佷唤">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <el-form-item label="浜嬩笟閮�">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="涓氬姟鍛�">
+ <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <span class="formtitle">闄勪欢淇℃伅</span>
+ <el-row :gutter="31">
+ <el-col :span="12">
+ <span style="height: 32px; width: 224px; color:rgb(0, 78, 162);">xxx椤圭洰涔�.docx</span>
+ </el-col>
+ </el-row>
+ </el-form>
+ </el-dialog>
</div>
</div>
</template>
@@ -258,8 +367,16 @@
name: '鐜嬪皬铏�',
address: '涓婃捣甯�'
}
- ]
+ ],
+ showDetail: false,
+ selectedRow: ''
}
},
+ methods: {
+ showDetails(row){
+ this.showDetail = true
+ this.selectedRow = row
+ }
+ },
}
</script>
--
Gitblit v1.9.3