提交内容

whychdw

2022-01-18 d757504993a4b6bfe258f31432d63a360d41130a

提交内容

 src/assets/js/tools/getWebUrl.js

New file
@@ -0,0 +1,10 @@
function getWebUrl() {
  let url = '';
  if(process.env.NODE_ENV == 'dev') {
    url = "http://192.168.10.79:8919/"
  }else {
    url = location.protocol+"//"+location.host+"/";
  }
  return url;
}
export default getWebUrl;

 src/pages/dataTest/dialogs/endoscopeImage.vue

New file
@@ -0,0 +1,64 @@
<template>
  <div class="endoscope-image">
    <div class="endoscope-image-content">
      <el-carousel height="500px">
        <el-carousel-item v-for="(url, key) in imagesList" :key="'key'+key" :autoplay="false">
          <el-image
              style="width: 100%; height: 100%"
              :src="url"
              fit="contain"></el-image>
        </el-carousel-item>
      </el-carousel>
    </div>
    <div class="endoscope-image-footer">
      <el-button type="primary">刷新</el-button>
    </div>
  </div>
</template>

<script>
import getWebUrl from "@/assets/js/tools/getWebUrl";

export default {
  name: "endoscopeImage",
  props: {
    devId: {
      type: [String, Number],
      default: 805900001
    },
  },
  data() {
    return {
      images: [
          'baidu.png',
          'dianchi.png',
      ],
    }
  },
  methods: {},
  computed: {
    imagesList() {
      return this.images.map(item=>{
        return getWebUrl()+"A059/images/"+this.devId+"/"+item;
      });
    }
  },
  mounted() {

  },
  destroyed() {

  }
}
</script>

<style scoped>
.endoscope-image {
  background-color: #FFFFFF;
}
.endoscope-image-footer {
  padding: 8px 16px;
  background-color: #e1e1df;
  text-align: right;
}
</style>

 src/pages/dataTest/realTimeAio.vue

@@ -179,9 +179,13 @@
                   top="0" class="dialog-center" :modal-append-to-body="false">
            <activate-dialog-content v-if="dialog.show" :type="dialog.type" :batt="batt" @startok="dialog.show = false"></activate-dialog-content>
        </el-dialog>
        <el-dialog title="内窥镜" width="800px" :visible.sync="videoDialog.show" :close-on-click-modal="false"
<!--        <el-dialog title="内窥镜" width="800px" :visible.sync="videoDialog.show" :close-on-click-modal="false"-->
<!--                   top="0" class="dialog-center" :modal-append-to-body="false">-->
<!--            <endoscope-video v-if="videoDialog.show"></endoscope-video>-->
<!--        </el-dialog>-->
        <el-dialog title="内窥镜" width="960px" :visible.sync="videoDialog.show" :close-on-click-modal="false"
                   top="0" class="dialog-center" :modal-append-to-body="false">
            <endoscope-video v-if="videoDialog.show"></endoscope-video>
          <endoscope-image v-if="videoDialog.show"></endoscope-image>
        </el-dialog>
        <!-- 停电放电确认 -->
        <el-dialog :title="confirmDialog.title" width="480px" :visible.sync="confirmDialog.show" :close-on-click-modal="false"
@@ -241,6 +245,7 @@
import RtmpVideo from "@/components/rtmpVideo";
import EndoscopeVideo from "@/pages/dataTest/components/endoscopeVideo";
import HdwLight from '../dataMager/components/HdwLight.vue';
import EndoscopeImage from "@/pages/dataTest/dialogs/endoscopeImage";

let vol, resChart, conduct, currChart, leakVol;
let staticL, stateL, flushL;
@@ -249,6 +254,7 @@
export default {
    name: "realTimeAio",
    components: {
      EndoscopeImage,
        EndoscopeVideo,
        RtmpVideo,
        ContentBox,