U 修复软件中心交互

he wei

2022-09-17 66baaf058e9c939309f6d0b68aa12b07f0d08162

U 修复软件中心交互

 src/pages/resourceManage/software/list.vue

@@ -187,7 +187,7 @@
import DescRes from "./descRes";
import Pop from "./pop";
import offset from "@/assets/js/tools/offset";
import moment from 'moment';
import moment from "moment";

import {
  getList,
@@ -203,7 +203,7 @@
  name: "",
  data() {
    return {
      versionTime: moment().format('YYYY-MM-DD HH:mm:ss'),
      versionTime: moment().format("YYYY-MM-DD HH:mm:ss"),
      reasonVisible: false,
      reason: "",
      currentObj: null,
@@ -436,7 +436,7 @@
      this.file1 = null;
      this.resData = [];
      this.onlyXls = false;
      this.versionTime = moment().format('YYYY-MM-DD HH:mm:ss');
      this.versionTime = moment().format("YYYY-MM-DD HH:mm:ss");
      this.uploadShow = true;
    },
    updateDesc() {
@@ -575,9 +575,8 @@
        }
        if (y < 180) {
          y = 180;
        }
        if (y > clientHeight - 378) {
          y = clientHeight - 378;
        } else if (y > clientHeight - 378) {
          y = clientHeight / 2;
        }
      } else {
        if (y + 18 + 360 > clientHeight) {

 src/pages/resourceManage/software/pop.vue

@@ -1,5 +1,6 @@
<template>
  <div
    ref="pop"
    :class="['pop', position]"
    :style="{
      left: x + 'px',
@@ -47,9 +48,23 @@
  data() {
    return {};
  },
  methods: {},
  methods: {
    onMouseenter() {
      this.visible = true;
    },
    onMouseleave() {
      this.visible = false;
    }
  },

  mounted() {},
  mounted() {
    this.$refs.pop.addEventListener('mouseenter', this.onMouseenter);
    this.$refs.pop.addEventListener('mouseleave', this.onMouseleave);
  },
  beforeDestroy() {
    this.$refs.pop.removeEventListener('mouseenter', this.onMouseenter);
    this.$refs.pop.removeEventListener('mouseleave', this.onMouseleave);
  }
};
</script>

@@ -82,6 +97,16 @@
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
    }
    &::before {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      display: inline-block;
      height: 10px;
      background: transparent;
    }
  }
  &.bottom {
    margin-top: 10px;
@@ -99,6 +124,15 @@
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
    }
    &::before {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      height: 10px;
      background: transparent;
    }
  }
  &.left {
    margin-left: -10px;