流程单

src/view/job/processSheet/processSheet.vue

@@ -15,23 +15,37 @@
 		                    <td><span>生产批次号</span></td>
 		                    <td><input name="Gd_gdbh" type="text" v-model="workData.Gd_gdbh" @input="propertyChange" class="required" style="width: 380px;height: 30px;"></td>
 		                </tr>
-		                <tr>
+		                <tr v-if="dan">
 		                    <td><span>纸张名称</span></td>
 		                    <td>
-		                        <select name="maobao" v-model="workData.maobao" style="width: 380px;height: 30px;">
-		        		  
-		                        </select>
+								<select style="width: 380px;height: 30px;">
+									<option v-for="option in selectedPaper">
+									{{ option.bom_物料名称 }}
+									</option>
+								</select>
 		                    </td>
 		                </tr>
+						<tr v-if="shuang">
+						    <td><span>纸张名称</span></td>
+						    <td>
+								<select @change="selectpPaper" style="width: 380px;height: 30px;">
+									<option v-for="option in selectedPaper" :value="option.bom_计划用量">
+									{{ option.bom_物料名称 }}
+									</option>
+								</select>
+						    </td>
+						</tr>
 		                <tr >
 		                    <td><span style="color: red">码包</span></td>
 		                    <td><input name="mabao" type="text" v-model="workData.mabao" style="width: 380px;height: 30px;" placeholder="利群(新版)专用，不是利群(新版)不要填"></td>
 		                </tr>
-		                <tr style="display: none" class="peijian">
+		                <tr v-if="shuang" class="peijian">
 		                    <td><span style="color: red">配件名称</span></td>
 		                    <td>
-		                        <select name="peijian" v-model="workData.peijian" style="width: 380px;height: 30px; color: red" >
-		        		  
+		                        <select name="peijian" @change="selectPeijian"  style="width: 380px;height: 30px; color: red" >
+									<option v-for="option in selectedPeijian" :value="option.id">
+									{{ option.peijian_name }}
+									</option>
 		                        </select>
 		                    </td>
 		                </tr>
@@ -86,15 +100,15 @@
 	                 <table width="100%" border="1" class="new_craft" id="new_craft">
 	             	   <caption>工艺</caption>	  
 	             		  <tr>
-							  <td>上次<span style="color: red">{{department}}</span>工艺更新时间：<span style="color: red">{{update}}</span></td>
+							  <td width="40%">上次<span style="color: red">{{department}}</span>工艺更新时间：<span style="color: red">{{update}}</span></td>
 							  <td> 
 							      <input type="button" style="margin-left: 1px;" value="增加工艺" @click="addInput"/>
 							  </td>
 						  </tr>
-							  <tr v-for="(item,index) in gyData">
-							      <td></td>
-							      <td><input type="text" v-model="item.gy"></td>
-							  </tr>
+						  <tr v-for="(item,index) in gyData">
+							  <td></td>
+							  <td><input type="text" v-model="item.gy"></td>
+						  </tr>
 	                 </table>
 	                 </fieldset>
 	             </div>
@@ -132,33 +146,61 @@
 		y_offset:0
 	})
 	const department = ref()
+	const dan = ref(true)
+	const shuang = ref(false)
 	const update = ref()
 	const data = ref()
 	const gyData = ref([])
+	const selectedPaper = ref([])
+	const selectedPeijian = ref([])
 	const datas = ref([])
 	const propertyChange = () => {
 		if(workData.value.Gd_gdbh.length!==7){
+			workData.value = []
+			shuang.value=false
+			selectedPaper.value=[]
+			selectedPeijian.value=[]
+			gyData.value=[]
+			workData.value.tldx=3000
+			workData.value.start_liucheng=1
+			workData.value.liucheng_num=1
+			workData.value.x_offset=0
+			workData.value.y_offset=0
+			department.value=null
+			department.value=null
 			return false;
 		}
 		const getDocument = async() => {
 		  const getDocumentDatas = await getDocumentData({order:workData.value.Gd_gdbh})
 		  if (getDocumentDatas.code === 0) {
 			  workData.value.version=getDocumentDatas.data.paper[0].产品版本号;
+			  workData.value.peijian=getDocumentDatas.data.paper;
+			  console.log(selectedPaper.value)
 			  if(getDocumentDatas.data.num>1){
+				  dan.value=false
+				  shuang.value=true
+				  console.log(getDocumentDatas.data.paper.length)
+				  selectedPaper.value=getDocumentDatas.data.paper
+				  selectedPeijian.value=getDocumentDatas.data.peijian
 				  
 			  }else{
-				  
+				  dan.value=true
+				  shuang.value=false
+				  selectedPaper.value=getDocumentDatas.data.paper
+				  workData.value.product=getDocumentDatas.data.paper[0].bom_物料名称;
 			  }
 			  workData.value.num=getDocumentDatas.data.paper[0].bom_计划用量;
 			  if(getDocumentDatas.data.peijian){
 				  const getHistory = async() => {
-				    const getDocumentHistorys = await getDocumentHistory({order:2109722,peijian:0})
+				    const getDocumentHistorys = await getDocumentHistory({
+						order:workData.value.Gd_gdbh,
+						peijian:getDocumentDatas.data.peijian[0]['id']})
 				    if (getDocumentHistorys.code === 0) {
-				  					department.value=getDocumentHistorys.data.department
-				  					update.value=getDocumentHistorys.data.update
-				  					gyData.value=getDocumentHistorys.data.data.map((item)=>({
-				  						gy:item
-				  					}))			  	  
+							department.value=getDocumentHistorys.data.department
+							update.value=getDocumentHistorys.data.update
+							gyData.value=getDocumentHistorys.data.data.map((item)=>({
+								gy:item
+							}))			  	  
 				    }
 				  }
 				  getHistory()
@@ -173,12 +215,9 @@
 	 gyData.value.push({gy:''})
 	}
 	const sendClick = () => {
-		// console.log(datas)
-		// console.log(gyData.value)
 		const saveDocument = async() => {
 			datas.value = gyData.value.map((item)=>(item.gy))
 			data.value= datas.value.join(",")
-			// console.log(data.value)
 		  const saveDocumentDatas = await saveDocumentData({order:2109722,data:data.value,peijian:0})
 		  if (saveDocumentDatas.code === 0) {
 		  	  console.log(saveDocumentDatas)
@@ -186,6 +225,24 @@
 		}
 		saveDocument()
 	}
+	const selectpPaper = (event) => {
+		 workData.value.num=event.target.value
+	}
+	
+	const selectPeijian = async(event) => {
+		 const getDocumentHistoryss = await getDocumentHistory({
+		 	order:workData.value.Gd_gdbh,
+		 	peijian:event.target.value})
+			console.log(getDocumentHistoryss)
+		 if (getDocumentHistoryss.code === 0) {
+		 		department.value=getDocumentHistoryss.data.department
+		 		update.value=getDocumentHistoryss.data.update
+		 		gyData.value=getDocumentHistoryss.data.data.map((item)=>({
+		 			gy:item
+		 		}))			  	  
+		 }
+	}
+	
 </script>
 
 <style>