将产品信息、操作说明、操作视频封装成组件

pages/670/HBY670.vue

@@ -252,23 +252,7 @@
 			</view>
 		</view>
 
-		<view class="proinfo lamp">
-			<text class="title">产品信息</text>
-			<view class="itemcontent">
-				<view class="item" @click="proDetail('productDes')">
-					<image class="img" src="/static/images/6155/DeviceDetail/param.png" mode="aspectFit"></image>
-					<text class="txt">产品参数</text>
-				</view>
-				<view class="item" @click="proDetail('operatingInstruct')">
-					<image class="img" src="/static/images/6155/DeviceDetail/remark.png" mode="aspectFit"></image>
-					<text class="txt">操作说明</text>
-				</view>
-				<view class="item" @click="proDetail('operationVideo')">
-					<image class="img" src="/static/images/6155/DeviceDetail/video.png" mode="aspectFit"></image>
-					<text class="txt">操作视频</text>
-				</view>
-			</view>
-		</view>
+		<ProParams :id="device.id"></ProParams>
 
 
 		<!-- 下方菜单 -->
@@ -1697,26 +1681,7 @@
 
 				setTimeout(task, 0);
 			},
-			proDetail: function(type) {
-				if (!this.permissions.includes('41') && this.Status.apiType !== 'listA') {
-
-					showPop({
-						message: '无操作权限',
-						iconUrl: "/static/images/common/uploadErr.png",
-						borderColor: "#e034344d",
-						buttonBgColor: "#E03434",
-						okCallback: null,
-						buttonText: "确定"
-					},these)
-					return;
-				}
-				uni.navigateTo({
-					url: '/pages/common/' + type + '/index?id=' + this.device.id,
-					success(ev) {
-
-					}
-				});
-			},
+		
 
 			checkImgUpload: function(type, index) {
 				console.log("123213213213");
@@ -3031,46 +2996,7 @@
 		text-align: left;
 	}
 
-	.proinfo .itemcontent {
-		display: flex;
-		display: flex;
-		flex-direction: row;
-		flex-wrap: nowrap;
-		align-content: center;
-		justify-content: space-evenly;
-	}
-
-	.proinfo .item {
-		width: 180rpx;
-		height: 180rpx;
-		box-sizing: border-box;
-		padding: 40rpx;
-		border-radius: 16rpx;
-		background: rgba(26, 26, 26, 1);
-		display: flex;
-		flex-direction: column;
-		flex-wrap: nowrap;
-		align-content: center;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.proinfo .item .img {
-		width: 50rpx;
-		height: 50rpx;
-
-
-	}
-
-	.proinfo .item .txt {
-		color: rgba(255, 255, 255, 0.6);
-		font-family: PingFang SC;
-		font-size: 24rpx;
-		font-weight: 400;
-		margin-top: 20rpx;
-		letter-spacing: 0.07px;
-		text-align: left;
-	}
+	
 
 
 	.slider-container {