|
@@ -28,7 +28,11 @@
|
|
|
</template>
|
|
|
<template slot="searchItem2">
|
|
|
<span class="label">自车驾驶行为</span>
|
|
|
- <el-select v-model="searchParamsA.selfDriving" multiple>
|
|
|
+ <el-select
|
|
|
+ v-model="searchParamsA.selfDriving"
|
|
|
+ multiple
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
<el-option
|
|
|
v-for="item in selfDrivingList"
|
|
|
:label="item.caption"
|
|
@@ -42,6 +46,7 @@
|
|
|
<el-select
|
|
|
v-model="searchParamsA.targetDriving"
|
|
|
multiple
|
|
|
+ size="small"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in targetDrivingList"
|
|
@@ -56,6 +61,7 @@
|
|
|
<el-select
|
|
|
v-model="searchParamsA.selfReaction"
|
|
|
multiple
|
|
|
+ size="small"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in selfReactionList"
|
|
@@ -70,6 +76,7 @@
|
|
|
<el-select
|
|
|
v-model="searchParamsA.conflictBehavior"
|
|
|
multiple
|
|
|
+ size="small"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in conflictBehaviorList"
|
|
@@ -84,6 +91,7 @@
|
|
|
<el-select
|
|
|
v-model="searchParamsA.conflictType"
|
|
|
multiple
|
|
|
+ size="small"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in conflictTypeList"
|
|
@@ -109,6 +117,16 @@
|
|
|
>已选择</el-checkbox
|
|
|
>
|
|
|
</div>
|
|
|
+ <div class="myTabsBox myTabsBoxInline">
|
|
|
+ <el-tabs
|
|
|
+ v-model="activeNameA"
|
|
|
+ type="card"
|
|
|
+ @tab-click="pageControlA"
|
|
|
+ >
|
|
|
+ <el-tab-pane label="公有" name="1"></el-tab-pane>
|
|
|
+ <el-tab-pane label="私有" name="2"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
<tableList
|
|
|
ref="tableA"
|
|
|
:columns="columnsA"
|
|
@@ -146,6 +164,7 @@
|
|
|
:options="roadList"
|
|
|
:props="props"
|
|
|
clearable=""
|
|
|
+ size="small"
|
|
|
></el-cascader>
|
|
|
</template>
|
|
|
<template slot="searchItem3">
|
|
@@ -155,6 +174,7 @@
|
|
|
:options="infrastructureList"
|
|
|
:props="props"
|
|
|
clearable=""
|
|
|
+ size="small"
|
|
|
></el-cascader>
|
|
|
</template>
|
|
|
<template slot="searchItem4">
|
|
@@ -164,6 +184,7 @@
|
|
|
:options="trafficConditionList"
|
|
|
:props="props"
|
|
|
clearable=""
|
|
|
+ size="small"
|
|
|
></el-cascader>
|
|
|
</template>
|
|
|
<template slot="searchItem5">
|
|
@@ -173,6 +194,7 @@
|
|
|
:options="selfBehaviorList"
|
|
|
:props="props"
|
|
|
clearable=""
|
|
|
+ size="small"
|
|
|
></el-cascader>
|
|
|
</template>
|
|
|
<template slot="searchItem6">
|
|
@@ -182,6 +204,7 @@
|
|
|
:options="targetBehaviorList"
|
|
|
:props="props"
|
|
|
clearable=""
|
|
|
+ size="small"
|
|
|
></el-cascader>
|
|
|
</template>
|
|
|
<template slot="searchItem7">
|
|
@@ -191,6 +214,7 @@
|
|
|
:options="naturalEnvironmentList"
|
|
|
:props="props"
|
|
|
clearable=""
|
|
|
+ size="small"
|
|
|
></el-cascader>
|
|
|
</template>
|
|
|
<template slot="searchItem8">
|
|
@@ -200,6 +224,7 @@
|
|
|
:options="temporaryOperationList"
|
|
|
:props="props"
|
|
|
clearable=""
|
|
|
+ size="small"
|
|
|
></el-cascader>
|
|
|
</template>
|
|
|
<template slot="searchBtn1">
|
|
@@ -218,6 +243,16 @@
|
|
|
>已选择</el-checkbox
|
|
|
>
|
|
|
</div>
|
|
|
+ <div class="myTabsBox myTabsBoxInline">
|
|
|
+ <el-tabs
|
|
|
+ v-model="activeNameB"
|
|
|
+ type="card"
|
|
|
+ @tab-click="pageControlB"
|
|
|
+ >
|
|
|
+ <el-tab-pane label="公有" name="1"></el-tab-pane>
|
|
|
+ <el-tab-pane label="私有" name="2"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
<tableList
|
|
|
ref="tableB"
|
|
|
:columns="columnsB"
|
|
@@ -253,6 +288,7 @@
|
|
|
<el-select
|
|
|
v-model="searchParamsC.regulationType"
|
|
|
multiple
|
|
|
+ size="small"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in regulationTypeList"
|
|
@@ -289,6 +325,16 @@
|
|
|
>已选择</el-checkbox
|
|
|
>
|
|
|
</div>
|
|
|
+ <div class="myTabsBox myTabsBoxInline">
|
|
|
+ <el-tabs
|
|
|
+ v-model="activeNameC"
|
|
|
+ type="card"
|
|
|
+ @tab-click="pageControlC"
|
|
|
+ >
|
|
|
+ <el-tab-pane label="公有" name="1"></el-tab-pane>
|
|
|
+ <el-tab-pane label="私有" name="2"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
<tableList
|
|
|
ref="tableC"
|
|
|
:columns="columnsC"
|
|
@@ -341,6 +387,7 @@ export default {
|
|
|
selfReaction: [], //自车反应行为
|
|
|
conflictBehavior: [], //冲突行为
|
|
|
conflictType: [], //冲突类型
|
|
|
+ share: "0",
|
|
|
},
|
|
|
selfDrivingList: [],
|
|
|
targetDrivingList: [],
|
|
@@ -388,7 +435,9 @@ export default {
|
|
|
type: "post",
|
|
|
// firstRequest: false,
|
|
|
data: this.$api.sceneLibrary.querySceneAccidentList,
|
|
|
- param: {},
|
|
|
+ param: {
|
|
|
+ share: "0",
|
|
|
+ },
|
|
|
},
|
|
|
selectedA: false, // 是否选中展示已选择项
|
|
|
searchParamsB: {
|
|
@@ -400,6 +449,7 @@ export default {
|
|
|
selfBehavior: [], // 自车行为
|
|
|
targetBehavior: [], // 目标行为
|
|
|
naturalEnvironment: [], // 自然环境
|
|
|
+ share: "0",
|
|
|
},
|
|
|
roadList: [],
|
|
|
infrastructureList: [],
|
|
@@ -446,7 +496,9 @@ export default {
|
|
|
type: "post",
|
|
|
// firstRequest: false,
|
|
|
data: this.$api.sceneLibrary.querySceneNaturalList,
|
|
|
- param: {},
|
|
|
+ param: {
|
|
|
+ share: "0",
|
|
|
+ },
|
|
|
},
|
|
|
selectedB: false,
|
|
|
searchParamsC: {
|
|
@@ -454,6 +506,7 @@ export default {
|
|
|
sceneName: "", //场景名称
|
|
|
regulationType: [], //法规类型
|
|
|
standardType: "", //标准类型
|
|
|
+ share: "0",
|
|
|
},
|
|
|
regulationTypeList: [],
|
|
|
columnsC: [
|
|
@@ -485,7 +538,9 @@ export default {
|
|
|
type: "post",
|
|
|
// firstRequest: false,
|
|
|
data: this.$api.sceneLibrary.queryStandardsRegulationsList,
|
|
|
- param: {},
|
|
|
+ param: {
|
|
|
+ share: "0",
|
|
|
+ },
|
|
|
},
|
|
|
selectedC: false,
|
|
|
checkedArrA: [], // 交通事故列表已选
|
|
@@ -495,6 +550,10 @@ export default {
|
|
|
checkedIdsA: [], // 当前交通事故列表已选
|
|
|
checkedIdsB: [], // 当前自然驾驶列表已选
|
|
|
checkedIdsC: [], // 当前标准法规列表已选
|
|
|
+
|
|
|
+ activeNameA: "2",
|
|
|
+ activeNameB: "2",
|
|
|
+ activeNameC: "2",
|
|
|
};
|
|
|
},
|
|
|
|
|
@@ -512,6 +571,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
doSearchA() {
|
|
|
+ this.searchParamsA.share = this.activeNameA === "1" ? "1" : "0";
|
|
|
let data = { ...this.searchParamsA };
|
|
|
if (this.selectedA) {
|
|
|
data.ids = this.checkedIdsA;
|
|
@@ -535,6 +595,7 @@ export default {
|
|
|
selfReaction: [],
|
|
|
conflictBehavior: [],
|
|
|
conflictType: [],
|
|
|
+ share: this.activeNameA === "1" ? "1" : "0",
|
|
|
};
|
|
|
this.doSearchA();
|
|
|
},
|
|
@@ -583,6 +644,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
doSearchB() {
|
|
|
+ this.searchParamsB.share = this.activeNameB === "1" ? "1" : "0";
|
|
|
let data = { ...this.searchParamsB };
|
|
|
if (this.selectedB) {
|
|
|
data.ids = this.checkedIdsB;
|
|
@@ -608,6 +670,7 @@ export default {
|
|
|
targetBehavior: [],
|
|
|
naturalEnvironment: [],
|
|
|
temporaryOperation: [],
|
|
|
+ share: this.activeNameB === "1" ? "1" : "0",
|
|
|
};
|
|
|
this.doSearchB();
|
|
|
},
|
|
@@ -650,6 +713,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
doSearchC() {
|
|
|
+ this.searchParamsC.share = this.activeNameC === "1" ? "1" : "0";
|
|
|
let data = { ...this.searchParamsC };
|
|
|
if (this.selectedC) {
|
|
|
data.ids = this.checkedIdsC;
|
|
@@ -670,6 +734,7 @@ export default {
|
|
|
sceneName: "",
|
|
|
regulationType: [],
|
|
|
standardType: "",
|
|
|
+ share: this.activeNameC === "1" ? "1" : "0",
|
|
|
};
|
|
|
this.doSearchC();
|
|
|
},
|
|
@@ -720,6 +785,18 @@ export default {
|
|
|
selectedShowC() {
|
|
|
this.doSearchC();
|
|
|
},
|
|
|
+ pageControlA(data) {
|
|
|
+ this.activeNameA = data.name;
|
|
|
+ this.doSearchA();
|
|
|
+ },
|
|
|
+ pageControlB(data) {
|
|
|
+ this.activeNameB = data.name;
|
|
|
+ this.doSearchB();
|
|
|
+ },
|
|
|
+ pageControlC(data) {
|
|
|
+ this.activeNameC = data.name;
|
|
|
+ this.doSearchC();
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
async mounted() {
|
|
@@ -803,4 +880,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.myTabsBoxInline {
|
|
|
+ .el-tabs {
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|