提交

pages/aftersale/index.vue

@@ -6,17 +6,16 @@
 			<view class="form-title">
 				基本信息
 			</view>
-			<input class="form-input" placeholder="请输入设备ID" type="text" />
-			<input class="form-input" placeholder="请输入设备名称" type="text" />
-			<input class="form-input" placeholder="请输入联系人名称" type="text" />
-			<input class="form-input" placeholder="请输入联系人电话" type="text" />
-			<input class="form-input" placeholder="请输入联系人地址" type="text" />
-
+			<input class="form-input" v-model="aftersale.device_id" placeholder="请输入设备ID" type="text" />
+			<input class="form-input" v-model="aftersale.user" placeholder="请输入联系人名称" type="text" />
+			<input class="form-input" v-model="aftersale.phone" placeholder="请输入联系人电话" type="text" />
+			<input class="form-input" v-model="aftersale.addr" placeholder="请输入联系人地址" type="text" />
 			<view class="form-title" style="padding-top: 24rpx;">
 				故障信息
 			</view>
-			<textarea class="form-textarea" placeholder="请尽量详细描述您所反馈的意见（不少于10个文字）" />
-			<view class="form-words">0/300</view>
+			<textarea class="form-textarea" v-model="aftersale.errordesc" maxlength="300"
+				placeholder="请尽量详细描述您所反馈的意见（不少于10个文字）" />
+			<view class="form-words">{{aftersale.errordesc.length}}/300</view>
 			<view class="row-between form-title">
 				图片上传
 				<text class="font-10">最多5张图片</text>
@@ -35,24 +34,34 @@
 		</view>
 
 		<view class="form-submit">
-			<button class="btn">提交</button>
+			<button class="btn" :disabled="saveLoading" @click="submitAftersaleInfo">提交</button>
 		</view>
 
 	</view>
 </template>
 
 <script>
-import {uploadFile,saveAftersaleInfo} from '@/api/aftersale.js'
+	import {
+		uploadFile,
+		saveAftersaleInfo
+	} from '@/api/aftersale.js'
 	export default {
 		data() {
 			return {
-				
+
 				// 图片列表
 				imgList: [],
 				// 上报信息
-				aftersale:{
-					
-				}
+				aftersale: {
+					device_id: '',
+					errordesc: "", //描述信息
+					errorimg: "", //图片链接,多张图片用 , 进行隔开
+					errorvideo: "", //视频链接
+					addr: "", //原图片链接
+					user: "", //用户
+					phone: "" //联系电话
+				},
+				saveLoading: false,
 			}
 		},
 		methods: {
@@ -60,13 +69,13 @@ import {uploadFile,saveAftersaleInfo} from '@/api/aftersale.js'
 			async uploadFile(e) {
 				let res = await this.uploadImageSync();
 				if (res.success) {
-					
+
 				}
 			},
 			uploadImageSync() {
 				return new Promise((resolve, reject) => {
 					uni.chooseImage({
-						count: 1, // 默认9
+						count: 5, // 默认9
 						sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
 						sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
 						success(res) {
@@ -74,6 +83,24 @@ import {uploadFile,saveAftersaleInfo} from '@/api/aftersale.js'
 						}
 					})
 				})
+			},
+			uploadVideoSync() {
+				return new Promise((resolve, reject) => {
+					uni.chooseVideo({
+						sourceType: ['camera', 'album'],
+						success(res) {
+							self.src = res.tempFilePath;
+						}
+					});
+				})
+			},
+			// 提交保存
+			async submitAftersaleInfo(e) {
+				this.$api.loading("上报中...");
+				this.saveLoading = true;
+				await saveAftersaleInfo(this.aftersale);
+				this.saveLoading = false;
+				this.$api.hide();
 			}
 		}
 	}

pages/camera/details.vue

@@ -3,7 +3,8 @@
 	<view class="page-panel">
 		<!-- 监控区域 -->
 		<view class="monitor-area">
-			<image src="@/static/demo/demo1.png" mode="widthFix"></image>
+			<!-- <image src="@/static/demo/demo1.png" mode="widthFix"></image> -->
+			<!-- <video id="hlsId" autoplay controls  style="width: 100%;height:800rpx"></video> -->
 		</view>
 		<!-- 监控工具 -->
 		<view class="monitor-tools">
@@ -25,6 +26,7 @@
 </template>
 
 <script>
+	import EZUIKit from "ezuikit-js";
 	import {
 		getCameraAddress,
 		controlCamera
@@ -46,7 +48,15 @@
 		onLoad(options) {
 			this.deviceId = options.id;
 			this.controlParams.device_id = options.id;
+			
+		},
+		onReady() {
 			this.getCameraAddress();
+			
+		},
+		mounted() {
+			console.log('d');
+			new EZUIKit.HLS("hlsId","http://cmgw-vpc.lechange.com:8888/LCO/8C02697PAJ9FA37/0/1/20220908T101239/d14740c6649a2c1eb8f8fbc2f4fd7a8e.m3u8");
 		},
 		methods: {
 			// 获取监控播放地址
@@ -54,7 +64,8 @@
 				let res = await getCameraAddress({
 					device_id: this.deviceId
 				});
-				console.log(res);
+				// console.log(res.hls);
+				// console.log(JSON.parse(res));
 			},
 			// 控制摄像机
 			async controlDirection(movenum) {

pages/camera/index.vue

@@ -6,7 +6,7 @@
 			<block v-for="(item,index) in cameraList" :key="index">
 				<view class="camera-item" @click="openCameraDetails(item.device_id)">
 					<image class="pic" mode="aspectFill"
-						src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6acec660-4f31-11eb-a16f-5b3e54966275.jpg">
+						:src="item.jk_live_img">
 					</image>
 					<view class="row-between p-10">
 						<text class="text">{{item.device_id}}</text>