接口

pages/ProductManage/SboProdProgress.vue

@@ -1,19 +1,79 @@
 <template>
-	<view>
-		
+	<view class="container">
+		<nav-bar title="生箔生产进度"></nav-bar>
+		<view class="content">
+			<view class="wrapper">
+				<view class="filter_item">
+					<view class="filter_label_wraper">
+						<span class="filter_label">设备</span>
+					</view>
+					<view class="filter_input_wraper">
+						<input type="text" class="filter_input">
+					</view>
+				</view>
+				<view class="filter_item">
+					<view class="filter_label_wraper">
+						<span class="filter_label">母卷</span>
+					</view>
+					<view class="filter_input_wraper">
+						<input type="text" class="filter_input">
+					</view>
+				</view>
+			</view>
+			<view class="wrapper grid-wraper">
+				<view class="slide_new">
+					<table>
+						<thead>
+							<tr>
+								<th>母卷号</th>
+								<th>开始时间</th>
+								<th>预计结束时间</th>
+								<th>机台编码</th>
+								<th>产品编码</th>
+								<th>理论长度</th>
+								<th>工单号</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr v-for="(e, i) in dataList" :key="i">
+								<td>{{e.container_name}}</td>
+								<td>{{e.up_coiler_date}}</td>
+								<td>{{e.end_date}}</td>
+								<td>{{e.point_code}}</td>
+								<td>{{e.pcsn}}</td>
+								<td>{{e.product_name}}</td>
+								<td>{{e.mfg_order_name}}</td>
+							</tr>
+						</tbody>
+					</table>
+				</view>
+			</view>
+		</view>
+		<view class="submit-bar">
+			<button class="submit-button">查询</button>
+		</view>
 	</view>
 </template>
 
 <script>
+	import {queryProductArea, queryRawFoil} from '@/utils/getData1.js'
+	import NavBar from '@/components/NavBar.vue'
 	export default {
+		components: {
+			NavBar
+		},
 		data() {
 			return {
-				
+				dataList: [{container_name: '1111111'}]
 			};
+		},
+		methods: {
 		}
 	}
 </script>
 
 <style lang="stylus">
-
+.grid-wraper
+	height calc(100% - 238rpx)
 </style>
+