Merge remote-tracking branch 'origin/master'

fuliqi

2024-03-20 05631bcdcce230b3ffdccb5f299938e57fd2761d

Merge remote-tracking branch 'origin/master'

 src/views/screen/components/screen-map/index.vue

@@ -15,18 +15,18 @@
import WrapperTitle from '../wrapper-title/index';

echarts.registerMap('zigong', mapData);
console.log(mapData);
let mapChart = null;
let tempName = '';
let observer = null;
const mapConfig = {
  series: [{
    map: "zigong", //注册地图的名字
    type: "map3D",
  geo3D: {
    map: 'zigong',
    show: true,
    bottom: 0,
    left: 0,
    top: 0,
    right: 0,
    zlevel: 1,
    itemStyle: {
      color: "#4189f2", // 背景
      opacity: 1, //透明度
@@ -44,16 +44,60 @@
    // 控制器
    viewControl: {
      beta: -30,
      alpha: 90,
      distance: 100,
      alpha: 50,
      distance: 105,
      maxBeta: 180,
      panSensitivity: 0
      panSensitivity: 0,
      zoomSensitivity: 1,
      rotateSensitivity: 0,
    },
    // 鼠标移入时样式
    emphasis: {
      itemStyle: {
        color: "#F63545"
        color: "#F63545",
      }
    },
    // regions: mapData.features.map((item) => {
    //   return {
    //     name: item.properties.name,
    //     itemStyle: {
    //       color: "#4189f2"
    //     }
    //   }
    // })
  },
  series: [
    {
      map: "zigong", //注册地图的名字
      type: "map3D",
      bottom: 0,
      left: 0,
      top: 0,
      right: 0,
      zlevel: 2,
      itemStyle: {
        color: "#4189f2", // 背景
        opacity: 0, //透明度
        borderWidth: 0, // 边框宽度
        borderColor: "#fff", // 边框颜色
        fontSize: 18, //
      },

      // 标签
      label: {
        show: false,
        color: "#fff", //地图初始化区域字体颜色
        fontSize: 18,
      },
      // 控制器
      viewControl: {
        beta: -30,
        alpha: 50,
        distance: 105,
        maxBeta: 180,
        panSensitivity: 0,
        zoomSensitivity: 1,
        rotateSensitivity: 0,
    },

    // 数据
@@ -65,6 +109,46 @@
        }
      }
    }),

    },
    {
      type: 'lines3D',
      coordinateSystem: 'geo3D',
      zlevel: 15,

      effect: {
        show: true,
        period: 5,
        trailLength: 0.2,
        color: '#01AAED',
      },
      lineStyle: {
        width: 3,
        opacity: 0.6,
        color: '#FFB800'
      },
      data: [
        [
          [104.343914,29.470778],
          [104.766432,29.328016]
        ],
        [
          [104.603116,29.347364],
          [104.766432,29.328016]
        ],
        [
          [104.873139,29.30861],
          [104.766432,29.328016]
        ],
        [
          [105.058792,29.1521],
          [104.766432,29.328016]
        ],
        [
          [104.848535,29.410526],
          [104.766432,29.328016]
        ],
      ]
  }
  ]

@@ -82,13 +166,21 @@
  methods: {
    filterData(name) {
      this.initConfig();
      let temp = mapConfig.series[0].data.find(item => item.name === name);
      let temp = mapConfig.geo3D.regions.find(item => item.name === name);

      // mapConfig.geo3D.regions.push({
      //   name: name,
      //   itemStyle: {
      //     color: '#F63545'
      //   }
      // });
      temp.itemStyle.color = '#F63545';
      mapChart.setOption(mapConfig, true);
      this.$emit('filterData', name);
    },
    initConfig() {
      mapConfig.series[0].data.forEach(item => {
      // mapConfig.geo3D.regions = [];
      mapConfig.geo3D.regions.forEach(item => {
        item.itemStyle.color = '#4189f2';
      });
    },
@@ -112,6 +204,7 @@
    mapChart = echarts.init(this.$refs.map);
    mapChart.setOption(mapConfig, true);
    mapChart.on('click', (params) => {
      return;
      if (tempName === params.name) {
        tempName = '';
        this.initConfig();
@@ -146,6 +239,7 @@
    background: rgba(67, 102, 155, 0.3);
  border: 1px solid rgba(47, 91, 157, 0.8);
  }

  .map-style {
    width: 100%;
    height: 100%;

 src/views/screen/components/screen-map/test.vue

 src/views/system/data-manage/index.vue

@@ -3,13 +3,24 @@
    <div class="container">
      <el-row type="flex" justify="center">
        <el-col :span="24">
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">人脸数据异常检测</h3>
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">视频运行监控</h3>
        </el-col>
      </el-row>

      <el-row type="flex" justify="center">
        <el-col :span="6" v-for="(item, index) in faceData" :key="index">
        <el-col :span="6" v-for="(item, index) in videoData" :key="index">
          <el-link @click="handleDetail(item)">
            <el-card style="width:150px;height: 150px;text-align: center;">
              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
              <div>{{ item.name }}</div>
            </el-card>
          </el-link>
        </el-col>
      </el-row>
      <br/>
      <el-row type="flex" justify="center">
        <el-col :span="6" v-for="(item, index) in videoData2" :key="index">
          <el-link @click="handleDetail(item)" :style="item.name == '' ? 'display:none' : ''">
            <el-card style="width:150px;height: 150px;text-align: center;">
              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
              <div>{{ item.name }}</div>
@@ -22,7 +33,7 @@
    <div class="container">
      <el-row type="flex" justify="center">
        <el-col :span="24">
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">车俩数据异常检测</h3>
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">车辆运行监控</h3>
        </el-col>
      </el-row>

@@ -36,7 +47,49 @@
          </el-link>
        </el-col>
      </el-row>
      <br/>
      <el-row type="flex" justify="center">
        <el-col :span="6" v-for="(item, index) in carData2" :key="index">
          <el-link @click="handleDetail(item)" :style="item.name == '' ? 'display:none' : ''">
            <el-card style="width:150px;height: 150px;text-align: center;">
              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
              <div>{{ item.name }}</div>
            </el-card>
          </el-link>
        </el-col>
      </el-row>
    </div>

    <div class="container">
      <el-row type="flex" justify="center">
        <el-col :span="24">
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">人脸运行监控</h3>
        </el-col>
      </el-row>

      <el-row type="flex" justify="center">
        <el-col :span="6" v-for="(item, index) in faceData" :key="index">
          <el-link @click="handleDetail(item)">
            <el-card style="width:150px;height: 150px;text-align: center;">
              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
              <div>{{ item.name }}</div>
            </el-card>
          </el-link>
        </el-col>
      </el-row>
      <br/>
      <el-row type="flex" justify="center">
        <el-col :span="6" v-for="(item, index) in faceData2" :key="index">
          <el-link @click="handleDetail(item)" :style="item.name == '' ? 'display:none' : ''">
            <el-card style="width:150px;height: 150px;text-align: center;">
              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
              <div>{{ item.name }}</div>
            </el-card>
          </el-link>
        </el-col>
      </el-row>
    </div>
    <br/><br/><br/><br/>
  </div>
</template>

@@ -44,16 +97,53 @@
export default {
  data() {
    return {
      faceData: [
        { name: '人脸识别时钟准确性', icon: 'el-icon-alarm-clock', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '人脸抓拍数据监测', icon: 'el-icon-user', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '人脸数据趋势分析', icon: 'el-icon-data-line', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '人脸抓拍设备活跃性', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '人脸抓拍上传及时性', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '人脸抓拍大图可用性', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
      videoData: [
        { name: '平台在线', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '一机一档', icon: 'el-icon-folder', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '点位在线', icon: 'el-icon-search', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '录像可用', icon: 'el-icon-turn-off', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '视频标注', icon: 'el-icon-place', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '重点指挥图像在线率', icon: 'el-icon-film', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
      ],
      videoData2: [
        { name: '视频图像资源安全管理', icon: 'el-icon-house', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '视频图像质量', icon: 'el-icon-set-up', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-connection', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }
      ],
      carData: [
        { name: '卡口过车数据一致性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }
        { name: '视图库对接稳定性×1', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '点位在线率', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '联网卡口设备目录一致率', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '车辆卡口信息采集准确率', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '车辆卡口设备抓拍数据完整性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '车辆卡口设备抓拍数据准确性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }
      ],
      carData2: [
        { name: '车辆卡口设备时钟准确性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '车辆卡口设备抓拍数据上传及时性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '车辆卡口设备url可用性×0.5', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '车辆卡口设备抓拍数据大图可用性', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-truck', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' }
      ],
      faceData: [
        { name: '视图库对接稳定性', icon: 'el-icon-alarm-clock', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '点位在线率', icon: 'el-icon-user', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '目录一致率', icon: 'el-icon-data-line', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '人脸卡口信息采集准确率', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '设备抓拍图片合格性', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '设备抓拍图片时钟准确性', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
      ],
      faceData2: [
        { name: '抓拍人脸数据上传及时性', icon: 'el-icon-thumb', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '人脸卡口设备抓拍数据大图可用性', icon: 'el-icon-pie-chart', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-data-line', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
      ]
    }
  },