Commit 115c9bc6 authored by ninglx's avatar ninglx

处理vue script->npm引入 导致的使用方式问题 统一处理vfor cosole warn

parent 8709da22
......@@ -42,8 +42,8 @@
</div>
<el-select v-model="speedValue" class="ctrl-select">
<el-option
v-for="item of speeds"
:key="item.value"
v-for="(item,index) of speeds"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
......@@ -66,7 +66,7 @@
@change="handleCheckedChange"
style="display: flex; flex-direction: column"
>
<el-checkbox v-for="item in types" :label="item" :key="item">{{
<el-checkbox v-for="(item,index) of types" :label="item" :key="index">{{
item
}}</el-checkbox>
</el-checkbox-group>
......
import Vue from 'vue'
// 引入组件
// 面包屑
import breadcrumb from "./Breadcrumb";
......
......@@ -374,7 +374,7 @@ export default {
.el-menu--horizontal > .el-menu-item {
line-height: 31px;
height: 31px;
border-bottom: 0px;
border-bottom: none;
// text-align: center;
}
......@@ -390,10 +390,12 @@ export default {
.el-menu--horizontal > .el-menu-item.is-active.norm {
background-image: url('../../assets/images/holo/menuSelect.png');
border-bottom: none;
}
.el-menu--horizontal > .el-menu-item.is-active.fz {
background-image: url('../../assets/images/holo/menuSelectR.png');
border-bottom: none;
}
.el-menu {
......@@ -417,6 +419,7 @@ export default {
display: flex;
align-items: center;
justify-content: center;
border-bottom: none;
}
.demo0 {
......
......@@ -21,8 +21,8 @@
<el-tab-pane
:name="item.code"
style="position: relative"
v-for="item of tabGroups"
:key="item.code"
v-for="(item,index) of tabGroups"
:key="index"
:label="item.label"
>
<div
......@@ -40,8 +40,8 @@
<div
class="files-cont"
:title="report.name"
v-for="report of tabItemReports[item.code]"
:key="report.id"
v-for="(report,index) of tabItemReports[item.code]"
:key="index"
@click="reportCheckChange(report)"
>
<div v-if="!downloadStatus" class="hoverEle">
......
......@@ -28,8 +28,8 @@
min-width="70"
:prop="`prop${item}`"
:label="`${convertDict('Direction', item)}进口`"
v-for="item of this.tableColumns"
:key="item"
v-for="(item,index) of this.tableColumns"
:key="index"
><template slot-scope="scope">
{{ scope.row[`prop${item}`] || "-" }}
</template>
......
......@@ -54,45 +54,45 @@
<el-form-item label="路口概况">
<el-checkbox-group v-model="analysisForm.road">
<el-checkbox
v-for="item of analysisForm.roadOptions"
v-for="(item,index) of analysisForm.roadOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通运行分析">
<el-checkbox-group v-model="analysisForm.run">
<el-checkbox
v-for="item of analysisForm.runOptions"
v-for="(item,index) of analysisForm.runOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通信号分析">
<el-checkbox-group v-model="analysisForm.signal">
<el-checkbox
v-for="item of analysisForm.signalOptions"
v-for="(item,index) of analysisForm.signalOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通安全分析">
<el-checkbox-group v-model="analysisForm.safety">
<el-checkbox
v-for="item of analysisForm.safetyOptions"
v-for="(item,index) of analysisForm.safetyOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通组织分析">
<el-checkbox-group v-model="analysisForm.organization">
<el-checkbox
v-for="item of analysisForm.organizationOptions"
v-for="(item,index) of analysisForm.organizationOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
......@@ -109,7 +109,7 @@
<div class="header">历史报告</div>
<div class="content">
<div class="reports">
<div class="type-reports" v-for="item of reports" :key="item">
<div class="type-reports" v-for="(item,index) of reports" :key="index">
<div class="reports-header">{{ item.type }}</div>
<div class="reports-cont">
<div class="files-cont"></div>
......
......@@ -54,45 +54,45 @@
<el-form-item label="路口概况">
<el-checkbox-group v-model="analysisForm.road">
<el-checkbox
v-for="item of analysisForm.roadOptions"
v-for="(item,index) of analysisForm.roadOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通运行分析">
<el-checkbox-group v-model="analysisForm.run">
<el-checkbox
v-for="item of analysisForm.runOptions"
v-for="(item,index) of analysisForm.runOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通信号分析">
<el-checkbox-group v-model="analysisForm.signal">
<el-checkbox
v-for="item of analysisForm.signalOptions"
v-for="(item,index) of analysisForm.signalOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通安全分析">
<el-checkbox-group v-model="analysisForm.safety">
<el-checkbox
v-for="item of analysisForm.safetyOptions"
v-for="(item,index) of analysisForm.safetyOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="交通组织分析">
<el-checkbox-group v-model="analysisForm.organization">
<el-checkbox
v-for="item of analysisForm.organizationOptions"
v-for="(item,index) of analysisForm.organizationOptions"
:label="item"
:key="item"
:key="index"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
......@@ -109,7 +109,7 @@
<div class="header">历史报告</div>
<div class="content">
<div class="reports">
<div class="type-reports" v-for="item of reports" :key="item">
<div class="type-reports" v-for="(item,index) of reports" :key="index">
<div class="reports-header">{{ item.type }}</div>
<div class="reports-cont">
<div class="files-cont"></div>
......
......@@ -18,8 +18,8 @@
placeholder="选择路口"
>
<el-option
v-for="item of this.$store.state.dicts.CrossInfo"
:key="item"
v-for="(item,index) of this.$store.state.dicts.CrossInfo"
:key="index"
:label="item.name"
:value="item.name"
></el-option>
......@@ -88,10 +88,10 @@
<el-form-item>
<el-checkbox-group v-model="analysisForm.road">
<el-checkbox
v-for="item of analysisFormOptions.road"
v-for="(item,index) of analysisFormOptions.road"
:value="item.value"
:label="item.value"
:key="item.value"
:key="index"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
......@@ -101,10 +101,10 @@
<el-form-item>
<el-checkbox-group v-model="analysisForm.run">
<el-checkbox
v-for="item of analysisFormOptions.run"
v-for="(item,index) of analysisFormOptions.run"
:value="item.value"
:label="item.value"
:key="item.value"
:key="index"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
......@@ -114,10 +114,10 @@
<el-form-item>
<el-checkbox-group v-model="analysisForm.signal">
<el-checkbox
v-for="item of analysisFormOptions.signal"
v-for="(item,index) of analysisFormOptions.signal"
:value="item.value"
:label="item.value"
:key="item.value"
:key="index"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
......@@ -127,10 +127,10 @@
<el-form-item>
<el-checkbox-group v-model="analysisForm.safety">
<el-checkbox
v-for="item of analysisFormOptions.safety"
v-for="(item,index) of analysisFormOptions.safety"
:value="item.value"
:label="item.value"
:key="item.value"
:key="index"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
......@@ -140,10 +140,10 @@
<el-form-item>
<el-checkbox-group v-model="analysisForm.organization">
<el-checkbox
v-for="item of analysisFormOptions.organization"
v-for="(item,index) of analysisFormOptions.organization"
:value="item.value"
:label="item.value"
:key="item.value"
:key="index"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
......
......@@ -97,8 +97,8 @@
v-model="passerbyCheckList"
>
<el-checkbox
v-for="item of passerbyFormCheck"
:key="item.label"
v-for="(item,index) of passerbyFormCheck"
:key="index"
:label="item.label"
>
{{ item.label }}
......@@ -233,8 +233,8 @@
v-model="vehicleCheckList"
>
<el-checkbox
v-for="item of vehicleFormCheck"
:key="item.label"
v-for="(item,index) of vehicleFormCheck"
:key="index"
:label="item.label"
>
{{ item.label }}
......
......@@ -90,8 +90,8 @@
v-model="passerbyCheckList"
>
<el-checkbox
v-for="item of passerbyFormCheck"
:key="item.label"
v-for="(item,index) of passerbyFormCheck"
:key="index"
:label="item.label"
>
{{ item.label
......@@ -124,8 +124,8 @@
v-model="noVehicleCheckList"
>
<el-checkbox
v-for="item of noVehicleFormCheck"
:key="item.label"
v-for="(item,index) of noVehicleFormCheck"
:key="index"
:label="item.label"
>
{{ item.label
......
......@@ -12,7 +12,7 @@
v-model="checkedConflicts"
@change="handleCheckedCitiesChange"
>
<el-checkbox v-for="type in conflicts" :label="type" :key="type">{{
<el-checkbox v-for="(type,index) of conflicts" :label="type" :key="index">{{
type
}}</el-checkbox>
</el-checkbox-group>
......
......@@ -10,8 +10,8 @@
<div
class="video"
:id="`${item}holo`"
v-for="item of list"
:key="item"
v-for="(item,index) of list"
:key="index"
v-show="false"
>
<div class="video_inner">
......@@ -29,9 +29,9 @@
<div
class="video"
:id="`historyVideo${item}`"
v-for="item of channels"
v-for="(item,index) of channels"
v-show="false"
:key="item"
:key="index"
>
<div class="video_inner">
<loop-video
......
......@@ -165,6 +165,7 @@ export default {
tabsActiveName: "1",
cameraChannels: [],
cameraTimeBetween: {},
eventTargetVehicleGlobalId:'',
};
},
mounted() {
......
......@@ -29,7 +29,7 @@
<div
class="legendsI"
v-for="(item, index) of checkChartTypes"
:key="item"
:key="index"
>
<div class="leftI">
<div class="colorsI" :class="'color' + index"></div>
......
......@@ -25,7 +25,7 @@
</div>
<div class="legends">
<div class="legendsT">
<div class="legendsI" v-for="item of formatdata" :key="item">
<div class="legendsI" v-for="(item,index) of formatdata" :key="index">
<div class="leftI">
<div
class="colorsI"
......
......@@ -142,7 +142,7 @@
</div>
<div class="left-b">
<div class="mytable">
<div class="light-table" v-for="line of lightData" :key="line">
<div class="light-table" v-for="(line,index) of lightData" :key="index">
<div class="item name">{{ line.name }}</div>
<div class="item center">{{ line.val1 }}</div>
<div class="item center">{{ line.val2 }}</div>
......
......@@ -238,8 +238,8 @@
placeholder="请选择"
>
<el-option
v-for="item in secondStopOptions"
:key="item"
v-for="(item,index) of secondStopOptions"
:key="index"
:label="`${dirDic[item.dir]}${
roadTurnDic[item.turnDirNo]
}`"
......@@ -271,8 +271,8 @@
@tab-click="tab1Click"
>
<el-tab-pane
v-for="item in roadTables"
:key="item"
v-for="(item,index) of roadTables"
:key="index"
:label="`${dirDic[item.dir]}进口`"
:name="item.dir"
>
......@@ -354,8 +354,8 @@
placeholder="请选择"
>
<el-option
v-for="item in roadOptions"
:key="item.laneNo"
v-for="(item,index) of roadOptions"
:key="index"
:label="item.label"
:value="item.laneNo"
>
......@@ -453,7 +453,7 @@ export default {
cdTableData: [],
roadTables: [],
activeName: "first",
activeName1: 1,
activeName1: '1',
roadData: {
trafficFlow: [],
stopNums: [],
......
......@@ -39,7 +39,7 @@
v-show="warningData.length"
>
<li
v-for="(item, index) in warningData"
v-for="(item, index) of warningData"
:key="index"
@mouseover="addWarningPopup(item)"
@mouseout="delWarningPopup"
......@@ -99,7 +99,7 @@
<script>
import msgCard from "../../../components/Standard/msg-card.vue";
import "vue-seamless-scroll";
import vueSeamlessScroll from 'vue-seamless-scroll'
import { eventAlarm, getOverDatas } from "../../../dao/situation";
import { initWs } from "../../../config/holo/websocket";
import RegionalIndex from "./msgLeft/regionalIndex.vue";
......@@ -116,6 +116,7 @@ export default {
pedAndNoVehicles,
InTransit,
trafficEvent,
vueSeamlessScroll
},
data() {
return {
......
......@@ -11,7 +11,7 @@
<div>占比</div>
<div>守法率</div>
</div>
<div class="row" v-for="item of classify.dataList" :key="item">
<div class="row" v-for="(item,index) of classify.dataList" :key="index">
<div class="leftColumn">
<span
:style="{
......
......@@ -2,7 +2,7 @@
<msg-card class="item-trafficEvent" title="交通事件">
<div class="full-h trafficEvent">
<el-tabs>
<el-tab-pane v-for="item of trafficEvents" :key="item">
<el-tab-pane v-for="(item,index) of trafficEvents" :key="index">
<template slot="label"
><div style="display: flex">
{{ item.eventCategoryName }}
......@@ -22,8 +22,8 @@
<div class="traffics">
<div
class="trafficItem"
v-for="i of item.eventTypeList"
:key="i"
v-for="(i,index) of item.eventTypeList"
:key="index"
:title="`${i.eventName} ${i.number}`"
>
<span class="left">
......
......@@ -3,15 +3,15 @@
<div class="videoListBorder">
<div
class="borderItem"
v-for="item in videoListData"
:key="item"
v-for="(item,index) of videoListData"
:key="index"
v-show="showVideoItem(item)"
></div>
</div>
<div
class="videoItem"
v-for="item in videoListData"
:key="item"
v-for="(item,index) of videoListData"
:key="index"
v-show="showVideoItem(item)"
:id="`div${item}`"
>
......
......@@ -2,7 +2,7 @@
<div id="e_popup">
<div class="header">事件详情</div>
<div class="main">
<div class="detail_item" v-for="item of eventDetails" :key="item._id">
<div class="detail_item" v-for="(item,index) of eventDetails" :key="index">
<div class="detail_item_label">{{ item.label }}</div>
<div class="detail_item_value">{{ item.value }}</div>
</div>
......
......@@ -2,7 +2,7 @@
<div id="e_popup" :class="`warning${typeMap[model.eventType]}`">
<div class="header">告警详情</div>
<div class="main">
<div class="detail_item" v-for="item of eventDetails" :key="item._id">
<div class="detail_item" v-for="(item,index) of eventDetails" :key="index">
<div class="label">{{ item.label }}</div>
<div class="value">{{ item.value }}</div>
</div>
......
......@@ -4,13 +4,13 @@
<el-tooltip
effect="dark"
:content="item.name"
:key="item"
:key="index"
placement="bottom"
v-for="item of switchOptions"
v-for="(item,index) of switchOptions"
>
<div
class="item"
:key="item"
:key="index"
:class="{ check: item.check }"
@click="changeCheck(item)"
>
......
......@@ -5,10 +5,10 @@
effect="dark"
:content="item.name"
placement="right"
v-for="item of switchOptions"
:key="item.label"
v-for="(item,index) of switchOptions"
:key="index"
>
<div class="item" :key="item" :class="{ check: item.check }">
<div class="item" :key="index" :class="{ check: item.check }">
<img
alt=""
:src="require(`../../../assets/images/holo/svg/${item.label}.svg`)"
......
......@@ -33,8 +33,8 @@
@change="selectCrossChange"
>
<el-option
v-for="item in this.$store.state.dicts.CrossInfo"
:key="item.id"
v-for="(item,index) of this.$store.state.dicts.CrossInfo"
:key="index"
:label="item.name"
:value="item.id"
>
......@@ -89,8 +89,8 @@
:h="200"
:x="500"
:y="300"
v-for="item of videos"
:key="item"
v-for="(item,index) of videos"
:key="index"
class="videoItem"
>
<div class="videoTitle">
......@@ -152,8 +152,8 @@
>
<el-select v-model="speed" class="ctrl-select">
<el-option
v-for="item of speeds"
:key="item.value"
v-for="(item,index) of speeds"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
......@@ -163,6 +163,7 @@
</template>
<script>
import Vue from "vue";
let formLicenses = [];
let vehicleModelTypes = null;
let fullTrack = [];
......
......@@ -3,8 +3,8 @@
<div id="eventVideoContainer" class="eventVideoContainer">
<div
class="cameraVideoShow"
:key="item"
v-for="item of channels"
:key="index"
v-for="(item,index) of channels"
v-show="false"
:id="`videoVisibles${item}`"
>
......
......@@ -42,8 +42,8 @@
v-model="searchForm.crossId"
>
<el-option
v-for="item of getOptions('CrossInfo')"
:key="item.id"
v-for="(item,index) of getOptions('CrossInfo')"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
......@@ -57,8 +57,8 @@
v-model="searchForm.type"
>
<el-option
v-for="item of getOptions('CrowdDeep')"
:key="item.code"
v-for="(item,index) of getOptions('CrowdDeep')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......
......@@ -43,8 +43,8 @@
v-model="searchForm.crossId"
>
<el-option
v-for="item of getOptions('CrossInfo')"
:key="item.id"
v-for="(item,index) of getOptions('CrossInfo')"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
......@@ -58,8 +58,8 @@
v-model="searchForm.type"
>
<el-option
v-for="item of getOptions('EventType')"
:key="item.code"
v-for="(item,index) of getOptions('EventType')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......@@ -73,8 +73,8 @@
v-model="searchForm.objectType"
>
<el-option
v-for="item of getOptions('TrafficActor')"
:key="item.code"
v-for="(item,index) of getOptions('TrafficActor')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......
......@@ -55,8 +55,8 @@
v-model="searchForm.crossId"
>
<el-option
v-for="item of getOptions('CrossInfo')"
:key="item.id"
v-for="(item,index) of getOptions('CrossInfo')"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
......@@ -71,8 +71,8 @@
>
<el-option
v-if="item.name.includes('车') || item.name.includes('全部')"
v-for="item of getOptions('CarType')"
:key="item.code"
v-for="(item,index) of getOptions('CarType')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......@@ -86,8 +86,8 @@
v-model="searchForm.color"
>
<el-option
v-for="item of getOptions('CarColor')"
:key="item.code"
v-for="(item,index) of getOptions('CarColor')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......@@ -101,8 +101,8 @@
v-model="searchForm.plateColor"
>
<el-option
v-for="item of getOptions('PlateColor')"
:key="item.code"
v-for="(item,index) of getOptions('PlateColor')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......@@ -116,8 +116,8 @@
v-model="searchForm.local"
>
<el-option
v-for="item of getOptions('IfLocal')"
:key="item.code"
v-for="(item,index) of getOptions('IfLocal')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......@@ -131,8 +131,8 @@
v-model="searchForm.function"
>
<el-option
v-for="item of getOptions('Nature')"
:key="item.code"
v-for="(item,index) of getOptions('Nature')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......@@ -146,8 +146,8 @@
v-model="searchForm.ownership"
>
<el-option
v-for="item of getOptions('Owner')"
:key="item.code"
v-for="(item,index) of getOptions('Owner')"
:key="index"
:label="item.name"
:value="item.code"
></el-option>
......
......@@ -3,8 +3,8 @@
<div v-show="true" class="layerIcons">
<div
class="item"
v-for="item of switchOptions"
:key="item"
v-for="(item,index) of switchOptions"
:key="index"
@click="changeCheck(item)"
:class="[item.check? `backgroundS`:`background`,item.check?'itemS':'itemN']"
>
......
......@@ -4,8 +4,8 @@
@click="changeCheck(item.label)"
class="item"
:class="[`${item.label}${item.check ? 'S' : ''}`, item.label]"
v-for="item of options"
:key="item.label"
v-for="(item,index) of options"
:key="index"
>
{{ item.text }}
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment