From 21cf0da07614bdb60b74c2c345bb95da3563749a Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Sat, 18 May 2024 20:25:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/js/http.js                         |   2 +-
 .../videoManage/videoConfig.vue               |   1 +
 .../projectFront/videoManage/overview.vue     | 129 ++++++++++--------
 3 files changed, 75 insertions(+), 57 deletions(-)

diff --git a/src/assets/js/http.js b/src/assets/js/http.js
index 3c8ee846..b7ffe595 100644
--- a/src/assets/js/http.js
+++ b/src/assets/js/http.js
@@ -82,7 +82,7 @@ if (process.env.NODE_ENV == 'development') {
   // axios.defaults.baseURL ='http://huli.zjzhiliao.com/jxjgdapi/' //金林湾测试线上
   // axios.defaults.baseURL ='http://101.43.164.214:45001/' //上海张江
   // axios.defaults.baseURL ='http://101.43.164.214:45011/' //上海优益（上海建工）
-  axios.defaults.baseURL = 'http://192.168.34.221:28888/' //郭圣雄本地
+  // axios.defaults.baseURL = 'http://192.168.34.221:28888/' //郭圣雄本地
   // axios.defaults.baseURL = 'http://192.168.34.221:28889/' //郭圣雄本地
   axios.defaults.baseURL ='http://192.168.34.221:19111/' //郭圣雄本地
   // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地
diff --git a/src/views/equipmentCenter/videoManage/videoConfig.vue b/src/views/equipmentCenter/videoManage/videoConfig.vue
index a9cd1bd8..37fdc44f 100644
--- a/src/views/equipmentCenter/videoManage/videoConfig.vue
+++ b/src/views/equipmentCenter/videoManage/videoConfig.vue
@@ -2104,6 +2104,7 @@ export default {
         //编辑
         params.projectSn = this.configInfoParams.projectSn;
         params.itemId = this.currentVideoTypeDetail.itemId;
+        params.parentObj = JSON.stringify(this.selectFormTreeData);
         console.log("编辑内容", this.currentVideoTypeDetail);
         editVideoItemApi(params).then((res) => {
           console.log("编辑成功", res);
diff --git a/src/views/projectFront/videoManage/overview.vue b/src/views/projectFront/videoManage/overview.vue
index b82e6fae..a9be680e 100644
--- a/src/views/projectFront/videoManage/overview.vue
+++ b/src/views/projectFront/videoManage/overview.vue
@@ -2,7 +2,7 @@
   <div class="fullHeight videoOverview">
     <closePage></closePage>
     <div class="header">
-      <span>{{topTitle}}</span>
+      <span>{{ topTitle }}</span>
     </div>
     <div class="videoContent">
       <div class="videoListBox fullHeight">
@@ -29,7 +29,7 @@
           </vue-scroll>
         </div>
         <div class="videoBox" v-else>
-          <vue-scroll style="width: 100%;">
+          <vue-scroll style="width: 100%">
             <el-tree
               :data="videoTreeData"
               node-key="id"
@@ -41,11 +41,22 @@
             >
               <span class="custom-tree-node" slot-scope="{ node, data }">
                 <img
-                      v-if="data.deviceType == 2 && data.videoId"
-                      src="@/assets/images/icon-video2-white.png"
-                    />
-                    <img v-else-if="data.deviceType != 2 && data.videoId" src="@/assets/images/icon-video-white.png" />
-                <span :title="data.name">{{ data.name }}</span>
+                  v-if="data.deviceType == 2 && data.videoId"
+                  src="@/assets/images/icon-video2-white.png"
+                />
+                <img
+                  v-else-if="data.deviceType != 2 && data.videoId"
+                  src="@/assets/images/icon-video-white.png"
+                />
+
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  :content="data.name"
+                  placement="top-start"
+                >
+                  <span>{{ data.name }}</span>
+                </el-tooltip>
               </span>
             </el-tree>
             <!-- <el-collapse v-model="activeNames" style="padding: 0 20px">
@@ -93,10 +104,10 @@
 import {
   selectProjectVideoListApi,
   selectUserVideoListApi,
-  getVideoTreeGroupVideoApi
-} from '@/assets/js/api/equipmentCenter/cameraList'
-import videoModule from '@/components/videoModule/videoModule.vue'
-import closePage from '@/components/closePage'
+  getVideoTreeGroupVideoApi,
+} from "@/assets/js/api/equipmentCenter/cameraList";
+import videoModule from "@/components/videoModule/videoModule.vue";
+import closePage from "@/components/closePage";
 export default {
   components: { videoModule, closePage },
   data() {
@@ -107,15 +118,15 @@ export default {
       dataType: 1,
       activeNames: [0],
       screens: {},
-      pluginType: '',
-      topTitle: '视频管理中心',
-      COMPANY: COMPANY
-    }
+      pluginType: "",
+      topTitle: "视频管理中心",
+      COMPANY: COMPANY,
+    };
   },
   created() {
-    console.log(COMPANY)
-    if(COMPANY == 'agjt'){
-      this.topTitle = "AI训练模型"
+    console.log(COMPANY);
+    if (COMPANY == "agjt") {
+      this.topTitle = "AI训练模型";
     }
   },
   mounted() {
@@ -133,57 +144,57 @@ export default {
   methods: {
     //获取视频分组列表
     getVideoTreeGroup() {
-      getVideoTreeGroupVideoApi({ projectSn: this.$store.state.projectSn }).then(
-        (res) => {
-          console.log("获取视频分组列表", res);
-          this.videoTreeData = res.result.videoList;
-          this.dataType = res.result.type
-        }
-      );
+      getVideoTreeGroupVideoApi({
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        console.log("获取视频分组列表", res);
+        this.videoTreeData = res.result.videoList;
+        this.dataType = res.result.type;
+      });
     },
     changeVideo(item) {
-      console.log('点击了列表----')
+      console.log("点击了列表----");
 
-      console.log(item, 'xxxxxxxxxx')
-      this.selectList = [item]
-      console.log('右边的值', this.selectList)
+      console.log(item, "xxxxxxxxxx");
+      this.selectList = [item];
+      console.log("右边的值", this.selectList);
     },
     // 切换视频分组
     changeTreeVideo(item) {
-      console.log('点击了列表----')
+      console.log("点击了列表----");
 
-      console.log(item, 'xxxxxxxxxx')
-      if(item.videoId){
-        this.selectList = [item]
+      console.log(item, "xxxxxxxxxx");
+      if (item.videoId) {
+        this.selectList = [item];
       }
-      console.log('右边的值', this.selectList)
+      console.log("右边的值", this.selectList);
     },
     loadData() {
       selectProjectVideoListApi({
-        projectSn: this.$store.state.projectSn
+        projectSn: this.$store.state.projectSn,
       }).then((res) => {
-        var DATA = res.result.videoList
-        this.devList = DATA
-        this.selectList = this.devList
-        console.log('视频的列表', res.result)
-        this.dataType = res.result.type
-      })
+        var DATA = res.result.videoList;
+        this.devList = DATA;
+        this.selectList = this.devList;
+        console.log("视频的列表", res.result);
+        this.dataType = res.result.type;
+      });
     },
     loadData2() {
       selectUserVideoListApi({
         projectSn: this.$store.state.projectSn,
-        userId: this.$store.state.userInfo.userId
+        userId: this.$store.state.userInfo.userId,
       }).then((res) => {
-        var DATA = res.result.videoList
-        this.devList = DATA
-        this.dataType = res.result.type
-      })
-    }
-  }
-}
+        var DATA = res.result.videoList;
+        this.devList = DATA;
+        this.dataType = res.result.type;
+      });
+    },
+  },
+};
 </script>
 <style lang="less" scoped>
-@import './style.less';
+@import "./style.less";
 .videoListBox {
   float: left;
   width: 300px;
@@ -232,17 +243,23 @@ export default {
 }
 
 // 树形选择样式
-/deep/.el-tree-node:focus > .el-tree-node__content{
+/deep/.el-tree-node:focus > .el-tree-node__content {
   background-color: rgba(168, 191, 230, 0.69);
 }
-.custom-tree-node{
+.custom-tree-node {
+  width: 80%;
   display: flex;
   align-items: center;
-  span{
+  span {
+    display: inline-block;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 85%;
     color: white;
   }
   img {
-      margin-right: 8px;
-    }
+    margin-right: 8px;
+  }
 }
-</style>
\ No newline at end of file
+</style>