实时监控-没有触发预警的数据不再显示任务名称和等级(卡片和详情弹框)
4个文件已修改
27 ■■■■ 已修改文件
src/components/subComponents/CardItem.vue 10 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/subComponents/ModelCard.vue 4 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/pages/gb28181/components/gbZtree.vue 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/pages/gb28181/index/App.vue 7 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/subComponents/CardItem.vue
@@ -341,16 +341,16 @@
        <p v-for="(item, index) in data.event_levels" :key="index + 'rule'">
              <span v-if="data.is_warning === 1" style="color: red;">{{ data.task_name }}</span
              >
              <span v-else>{{ data.task_name }}</span
              >&nbsp;&nbsp;
              <!-- <span v-else>{{ data.task_name }}</span> -->
              &nbsp;&nbsp;
              <span v-if="data.is_warning === 1" style="color: red;">{{
                item.dictValue
              }}</span
              >
              <span v-else>{{
              <!-- <span v-else>{{
                item.dictValue
              }}</span
              >&nbsp;
              }}</span> -->
              &nbsp;
            </p>
        <!-- <el-tooltip placement="right" popper-class="atooltip">
          <div slot="content">
src/components/subComponents/ModelCard.vue
@@ -50,11 +50,9 @@
                <span style="margin-left:35px;">{{ data.cameraName || "摄像机名称" }}</span>
              </p>
              <p>
                <span class="fontStyleForModel">AI任务</span>
                <span v-if="data.is_warning === 1" class="fontStyleForModel">AI任务</span>
                <span v-if="data.is_warning === 1" style="margin-left:20px;color: red;">{{ data.task_name }}</span>
                <span v-else style="margin-left:20px;">{{ data.task_name }}</span>
                <span v-if="data.is_warning === 1" style="margin-left:20px;color: red;">{{ data.event_level_name }}</span>
                <span v-else style="margin-left:20px;">{{ data.event_level_name }}</span>
              </p>
              <p v-if="data.is_warning === 1">
                <span class="fontStyleForModel">隐患描述</span>
src/pages/gb28181/components/gbZtree.vue
@@ -12,7 +12,7 @@
<script>
export default {
  name: 'CameraTree',
  name: 'TreeMenu',
  props: {
    node: Array,       // 接收树数据
    height: [Number, String],
@@ -33,8 +33,8 @@
  mounted() {
    this.checkedKeys(this.node)
    this.$refs.tree.setCheckedKeys(this.checkedKeysList);
    // console.log("checkedKeysList",this.checkedKeysList)
    this.handleCheckChange()
    console.log("checkedKeysList",this.checkedKeysList)
    // this.handleCheckChange()
  },
  methods: {
    checkedKeys(node) {
src/pages/gb28181/index/App.vue
@@ -92,7 +92,7 @@
            <b>国标摄像机配置</b>
            <span>(最多勾选500路摄像机)</span>
          </div>
          <tree-menu ref="tree" app="gb28181" treeName="localTree" :node="treeData" :height="treeHeight"
          <tree-menu v-if="activeName === 'cameras' && treeDataLoaded" ref="tree" app="gb28181" treeName="localTree" :node="treeData" :height="treeHeight"
            @cehckDataUpload="handleParentMethod" :setting="treeSettings" style="width:600px;min-height:500px" />
          <!--                    <div class="base-image" >
                        <span>{{ 0 }}</span>
@@ -137,6 +137,7 @@
  },
  data() {
    return {
      treeDataLoaded:false,
      totalNode: 0,
      checkData: 0,
      treeData: [{
@@ -338,10 +339,12 @@
      gb28181.getGb28181Pool().then((rsp) => {
        if (rsp && rsp.status == 200) {
          // console.log("treeData:",rsp.data.items)
          this.treeData = [];
          this.treeData = rsp.data.items;
          this.totalNode = rsp.data.total;
          this.checkData = this.treeData.filter(node => node.checked).length
          this.treeDataLoaded = true;
        }
        // console.log("treeData:",this.treeData)
      })
    },
    saveChecked() {