风险图预览

heida/src/main.js

@@ -4,7 +4,7 @@ import router from './router'
 // 将自动注册所有组件为全局组件
 import dataV from '@jiaminghi/data-view'
 import Echart from './components/echarts/index.vue'
-import { DatePicker, Menu, MenuItem, Table, TableColumn } from 'element-ui'
+import { DatePicker, Menu, MenuItem, Table, TableColumn, Image } from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 
 Vue.use(dataV)
@@ -13,6 +13,7 @@ Vue.use(Menu)
 Vue.use(MenuItem)
 Vue.use(Table)
 Vue.use(TableColumn)
+Vue.use(Image)
 
 Vue.config.productionTip = false
 

heida/src/views/security/index.vue

@@ -19,7 +19,7 @@
         <dv-border-box-12 class="item-box">
           <ItemTitle title="风险四色图"></ItemTitle>
           <div class="box">
-            <img class="wusetu" src="@/assets/image/anquan/wusetu.jpg" />
+            <el-image class="wusetu" :src="fengjiantu" :preview-src-list="[fengjiantu]"> </el-image>
           </div>
         </dv-border-box-12>
       </div>
@@ -56,9 +56,10 @@ export default {
     ItemTitle,
     ListImg
   },
-  data () {
+  data() {
     return {
       showPage: true,
+      fengjiantu: require('@/assets/image/anquan/wusetu.jpg'),
       lstJd: [],
       lstJC: [],
       zhenggaijilu_config: {
@@ -75,8 +76,7 @@ export default {
           ['现场23#脚手架施工工人未系安全带', '2024-05-08', '哈尔滨建工建设有限公司', '2024-05-08', '要求23#楼脚手架搭设施工人员按规范要求系好安全带，整改完毕'],
           ['现场施工单位未按要求擅自施工', '2024-05-06', '哈尔滨建工建设有限公司', '2024-05-06', '钢管等材料已见证送样，二次复试报告已回确认构件、管件已合格，施工单位技术负责已上报安全施工组织设计、脚手架施工方案，整改完成'],
           ['施工现场工人未系安全带:', '2024-05-05', '哈尔滨建工建设有限公司', '2024-05-05', '要求高处作业施工人员系安全带'],
-          ['进场工装及安全帽、反光马甲配置问题', '2024-04-27', '哈尔滨建工建设有限公司', '2024-04-28', '要求施工人员按规范佩戴安全帽、穿工装及反光马甲。我单位并在五一前配齐安全帽、工装及反光马甲，整改完毕'],
-
+          ['进场工装及安全帽、反光马甲配置问题', '2024-04-27', '哈尔滨建工建设有限公司', '2024-04-28', '要求施工人员按规范佩戴安全帽、穿工装及反光马甲。我单位并在五一前配齐安全帽、工装及反光马甲，整改完毕']
         ]
       },
       weixianyuan_config: {
@@ -91,27 +91,26 @@ export default {
           ['1', '高处坠落', '脚手架', '27栋', '物体坠落', '安全带', '徐怀宝'],
           ['2', '物体打击', '脚手架', '26栋', '伤人', '防护', '徐怀宝'],
           ['3', '高处坠落', '脚手架', '25栋', '物体坠落', '安全带', '马纬国'],
-          ['4', '物体打击', '脚手架', '23栋', '伤人', '防护', '马纬国'],
-
+          ['4', '物体打击', '脚手架', '23栋', '伤人', '防护', '马纬国']
         ]
       }
     }
   },
 
   methods: {
-    getJd () {
+    getJd() {
       axios.get('http://static.harbinxiaoshi.cn/daping/' + process.env.VUE_APP_TITLE + '/json/anquanjiaoyujiaodi.json?t=' + dayjs()).then(res => {
         this.lstJd = res.data
       })
     },
-    getJC () {
+    getJC() {
       axios.get('http://static.harbinxiaoshi.cn/daping/' + process.env.VUE_APP_TITLE + '/json/anquanxunchan.json?t=' + dayjs()).then(res => {
         this.lstJC = res.data
       })
     }
   },
 
-  mounted () {
+  mounted() {
     this.getJd()
     this.getJC()
   }
@@ -149,14 +148,13 @@ export default {
   width: 100%;
   height: 100%;
 
-  &>img {
+  & > img {
     width: px2rem(283);
     height: px2rem(160);
     object-fit: fill;
   }
 }
 
-
 .box {
   margin-top: px2rem(10);
 }