添加底库样式调整,跳转及关闭窗口同步高亮处理

hanbaoshan

2020-08-14 ea4cf388b11923ae181f17661aae71c0b95fecd5

添加底库样式调整,跳转及关闭窗口同步高亮处理

 public/index.html

@@ -316,6 +316,9 @@
    .pl20 {
      padding-left: 20px;
    }
    .cursor-pointer{
      cursor: pointer;
    }
    /* .flex-box{
      display: flex;
    } */

 src/pages/cameraVideo/index/Video.vue

@@ -636,5 +636,81 @@
    // box-shadow: #e4e7ed 0px 0px 9px inset;
    border-radius: 5px;
  }

}
.titlebar{
  height: 10px!important;
  background: #fff!important;
  .button{
    position: absolute;
    font-size: 25px!important;
    right: 10px;
    top: 10px;
    z-index: 3;
  }
}
.addToBase {
    width: 98%;
    height: 430px;
    position: relative;
    .topLabel {
      margin-top: 20px;
      height: 40px;
      border-bottom: 1px solid #eee;
      font-family: PingFangSC-Medium;
      font-size: 20px;
      font-weight: 600;
      line-height: 1rem;
      color: #222222;
      text-align: left;
      margin-left: 15px;
    }
    .items {
      width: 100%;
      height: auto;
      max-height: 35%;
      overflow-y: auto;
      margin: 20px 0px;
      .lable {
        width: 15%;
        margin-top: 10px;
        float: left;
        //font-family: PingFangSC-Medium;
        font-size: 14px;
        font-weight: 600;
      }
      .baseList {
        width: 85%;
        height: 100%;
        float: left;

        // display: flex;
        // justify-content: flex-start;
        .base {
          //flex-wrap: wrap;
          width: calc(33% - 10px);
          padding: 0px 5px;
          line-height: 30px;
          float: left;
          text-align: left;
          font-size: 12px !important;
          .el-checkbox {
            width: 100%;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            .el-checkbox__label {
              display: inline !important;
            }
          }
        }
      }
    }
    .buttons {
      position: absolute;
      right: 0px;
      bottom: 15px;
    }
  }
</style>

 src/pages/cameraVideo/index/main.ts

@@ -1,6 +1,5 @@
import Vue from 'vue';
import App from './App.vue'
import "../../../assets/css/common.scss"

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

 src/pages/desktop/index/components/DFrame.vue

@@ -64,7 +64,7 @@
      }
    }
  },
 
  
  methods: {
    //resize
    mousedown(e) {
@@ -94,8 +94,11 @@
    },
    //resize end
    closeFrame: function () {
      debugger
      this.$store.dispatch('desktop/closeFrame', this.data);
      this.refreshDock();
      //this.refreshDock();
      this.$store.commit('desktop/highlight')
      
    },
    changeFullScreen: function () {
      this.fullScreen = !this.fullScreen;

 src/pages/desktop/index/components/ToolsEntry.vue

@@ -86,6 +86,7 @@
      dockMask.style.width = dockItems.length * 60 + 40 + 'px';

    },

    addFrameByName(name, params) {

      debugger

      let dock = null;

      this.$store.state.desktop.docks.forEach(app => {

        if (app.name === name) {

@@ -102,6 +103,15 @@
        title: dock.title,

        url: dock.url + "?" + params

      });

      this.$store.commit('desktop/addMinDock', {

        id: dock.id,

        src: dock.src,

        alt: dock.title,

        type: "3",

        highlight: true,

        url: dock.url,

        screenshot: ''

      });

    }

  }

};


 src/pages/desktop/index/mock/userData.json

@@ -111,7 +111,7 @@
        "url": "/view/syslog",
        "title": "日志管理",
        "width": 1200,
        "height": 590
        "height": 600
      },
      {
        "id": "17",

 src/pages/desktop/index/store/modules/desktop.js

@@ -177,6 +177,7 @@
    state.notificationCenterVisible = visible;
  },
  closeFrame: (state, item) => {
    
    state.frames.find(function (it, idx) {
      if (it.id === item.id) {
        state.frames.splice(idx, 1);
@@ -191,6 +192,7 @@
      }
      return false;
    });
    
    state.docks.find(function (it) {
      if (it.id === item.id) {
        it.isOpen = false;
@@ -202,6 +204,17 @@
      state.safari.active = false;
    }
  },
  highlight(state){
    //找到minDocks最近打开的状态isShow为true的dock置为高亮
    let minLen = state.minDocks.length;
    for(var i = minLen-1; i >= 0; i--){
      let temp =  state.frames.find(frame=>frame.id == state.minDocks[i].id);
      if(temp.isShow){
        state.minDocks[i].highlight = true;
        return;
      }
    }
  },
  openSafari: (state) => {
    state.safari.active = true;
    state.safari.isShow = true;

 src/pages/search/index/Searching.vue

@@ -817,9 +817,20 @@
  white-space: nowrap;
  text-overflow: ellipsis;
}
.titlebar{
  height: 10px!important;
  background: #fff!important;
  .button{
    position: absolute;
    font-size: 25px!important;
    right: 10px;
    top: 10px;
    z-index: 3;
  }
}
.addToBase {
  width: 98%;
  height: 450px;
  height: 430px;
  position: relative;
  .topLabel {
    margin-top: 20px;

 src/pages/search/index/main.ts

@@ -1,23 +1,24 @@
import Vue from 'vue';
import App from './App.vue'
import "../../../assets/css/common.scss"

import ElementUI from 'element-ui';
import preview from 'vue-photo-preview'
import moment from "moment";
import * as VueWindow from "@hscmap/vue-window";
import App from './App.vue';
import Mixin from "./mixins";

import 'element-ui/lib/theme-chalk/index.css';
import "@/assets/css/element-variables.scss";
import 'vue-photo-preview/dist/skin.css'
//import "../../../assets/css/common.scss"

Vue.prototype.$moment = moment;

import Mixin from "./mixins";
Vue.mixin(Mixin);

import ElementUI from 'element-ui';
import "@/assets/css/element-variables.scss";
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)

import * as VueWindow from "@hscmap/vue-window";
Vue.use(VueWindow);

Vue.filter('moment', function (value, formatString) {

 src/pages/syslog/index/App.vue

@@ -1,7 +1,7 @@
<template>
  <div class="s-log-management">
    <div class="top">
      <b>日志类型:</b>
      <!-- <b>日志类型:</b>
      <el-select v-model="logValue" placeholder="请选择" size="small">
        <el-option
          v-for="item in logOptions"
@@ -9,26 +9,45 @@
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
      </el-select> -->
      <b>操作时间:</b>
      <el-date-picker
        v-model="timeValue"
        type="datetimerange"
        size="small"
        size="mini"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        style="width: 244px;"
      ></el-date-picker>
      <b>模块:</b>
      <el-select v-model="logValue" placeholder="请选择" size="mini">
        <el-option
          v-for="item in logOptions"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
      <b>功能:</b>
      <el-select v-model="logValue" placeholder="请选择" size="mini">
        <el-option
          v-for="item in logOptions"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
      <el-input
        v-model="searchValue"
        placeholder="请输入内容"
        clearable
        style="width: 150px;margin: 0px 10px;"
        size="small"
        size="mini"
      ></el-input>
      <el-button type="primary" size="small">搜索</el-button>
      <el-button type="danger" size="small" @click="delSelected">批量删除</el-button>
      <el-button type="text" size="small" style="font-size: 13px;font-weight: 600;">导出</el-button>
      <el-button type="primary" size="mini">搜索</el-button>
      <el-button type="danger" size="mini" @click="delSelected">批量删除</el-button>
      <el-button type="text" size="mini" style="font-size: 13px;font-weight: 600;">导出</el-button>
    </div>
    <div class="foot-table s-table">
      <el-table
@@ -158,9 +177,11 @@
.s-log-management {
  height: 100%;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  .top {
    width: 100%;
    margin-top: 10px;
    
    margin-bottom: 20px;
    overflow-y: auto;
    min-width: 1156px;