|  |  |  | @ -1,9 +1,9 @@ | 
			
		
	
		
			
				
					|  |  |  |  | <template> | 
			
		
	
		
			
				
					|  |  |  |  |   <div> | 
			
		
	
		
			
				
					|  |  |  |  |     <!--<div style=" display: flex;justify-content: center;">--> | 
			
		
	
		
			
				
					|  |  |  |  |     <!--  <h2 style="color: #0aa6e0">欢迎使用现场作业工作台</h2>--> | 
			
		
	
		
			
				
					|  |  |  |  |     <!--</div>--> | 
			
		
	
		
			
				
					|  |  |  |  |     <!--<el-divider/>--> | 
			
		
	
		
			
				
					|  |  |  |  |   <div style="padding: 20px"> | 
			
		
	
		
			
				
					|  |  |  |  |     <div style=" display: flex;justify-content: left;"> | 
			
		
	
		
			
				
					|  |  |  |  |       <h1 style="color: #000000;font-weight: bold;margin-left: 20px">采集工位</h1> | 
			
		
	
		
			
				
					|  |  |  |  |     </div> | 
			
		
	
		
			
				
					|  |  |  |  |     <el-divider/> | 
			
		
	
		
			
				
					|  |  |  |  |     <!-- 分割线 --> | 
			
		
	
		
			
				
					|  |  |  |  |     <!--<el-form :model="query" class="query-form" size="mini" label-width="100px" :inline="true">--> | 
			
		
	
		
			
				
					|  |  |  |  |       <!--<el-form-item prop="key" label="工位信息:">--> | 
			
		
	
	
		
			
				
					|  |  |  | @ -19,8 +19,8 @@ | 
			
		
	
		
			
				
					|  |  |  |  |     <!--</el-form>--> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |       <el-row :gutter="8"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-col v-for="(info, index)  in stationList"  :key="index" :xs="12" :sm="8" :md="8" :lg="6" > | 
			
		
	
		
			
				
					|  |  |  |  |       <el-row :gutter="8" style="height: 50%"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-col v-for="(info, index)  in stationList"  :key="index" :xs="12" :sm="8" :md="8" :lg="6" v-if="info.workPlaceClass == 1"> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-card :body-style="{margin:'20px'}" | 
			
		
	
		
			
				
					|  |  |  |  |                    style="margin:20px 20px 20px 20px;height: 200px;background-color: #e1f3fb;border-radius: 12px; position: relative;" | 
			
		
	
		
			
				
					|  |  |  |  |           > | 
			
		
	
	
		
			
				
					|  |  |  | @ -47,6 +47,38 @@ | 
			
		
	
		
			
				
					|  |  |  |  |         </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-row> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |     <div style=" display: flex;justify-content: left;margin-top: 30px"> | 
			
		
	
		
			
				
					|  |  |  |  |       <h1 style="color: #000000;font-weight: bold;margin-left: 20px">上货工位</h1> | 
			
		
	
		
			
				
					|  |  |  |  |     </div> | 
			
		
	
		
			
				
					|  |  |  |  |     <el-divider/> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |     <el-row :gutter="8" style="height: 50%"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-col v-for="(info, index)  in stationList"  :key="index" :xs="12" :sm="8" :md="8" :lg="6" v-if="info.workPlaceClass == 2"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-card :body-style="{margin:'20px'}" | 
			
		
	
		
			
				
					|  |  |  |  |                  style="margin:20px 20px 20px 20px;height: 200px;background-color: #e1f3fb;border-radius: 12px; position: relative;" | 
			
		
	
		
			
				
					|  |  |  |  |         > | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |           <div style="display: flex; justify-content: space-between; align-items: center; height: 66px; /* 约为 200px 的 1/3 */" > | 
			
		
	
		
			
				
					|  |  |  |  |             <p style="font-size: 20px;background-color: #e1f3fb;font-weight: bold;">{{ info.workplaceName }}</p> <!-- 假设你的信息对象中包含一个title属性 --> | 
			
		
	
		
			
				
					|  |  |  |  |             <!--            <div style="width: 60px; height: 60px;  display: flex; justify-content: center; align-items: center;">--> | 
			
		
	
		
			
				
					|  |  |  |  |             <!--              <!– 二维码占位,这里用灰色方块代替 –>--> | 
			
		
	
		
			
				
					|  |  |  |  |             <!--<!–              <span>QR</span>–>--> | 
			
		
	
		
			
				
					|  |  |  |  |             <!--              <div ref="qrcode" :id="'qrcode-'+index" style="width: 60px;height: 60px;"></div>--> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |             <!--            </div>--> | 
			
		
	
		
			
				
					|  |  |  |  |           </div> | 
			
		
	
		
			
				
					|  |  |  |  |           <div style="flex: 1; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 10px;"  > | 
			
		
	
		
			
				
					|  |  |  |  |             <!-- 假设这里有一些信息内容 --> | 
			
		
	
		
			
				
					|  |  |  |  |             <p style="font-size: 14px;background-color: #e1f3fb" >{{ info.remake }}</p> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-button type="primary" style="position: absolute; bottom: 20px; right: 20px;" icon="el-icon-thumb" @click="handleClick(index)">开始作业</el-button> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |           </div> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |         </el-card> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-col> | 
			
		
	
		
			
				
					|  |  |  |  |     </el-row> | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  |     </div> | 
			
		
	
	
		
			
				
					|  |  |  | 
 |