实时监控-没有触发预警的数据不再显示任务名称和等级(卡片和详情弹框)
| | |
| | | <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 |
| | | > |
| | | <!-- <span v-else>{{ data.task_name }}</span> --> |
| | | |
| | | <span v-if="data.is_warning === 1" style="color: red;">{{ |
| | | item.dictValue |
| | | }}</span |
| | | > |
| | | <span v-else>{{ |
| | | <!-- <span v-else>{{ |
| | | item.dictValue |
| | | }}</span |
| | | > |
| | | }}</span> --> |
| | | |
| | | </p> |
| | | <!-- <el-tooltip placement="right" popper-class="atooltip"> |
| | | <div slot="content"> |
| | |
| | | <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> |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'CameraTree', |
| | | name: 'TreeMenu', |
| | | props: { |
| | | node: Array, // 接收树数据 |
| | | height: [Number, String], |
| | |
| | | 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) { |
| | |
| | | <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> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | treeDataLoaded:false, |
| | | totalNode: 0, |
| | | checkData: 0, |
| | | treeData: [{ |
| | |
| | | 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() { |