2 文件已复制
18个文件已删除
32 文件已重命名
17个文件已修改
| | |
| | | obj.iconStatus2 = '1' |
| | | } |
| | | if (!i.snapshot_url) { |
| | | obj.snapshot_url = require('@/assets/nobody.png') |
| | | // obj.snapshot_url = require('@/assets/nobody.png') |
| | | obj.snapshot_url = "" |
| | | } else { |
| | | obj.snapshot_url = '/httpImage/' + obj.snapshot_url |
| | | } |
| | |
| | | name: "canvasDialog", |
| | | data() { |
| | | return { |
| | | backImg: require("../../assets/baseimg.png"), |
| | | backImg: require("../../assets/img/baseimg.png"), |
| | | url: "", // canvas图片的二进制格式转为dataURL格式 |
| | | type: "0", // 绘图状态 '0'为选中删除,'1'为画线,‘2’为画矩形,‘4’为画箭头,‘5’为画多边形 |
| | | points: [], // 记录绘制多边形时的各点坐标,绘制多边形时由于不是一笔完成,以数组数据做始终闭合的图形,双击后录成快照,把数组内容转移到最终数据中,然后清空数组 |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | blackImg: require("../../assets/baseimg.png"), |
| | | blackImg: require("../../assets/img/baseimg.png"), |
| | | canvasData: { |
| | | line: [], |
| | | rect: [], |
| | |
| | | </template> |
| | | <script> |
| | | import Wfs from "./wfs"; |
| | | import defPoster from "../../assets/player_poster.gif" |
| | | |
| | | export default { |
| | | name: "CameraPlayer", |
| | |
| | | }, |
| | | computed: { |
| | | poster() { |
| | | return defPoster + "?t=" + Math.random() |
| | | return "/images/player/player_poster.gif?t=" + Math.random() |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | data() { |
| | | return { |
| | | tempUploadImg: "", |
| | | tempImg: require("../../assets/nobody.png"), |
| | | selectedIcon: require("../../assets/duihao.png"), |
| | | tempImg: "/images/search/nobody.png", |
| | | selectedIcon: "/images/search/duihao.png", |
| | | bigPhoto: [], |
| | | displayUpload: true, |
| | | clickNum: 0, |
| | |
| | | if (res.data.smImage.length % 3 !== 0) { |
| | | // 用虚拟人像补全整行 |
| | | const length = res.data.smImage.length % 3 |
| | | console.log("看看length的值", length) |
| | | this.unrealSmallPath.length = 0 |
| | | for (var i = 0; i < 3 - length; i++) { |
| | | this.unrealSmallPath.push(this.tempImg) |
| | |
| | | data() { |
| | | return { |
| | | tempUploadImg: "", |
| | | tempImg: require("../../assets/nobody.png"), |
| | | selectedIcon: require("../../assets/duihao.png"), |
| | | tempImg: "/images/search/nobody.png", |
| | | selectedIcon: "/images/search/duihao.png", |
| | | bigPhoto: [], |
| | | displayUpload: true, |
| | | clickNum: 0, |
| | |
| | | data() { |
| | | return { |
| | | tempUploadImg: "", |
| | | tempImg: require("../../assets/nobody.png"), |
| | | selectedIcon: require("../../assets/duihao.png"), |
| | | tempImg: "/images/search/nobody.png", |
| | | selectedIcon: "/images/search/duihao.png", |
| | | bigPhoto: [], |
| | | isShowUpload: false, |
| | | clickNum: 0, |
| | |
| | | data() { |
| | | return { |
| | | tempUploadImg: "", |
| | | tempImg: require("../../assets/nobody.png"), |
| | | selectedIcon: require("../../assets/duihao.png"), |
| | | tempImg: "/images/search/nobody.png", |
| | | selectedIcon: "/images/search/duihao.png", |
| | | bigPhoto: [], |
| | | displayUpload: true, |
| | | clickNum: 0, |
| | |
| | | }, |
| | | getUrl(bwtype) { |
| | | if (bwtype == 1) { |
| | | return `url(${require("@/assets/bg/red.png")})` |
| | | return `url(${require("@/assets/img/red.png")})` |
| | | } else { |
| | | return `url(${require("@/assets/bg/green.png")})` |
| | | return `url(${require("@/assets/img/green.png")})` |
| | | } |
| | | }, |
| | | changeInitialIndex(index) { |
| | |
| | | <!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">
|
| | | <use :xlink:href="`#${item.icon}`" />
|
| | | </svg> -->
|
| | | <img class="baseImg" :src="`data:image/png;base64,${item.iconBlob}`" alt="">
|
| | | <img
|
| | | class="baseImg"
|
| | | :src="`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | cursor: pointer;
|
| | | }
|
| | |
|
| | |
|
| | |
|
| | | .installInfo{
|
| | | text-indent: 2em;
|
| | | font-size: 14px;
|
| | |
| | | position: absolute;
|
| | | top: 50%;
|
| | | left: 50%;
|
| | | background: url(../../../assets/gif/green.gif);
|
| | | background: url("/images/algo/green.gif");
|
| | | overflow: hidden;
|
| | | transform: translate(-50%,-50%);
|
| | | .inner-bar{
|
| | |
| | | left: 0;
|
| | | }
|
| | | }
|
| | | |
| | | }
|
| | | }
|
| | | .store-list {
|
| | |
| | | top: 50%;
|
| | | left: 50%;
|
| | | transform: translate(-50%,-50%);
|
| | |
|
| | | }
|
| | | }
|
| | | .alg-name {
|
| | |
| | | :isRunning="false" |
| | | v-if="videoItem !== '' && videoItem !== undefined && videoItem !== null && visibilityState" |
| | | ></camera-player> |
| | | <video v-else poster="../../../assets/baseimg_cameara.png" preload="none"></video> |
| | | <video v-else poster="/images/cameraAccess/video-poster.png" preload="none"></video> |
| | | </el-col> |
| | | |
| | | <!-- 系统运行信息 --> |
| | |
| | | vertical-align: middle; |
| | | } |
| | | .snapshot-video { |
| | | background: url("../../../assets/img/video.png"); |
| | | background: url("/images/cameraAccess/video.png"); |
| | | background-repeat: round; |
| | | } |
| | | .snapshot-image { |
| | | background: url("../../../assets/img/image.png"); |
| | | background: url("/images/cameraAccess/image.png"); |
| | | background-repeat: round; |
| | | } |
| | | .snapshot-audio { |
| | | background: url("../../../assets/img/audio.png"); |
| | | background: url("/images/cameraAccess/audio.png"); |
| | | background-repeat: round; |
| | | } |
| | | .snapshot-files { |
| | | background: url("../../../assets/img/files.png"); |
| | | background: url("/images/cameraAccess/files.png"); |
| | | background-repeat: round; |
| | | } |
| | | } |
| | |
| | | <p style="text-align:left;margin-bottom: 14px;"> |
| | | <b style="font-size: 14px;line-height: 18px;">已选算法</b> |
| | | </p> |
| | | <!-- <swiper :options="swiperTaskOption" class="swiper-box-container swiper-no-swiping"> |
| | | <span class="task-tip" v-show="tableRuleList.length == 0 ">暂无算法,请在独立规则中选择算法</span> |
| | | <swiper-slide v-for="(item, index) in tableRuleList" :key="index"> |
| | | <div class="item-card"> |
| | | <p style="text-align: right; width:100%; height:25px"></p> |
| | | <p style="color: #0066EB;padding-top: 20px;'"> |
| | | <b>{{ item.scene_name }}</b> |
| | | </p> |
| | | </div> |
| | | </swiper-slide> |
| | | </swiper> |
| | | |
| | | <div class="pre-border" v-show="tableRuleList.length > 4 "> |
| | | <div class="icon-btn" slot="button-prev"> |
| | | <i class="iconfont iconzuo"></i> |
| | | </div> |
| | | </div> |
| | | <div class="next-border" v-show="tableRuleList.length > 4 "> |
| | | <div class="icon-btn" slot="button-next"> |
| | | <i class="iconfont iconyou1"></i> |
| | | </div> |
| | | </div>--> |
| | | <div> |
| | | <div class="slide-scene"> |
| | | <span class="task-tip" v-if="tableRuleList.length == 0 ">暂无算法,请在独立规则中选择算法</span> |
| | |
| | | </style> |
| | | <style lang="scss" scoped> |
| | | .el-loading-spinner { |
| | | background: url("../../../assets/gif/loading.gif") no-repeat; |
| | | background: url("/images/cameraAccess/loading.gif") no-repeat; |
| | | top: 50%; |
| | | margin-top: -21px; |
| | | width: calc(100% - 260px) !important; |
| | |
| | | } |
| | | } |
| | | .el-loading-spinner { |
| | | background: url("../../../assets/gif/loading.gif") no-repeat; |
| | | background: url("/images/cameraAccess/loading.gif") no-repeat; |
| | | top: 50%; |
| | | margin-top: -21px; |
| | | width: calc(100% - 260px) !important; |
| | |
| | | v-if="videoItem !== '' && videoItem !== undefined && videoItem !== null && TreeDataPool.treeActiveName==='dataStack'" |
| | | :src="videoItem.rtsp" |
| | | autoplay="autoplay" |
| | | poster="../../../assets/baseimg.png" |
| | | poster="/images/cameraVideo/video-poster.png" |
| | | controls |
| | | >您的浏览器不支持 video 标签。</video> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="left-bg"> |
| | | <div class="login-logo"> |
| | | <img src="../../assets/img/login-logo.png" alt width="105px" height="105px" /> |
| | | <img src="/images/login-logo.png" alt width="105px" height="105px" /> |
| | | </div> |
| | | <div class="login-com"> |
| | | <span>北京贝思科技术有限公司</span> |
| | |
| | | |
| | | <script> |
| | | import { tologin, getLoginUserData, getServerName } from './api.ts' |
| | | import ParticleNetwork from '@/components/ParticleNetwork' |
| | | import ParticleNetwork from './ParticleNetwork' |
| | | import Licence from '@/components/licence' |
| | | |
| | | export default { |
| | |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | background-image: url("../../assets/img/login-net.png"); |
| | | background-image: url("/images/login-net.png"); |
| | | |
| | | width: 100%; |
| | | height: 100%; |
File was renamed from src/components/ParticleNetwork.vue |
| | |
| | | <template> |
| | | <div class="particle-network-animation" :style="`height:${height}px;width:${width}px`"> |
| | | <div style="display:none"> |
| | | <img ref="conf0" src="../assets/img/login/0.png" /> |
| | | <img ref="conf1" src="../assets/img/login/1.png" /> |
| | | <img ref="conf2" src="../assets/img/login/2.png" /> |
| | | <img ref="conf3" src="../assets/img/login/3.png" /> |
| | | <img ref="conf4" src="../assets/img/login/4.png" /> |
| | | <img ref="conf5" src="../assets/img/login/5.png" /> |
| | | <img ref="conf6" src="../assets/img/login/6.png" /> |
| | | <img ref="conf7" src="../assets/img/login/7.png" /> |
| | | <img ref="conf8" src="../assets/img/login/8.png" /> |
| | | <img ref="conf9" src="../assets/img/login/9.png" /> |
| | | <img ref="conf10" src="../assets/img/login/10.png" /> |
| | | <img ref="conf11" src="../assets/img/login/11.png" /> |
| | | <img ref="conf12" src="../assets/img/login/12.png" /> |
| | | <img ref="conf13" src="../assets/img/login/13.png" /> |
| | | <img ref="conf14" src="../assets/img/login/14.png" /> |
| | | <img ref="conf15" src="../assets/img/login/15.png" /> |
| | | <img ref="conf0" src="/images/login/0.png" /> |
| | | <img ref="conf1" src="/images/login/1.png" /> |
| | | <img ref="conf2" src="/images/login/2.png" /> |
| | | <img ref="conf3" src="/images/login/3.png" /> |
| | | <img ref="conf4" src="/images/login/4.png" /> |
| | | <img ref="conf5" src="/images/login/5.png" /> |
| | | <img ref="conf6" src="/images/login/6.png" /> |
| | | <img ref="conf7" src="/images/login/7.png" /> |
| | | <img ref="conf8" src="/images/login/8.png" /> |
| | | <img ref="conf9" src="/images/login/9.png" /> |
| | | <img ref="conf10" src="/images/login/10.png" /> |
| | | <img ref="conf11" src="/images/login/11.png" /> |
| | | <img ref="conf12" src="/images/login/12.png" /> |
| | | <img ref="conf13" src="/images/login/13.png" /> |
| | | <img ref="conf14" src="/images/login/14.png" /> |
| | | <img ref="conf15" src="/images/login/15.png" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | var prop = this.radius |
| | | // let imgOdr = parseInt(Math.random() * 16, 10); |
| | | var img = that.$refs['conf' + this.imgNumber] |
| | | // img.src = "../../assets/img/login/" + imgOdr + ".png"; |
| | | this.ctx.drawImage( |
| | | img, |
| | | this.x - this.radius * 0.8, |
| | |
| | | } |
| | | .particle-network-animation::before { |
| | | z-index: -3; |
| | | content: ''; |
| | | content: ""; |
| | | position: absolute; |
| | | top: 0; |
| | | right: 0; |
| | |
| | | </div> |
| | | </hsc-window> |
| | | </hsc-window-style-metal> --> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | .el-loading-spinner-search { |
| | | background: url("../../../assets/gif/searchLoading.gif") no-repeat; |
| | | background: url("/images/search/searchLoading.gif") no-repeat; |
| | | } |
| | | } |
| | | } |