Merge branch 'zyl' of http://xny.yj-3d.com:3000/zhouyulong/electron-4 into zyl

src/renderer/src/api/ts/index.ts

@@ -39,6 +39,12 @@ export const TsApi = {
       data
     })
   },
+  updateTsSource: async (data: any) => {
+    return await request.post({
+      url: '/tsSource/update',
+      data
+    })
+  },
   ///tsSource/addModelSource
   addTsModelSource: async (data: any) => {
     return await request.post({

src/renderer/src/views/TS/components/MouseRight.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="MouseRight">
     <div v-for="item in menus" class="item" @click="item.fun">
-      <svg-icon :name="item.icon||item.key" :size="14"></svg-icon>
+      <svg-icon :name="item.key" :size="14"></svg-icon>
       {{ item.name }}
     </div>
   </div>
@@ -15,7 +15,7 @@ import {useRightOperate} from './rightOperate'
 
 let {delNode, addEvent} = useRightOperate()
 
-const eventBus = inject("bus");
+const eventBus: any = inject("bus");
 let setOrReset = ref(1)
 let setView = (flag) => {
   // let cusView = window['YJ'].Global.getCurrentView(window['earth_ts'])
@@ -74,7 +74,7 @@ let menus = ref([
 ])
 
 eventBus.on("initMenus", () => {
-  let customView = null
+  let customView
   let entity = window['_entityMap'].get(window['selectedIdTs'])
   customView = Boolean(entity.customView && entity.customView.orientation)
   setOrReset.value = customView ? 0 : 1

src/renderer/src/views/components/propertyBox/FlyRoam.vue

@@ -14,7 +14,7 @@
         <div class="row">
           <div class="col" style="flex: 0 0 205px">
             <span class="label">名称</span>
-            <input class="input" type="text" name="name" placeholder="请输入名称" />
+            <input class="input" type="text" name="name" placeholder="请输入名称"/>
           </div>
           <!-- <div class="col">
             <input
@@ -127,7 +127,10 @@
               <span class="arrow"></span>
             </div>
             <button class="add-point" style="margin-left: 10px">
-              <svg class="icon-add"><use xlink:href="#yj-icon-add"></use></svg>增加视点
+              <svg class="icon-add">
+                <use xlink:href="#yj-icon-add"></use>
+              </svg>
+              增加视点
             </button>
           </div>
         </div>
@@ -192,13 +195,18 @@
     <template #footer>
       <div style="position: absolute; left: 24px; display: flex">
         <button class="afreshPlay">
-          <svg class="icon-play"><use xlink:href="#yj-icon-play"></use></svg>播放
+          <svg class="icon-play">
+            <use xlink:href="#yj-icon-play"></use>
+          </svg>
+          播放
         </button>
         <button class="cease" style="margin-left: 10px">
-          <svg-icon name="stop" :size="12" color="rgba(255, 255, 255, 1)"></svg-icon>结束
+          <svg-icon name="stop" :size="12" color="rgba(255, 255, 255, 1)"></svg-icon>
+          结束
         </button>
         <button class="video" style="margin-left: 10px" @click="startVideo">
-          <svg-icon name="video" :size="12"></svg-icon>录制
+          <svg-icon name="video" :size="12"></svg-icon>
+          录制
         </button>
       </div>
       <button class="saveRoam" @click="draw">保存</button>
@@ -208,18 +216,19 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onBeforeUnmount } from 'vue'
-import { inject } from 'vue'
-import { useI18n } from 'vue-i18n'
+//@ts-nocheck
+import {ref, reactive, onBeforeUnmount} from 'vue'
+import {inject} from 'vue'
+import {useI18n} from 'vue-i18n'
 import Dialog from '@/components/dialog/baseDialog.vue'
-import { app } from 'electron'
-import { TreeApi } from '@/api/tree'
-import { useTreeNode } from '../tree/hooks/treeNode'
-import { ElMessage } from 'element-plus'
-import { $sendElectronChanel } from '@/utils/communication'
+import {app} from 'electron'
+import {TreeApi} from '@/api/tree'
+import {useTreeNode} from '../tree/hooks/treeNode'
+import {ElMessage} from 'element-plus'
+import {$sendElectronChanel} from '@/utils/communication'
 
-const { t } = useI18n()
-const { cusAddNodes } = useTreeNode()
+const {t} = useI18n()
+const {cusAddNodes} = useTreeNode()
 
 const baseDialog: any = ref(null)
 const eventBus: any = inject('bus')
@@ -231,14 +240,14 @@ eventBus.on('flyRoamDialog', () => {
   show.value = true
   baseDialog.value?.open()
   setTimeout(() => {
-    flyRoam = YJ.Global.FlyRoam.open(window.earth, { repeat: Infinity }, {}, draw)
+    flyRoam = YJ.Global.FlyRoam.open(window.earth, {repeat: Infinity}, {}, draw)
   }, 100)
 })
 const open = () => {
   show.value = true
   baseDialog.value?.open()
   setTimeout(() => {
-    flyRoam = YJ.Global.FlyRoam.open(window.earth, { repeat: Infinity }, {}, draw)
+    flyRoam = YJ.Global.FlyRoam.open(window.earth, {repeat: Infinity}, {}, draw)
   }, 100)
 }
 const draw = (data) => {
@@ -293,7 +302,8 @@ const startVideo = () => {
   window.addEventListener('keydown', handleKeyDown)
 }
 
-const clangeViewPointHeight = () => {}
+const clangeViewPointHeight = () => {
+}
 const viewPointHeightInput = () => {
   let dom: any = document.getElementById('viewPointHeight')
   if (viewPointHeight.value < dom.min * 1) {
@@ -324,41 +334,44 @@ defineExpose({
 
 <style scoped lang="scss">
 .afreshPlay {
-  background:
-    linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
-    linear-gradient(180deg, rgba(27, 248, 195, 0.2) 0%, rgba(27, 248, 195, 0) 100%) !important;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+  linear-gradient(180deg, rgba(27, 248, 195, 0.2) 0%, rgba(27, 248, 195, 0) 100%) !important;
   border: 1px solid rgba(27, 248, 195, 1) !important;
   color: rgba(27, 248, 195, 1) !important;
+
   svg {
     fill: rgba(27, 248, 195, 1) !important;
   }
 }
+
 .cease {
-  background:
-    linear-gradient(180deg, rgba(241, 108, 85, 0.2) 0%, rgba(241, 108, 85, 0) 100%),
-    rgba(0, 0, 0, 0.5) !important;
+  background: linear-gradient(180deg, rgba(241, 108, 85, 0.2) 0%, rgba(241, 108, 85, 0) 100%),
+  rgba(0, 0, 0, 0.5) !important;
   border: 1px solid rgba(241, 108, 85, 1) !important;
   color: rgba(241, 108, 85, 1) !important;
+
   svg {
     fill: rgba(241, 108, 85, 1) !important;
   }
 }
+
 .video {
-  background:
-    linear-gradient(
+  background: linear-gradient(
       180deg,
       rgba(71, 27, 5, 0.3) 0%,
       rgba(71, 27, 5, 0.3) 0%,
       rgba(255, 143, 87, 0) 100%
-    ),
-    rgba(0, 0, 0, 0.5) !important;
+  ),
+  rgba(0, 0, 0, 0.5) !important;
   border: 1px solid rgba(255, 165, 92, 1) !important;
   color: rgba(255, 165, 92, 1) !important;
 }
+
 ::v-deep .content input.YJ-custom-checkbox[type='checkbox'] {
   border: 1px solid rgba(var(--color-base1), 1) !important;
   background-color: unset !important;
 }
+
 ::v-deep .iconBut {
   background: unset !important;
   border: unset !important;

src/renderer/src/views/components/propertyBox/RoutePlanning.vue

@@ -122,10 +122,16 @@
     </template>
     <template #footer>
       <button id="routeQuery" @clik="routeQuery">
-        <svg class="icon-query"><use xlink:href="#yj-icon-query"></use></svg>查询
+        <svg class="icon-query">
+          <use xlink:href="#yj-icon-query"></use>
+        </svg>
+        查询
       </button>
       <button id="clearRoute" @click="clearRoute">
-        <svg class="icon-route"><use xlink:href="#yj-icon-route"></use></svg>清除路线
+        <svg class="icon-route">
+          <use xlink:href="#yj-icon-route"></use>
+        </svg>
+        清除路线
       </button>
       <button @click="close">取消</button>
     </template>
@@ -133,10 +139,11 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onBeforeUnmount } from 'vue'
-import { inject } from 'vue'
+//@ts-nocheck
+import {ref, reactive, onBeforeUnmount} from 'vue'
+import {inject} from 'vue'
 import Dialog from '@/components/dialog/baseDialog.vue'
-import { RouteApi } from '@/api/route/index'
+import {RouteApi} from '@/api/route/index'
 
 const baseDialog: any = ref(null)
 const eventBus: any = inject('bus')
@@ -207,6 +214,7 @@ const open = () => {
           routePlanning.createRoute(res.data.routes[0]?.points)
         }
       } catch (error) {
+
         document.getElementById('clearRoute').click()
       }
     }
@@ -216,7 +224,7 @@ const open = () => {
 //加载路网数据
 
 const addRoute = async (fileId) => {
-  let res = await RouteApi.loadRoute({ fileId })
+  let res = await RouteApi.loadRoute({fileId})
 }
 const getList = async () => {
   let list = await RouteApi.getRouteList()
@@ -244,7 +252,8 @@ const routeQuery = async (e) => {
     waypoints: []
   })
 }
-const clearRoute = (e) => {}
+const clearRoute = (e) => {
+}
 const pickStartPos = () => {
   routePlanning.pickStartPos((position) => {
     startLng.value = position.lng
@@ -317,14 +326,17 @@ defineExpose({
   left: 10px;
   display: flex;
 }
+
 #clearRoute {
   position: absolute;
   left: 95px;
   display: flex;
 }
+
 .YJ-custom-base-dialog > .content .row > .col {
   margin: 0 5px !important;
 }
+
 .crossPoint:hover {
   color: rgba(var(--color-base1), 1);
 }

src/renderer/src/views/components/propertyBox/attribute.vue

@@ -4,7 +4,8 @@
       <div class="col attribute-select-box">
         <span class="label" style="line-height: 32px">{{ t('general.内容类型') }}</span>
         <el-select style="width: 175px" v-model="attributeType" @change="attributeChange" placeholder="请选择">
-          <el-option v-for="item in attributeSelect" :key="item.key" :label="t('general.' + item.name)" :value="item.key">
+          <el-option v-for="item in attributeSelect" :key="item.key" :label="t('general.' + item.name)"
+                     :value="item.key">
           </el-option>
         </el-select>
       </div>
@@ -21,7 +22,7 @@
       <div class="col">
         <span class="label">{{ t('general.添加链接') }}</span>
         <div style="flex: 1; position: relative">
-          <input class="input link_add" type="text" v-model="addlinkInput" />
+          <input class="input link_add" type="text" v-model="addlinkInput"/>
           <i class="link_add_btn" @click="_addLink"></i>
         </div>
       </div>
@@ -38,7 +39,7 @@
         <div class="table-body" v-if="attribute.link && attribute.link.content && attribute.link.content.length > 0">
           <div class="tr" v-for="(item, index) in attribute.link.content">
             <div class="td" v-if="linkEditActive.index === index">
-              <input class="input" type="text" v-model="linkEditActive.name" />
+              <input class="input" type="text" v-model="linkEditActive.name"/>
             </div>
             <div class="td" v-else>{{ item.name }}</div>
             <div class="td" v-if="linkEditActive.index === index">
@@ -46,7 +47,10 @@
             </div>
             <div class="td" v-else>{{ item.url }}</div>
             <div class="td operation" v-if="linkEditActive.index === index">
-              <button style="width: 76px;flex: 0 0 76px" @click="linkConfirmEdit(index)">{{ t('general.确认') }}</button>
+              <button style="width: 76px;flex: 0 0 76px" @click="linkConfirmEdit(index)">{{
+                  t('general.确认')
+                }}
+              </button>
               <button style="width: 76px;flex: 0 0 76px" @click="linkCancelEdit">{{ t('general.取消') }}</button>
             </div>
             <div class="td operation" v-else>
@@ -65,8 +69,10 @@
       <div class="row">
         <div class="col">
           <span class="label">{{ t('general.编辑内容') }}</span>
-          <input class="input" type="text" v-model="cameraParams.keyWord" style="width: 180px;margin-right: 10px;" />
-          <button class="select btn" @click="cameraSelect({page: 1, limit: cameraParams.pageSize })">{{ t('general.搜索') }}</button>
+          <input class="input" type="text" v-model="cameraParams.keyWord" style="width: 180px;margin-right: 10px;"/>
+          <button class="select btn" @click="cameraSelect({page: 1, limit: cameraParams.pageSize })">
+            {{ t('general.搜索') }}
+          </button>
         </div>
       </div>
       <div>
@@ -86,7 +92,7 @@
             <div class="tr" v-for="(item, index) in cameraList">
               <div class="td">
                 <input type="checkbox" :value="item.id" v-model="item.checked"
-                  @change="changeAttributeCamera(item)" />
+                       @change="changeAttributeCamera(item)"/>
                 <span>{{ t('general.绑定') }}</span>
               </div>
               <div class="td">{{ item.cameraName }}</div>
@@ -104,7 +110,8 @@
         </div>
       </div>
       <div class="row">
-        <Pagination :total="cameraParams.total" v-model:page="cameraParams.page" v-model:limit="cameraParams.pageSize" :pageSizes="false" @pagination="cameraSelect" />
+        <Pagination :total="cameraParams.total" v-model:page="cameraParams.page" v-model:limit="cameraParams.pageSize"
+                    :pageSizes="false" @pagination="cameraSelect"/>
       </div>
     </div>
     <div class="attribute-content attribute-content-isc" v-show="attributeType === 'isc'">
@@ -127,7 +134,7 @@
           <div class="table-body" style="display: none">
             <div class="tr">
               <div class="td">
-                <input type="checkbox" value="2" />
+                <input type="checkbox" value="2"/>
                 <span>绑定</span>
               </div>
               <div class="td">设备名称</div>
@@ -148,7 +155,7 @@
       <div class="col">
         <span class="label">{{ t('general.添加链接') }}</span>
         <div style="flex: 1; position: relative">
-          <input class="input vr_add" type="text" v-model="addvrInput" />
+          <input class="input vr_add" type="text" v-model="addvrInput"/>
           <i class="vr_add_btn" @click="_addRr"></i>
         </div>
       </div>
@@ -165,7 +172,7 @@
         <div class="table-body" v-if="attribute.vr && attribute.vr.content && attribute.vr.content.length > 0">
           <div class="tr" v-for="(item, index) in attribute.vr.content">
             <div class="td" v-if="vrEditActive.index === index">
-              <input class="input" type="text" v-model="vrEditActive.name" />
+              <input class="input" type="text" v-model="vrEditActive.name"/>
             </div>
             <div class="td" v-else>{{ item.name }}</div>
             <div class="td" v-if="vrEditActive.index === index">
@@ -192,7 +199,7 @@
       <div class="col">
         <span class="label">{{ t('general.添加链接') }}</span>
         <div style="flex: 1; position: relative">
-          <input class="input rtmp_add" type="text" v-model="addRtmpInput" />
+          <input class="input rtmp_add" type="text" v-model="addRtmpInput"/>
           <i class="rtmp_add_btn" @click="_addRtmp"></i>
         </div>
       </div>
@@ -209,7 +216,7 @@
         <div class="table-body" v-if="attribute.rtmp && attribute.rtmp.content && attribute.rtmp.content.length > 0">
           <div class="tr" v-for="(item, index) in attribute.rtmp.content">
             <div class="td" v-if="rtmpEditActive.index === index">
-              <input class="input" type="text" v-model="rtmpEditActive.name" />
+              <input class="input" type="text" v-model="rtmpEditActive.name"/>
             </div>
             <div class="td" v-else>{{ item.name }}</div>
             <div class="td" v-if="rtmpEditActive.index === index">
@@ -238,7 +245,7 @@
           <div class="col">
             <span class="label">{{ t('general.编辑内容') }}</span>
             <input class="input goods-select-input" type="text" style="width: 180px;margin-right: 10px;"
-              v-model="goodsKeywords">
+                   v-model="goodsKeywords">
             <button class="select btn" @click="goodsFilter">{{ t('general.搜索') }}</button>
           </div>
         </div>
@@ -255,7 +262,7 @@
               <div class="td" style="width: 60px; flex: 0 60px;min-width: 60px;">{{ index + 1 }}</div>
               <div class="td" style="flex: 0 0 280px;">{{ item.name }}</div>
               <div class="td"><input class="input" type="number" title="" min="0" max="999999999" v-model="item.cnt"
-                  @blur="changeAttributeGoods(item)" @input="$handleInputLimit">
+                                     @blur="changeAttributeGoods(item)" @input="$handleInputLimit">
               </div>
             </div>
           </div>
@@ -270,12 +277,13 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
-import { inject } from 'vue'
-import { deviceApi } from '@/api/deviceManage'
-import { MaterialApi } from '@/api/material'
-import { useI18n } from 'vue-i18n'
-const { t } = useI18n()
+import {ref} from 'vue'
+import {inject} from 'vue'
+import {deviceApi} from '@/api/deviceManage'
+import {MaterialApi} from '@/api/material'
+import {useI18n} from 'vue-i18n'
+
+const {t} = useI18n()
 
 let ipcRenderer;
 if (window && window.process && window.process.type === 'renderer') {
@@ -292,7 +300,7 @@ const cameraParams = ref({
   page: 1,
   total: 0
 })
-const cameraList:any = ref([])
+const cameraList: any = ref([])
 
 const props = defineProps({
   entityOptions: {
@@ -354,11 +362,10 @@ const goodsSelect = async (page) => {
   goodsFilter()
   console.log('props.entityOptions.attributeGoods', props.entityOptions.attributeGoods)
 }
-const cameraSelect = ({ page, limit }) => {
+const cameraSelect = ({page, limit}) => {
   if (!props.entityOptions.attributeSelect) {
     return
-  }
-  else {
+  } else {
     let flag = false
     for (let i = 0; i < props.entityOptions.attributeSelect.length; i++) {
       if (props.entityOptions.attributeSelect[i].key === 'camera') {
@@ -373,7 +380,7 @@ const cameraSelect = ({ page, limit }) => {
   cameraParams.value.page = page
   cameraParams.value.pageSize = limit
   let url = ""
-  const params:any = {
+  const params: any = {
     cameraName: cameraParams.value.keyWord,
     pageNum: cameraParams.value.page,
     pageSize: cameraParams.value.pageSize
@@ -447,7 +454,7 @@ if (props.entityOptions.type === 'BillboardObject') {
     },
   )
   goodsSelect(1) // 物资
-  cameraSelect({page: cameraParams.value.page, limit: cameraParams.value.pageSize }) // ip摄像头
+  cameraSelect({page: cameraParams.value.page, limit: cameraParams.value.pageSize}) // ip摄像头
 }
 
 
@@ -476,9 +483,9 @@ const _addLink = async () => {
     const options = {
       properties: ['openFile', 'multiSelections'], // 允许选择多个文件
       filters: [
-        { name: '图片', extensions: ['jpg', 'jpeg', 'png', 'webp', 'svg', 'bmp'] },
-        { name: '音视频', extensions: ['mp4', 'mp3'] },
-        { name: 'pdf', extensions: ['pdf'] },
+        {name: '图片', extensions: ['jpg', 'jpeg', 'png', 'webp', 'svg', 'bmp']},
+        {name: '音视频', extensions: ['mp4', 'mp3']},
+        {name: 'pdf', extensions: ['pdf']},
       ]
     };
     if (ipcRenderer) {
@@ -494,8 +501,7 @@ const _addLink = async () => {
           })
         }
       });
-    }
-    else {
+    } else {
       // const pickerOpts = {
       //   types: [
       //     {
@@ -576,7 +582,7 @@ const _addRr = () => {
     const options = {
       properties: ['openFile', 'multiSelections'],
       filters: [
-        { name: '全景图', extensions: ['jpg'] },
+        {name: '全景图', extensions: ['jpg']},
       ]
     };
     ipcRenderer.send('open-directory-dialog', options);
@@ -634,7 +640,7 @@ const _addRtmp = () => {
   }
 }
 
-const rtmpEdit = (index: any, item: { name: any; url: any; }) => {
+const rtmpEdit = (index: any, item: { name: any; url: any; id: any }) => {
   let active = {
     index: index,
     name: item.name,
@@ -654,7 +660,8 @@ const rtmpCancelEdit = () => {
   rtmpEditActive.value = {}
 }
 
-const attributeChange = () => { }
+const attributeChange = () => {
+}
 
 const changeAttributeGoods = (item) => {
   let flag = false
@@ -664,8 +671,7 @@ const changeAttributeGoods = (item) => {
         flag = true
         if (item.cnt) {
           props.entityOptions.attributeGoods[m].cnt = item.cnt
-        }
-        else {
+        } else {
           props.entityOptions.attributeGoods.splice(m, 1)
         }
         break
@@ -681,12 +687,12 @@ const changeAttributeGoods = (item) => {
       name: item.name,
       cnt: item.cnt,
     }
-    props.entityOptions.attributeGoods.push({ ...data })
+    props.entityOptions.attributeGoods.push({...data})
   }
 }
 const changeAttributeCamera = (e) => {
   console.log(e)
-  props.entityOptions.attributeCamera = [{ ...e }]
+  props.entityOptions.attributeCamera = [{...e}]
   for (let i = 0; i < cameraList.value.length; i++) {
     if (cameraList.value[i].id !== e.id) {
       cameraList.value[i].checked = false
@@ -713,140 +719,145 @@ const changeAttributeCamera = (e) => {
 </script>
 
 <style scoped lang="scss">
-.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(1),
-.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(1),
-.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(1),
-.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(1),
-.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .tr .th:nth-child(1),
-.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .tr .td:nth-child(1) {
+.YJ-custom-base-dialog > .content .attribute-content-link .table .tr .th:nth-child(1),
+.YJ-custom-base-dialog > .content .attribute-content-link .table .tr .td:nth-child(1),
+.YJ-custom-base-dialog > .content .attribute-content-vr .table .tr .th:nth-child(1),
+.YJ-custom-base-dialog > .content .attribute-content-vr .table .tr .td:nth-child(1),
+.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .tr .th:nth-child(1),
+.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .tr .td:nth-child(1) {
   width: 164px;
   flex: 0 0 164px;
 }
 
-.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(2),
-.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(2),
-.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(2),
-.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(2),
-.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .tr .th:nth-child(2),
-.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .tr .td:nth-child(2) {
+.YJ-custom-base-dialog > .content .attribute-content-link .table .tr .th:nth-child(2),
+.YJ-custom-base-dialog > .content .attribute-content-link .table .tr .td:nth-child(2),
+.YJ-custom-base-dialog > .content .attribute-content-vr .table .tr .th:nth-child(2),
+.YJ-custom-base-dialog > .content .attribute-content-vr .table .tr .td:nth-child(2),
+.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .tr .th:nth-child(2),
+.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .tr .td:nth-child(2) {
   width: 226px;
   flex: 0 0 226px;
 }
 
-.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(3),
-.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(3),
-.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(3),
-.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(3),
-.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .tr .th:nth-child(3),
-.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .tr .td:nth-child(3) {
+.YJ-custom-base-dialog > .content .attribute-content-link .table .tr .th:nth-child(3),
+.YJ-custom-base-dialog > .content .attribute-content-link .table .tr .td:nth-child(3),
+.YJ-custom-base-dialog > .content .attribute-content-vr .table .tr .th:nth-child(3),
+.YJ-custom-base-dialog > .content .attribute-content-vr .table .tr .td:nth-child(3),
+.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .tr .th:nth-child(3),
+.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .tr .td:nth-child(3) {
   flex: 0 0 150px;
   width: 150px;
   justify-content: center;
 }
-.YJ-custom-base-dialog.dialog-en>.content .attribute-content-link .table .tr .th:nth-child(3),
-.YJ-custom-base-dialog.dialog-en>.content .attribute-content-link .table .tr .td:nth-child(3),
-.YJ-custom-base-dialog.dialog-en>.content .attribute-content-vr .table .tr .th:nth-child(3),
-.YJ-custom-base-dialog.dialog-en>.content .attribute-content-vr .table .tr .td:nth-child(3),
-.YJ-custom-base-dialog.dialog-en>.content .attribute-content-rtmp .table .tr .th:nth-child(3),
-.YJ-custom-base-dialog.dialog-en>.content .attribute-content-rtmp .table .tr .td:nth-child(3) {
+
+.YJ-custom-base-dialog.dialog-en > .content .attribute-content-link .table .tr .th:nth-child(3),
+.YJ-custom-base-dialog.dialog-en > .content .attribute-content-link .table .tr .td:nth-child(3),
+.YJ-custom-base-dialog.dialog-en > .content .attribute-content-vr .table .tr .th:nth-child(3),
+.YJ-custom-base-dialog.dialog-en > .content .attribute-content-vr .table .tr .td:nth-child(3),
+.YJ-custom-base-dialog.dialog-en > .content .attribute-content-rtmp .table .tr .th:nth-child(3),
+.YJ-custom-base-dialog.dialog-en > .content .attribute-content-rtmp .table .tr .td:nth-child(3) {
   flex: 0 0 190px;
   width: 190px;
   justify-content: center;
 }
 
-.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td .input-group .input,
-.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td .input-group .input,
-.YJ-custom-base-dialog>.content .attribute-content-rtmp .table .tr .td .input-group .input {
+.YJ-custom-base-dialog > .content .attribute-content-link .table .tr .td .input-group .input,
+.YJ-custom-base-dialog > .content .attribute-content-vr .table .tr .td .input-group .input,
+.YJ-custom-base-dialog > .content .attribute-content-rtmp .table .tr .td .input-group .input {
   border-radius: 5px 0 0 5px;
 }
 
-.YJ-custom-base-dialog>.content .attribute-content-materials .table .tr .th:nth-child(1),
-.YJ-custom-base-dialog>.content .attribute-content-materials .table .tr .td:nth-child(1) {
+.YJ-custom-base-dialog > .content .attribute-content-materials .table .tr .th:nth-child(1),
+.YJ-custom-base-dialog > .content .attribute-content-materials .table .tr .td:nth-child(1) {
   flex: 0 0 60px;
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table {
+.YJ-custom-base-dialog > .content .table.camera-table {
   overflow-x: auto;
 }
 
-.YJ-custom-base-dialog>.content .table.isc-table {
+.YJ-custom-base-dialog > .content .table.isc-table {
   overflow: hidden;
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table .tr {
+.YJ-custom-base-dialog > .content .table.camera-table .tr {
   display: inline-flex;
 }
 
-.YJ-custom-base-dialog>.content .table.isc-table .tr {
+.YJ-custom-base-dialog > .content .table.isc-table .tr {
   display: flex;
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table .tr:last-child,
-.YJ-custom-base-dialog>.content .table.isc-table .tr:last-child {
+.YJ-custom-base-dialog > .content .table.camera-table .tr:last-child,
+.YJ-custom-base-dialog > .content .table.isc-table .tr:last-child {
   border-bottom: 1px solid rgba(var(--color-base1), 0.5);
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table .tr .td span,
-.YJ-custom-base-dialog>.content .table.isc-table .tr .td span {
+.YJ-custom-base-dialog > .content .table.camera-table .tr .td span,
+.YJ-custom-base-dialog > .content .table.isc-table .tr .td span {
   white-space: nowrap;
   margin-left: 10px;
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table .tr .td input[type=checkbox],
-.YJ-custom-base-dialog>.content .table.isc-table .tr .td input[type=checkbox] {
+.YJ-custom-base-dialog > .content .table.camera-table .tr .td input[type=checkbox],
+.YJ-custom-base-dialog > .content .table.isc-table .tr .td input[type=checkbox] {
   cursor: pointer;
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table .table-body,
-.YJ-custom-base-dialog>.content .table.isc-table .table-body {
+.YJ-custom-base-dialog > .content .table.camera-table .table-body,
+.YJ-custom-base-dialog > .content .table.isc-table .table-body {
   display: inline-flex;
   flex-direction: column;
   height: 186px;
   width: auto;
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table .tr .th,
-.YJ-custom-base-dialog>.content .table.camera-table .tr .td {
+.YJ-custom-base-dialog > .content .table.camera-table .tr .th,
+.YJ-custom-base-dialog > .content .table.camera-table .tr .td {
   flex: 0 0 100px;
   width: 100px;
   min-width: 100px;
 }
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .th,
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .td {
+
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .th,
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .td {
   flex: 0 0 110px;
   width: 110px;
   min-width: 110px;
 }
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .th:nth-of-type(3),
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .td:nth-of-type(3) {
+
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .th:nth-of-type(3),
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .td:nth-of-type(3) {
   flex: 0 0 110px !important;
   width: 110px !important;
   min-width: 110px !important;
 }
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .th:nth-of-type(5),
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .td:nth-of-type(5) {
-  flex: 0 0 95px !important;
-  width: 95px !important;
-  min-width: 95px !important;
-}
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .th:nth-of-type(6),
-.YJ-custom-base-dialog.dialog-en>.content .table.camera-table .tr .td:nth-of-type(6) {
+
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .th:nth-of-type(5),
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .td:nth-of-type(5) {
   flex: 0 0 95px !important;
   width: 95px !important;
   min-width: 95px !important;
 }
 
-.YJ-custom-base-dialog>.content .table.isc-table .tr .th,
-.YJ-custom-base-dialog>.content .table.isc-table .tr .td {
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .th:nth-of-type(6),
+.YJ-custom-base-dialog.dialog-en > .content .table.camera-table .tr .td:nth-of-type(6) {
+  flex: 0 0 95px !important;
+  width: 95px !important;
+  min-width: 95px !important;
+}
+
+.YJ-custom-base-dialog > .content .table.isc-table .tr .th,
+.YJ-custom-base-dialog > .content .table.isc-table .tr .td {
   flex: 1;
   width: auto;
   min-width: auto;
 }
 
-.YJ-custom-base-dialog>.content .table.camera-table .tr .th:first-child,
-.YJ-custom-base-dialog>.content .table.camera-table .tr .td:first-child,
-.YJ-custom-base-dialog>.content .table.isc-table .tr .th:first-child,
-.YJ-custom-base-dialog>.content .table.isc-table .tr .td:first-child {
+.YJ-custom-base-dialog > .content .table.camera-table .tr .th:first-child,
+.YJ-custom-base-dialog > .content .table.camera-table .tr .td:first-child,
+.YJ-custom-base-dialog > .content .table.isc-table .tr .th:first-child,
+.YJ-custom-base-dialog > .content .table.isc-table .tr .td:first-child {
   flex: 0 74px;
   min-width: 74px;
 }