Loading src/App.vue +6 −1 Original line number Original line Diff line number Diff line Loading @@ -5,11 +5,16 @@ <script setup> <script setup> import useSettingsStore from '@/store/modules/settings' import useSettingsStore from '@/store/modules/settings' import { handleThemeStyle } from '@/utils/theme' import { handleThemeStyle } from '@/utils/theme' const screenHeight = ref(window.innerHeight-145); onMounted(() => { onMounted(() => { nextTick(() => { nextTick(() => { // 初始化主题样式 // 初始化主题样式 handleThemeStyle(useSettingsStore().theme) handleThemeStyle(useSettingsStore().theme) window.addEventListener('resize', handleResize); }) }) }) }) function handleResize() { screenHeight.value = window.innerHeight-145; } provide('globalScreenHeight', screenHeight); </script> </script> src/api/videoControl/videoPreview.js +18 −0 Original line number Original line Diff line number Diff line Loading @@ -9,6 +9,23 @@ export function listAiRegionManage(query) { }) }) } } // 获取左侧树 export function videoTreeListManage(query) { return request({ url: '/yunshou/aiRegionManage/videoTreeList', method: 'get', params: query }) } // 获取根据点位ID获取设备 export function idDevice(id) { return request({ url: `/yunshou/aiRegionManage/getVideoInfoById/${id}`, method: 'get', }) } // 查询设备列表x详情 // 查询设备列表x详情 export function detailDevice(id) { export function detailDevice(id) { return request({ return request({ Loading Loading @@ -62,3 +79,4 @@ export function exportDevice(data) { data: data data: data }) }) } } src/components/Breadcrumb/index.vue +7 −4 Original line number Original line Diff line number Diff line Loading @@ -3,7 +3,7 @@ <transition-group name="breadcrumb"> <transition-group name="breadcrumb"> <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"> <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"> <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect" >{{ item.meta.title }}</span> <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect" >{{ item.meta.title }}</span> <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a> <a v-else @click.prevent="handleLink(item)" style="color: #fff;">{{ item.meta.title }}</a> </el-breadcrumb-item> </el-breadcrumb-item> </transition-group> </transition-group> </el-breadcrumb> </el-breadcrumb> Loading Loading @@ -52,14 +52,17 @@ getBreadcrumb(); </script> </script> <style lang='scss' scoped> <style lang='scss' scoped> .el-breadcrumb__separator{ color: #fff; } .app-breadcrumb.el-breadcrumb { .app-breadcrumb.el-breadcrumb { display: inline-block; display: inline-block; font-size: 14px; font-size: 14px; line-height: 50px; line-height: 50px; margin-left: 8px; margin-left: 8px; color: #fff; .no-redirect { .no-redirect { color: #97a8be; color: #fff; cursor: text; cursor: text; } } } } Loading src/components/Hamburger/index.vue +9 −1 Original line number Original line Diff line number Diff line Loading @@ -3,12 +3,13 @@ <svg <svg :class="{'is-active':isActive}" :class="{'is-active':isActive}" class="hamburger" class="hamburger" style="color: #fff;" viewBox="0 0 1024 1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="64" width="64" height="64" height="64" > > <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> <path id="mySvg" d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> </svg> </svg> </div> </div> </template> </template> Loading @@ -25,6 +26,13 @@ const emit = defineEmits() const toggleClick = () => { const toggleClick = () => { emit('toggleClick'); emit('toggleClick'); } } onMounted(() => { const element = document.getElementById('mySvg'); element.style.fill = '#fff'; }) </script> </script> <style scoped> <style scoped> Loading src/components/ImageUpload/index.vue +0 −1 Original line number Original line Diff line number Diff line Loading @@ -103,7 +103,6 @@ watch(() => props.modelValue, val => { if (typeof item === "string") { if (typeof item === "string") { if (item.indexOf(baseUrl) === -1) { if (item.indexOf(baseUrl) === -1) { item = { name: baseUrl + item, url: baseUrl + item }; item = { name: baseUrl + item, url: baseUrl + item }; console.log("🚀 ~ watch ~ item:", item) } else { } else { item = { name: item, url: item }; item = { name: item, url: item }; } } Loading Loading
src/App.vue +6 −1 Original line number Original line Diff line number Diff line Loading @@ -5,11 +5,16 @@ <script setup> <script setup> import useSettingsStore from '@/store/modules/settings' import useSettingsStore from '@/store/modules/settings' import { handleThemeStyle } from '@/utils/theme' import { handleThemeStyle } from '@/utils/theme' const screenHeight = ref(window.innerHeight-145); onMounted(() => { onMounted(() => { nextTick(() => { nextTick(() => { // 初始化主题样式 // 初始化主题样式 handleThemeStyle(useSettingsStore().theme) handleThemeStyle(useSettingsStore().theme) window.addEventListener('resize', handleResize); }) }) }) }) function handleResize() { screenHeight.value = window.innerHeight-145; } provide('globalScreenHeight', screenHeight); </script> </script>
src/api/videoControl/videoPreview.js +18 −0 Original line number Original line Diff line number Diff line Loading @@ -9,6 +9,23 @@ export function listAiRegionManage(query) { }) }) } } // 获取左侧树 export function videoTreeListManage(query) { return request({ url: '/yunshou/aiRegionManage/videoTreeList', method: 'get', params: query }) } // 获取根据点位ID获取设备 export function idDevice(id) { return request({ url: `/yunshou/aiRegionManage/getVideoInfoById/${id}`, method: 'get', }) } // 查询设备列表x详情 // 查询设备列表x详情 export function detailDevice(id) { export function detailDevice(id) { return request({ return request({ Loading Loading @@ -62,3 +79,4 @@ export function exportDevice(data) { data: data data: data }) }) } }
src/components/Breadcrumb/index.vue +7 −4 Original line number Original line Diff line number Diff line Loading @@ -3,7 +3,7 @@ <transition-group name="breadcrumb"> <transition-group name="breadcrumb"> <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"> <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"> <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect" >{{ item.meta.title }}</span> <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect" >{{ item.meta.title }}</span> <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a> <a v-else @click.prevent="handleLink(item)" style="color: #fff;">{{ item.meta.title }}</a> </el-breadcrumb-item> </el-breadcrumb-item> </transition-group> </transition-group> </el-breadcrumb> </el-breadcrumb> Loading Loading @@ -52,14 +52,17 @@ getBreadcrumb(); </script> </script> <style lang='scss' scoped> <style lang='scss' scoped> .el-breadcrumb__separator{ color: #fff; } .app-breadcrumb.el-breadcrumb { .app-breadcrumb.el-breadcrumb { display: inline-block; display: inline-block; font-size: 14px; font-size: 14px; line-height: 50px; line-height: 50px; margin-left: 8px; margin-left: 8px; color: #fff; .no-redirect { .no-redirect { color: #97a8be; color: #fff; cursor: text; cursor: text; } } } } Loading
src/components/Hamburger/index.vue +9 −1 Original line number Original line Diff line number Diff line Loading @@ -3,12 +3,13 @@ <svg <svg :class="{'is-active':isActive}" :class="{'is-active':isActive}" class="hamburger" class="hamburger" style="color: #fff;" viewBox="0 0 1024 1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="64" width="64" height="64" height="64" > > <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> <path id="mySvg" d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> </svg> </svg> </div> </div> </template> </template> Loading @@ -25,6 +26,13 @@ const emit = defineEmits() const toggleClick = () => { const toggleClick = () => { emit('toggleClick'); emit('toggleClick'); } } onMounted(() => { const element = document.getElementById('mySvg'); element.style.fill = '#fff'; }) </script> </script> <style scoped> <style scoped> Loading
src/components/ImageUpload/index.vue +0 −1 Original line number Original line Diff line number Diff line Loading @@ -103,7 +103,6 @@ watch(() => props.modelValue, val => { if (typeof item === "string") { if (typeof item === "string") { if (item.indexOf(baseUrl) === -1) { if (item.indexOf(baseUrl) === -1) { item = { name: baseUrl + item, url: baseUrl + item }; item = { name: baseUrl + item, url: baseUrl + item }; console.log("🚀 ~ watch ~ item:", item) } else { } else { item = { name: item, url: item }; item = { name: item, url: item }; } } Loading