包装添加图片显示

src/views/qualityManagement/FQC/thirtyFQC.vue

@@ -1,6 +1,9 @@
 <template>
 	<div>
-		<div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统（包装检验）</div>
+		<div class="animate__animated animate__shakeX title">
+			车镜油漆缺陷采集系统（包装检验）
+
+		</div>
 		<!-- 网格布局 -->
 		<div class="grid">
 			<!-- 第一行 -->
@@ -452,6 +455,10 @@
 							<el-button type="primary" icon="el-icon-arrow-left" size="mini" @click="getPrevious_current_workorder">上一个工单</el-button>
 						</el-button-group>
 					</div>
+					<span>
+						<el-image style="width: 40px; height: 40px" :src="imageUrl" :preview-src-list="[imageUrl]">
+						</el-image>
+					</span>
 					<el-button type="primary" size="medium" @click="workOrderCompleted">本工单完成</el-button>
 					<table>
 						<tr>
@@ -471,7 +478,7 @@
 						<tr>
 							<td>班组</td>
 							<td>
-								<el-radio-group v-model="CurrentWorkorder.team"  @change="teamChange">
+								<el-radio-group v-model="CurrentWorkorder.team" @change="teamChange">
 									<el-radio-button label="A">A班</el-radio-button>
 									<el-radio-button label="B">B班</el-radio-button>
 								</el-radio-group>
@@ -513,13 +520,14 @@
 		calculate_packagingInvestment,
 		update_workorder_status,
 		generateQualityStatisticsTable,
-		
+
 	} from '@/api/qualityManagement/thirtyFQC.js';
-	import {convertToIncomingInspectionData} from  '@/api/wmsManagement/wmFgentryInspect.js'
+	import { convertToIncomingInspectionData } from '@/api/wmsManagement/wmFgentryInspect.js'
 	export default {
 		name: 'thirtyFQC',
 		data() {
 			return {
+				minioBaseUrl: 'http://127.0.0.1:9000/demo/',
 				paint: [],
 				device: [],
 				blank: [], // 毛坯
@@ -562,7 +570,10 @@
 		computed: {
 
 			...mapGetters(['firstquality_time']),
-
+			imageUrl() {
+				return this.minioBaseUrl + this.CurrentWorkorder.finishedPartNumber + '.jpg';
+				// return this.minioBaseUrl + '65288101' + '.jpg';
+			},
 			// 计算合格数
 			calculate_firstPassNumber() {
 				// 计算缺陷数
@@ -753,13 +764,13 @@
 						if (res.code == 200) {
 							this.$notify.success('质量统计表生成成功')
 						}
-							// 入库检验数据转换
-							const quest={ workorder: saveWorkorderInfo.clientWorkorder }
-						return   convertToIncomingInspectionData(quest)
-						
-					}).then((res)=>{
-						if(res.code==200){
-						   this.$notify.success("生成入库检验数量为"+res.data);
+						// 入库检验数据转换
+						const quest = { workorder: saveWorkorderInfo.clientWorkorder }
+						return convertToIncomingInspectionData(quest)
+
+					}).then((res) => {
+						if (res.code == 200) {
+							this.$notify.success("生成入库检验数量为" + res.data);
 						}
 					})
 			},
@@ -800,7 +811,7 @@
 							this.team = result.data.team
 							this.$loading().close()
 						}
-					
+
 					})
 			},
 			//todo  获取上一个工单号