中英文，组装机

src/lang/cn.js

@@ -1,7 +1,7 @@
 
 export const lang = {
 	common:{
-		//消息，工作台，物联网，我的,请输入关键词，添加没有更多了，释放即可刷新，下拉即可刷新，加载中，加载失败，加载完成，没有更多了，返回，提交，修改成功，新增成功，删除成功，确定，取消，提示
+		//消息，工作台，物联网，我的,请输入关键词，添加没有更多了，释放即可刷新，下拉即可刷新，加载中，加载失败，加载完成，没有更多了，返回，提交，修改成功，新增成功，删除成功，确定，取消，提示,自动，正常
 		message:'消息',
 		workbench:'工作台',
 		things:'物联网',
@@ -23,6 +23,8 @@ export const lang = {
 		confirm:'确定',
 		cancel:'取消',
 		prompt:'提示',
+		auto:'自动',
+		normal:'正常',
 	},
 	home:{
 		//修改密码，新密码，请输入密码，新密码不能为空,我的反馈，反馈，全部，待回复，已回复
@@ -63,6 +65,90 @@ export const lang = {
 			and:"和"
 		},
 	},
+	sterilization:{
+		name:"灭菌柜",
+		pressure:"气压",
+		gasTemp:"Gas Temp",
+		EO:"E.O.温度",
+		waterTemperature:"水温",
+		humidity:"湿度",
+		averageTemperature:"平均温度",
+		hotbox:"温箱",
+	},
+	threadedHead:{
+		name:"螺纹头",
+		converterStartup:"变频器启动",
+		mainCompressedAirValve:"压缩空气总阀",
+		separatingDisc:"分离盘",
+		injectionValve:"喷油阀",
+		stationVibrationDisk:"工位振动盘",
+	},
+	rollPrinting:{
+		name:"滚印机",
+		frequencyOfMainMotor:"主电机频率",
+		injectionValve:"喷油阀",
+		variableFrequencyMotor:"变频电机",
+		frequency:"频率",
+		heatingMotor:"加热电机",
+		firstCurrentTemperature:"第一当前温度",
+		secondCurrentTemperature:"第二当前温度",
+		fuelInjectionMotor:"喷油电机",
+		oilPumpMotor:"油泵电机",
+		storageMotor:"蓄料电机",
+		centrifugalMotor:"离心电机",
+		
+	},
+	injection:{
+		name:"注塑机",
+		MoldStatus:"模具状态",
+		hydraulicPress:"液压机",
+		hydraulicOilTemperature:"液压油温度",
+		cylinderTemperature:"简体温度",
+		channel:"通道",
+		pressure:"压力",
+		speed:"速度",
+		videoInstruction:"视频说明书"
+	},
+	assemblingMachine:{
+		name:'组装机',
+		mainMotor:"主电机",
+		valve:"气阀",
+		centrifuge:"离心机",
+		frequencyOfMainMotor:"主电机频率",
+		stopperRate:"胶塞速率",
+		tipVelocity:"针尖速率",
+		rubberStopperSentHorizontally:"胶塞平送",
+		needleTipFlatFeeding:"针尖平送",
+	},
+	warpKnitting:{
+		name:'经编机',
+		spindleSpeed:'主轴转速',
+		jaca:'贾卡',
+		traverse:'横移',
+		currentClothLength:'当前布长',
+		setClothLength:'设定布长',
+		density:'密度',
+		warpLetOffAxis:'送经轴',
+		remainingTurns:'剩余圈数',
+		timeRemaining:'剩余时间',
+		traction:'牵拉',
+		crimp:'卷曲',
+		processwidth:'工艺宽度',
+		processHeight:'工艺高度',
+		totalNumberOfAxles:'总轴数',
+	},
+	packer:{
+		name:'包装机',
+		production:'12小时产量',
+		plannedOutput:"计划产量",
+		versionsPerMinute:"每分钟版数",
+		numberOfModules:"每模个数",
+		singleModeDistance:'单模距离',
+		alignmentDistance:"对版距离",
+		jogSpeed:"点动速度",
+		chainSpeed:'链条速度',
+		alignmentSpeed:"对版速度"
+	},
 	threadHead: {
 		title: '螺纹头',
 		state: '设备状态',

src/router/index.js

@@ -219,6 +219,11 @@ const routes = [{
 				component: () => import('../views/equipment/injectionMolding.vue')
 			},
 			{
+				path: 'assemble/:id',
+				name: '组装机',
+				component: () => import('../views/equipment/assemble.vue')
+			},
+			{
 				path: 'process',
 				name: '采购单',
 				component: () => import('../views/process/index.vue')

src/views/equipment/assemble.vue

@@ -0,0 +1,306 @@
+<template>
+	<van-nav-bar
+		:title="$t('threadHead.title')"
+		left-text=""
+		left-arrow
+		@click-left="onClickLeft"
+	>
+	</van-nav-bar>
+	<equipmentTop></equipmentTop>
+	
+	<div class="assemble">
+        <div class="fermentator-header">
+            <div class="status">
+                <div class="img">
+                    <img src="../../assets/images/icon_sbzt@2x.png" alt="" />
+                </div>
+                <div class="text">
+                    <div class="label">设备状态</div>
+                    <div class="value" style="color: #3fbf31">正常</div>
+                </div>
+            </div>
+            <div class="mode">
+                <div class="img">
+                    <img src="../../assets/images/icon_gzms@2x.png" alt="" />
+                </div>
+                <div class="text">
+                    <div class="label">工作模式</div>
+                    <div class="value">自动</div>
+                </div>
+            </div>
+        </div>
+        <commonCharts></commonCharts>
+		<ul>
+			<li>
+				<div class="li-icon">
+					<img src="@/assets/images/icon_zdj@2x.png" alt="" />
+				</div>
+				<div class="li-text">主电机</div>
+				<div class="li-stat li-stat-bg"></div>
+			</li>
+			<li>
+				<div class="li-icon">
+					<img src="@/assets/images/icon_qf@2x.png" alt="" />
+				</div>
+				<div class="li-text">气阀</div>
+				<div class="li-stat li-stat-bg"></div>
+			</li>
+			<li>
+				<div class="li-icon">
+					<img src="@/assets/images/icon_lxj@2x.png" alt="" />
+				</div>
+				<div class="li-text">离心机</div>
+				<div class="li-stat li-stat-bg"></div>
+			</li>
+		</ul>
+        <div class="speed-warp">
+            <div class="big-box">
+                <div class="icon"></div>
+                <div class="text">主电机频率</div>
+                <div class="line">
+                    <div></div>
+                </div>
+                <div class="num">99%</div>
+            </div>
+            <div style="margin:0 12px">
+                <div class="sm-box">
+                    <div class="icon"></div>
+                    <div class="text">胶塞速率</div>
+                    <div class="num-or-line">
+                        <div class="num">99%</div>
+                        <div class="line">
+                            <div></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="sm-box">
+                    <div class="icon"></div>
+                    <div class="text">针尖速率</div>
+                    <div class="num-or-line">
+                        <div class="num">99%</div>
+                        <div class="line">
+                            <div></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="sm-box">
+                    <div class="icon"></div>
+                    <div class="text">胶塞平送</div>
+                    <div class="num-or-line">
+                        <div class="num">99%</div>
+                        <div class="line">
+                            <div></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="sm-box">
+                    <div class="icon"></div>
+                    <div class="text">针尖平送</div>
+                    <div class="num-or-line">
+                        <div class="num">99%</div>
+                        <div class="line">
+                            <div></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+	</div>
+</template>
+<script setup>
+import equipmentTop from '@/components/equipment-top.vue'
+import commonCharts from './components/commonCharts.vue'
+import * as echarts from 'echarts'
+import { ref, reactive, onMounted } from 'vue'
+const onClickLeft = () => proxy.$router.push('/main/working')
+
+</script>
+<style lang="scss" scoped>
+.fermentator-header {
+	display: flex;
+	justify-content: space-between;
+	margin-top: 12px;
+    padding: 0 12px;
+	.status,
+	.mode {
+		width: 49%;
+		background: #fff;
+		padding: 12px;
+		box-sizing: border-box;
+		display: flex;
+		.label {
+			font-size: 14px;
+			color: #666;
+		}
+		.value {
+			font-weight: bold;
+			font-size: 16px;
+			color: #ff8800;
+			margin-top: 6px;
+		}
+		.img {
+			width: 50px;
+			height: 50px;
+			margin-right: 12px;
+			img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+}
+.assemble {
+    .speed-warp{
+        //奇偶选择器
+        .sm-box:nth-child(2n){
+            margin-left: 2%;
+        }
+        .sm-box{
+            width: 49%;
+            float: left;
+            height: 60px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: #fff;
+            padding: 0 12px;
+            box-sizing: border-box;
+            border-radius: 5px;
+            margin-bottom:8px;
+            .icon{
+                width: 20px;
+                height: 20px;
+                border:4px solid #F1EBFD;
+                box-sizing: border-box;
+                background: #BB99F6;
+                border-radius: 10px;
+            }
+            .text{
+                font-size: 14px;
+                color: #666;
+            }
+            .num-or-line{
+                
+                .num{
+                    font-size: 14px;
+                    color: #333;
+                    font-weight: bold;
+                }
+                .line{
+                    width: 30px;
+                    height: 6px;
+                    border-radius: 3px;
+                    background: #eee;
+                    div{
+                        width: 50%;
+                        height: 100%;
+                        background: #BB99F6;
+                        border-radius: 3px;
+                    }
+                }
+            }
+        }
+        .big-box{
+            display: flex;
+            height: 64px;
+            background: #fff;
+            margin:22px 12px 12px;
+            border-radius: 5px;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0 12px;
+            .icon{
+                width: 20px;
+                height: 20px;
+                border:4px solid #FFEFDC;
+                box-sizing: border-box;
+                background: #FFAF53;
+                border-radius: 10px;
+            }
+            .text{
+                font-size: 14px;
+                color: #333;
+            }
+            .num{
+                font-size: 14px;
+                color: #333;
+                font-weight: bold;
+            }
+            .line{
+                width: 120px;
+                height: 10px;
+                border-radius: 5px;
+                background: #eee;
+                div{
+                    width: 50%;
+                    height: 100%;
+                    background: #FFAF53;
+                    border-radius: 5px;
+                }
+            }
+        }
+    }
+	ul {
+		padding: 0 12px;
+		overflow: hidden;
+        display: flex;
+        justify-content: space-between;
+		li {
+			width: 31%;
+			
+			position: relative;
+			text-align: center;
+			background: #fff;
+			padding: 15px 0;
+			box-sizing: border-box;
+			margin-top: 8px;
+			border-radius: 5px;
+			.li-num {
+				color: #333;
+				font-size: 20px;
+				line-height: 50px;
+				margin-left: 12px;
+				font-weight: bold;
+			}
+			.li-icon {
+				height: 30px;
+				width: 30px;
+				border-radius: 5px;
+				overflow: hidden;
+                text-align: center;
+                margin: 0 auto;
+				img {
+					width: 100%;
+					height: 100%;
+                    
+				}
+			}
+			.li-text {
+				margin-top:10px;
+				
+				font-size: 14px;
+				color: #666666;
+			}
+			.li-stat {
+				position: absolute;
+				height: 16px;
+				width: 16px;
+				right: 8px;
+				top: 8px;
+			}
+			.li-stat-bg {
+				background: #3fbf31;
+				border-radius: 50%;
+				border: 3px solid #d8f2d5;
+				box-sizing: border-box;
+			}
+			.li-stat-img {
+				img {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+	}
+}
+</style>

src/views/equipment/injectionMolding.vue

@@ -12,7 +12,7 @@
         <div class="fermentator-header">
             <div class="status">
                 <div class="img">
-                    <img src="../../assets/images/icon_sbzt1.png" alt="" />
+                    <img src="../../assets/images/icon_sbzt@2x.png" alt="" />
                 </div>
                 <div class="text">
                     <div class="label">设备状态</div>
@@ -21,7 +21,7 @@
             </div>
             <div class="mode">
                 <div class="img">
-                    <img src="../../assets/images/icon_gzms1.png" alt="" />
+                    <img src="../../assets/images/icon_gzms@2x.png" alt="" />
                 </div>
                 <div class="text">
                     <div class="label">工作模式</div>