diff --git a/.husky/commit-msg b/.husky/commit-msg deleted file mode 100644 index 1a089f4..0000000 --- a/.husky/commit-msg +++ /dev/null @@ -1,4 +0,0 @@ -#!/usr/bin/env sh -. "$(dirname -- "$0")/_/husky.sh" - -npx --no-install commitlint --edit $1 diff --git a/.vscode/extensions.json b/.vscode/extensions.json deleted file mode 100644 index 0675eb8..0000000 --- a/.vscode/extensions.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "recommendations": [ - "vue.volar", - "vue.vscode-typescript-vue-plugin", - "hollowtree.vue-snippets", - "dbaeumer.vscode-eslint", - "stylelint.vscode-stylelint", - "esbenp.prettier-vscode", - "editorconfig.editorconfig", - "streetsidesoftware.code-spell-checker", - "syler.sass-indented", - "mikestead.dotenv" - ] -} diff --git a/.vscode/settings.json b/.vscode/settings.json deleted file mode 100644 index 6f43eb9..0000000 --- a/.vscode/settings.json +++ /dev/null @@ -1,132 +0,0 @@ -{ - "editor.formatOnSave": true, - "stylelint.enable": true, - "editor.codeActionsOnSave": { - "source.fixAll.stylelint": "explicit" - }, - "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass", "html"], - "files.eol": "\n", - "[vue]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[typescript]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[json]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[jsonc]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[javascript]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[typescriptreact]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[scss]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[html]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[markdown]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[less]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "cSpell.words": [ - "acroutes", - "adcode", - "Alipay", - "AMAP", - "Anglar", - "antd", - "apng", - "Biao", - "bottomleft", - "bottomright", - "breakline", - "browserslist", - "cascader", - "cnpm", - "commitize", - "commitlint", - "contentleft", - "contentright", - "CSDN", - "curveness", - "daterange", - "datetimerange", - "doclock", - "dragover", - "easymock", - "echarts", - "esbuild", - "fangda", - "fastmock", - "Geeker", - "Gitee", - "glgview", - "hexs", - "iconfont", - "Jheng", - "juejin", - "liquidfill", - "liutao", - "loglevel", - "longpress", - "malefemale", - "Mapchart", - "nprogress", - "officedocument", - "openxmlformats", - "pageable", - "Parens", - "persistedstate", - "Pinia", - "pjpeg", - "Prefixs", - "protable", - "singleline", - "sortablejs", - "sousuo", - "spreadsheetml", - "styl", - "stylelint", - "stylelintignore", - "stylelintrc", - "suoxiao", - "sysmbol", - "timerange", - "topleft", - "topright", - "truetype", - "Uncapitalize", - "unplugin", - "unref", - "vite", - "vuedraggable", - "vueuse", - "Vuex", - "wangeditor", - "Wechat", - "xianxingdaoyu", - "xianxingdiqiu", - "xianxingditu", - "xianxingfanchuan", - "xianxingfeiji", - "xianxinglvhangriji", - "xianxingtianqiyubao", - "xianxingxiangjipaizhao", - "xianxingxiarilengyin", - "xianxingyoulun", - "xianxingzijiayou", - "xiaoxi", - "yxxx", - "zhongyingwen", - "zhuti", - "zlevel" - ] -} diff --git a/src/views/goverment/largeScreen/index.vue b/src/views/goverment/largeScreen/index.vue index e893997..40ecce8 100644 --- a/src/views/goverment/largeScreen/index.vue +++ b/src/views/goverment/largeScreen/index.vue @@ -573,14 +573,21 @@ const getEquipmentList = async (id: any) => { if (res.result && res.result.length > 0) { let arr: any = res.result; arr.map(async (item: any) => { + const img = new URL("@/assets/images/Mars3DImg/icon/camera.svg", import.meta.url).href; const graphicImg = new mars3d.graphic.DivGraphic({ id: item.monitorId, position: [+item.lng, +item.lat, +item.alt], style: { - html: () => { - const dom = initVue3Popup(resPointStyle?.codeValue, { data: { name: item.name } }); - return dom; - }, + // html: () => { + // const dom = initVue3Popup(resPointStyle?.codeValue, { data: { name: item.name } }); + // return dom; + // }, + html: `
+ +
+
+
+ `, offsetX: +resPointStyle?.offsetX, offsetY: +resPointStyle?.offsetY, distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 100000) @@ -2378,131 +2385,131 @@ onUnmounted(() => { // 视频监控点位样式 :deep() { - // .mars3d-camera-content { - // width: 100px; - // height: 30px; - // display: flex; - // align-items: center; - // justify-content: center; - // } - // .mars3d-camera-img { - // width: 30px; - // height: 30px; - // // animation: cameraMove 1s linear infinite alternate; - // // -webkit-animation: cameraMove 1s linear infinite alternate; - // } - // .mars3d-camera-text { - // color: white; - // font-size: 20px; - // } - // @keyframes cameraMove { - // from { - // margin-top: 20px; - // } - // to { - // margin-top: 0px; - // } - // } - // @-webkit-keyframes cameraMove { - // from { - // margin-top: 20px; - // } - // to { - // margin-top: 0px; - // } - // } - // .mars3d-camera-line { - // height: 120px; - // width: 5px; - // margin-top: 10px; - // // border-left: 3px dashed #5b8fee; - // margin-left: calc(50% - 1px); - // } - // .mars3d-camera-point { - // border-radius: 50%; - // width: 8px; - // height: 8px; - // margin-left: calc(50% - 3px); - // // background-color: #5b8fee; - // } - // .animation-spaceInDown { - // animation-duration: 1s; - // animation-fill-mode: both; - // animation-name: spaceInDown; - // } - // @keyframes spaceInDown { - // 0% { - // opacity: 0; - // transform-origin: 0% 100%; - // transform: scale(0.2) translate(0, 200%); - // } - // 100% { - // opacity: 1; - // transform-origin: 0% 100%; - // transform: scale(1) translate(0, 0); - // } - // } - // .marsBlackPanel { - // min-width: 90px; - // min-height: 35px; - // position: absolute; - // left: 16px; - // bottom: 31px; - // cursor: default; - // border-radius: 4px; - // opacity: 0.96; - // border: 1px solid #14171c; - // box-shadow: 0px 2px 21px 0px rgba(33, 34, 39, 0.55); - // border-radius: 4px; - // box-sizing: border-box; - // background: linear-gradient(0deg, #1e202a 0%, #0d1013 100%); - // } + .mars3d-camera-content { + width: 100px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + } + .mars3d-camera-img { + width: 30px; + height: 30px; + // animation: cameraMove 1s linear infinite alternate; + // -webkit-animation: cameraMove 1s linear infinite alternate; + } + .mars3d-camera-text { + color: white; + font-size: 20px; + } + @keyframes cameraMove { + from { + margin-top: 20px; + } + to { + margin-top: 0px; + } + } + @-webkit-keyframes cameraMove { + from { + margin-top: 20px; + } + to { + margin-top: 0px; + } + } + .mars3d-camera-line { + height: 120px; + width: 5px; + margin-top: 10px; + border-left: 3px dashed #5b8fee; + margin-left: calc(50% - 1px); + } + .mars3d-camera-point { + border-radius: 50%; + width: 8px; + height: 8px; + margin-left: calc(50% - 3px); + background-color: #5b8fee; + } + .animation-spaceInDown { + animation-duration: 1s; + animation-fill-mode: both; + animation-name: spaceInDown; + } + @keyframes spaceInDown { + 0% { + opacity: 0; + transform-origin: 0% 100%; + transform: scale(0.2) translate(0, 200%); + } + 100% { + opacity: 1; + transform-origin: 0% 100%; + transform: scale(1) translate(0, 0); + } + } + .marsBlackPanel { + min-width: 90px; + min-height: 35px; + position: absolute; + left: 16px; + bottom: 31px; + cursor: default; + border-radius: 4px; + opacity: 0.96; + border: 1px solid #14171c; + box-shadow: 0px 2px 21px 0px rgba(33, 34, 39, 0.55); + border-radius: 4px; + box-sizing: border-box; + background: linear-gradient(0deg, #1e202a 0%, #0d1013 100%); + } - // .marsBlackPanel::before { - // content: ""; - // width: calc(100% + 22px); - // height: 39px; - // position: absolute; - // bottom: -39px; - // left: -22px; - // background: url("@/assets/images/Mars3DImg/icon/popupLbl.png") 0px 0px no-repeat; - // background-position: 0px 0px; - // } + .marsBlackPanel::before { + content: ""; + width: calc(100% + 22px); + height: 39px; + position: absolute; + bottom: -39px; + left: -22px; + background: url("@/assets/images/Mars3DImg/icon/popupLbl.png") 0px 0px no-repeat; + background-position: 0px 0px; + } - // .marsBlackPanel-text { - // width: 100%; - // height: 100%; - // min-height: 33px; - // text-align: center; - // padding: 10px 5px 0 5px; - // margin: 0; - // font-size: 14px; - // font-weight: 400; - // color: #ffffff; - // border: 1px solid #ffffff4f; - // -webkit-box-sizing: border-box; - // box-sizing: border-box; - // white-space: nowrap; - // } + .marsBlackPanel-text { + width: 100%; + height: 100%; + min-height: 33px; + text-align: center; + padding: 10px 5px 0 5px; + margin: 0; + font-size: 14px; + font-weight: 400; + color: #ffffff; + border: 1px solid #ffffff4f; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; + } - // .marsBlackPanel-highlight { - // border: 2px solid yellow; - // } - // .mars3d-popup-close-button { - // position: absolute; - // top: 0; - // right: 0; - // padding: 4px 4px 0 0; - // text-align: center; - // width: 20px; - // height: 20px; - // font: 16px/14px Tahoma, Verdana, sans-serif; - // text-decoration: none; - // font-weight: bold; - // background: transparent; - // z-index: 20170825; - // cursor: pointer; - // color: #fff; - // } + .marsBlackPanel-highlight { + border: 2px solid yellow; + } + .mars3d-popup-close-button { + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + text-align: center; + width: 20px; + height: 20px; + font: 16px/14px Tahoma, Verdana, sans-serif; + text-decoration: none; + font-weight: bold; + background: transparent; + z-index: 20170825; + cursor: pointer; + color: #fff; + } } - + \ No newline at end of file