|
|
@ -40,23 +40,6 @@
|
|
|
|
:title="node.label"
|
|
|
|
:title="node.label"
|
|
|
|
class="el-tree-node__label node-label"
|
|
|
|
class="el-tree-node__label node-label"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<!-- <span>
|
|
|
|
|
|
|
|
<img
|
|
|
|
|
|
|
|
v-if="
|
|
|
|
|
|
|
|
companyTreeData[0].children &&
|
|
|
|
|
|
|
|
companyTreeData[0].children.length > 0
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
src="@/assets/companyFile/minus.png"
|
|
|
|
|
|
|
|
style="width: 23px; height: 23px"
|
|
|
|
|
|
|
|
alt
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<img
|
|
|
|
|
|
|
|
v-else
|
|
|
|
|
|
|
|
src="@/assets/companyFile/add.png"
|
|
|
|
|
|
|
|
style="width: 23px; height: 23px"
|
|
|
|
|
|
|
|
alt
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</span> -->
|
|
|
|
|
|
|
|
{{ node.label }}
|
|
|
|
{{ node.label }}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</el-tree>
|
|
|
|
</el-tree>
|
|
|
@ -72,6 +55,7 @@
|
|
|
|
ref="searchBox"
|
|
|
|
ref="searchBox"
|
|
|
|
:searchBoxData="searchBox_left_text"
|
|
|
|
:searchBoxData="searchBox_left_text"
|
|
|
|
@clearList="clearList('1')"
|
|
|
|
@clearList="clearList('1')"
|
|
|
|
|
|
|
|
@backTypes="backTypes"
|
|
|
|
></SearchBox>
|
|
|
|
></SearchBox>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="intelligence">
|
|
|
|
<div class="intelligence">
|
|
|
@ -79,12 +63,14 @@
|
|
|
|
ref="searchBox"
|
|
|
|
ref="searchBox"
|
|
|
|
:searchBoxData="searchBox_right_text"
|
|
|
|
:searchBoxData="searchBox_right_text"
|
|
|
|
@clearList="clearList('2')"
|
|
|
|
@clearList="clearList('2')"
|
|
|
|
|
|
|
|
@backTypes="backTypes"
|
|
|
|
></SearchBox>
|
|
|
|
></SearchBox>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<EquipmentTable
|
|
|
|
<EquipmentTable
|
|
|
|
ref="equipmentTable"
|
|
|
|
ref="equipmentTable"
|
|
|
|
:pushTableData="pushTableData"
|
|
|
|
:pushTableData="pushTableData"
|
|
|
|
|
|
|
|
:only_params="only_params"
|
|
|
|
></EquipmentTable>
|
|
|
|
></EquipmentTable>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -95,7 +81,11 @@
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import SearchBox from "./components/searchBox.vue";
|
|
|
|
import SearchBox from "./components/searchBox.vue";
|
|
|
|
import EquipmentTable from "./components/equipmentTable.vue";
|
|
|
|
import EquipmentTable from "./components/equipmentTable.vue";
|
|
|
|
import { getAllData, getVideoList } from "@/api/correlationEquipment";
|
|
|
|
import {
|
|
|
|
|
|
|
|
getAllData,
|
|
|
|
|
|
|
|
getVideoList,
|
|
|
|
|
|
|
|
getPerceptionList,
|
|
|
|
|
|
|
|
} from "@/api/correlationEquipment";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: "correlationEquipment",
|
|
|
|
name: "correlationEquipment",
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
@ -114,30 +104,31 @@ export default {
|
|
|
|
searchBox_right_text: {},
|
|
|
|
searchBox_right_text: {},
|
|
|
|
pushTableData: [],
|
|
|
|
pushTableData: [],
|
|
|
|
defaultExpandAll: true, // 控制公司树默认展开
|
|
|
|
defaultExpandAll: true, // 控制公司树默认展开
|
|
|
|
|
|
|
|
obtain_types: "", // 获得通知树形查询视频或者智能
|
|
|
|
|
|
|
|
only_params:{}, // 承接本页面最新状态下的查询入参,传给表格分页
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
created() {
|
|
|
|
// 默认打开宁波查询
|
|
|
|
// 默认打开宁波查询
|
|
|
|
const params = {
|
|
|
|
this.only_params = {
|
|
|
|
areaName: "宁波",
|
|
|
|
areaName: "宁波",
|
|
|
|
};
|
|
|
|
};
|
|
|
|
getAllData(params).then((res) => {
|
|
|
|
getAllData(this.only_params).then((res) => {
|
|
|
|
if (res.code === 200) {
|
|
|
|
if (res.code === 200) {
|
|
|
|
console.log("resning", res);
|
|
|
|
console.log("resning", res);
|
|
|
|
// 树形赋值
|
|
|
|
// 树形赋值
|
|
|
|
this.companyTreeData = res.data;
|
|
|
|
this.companyTreeData = res.data;
|
|
|
|
console.log("this.companyTreeData1", this.companyTreeData);
|
|
|
|
console.log("this.companyTreeData1", this.companyTreeData);
|
|
|
|
// 树形数据生成后,默认展示右下方表格数据
|
|
|
|
// 树形数据生成后,默认展示右下方表格数据
|
|
|
|
const val = {
|
|
|
|
this.only_params = {
|
|
|
|
pageSize: 4,
|
|
|
|
pageSize: 4,
|
|
|
|
pageNum: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
|
|
|
|
deviceVideoSubTypes: "1,2,3,4,5,6,7,8,9",
|
|
|
|
};
|
|
|
|
};
|
|
|
|
getVideoList(val).then((res) => {
|
|
|
|
getVideoList(this.only_params).then((res) => {
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
|
|
console.log("resVideoList", res.rows);
|
|
|
|
console.log("resVideoList", res.rows);
|
|
|
|
// res.row传给右下方表格数据
|
|
|
|
// res.row传给右下方表格数据
|
|
|
|
this.pushTableData = res.rows;
|
|
|
|
this.pushTableData = res.rows;
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
this.$message.warning("企业名称查询失败");
|
|
|
|
this.$message.warning("企业名称查询失败");
|
|
|
@ -184,44 +175,49 @@ export default {
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
// 企业名称放大镜查询
|
|
|
|
// 企业名称放大镜查询
|
|
|
|
searchCom() {
|
|
|
|
searchCom() {
|
|
|
|
const params = {
|
|
|
|
this.only_params = {
|
|
|
|
areaName: this.searchCompany,
|
|
|
|
areaName: this.searchCompany,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
getAllData(params).then((res) => {
|
|
|
|
getAllData(this.only_params).then((res) => {
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
|
|
console.log("res", res);
|
|
|
|
|
|
|
|
// 树形赋值
|
|
|
|
// 树形赋值
|
|
|
|
this.companyTreeData = res.data;
|
|
|
|
this.companyTreeData = res.data;
|
|
|
|
console.log("this.companyTreeData", this.companyTreeData);
|
|
|
|
console.log("this.companyTreeData", this.companyTreeData);
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.$message.warning("企业名称查询失败");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleNodeClick(data) {
|
|
|
|
handleNodeClick(data) {
|
|
|
|
console.log("data", data);
|
|
|
|
console.log("data123", data);
|
|
|
|
// 视频查询List
|
|
|
|
// 视频查询List
|
|
|
|
const params = {
|
|
|
|
this.searchBox_right_text.company_types = []; // 把视频和智能的已选标签清空
|
|
|
|
|
|
|
|
this.searchBox_left_text.company_types = [];
|
|
|
|
|
|
|
|
if (this.obtain_types === "" || this.obtain_types === "1") {
|
|
|
|
|
|
|
|
// 携带公司名查视频全部
|
|
|
|
|
|
|
|
this.only_params = {
|
|
|
|
pageSize: 4,
|
|
|
|
pageSize: 4,
|
|
|
|
pageNum: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
deviceVideoSubType: data.subAreaCode,
|
|
|
|
company_id: data.subAreaCode, // 按选中公司名字检索视频监控数据
|
|
|
|
|
|
|
|
deviceVideoSubTypes: "1,2,3,4,5,6,7,8,9",
|
|
|
|
};
|
|
|
|
};
|
|
|
|
getVideoList(params).then((res) => {
|
|
|
|
getVideoList(this.only_params).then((res) => {
|
|
|
|
|
|
|
|
console.log("resVideoList", res.rows);
|
|
|
|
|
|
|
|
// res.row传给右下方表格数据
|
|
|
|
|
|
|
|
this.pushTableData = res.rows;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
} else if (this.obtain_types === "2") {
|
|
|
|
|
|
|
|
// 携带公司名查智能全部
|
|
|
|
|
|
|
|
this.only_params = {
|
|
|
|
|
|
|
|
pageSize: 4,
|
|
|
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
|
|
|
company_id: data.subAreaCode, // 按选中公司名字检索视频监控数据
|
|
|
|
|
|
|
|
devicePerceptionSubTypes: "1,2,3,4,6,7,8,10,11",
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
getPerceptionList(this.only_params).then((res) => {
|
|
|
|
if (res.code === 200) {
|
|
|
|
if (res.code === 200) {
|
|
|
|
console.log("resVideoList", res.rows);
|
|
|
|
console.log("resVideoList", res.rows);
|
|
|
|
// res.row传给右下方表格数据
|
|
|
|
// res.row传给右下方表格数据
|
|
|
|
this.pushTableData = res.rows;
|
|
|
|
this.pushTableData = res.rows;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
// 智能查询List
|
|
|
|
}
|
|
|
|
// const paramsPerception = {
|
|
|
|
|
|
|
|
// devicePerceptionSubType: data.subAreaCode,
|
|
|
|
|
|
|
|
// };
|
|
|
|
|
|
|
|
// getPerceptionList(paramsPerception).then((res) => {
|
|
|
|
|
|
|
|
// if (res.code === 200) {
|
|
|
|
|
|
|
|
// console.log("resPerceptionList", res);
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
clearList(num) {
|
|
|
|
clearList(num) {
|
|
|
|
console.log("num", num);
|
|
|
|
console.log("num", num);
|
|
|
@ -231,6 +227,10 @@ export default {
|
|
|
|
this.searchBox_left_text.company_types = [];
|
|
|
|
this.searchBox_left_text.company_types = [];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
backTypes(num) {
|
|
|
|
|
|
|
|
console.log("num0000", num);
|
|
|
|
|
|
|
|
this.obtain_types = num;
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
@ -267,8 +267,8 @@ export default {
|
|
|
|
.cardBodyLeft {
|
|
|
|
.cardBodyLeft {
|
|
|
|
width: 25%;
|
|
|
|
width: 25%;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background: rgba(23, 36, 36, .4);
|
|
|
|
background: rgba(23, 36, 36, 0.4);
|
|
|
|
border: 0.5px solid #485F6C;
|
|
|
|
border: 0.5px solid #485f6c;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
.cardBodyLeft_search {
|
|
|
|
.cardBodyLeft_search {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
@ -316,7 +316,7 @@ export default {
|
|
|
|
height: 69vh;
|
|
|
|
height: 69vh;
|
|
|
|
.el-tree {
|
|
|
|
.el-tree {
|
|
|
|
/* 树形数据过长添加滚动条 */
|
|
|
|
/* 树形数据过长添加滚动条 */
|
|
|
|
height: 100%;
|
|
|
|
height: 95%;
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
// box-shadow: 5px 5px 10px #126a58;
|
|
|
|
// box-shadow: 5px 5px 10px #126a58;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
@ -414,8 +414,8 @@ export default {
|
|
|
|
width: 75%;
|
|
|
|
width: 75%;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
background: rgba(31, 45, 49, .4);
|
|
|
|
background: rgba(31, 45, 49, 0.4);
|
|
|
|
border: 0.5px solid #485F6C;
|
|
|
|
border: 0.5px solid #485f6c;
|
|
|
|
.cardBodyRight_search {
|
|
|
|
.cardBodyRight_search {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-evenly;
|
|
|
|
justify-content: space-evenly;
|
|
|
|