事件详情页面样式

package.json

@@ -39,6 +39,7 @@
     "@jiaminghi/data-view": "^2.10.0",
     "@riophae/vue-treeselect": "0.4.0",
     "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
+    "animate.css": "^4.1.1",
     "axios": "0.24.0",
     "clipboard": "2.0.8",
     "core-js": "3.19.1",

src/assets/styles/base.scss

@@ -84,7 +84,7 @@ $date-state3: #d6333b;
 
 //视频摄像头预览弹层样式
 .videoCustomWidth {
-  width: 1070px !important;
+  width: 1150px !important;
   height: 700px !important;
 }
 //电视墙视频摄像头预览弹层样式

src/components/supermap.vue

@@ -1,6 +1,12 @@
 <template>
   <div v-bind:id="mapDivId" ref="map" style="width: 100%; height: 100%;background: none;">
-    <div id="toolbar" v-if="isdynamicPlotting" class="panel panel-primary"
+        <transition-group
+          appear
+          name="animate__animated animate__bounce"
+          enter-active-class="animate__backInLeft"
+          leave-active-class="animate__backOutLeft"
+        >
+          <div id="toolbar" v-if="isdynamicPlotting" class="panel panel-primary" v-show="mapToolShowBH" key="mapFlash"
          style="position:absolute;z-index: 9999;top:4rem;left: 1rem; border-radius: 4px; width: fit-content;height:635px;overflow-y:scroll;background:#040b1f">
       <div class="panel-heading" id="panelheading">
         <h5 style=" color: #2bacf7;font-size: 1rem;padding:.5rem;">鼠标标绘</h5>
@@ -17,7 +23,7 @@
         </div>
       </div>
     </div>
-
+    </transition-group>
     <div id="toolbar-heat" v-if="isheatPlotting" class="panel panel-primary"
          style="position:absolute;z-index: 9999; padding: 1rem; bottom:3rem;right: 1rem; border-radius: 4px; width: fit-content;height:fit-content;overflow-y:scroll;background:#040b1f">
       <div class="panel-body content">
@@ -311,6 +317,7 @@ export default {
     }
   },
   props: {
+    mapToolShowBH:false,
     mapDiv: null,
     codes: null,
     mapSite: {},

src/components/vBottomMenu.vue

@@ -198,7 +198,7 @@
                 查看事件详情
               </el-link>
               <div class="btm-r-pop-info-btm-btn" v-else>
-                <el-button type="primary"  @click="selectMessageById(item.id)">标记已读
+                <el-button type="primary" v-if="item.type ==2" @click="selectMessageById(item.id)">标记已读
                 </el-button>
               </div>
             </div>
@@ -532,7 +532,7 @@
           </el-input>
         </el-form-item>
         <el-form-item label="附件" prop="schedulePictures" v-if="eventStatusButton=='sh'">
-          <ImageUpload class="sj-upload" ref="ImageUpload" :limit="10" :fileType="['jpg', 'png','jpeg']" :value="uploadAttachList"
+          <ImageUpload ref="ImageUpload" :limit="10" :fileType="['jpg', 'png','jpeg']" :value="uploadAttachList"
                        @input="getUrl"></ImageUpload>
         </el-form-item>
         <el-button size="mini" type="primary" v-if="eventStatusButton=='sh'"

src/main.js

@@ -30,6 +30,9 @@ import './permission' // permission control
 //DataV动效组件
 import dataV from '@jiaminghi/data-view'
 
+//动画库
+import animated from 'animate.css'
+
 // 头部标签组件
 import MetaInfo from 'vue-meta-info';
 
@@ -51,6 +54,7 @@ Vue.prototype.selectDictLabels = selectDictLabels
 Vue.use(ElementUI)
 Vue.use(VueCookies)
 Vue.use(directive)
+Vue.use(animated)
 Vue.use(plugins)
 Vue.use(dataV)
 Vue.use(MetaInfo)