修改

ruoyi-ui-vue3/src/views/device/camera/add.vue

@@ -168,39 +168,39 @@
         </el-card>
 
         <el-dialog v-model="dialogFormVisible" :title="dialogTitle">
-            <el-form :model="vidoeDeTailParams">
+            <el-form :model="videoDeTailParams">
                 <el-form-item label="视频输入通道号" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.videoChannel" placeholder="请输入视频输入通道号" />
+                    <el-input v-model="videoDeTailParams.videoChannel" placeholder="请输入视频输入通道号" />
                 </el-form-item>
                 <el-form-item label="摄像机编码" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.cameraCode" placeholder="请输入摄像机编码" />
+                    <el-input v-model="videoDeTailParams.cameraCode" placeholder="请输入摄像机编码" />
                 </el-form-item>
                 <el-form-item label="摄像机名称" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.cameraName" placeholder="请输入摄像机名称" />
+                    <el-input v-model="videoDeTailParams.cameraName" placeholder="请输入摄像机名称" />
                 </el-form-item>
                 <el-form-item label="摄像机类型" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.cameraType" placeholder="请输入摄像机类型" />
+                    <el-input v-model="videoDeTailParams.cameraType" placeholder="请输入摄像机类型" />
                 </el-form-item>
                 <el-form-item label="摄像机名称" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.cameraLocationDesc" placeholder="请输入摄像机名称" />
+                    <el-input v-model="videoDeTailParams.cameraLocationDesc" placeholder="请输入摄像机名称" />
                 </el-form-item>
                 <el-form-item label="纬度" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.longitude" placeholder="请输入纬度" />
+                    <el-input v-model="videoDeTailParams.longitude" placeholder="请输入纬度" />
                 </el-form-item>
                 <el-form-item label="经度" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.latitude" placeholder="请输入经度" />
+                    <el-input v-model="videoDeTailParams.latitude" placeholder="请输入经度" />
                 </el-form-item>
                 <el-form-item label="摄像机安装高度" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.height" placeholder="请输入摄像机安装高度" />
+                    <el-input v-model="videoDeTailParams.height" placeholder="请输入摄像机安装高度" />
                 </el-form-item>
                 <el-form-item label="是否支持组播" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.isSupportBoardcast" placeholder="请输入是否支持组播" />
+                    <el-input v-model="videoDeTailParams.isSupportBoardcast" placeholder="请输入是否支持组播" />
                 </el-form-item>
                 <el-form-item label="摄像机绑定音频通道" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.voiceOutCode" placeholder="摄像机绑定音频通道" />
+                    <el-input v-model="videoDeTailParams.voiceOutCode" placeholder="摄像机绑定音频通道" />
                 </el-form-item>
                 <el-form-item label="备注" label-width="140px">
-                    <el-input v-model="vidoeDeTailParams.remark" placeholder="请输入备注" />
+                    <el-input v-model="videoDeTailParams.remark" placeholder="请输入备注" />
                 </el-form-item>
             </el-form>
             <template #footer>
@@ -245,7 +245,7 @@ const vidoeParams = ref({
     serialNumber: ''
 })
 
-const vidoeDeTailParams = ref({
+const videoDeTailParams = ref({
     id: null,
     videoChannel: "",
     cameraCode: "",
@@ -286,30 +286,54 @@ const getVideoDetailList = () => {
 }
 
 const openAddVideoDetail = () => {
+    videoDeTailParams.value = {
+        id: null,
+        videoChannel: "",
+        cameraCode: "",
+        cameraName: "",
+        cameraType: '',
+        connectCode: "",
+        cameraLocationDesc: "",
+        longitude: "",
+        latitude: '',
+        height: '',
+        voiceOutCode: '',
+        isSupportBoardcast: "",
+        remark: '',
+        videoId: ''
+    }
     dialogFormVisible.value = true
 }
 
-const openUpdateVideoDetail = () => {
-    getVideoDetail().then(res => {
-        
+const openUpdateVideoDetail = (item) => {
+    getVideoDetail(item.id).then(res => {
+        if (res.code == 200) {
+            videoDeTailParams.value = res.data
+            dialogFormVisible.value = true
+        }
     })
-    dialogFormVisible.value = true
 }
 
 const saveVideoDetail = () => {
-    if (vidoeDeTailParams.value.id != null) {
-        
+    if (videoDeTailParams.value.id != null) {
+        updateVideoDetail(videoDeTailParams.value).then(res => {
+            if (res.code == 200) {
+                getVideoDetailList();
+                dialogFormVisible.value = false
+            }
+        })
     } else {
-        vidoeDeTailParams.value.videoId = objId;
-        addVideoDetail(vidoeDeTailParams.value).then(res => {
+        videoDeTailParams.value.videoId = objId;
+        addVideoDetail(videoDeTailParams.value).then(res => {
             if (res.code == 200) {
+                getVideoDetailList();
                 dialogFormVisible.value = false
             }
         })
     }
 }
 
-const goUpdate = (item) =>{
+const goUpdate = (item) => {
 
 }