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 |
| | | } |
| | |
| | | @click="undo" |
| | | :disabled="disableSelect" |
| | | style="position:absolute;left:25px;top:400px;font-size:2rem;cursor:pointer" |
| | | ></span> --> |
| | | ></span>--> |
| | | </el-tooltip> |
| | | <!-- <el-button type="default" @click="undo()">撤销</el-button> --> |
| | | </el-col> |
| | |
| | | class="iconfont icongengxin" |
| | | @click="refresh" |
| | | style="position:absolute;left:930px;font-size:2.5rem;cursor:pointer;color:white" |
| | | ></span> --> |
| | | ></span>--> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | |
| | | 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: [], // 记录绘制多边形时的各点坐标,绘制多边形时由于不是一笔完成,以数组数据做始终闭合的图形,双击后录成快照,把数组内容转移到最终数据中,然后清空数组 |
| | |
| | | src: this.c.toDataURL("image/png") |
| | | }); |
| | | this.delCursor = { type: -1, index: -1, remarksName: "", id: "" } |
| | | |
| | | |
| | | console.log("画布初始化"); |
| | | }, |
| | | // 取消画布清除状态函数 |
| | |
| | | } |
| | | // console.log("撤销!",this.canvasData); |
| | | }, |
| | | disabledOthers(type){ |
| | | console.log("当前type:",type) |
| | | disabledOthers(type) { |
| | | console.log("当前type:", type) |
| | | switch (type) { |
| | | case "1": |
| | | this.disableLine = false |
| | |
| | | this.disableLine = true |
| | | this.disableRect = true |
| | | this.disableArrow = true |
| | | this.disablePolygon = false |
| | | this.disablePolygon = false |
| | | this.disableSelect = true |
| | | break |
| | | } |
| | | console.log("禁用直线:",this.disableLine) |
| | | console.log("禁用矩形:",this.disableRect) |
| | | console.log("禁用箭头:",this.disableArrow) |
| | | console.log("禁用多边形:",this.disablePolygon) |
| | | console.log("禁用直线:", this.disableLine) |
| | | console.log("禁用矩形:", this.disableRect) |
| | | console.log("禁用箭头:", this.disableArrow) |
| | | console.log("禁用多边形:", this.disablePolygon) |
| | | }, |
| | | undisabled() { |
| | | this.disableLine = false |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | blackImg: require("../../assets/baseimg.png"), |
| | | blackImg: require("../../assets/img/baseimg.png"), |
| | | canvasData: { |
| | | line: [], |
| | | rect: [], |
| | |
| | | .then(res => { |
| | | if (res.data.cameraId === this.currentCameraId) { |
| | | this.baseImg = res.data.snapshotUrl; |
| | | this.$emit('refresh',res.data.snapshotUrl) |
| | | this.$emit('refresh', res.data.snapshotUrl) |
| | | this.$forceUpdate() |
| | | this.$notify({ |
| | | type: "success", |
| | |
| | | </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) { |
| | |
| | | <div class="svg-wrap">
|
| | | <!-- <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="">
|
| | | </svg>-->
|
| | | <img
|
| | | class="baseImg"
|
| | | :src="`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div> -->
|
| | | </div>-->
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
| | | },
|
| | | directives: {
|
| | | focus: {
|
| | | inserted: function(el) {
|
| | | inserted: function (el) {
|
| | | el.querySelector("input").focus();
|
| | | }
|
| | | }
|
| | |
| | | //this.activeCode
|
| | | this.actStep++
|
| | | },
|
| | | getCodeDetail() {},
|
| | | getCodeDetail() { },
|
| | | checkMyAlgorith() {
|
| | | this.actDrawerShow = false;
|
| | | this.activeName = "myAlgorithm";
|
| | |
| | | // });
|
| | | // });
|
| | |
|
| | | this.$confirm('','算法信息',{
|
| | | this.$confirm('', '算法信息', {
|
| | | message: `<div class="installInfo">
|
| | | <div><span>算法名称:</span><span>${file.filename}</span></div>
|
| | | <div><span>安装版本:</span><span></span></div>
|
| | |
| | | this.isInstall = true;
|
| | | //安装
|
| | | installSdk(file).then(res => {
|
| | | if(res.success){
|
| | | if (res.success) {
|
| | | debugger
|
| | | this.isInstall = false;
|
| | | //this.$refs['progressBar'].style.width = 100%
|
| | |
| | | type: 'success',
|
| | | message: '安装成功,将跳转至我的算法中查看'
|
| | | });
|
| | | setTimeout(()=>{
|
| | | setTimeout(() => {
|
| | | this.findAllSdk();
|
| | | this.activeName = 'myAlgorithm';
|
| | | },3000)
|
| | | }, 3000)
|
| | | }
|
| | | });
|
| | | }).catch(() => {
|
| | | console.log('取消安装')
|
| | | })
|
| | | |
| | |
|
| | | },
|
| | |
|
| | | onFileAdded(f) {
|
| | |
| | | .then(() => {
|
| | | this.deleteTask(data);
|
| | | })
|
| | | .catch(err => {});
|
| | | .catch(err => { });
|
| | | },
|
| | | clickSetAlgo(row, data) {
|
| | | // window.console.log(row, data, "编辑任务中某一个算法");
|
| | |
| | | .then(() => {
|
| | | this.delTaskSdk(task, sdk);
|
| | | })
|
| | | .catch(err => {});
|
| | | .catch(err => { });
|
| | | },
|
| | | selectChange(event, type, data) {
|
| | | if (type === "options1") {
|
| | |
| | | this.sceneDialogVisible = true;
|
| | | this.dialogTitle = '编辑场景模板';
|
| | | },
|
| | | handleDelScene(item){
|
| | | handleDelScene(item) {
|
| | | this.$confirm('此操作将删除该应用场景模板, 是否继续?', '提示', {
|
| | | confirmButtonText: '确定',
|
| | | cancelButtonText: '取消',
|
| | | type: 'warning'
|
| | | }).then(() => {
|
| | | deleteTemplate(item.id).then(res=>{
|
| | | if(res && res.success){
|
| | | deleteTemplate(item.id).then(res => {
|
| | | if (res && res.success) {
|
| | | this.updateTemplates();
|
| | | this.$message({
|
| | | type: 'success',
|
| | |
| | | });
|
| | | }
|
| | | })
|
| | | |
| | |
|
| | | }).catch(() => {
|
| | | console.log('取消删除');
|
| | | });
|
| | |
| | | .s-task-manage {
|
| | | width: 100% !important;
|
| | | height: 100%;
|
| | | |
| | |
|
| | | box-sizing: border-box;
|
| | | background-color: rgb(233, 235, 242);
|
| | | padding: 10px;
|
| | |
| | | cursor: pointer;
|
| | | }
|
| | |
|
| | |
|
| | |
|
| | | .installInfo{
|
| | | .installInfo {
|
| | | text-indent: 2em;
|
| | | font-size: 14px;
|
| | | color: #777;
|
| | | p{
|
| | | p {
|
| | | text-align: center;
|
| | | color: #666;
|
| | | }
|
| | | }
|
| | | .task-manage {
|
| | | height: 100%;
|
| | | .installModel{
|
| | | .installModel {
|
| | | width: 100%;
|
| | | height: 100%;
|
| | | background-color: rgba(0, 0, 0, 0.7);
|
| | |
| | | top: 0;
|
| | | left: 0;
|
| | | z-index: 100;
|
| | | .progress-bar{
|
| | | .progress-bar {
|
| | | width: 70%;
|
| | | height: 17px;
|
| | | border-radius: 3px;
|
| | |
| | | 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{
|
| | | transform: translate(-50%, -50%);
|
| | | .inner-bar {
|
| | | position: absolute;
|
| | | top: 0;
|
| | | left: 0;
|
| | |
| | | // width: 58% !important;
|
| | | // }
|
| | | // }
|
| | | .edit-rules-box{
|
| | | .edit-rules-box {
|
| | | padding: 0 2px 0 13px;
|
| | | }
|
| | | .common {
|
| | |
| | | margin-bottom: 30px;
|
| | | .inner {
|
| | | width: 80%;
|
| | | |
| | |
|
| | | box-sizing: border-box;
|
| | | position: relative;
|
| | | font-size: 14px;
|
| | |
| | | box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
|
| | | border-radius: 4px;
|
| | | margin: auto;
|
| | | &:hover{
|
| | | .mask{
|
| | | &:hover {
|
| | | .mask {
|
| | | display: block;
|
| | | }
|
| | | }
|
| | | .mask{
|
| | | .mask {
|
| | | position: absolute;
|
| | | top: 0;
|
| | | left: 0;
|
| | |
| | | z-index: 1;
|
| | | border-radius: 3px;
|
| | | display: none;
|
| | | .tool{
|
| | | .tool {
|
| | | position: absolute;
|
| | | top: 49%;
|
| | | left: 50%;
|
| | | transform: translate(-50%,-50%);
|
| | | i{
|
| | | transform: translate(-50%, -50%);
|
| | | i {
|
| | | font-size: 50px;
|
| | | }
|
| | | i:nth-of-type(1){
|
| | | i:nth-of-type(1) {
|
| | | margin-right: 30px;
|
| | | }
|
| | | i:nth-of-type(2){
|
| | | i:nth-of-type(2) {
|
| | | color: red;
|
| | | }
|
| | | }
|
| | |
| | | margin: auto;
|
| | | justify-content: center;
|
| | | align-content: center;
|
| | | align-items: center; |
| | | align-items: center;
|
| | | .single,
|
| | | .double,
|
| | | .third,
|
| | |
| | | }
|
| | | .single {
|
| | | margin: auto;
|
| | | .svg-wrap{
|
| | | .svg-wrap {
|
| | | top: 50%;
|
| | | left: 50%;
|
| | | transform: translate(-50%,-50%);
|
| | | transform: translate(-50%, -50%);
|
| | | box-shadow: none;
|
| | | }
|
| | | }
|
| | | .double{
|
| | | .svg-wrap:nth-of-type(1){
|
| | | .double {
|
| | | .svg-wrap:nth-of-type(1) {
|
| | | top: 50%;
|
| | | transform: translateY(-50%);
|
| | | left: 0;
|
| | | }
|
| | | .svg-wrap:nth-of-type(2){
|
| | | .svg-wrap:nth-of-type(2) {
|
| | | top: 50%;
|
| | | transform: translateY(-50%);
|
| | | right: 0;
|
| | | }
|
| | | }
|
| | | .third{
|
| | | .svg-wrap:nth-of-type(1){
|
| | | .third {
|
| | | .svg-wrap:nth-of-type(1) {
|
| | | top: 0;
|
| | | left: 0;
|
| | | }
|
| | | .svg-wrap:nth-of-type(2){
|
| | | .svg-wrap:nth-of-type(2) {
|
| | | top: 0;
|
| | | right: 0;
|
| | | }
|
| | | .svg-wrap:nth-of-type(3){
|
| | | .svg-wrap:nth-of-type(3) {
|
| | | top: 50%;
|
| | | left: 50%;
|
| | | transform: translateX(-50%);
|
| | | }
|
| | | }
|
| | | .four{
|
| | | .svg-wrap:nth-of-type(1){
|
| | | .four {
|
| | | .svg-wrap:nth-of-type(1) {
|
| | | top: 0;
|
| | | left: 0;
|
| | | }
|
| | | .svg-wrap:nth-of-type(2){
|
| | | .svg-wrap:nth-of-type(2) {
|
| | | top: 0;
|
| | | right: 0;
|
| | | }
|
| | | .svg-wrap:nth-of-type(3){
|
| | | .svg-wrap:nth-of-type(3) {
|
| | | top: 50%;
|
| | | left: 0; |
| | | left: 0;
|
| | | }
|
| | | .svg-wrap:nth-of-type(4){
|
| | | .svg-wrap:nth-of-type(4) {
|
| | | top: 50%;
|
| | | right: 0;
|
| | | }
|
| | |
| | | left: 0;
|
| | | }
|
| | | }
|
| | | |
| | | }
|
| | | }
|
| | | .store-list {
|
| | |
| | | width: 80%;
|
| | | margin: auto;
|
| | | padding-top: 80%;
|
| | | svg{
|
| | | svg {
|
| | | position: absolute;
|
| | | top: 50%;
|
| | | left: 50%;
|
| | | transform: translate(-50%,-50%);
|
| | |
|
| | | transform: translate(-50%, -50%);
|
| | | }
|
| | | }
|
| | | .alg-name {
|
| | |
| | | }
|
| | | .text-right {
|
| | | padding-right: 30px;
|
| | | .tip{
|
| | | .tip {
|
| | | color: #999;
|
| | | line-height: 38px; |
| | | line-height: 38px;
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | height: 100%;
|
| | | padding-bottom: 10px;
|
| | | text-align: center;
|
| | | .svg-wrap{
|
| | | .svg-wrap {
|
| | | width: 80%;
|
| | | margin: auto;
|
| | | padding-top: 80%;
|
| | | position: relative;
|
| | | svg{
|
| | | svg {
|
| | | position: absolute;
|
| | | top: 50%;
|
| | | left: 50%;
|
| | | transform: translate(-50%,-50%);
|
| | | transform: translate(-50%, -50%);
|
| | | }
|
| | | .baseImg {
|
| | | position: absolute;
|
| | | top: 50%;
|
| | | left: 50%;
|
| | | transform: translate(-50%,-50%);
|
| | | transform: translate(-50%, -50%);
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | :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> |
| | | </div> |
| | | </hsc-window> |
| | | </hsc-window-style-metal> --> |
| | | |
| | | </hsc-window-style-metal>--> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | height: 100%; |
| | | padding: 0px 20px; |
| | | box-sizing: border-box; |
| | | |
| | | |
| | | //临时 |
| | | .el-carousel__item.is-active{ |
| | | z-index: 0!important; |
| | | .el-carousel__item.is-active { |
| | | z-index: 0 !important; |
| | | } |
| | | //临时 |
| | | |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | .el-loading-spinner-search { |
| | | background: url("../../../assets/gif/searchLoading.gif") no-repeat; |
| | | background: url("/images/search/searchLoading.gif") no-repeat; |
| | | } |
| | | } |
| | | } |