基础信息附属

src/views/wms/product/index.vue

@@ -73,7 +73,15 @@
 		<el-table v-loading="loading" :data="productList" @selection-change="handleSelectionChange">
 			<el-table-column type="selection" width="55" align="center" />
 			<!-- <el-table-column label="主键ID" align="center" prop="productId" /> -->
-			<el-table-column label="产品/物料编码" align="center" prop="productCode" width="200"/>
+			<el-table-column label="产品/物料编码" align="center" prop="productCode" width="200">
+						<template slot-scope="scope">
+                <el-button
+                  type="text"
+                  @click="handleView(scope.row)"
+                  v-hasPermi="['wms:equipment:query']"
+                >{{scope.row.productCode}}</el-button>
+              </template>
+      </el-table-column>
 			<el-table-column label="产品/物料名称" align="center" prop="productDescZh" width="400"/>
 			<el-table-column label="物料组编码" align="center" prop="productGroup" width="150"/>
 			<el-table-column label="物料组名称" align="center" prop="productGroupName" width="200"/>
@@ -286,6 +294,116 @@
 				<el-button @click="cancel">取 消</el-button>
 			</div>
 		</el-dialog>
+
+
+		<!-- 查看物料附属信息 -->
+    		<el-dialog :title="title" :visible.sync="openAttached" width="1000px" append-to-body>
+    			<el-form ref="form" :model="form" :rules="rules" label-width="100px">
+    				<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="产品编号" prop="productCode">
+                          		<el-input v-model="form.productCode" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="品类" prop="category">
+                          		<el-input v-model="form.category" placeholder="" disabled style="width:320px"/>
+                        	</el-form-item>
+                        </el-col>
+                    </el-row>
+					<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="每PC单圈" prop="pc">
+                          		<el-input v-model="form.pc" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="标准效率" prop="iei">
+                          		<el-input v-model="form.iei" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                    </el-row>
+					<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="标准用人" prop="manStandar">
+                          		<el-input v-model="form.manStandar" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="喷药方式" prop="sprayWay">
+                        		<el-input v-model="form.sprayWay" placeholder="" disabled style="width:320px"/>
+                        	</el-form-item>
+                        </el-col>
+                    </el-row>
+					<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="白坯直径" prop="blankDiameter">
+                        		<el-input v-model="form.blankDiameter" placeholder="" disabled style="width:320px"/>
+                        	</el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="白坯物料号" prop="blankNo">
+                          		<el-input v-model="form.blankNo" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                    </el-row>
+					<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="标准喷药量" prop="sprayVolume">
+                                <el-input v-model="form.sprayVolume" placeholder="" disabled style="width:320px"/>
+                                    </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="药液料号" prop="liquidNo">
+                          		<el-input v-model="form.liquidNo" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                    </el-row>
+					<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="标准内膜用量" prop="endometrialDosage">
+                          		<el-input v-model="form.endometrialDosage" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="标准外模用量(KG/PC)" prop="outerFilmDosage">
+                          		<el-input v-model="form.outerFilmDosage" placeholder="" disabled style="width:320px"/>
+                          	</el-form-item>
+                        </el-col>
+                    </el-row>
+					<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="支架" prop="support">
+                        		<el-input v-model="form.support" placeholder="" disabled style="width:320px"/>
+                        	</el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="支架物料号" prop="supportNo">
+                        		<el-input v-model="form.supportNo" placeholder="" disabled style="width:320px"/>
+                        	</el-form-item>
+                        </el-col>
+                    </el-row>
+					<el-row :gutter="10" class="mb8">
+                        <el-col :span="12">
+          					<el-form-item label="吸塑" prop="pvc">
+                        		<el-input v-model="form.pvc" placeholder="" disabled style="width:320px"/>
+                        	</el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+          					<el-form-item label="支架盘" prop="supportPlate">
+                      			<el-input v-model="form.supportPlate" placeholder="" disabled style="width:320px"/>
+                      		</el-form-item>
+                        </el-col>
+                          </el-row>
+    						<el-form-item label="其它" prop="other">
+    							<el-input v-model="form.other" placeholder="" disabled style="width:320px"/>
+    						</el-form-item>
+    				</el-form>
+    			<div slot="footer" class="dialog-footer">
+    				<el-button type="primary" @click="submitForm">确 定</el-button>
+    				<el-button @click="cancelAttached">取 消</el-button>
+    			</div>
+    		</el-dialog>
 	</div>
 </template>
 
@@ -315,6 +433,7 @@ export default {
 			title: "",
 			// 是否显示弹出层
 			open: false,
+			openAttached: false,
 			// 查询参数
 			queryParams: {
 				pageNum: 1,
@@ -395,6 +514,11 @@ export default {
 			this.open = false;
 			this.reset();
 		},
+		// 取消按钮
+		cancelAttached() {
+			this.openAttached = false;
+			this.reset();
+		},
 		// 表单重置
 		reset() {
 			this.form = {
@@ -475,6 +599,16 @@ export default {
 				this.title = "修改产品信息";
 			});
 		},
+    // 查询明细按钮操作
+    handleView(row){
+      this.reset();
+      const productId = row.productId || this.ids
+      getProduct(productId).then(response => {
+      	this.form = response.data;
+      	this.openAttached = true;
+      	this.title = "查看产品信息";
+     });
+    },
 		/** 提交按钮 */
 		submitForm() {
 			this.$refs["form"].validate(valid => {