diff --git a/src/assets/companyFile/default.png b/src/assets/companyFile/default.png new file mode 100644 index 0000000..ae0202a Binary files /dev/null and b/src/assets/companyFile/default.png differ diff --git a/src/views/systemManagement/companyList/components/companyDataDialog.vue b/src/views/systemManagement/companyList/components/companyDataDialog.vue index 0355a57..88ae0af 100644 --- a/src/views/systemManagement/companyList/components/companyDataDialog.vue +++ b/src/views/systemManagement/companyList/components/companyDataDialog.vue @@ -267,8 +267,8 @@ export default { { id: "8", label: "创安单位" }, { id: "9", label: "外资合资" }, ], - arr:[], - cancel_arr:[], + arr: [], + cancel_arr: [], // 企业工商信息上半部分 form: { // 企业工商信息上半部分 @@ -434,18 +434,20 @@ export default { this.form.jurisdiction = res.data; }); }, - company_choice(e, item) { + company_choice(e, item) { // this.form.companyType是后台传送过来的字符串,我们需要转成数组 - const company_arr = this.form.companyType.split(",") + const company_arr = this.form.companyType.split(","); if (e) { - this.arr.push(item.id); - company_arr.concat(this.arr) // 已选中的,和本次点击选中的 - const new_arr = Array.from(new Set(company_arr.concat(this.arr))) // 去重 - const sort_arr = new_arr.sort() // 重新排序 - this.form.companyType = sort_arr.toString() + this.arr.push(item.id); + company_arr.concat(this.arr); // 已选中的,和本次点击选中的 + const new_arr = Array.from(new Set(company_arr.concat(this.arr))); // 去重 + const sort_arr = new_arr.sort(); // 重新排序 + this.form.companyType = sort_arr.toString(); } else { - company_arr.filter(val =>val != item.id) // 点击取消选中复选框时删除对应的 - this.form.companyType = company_arr.filter(val =>val != item.id).toString() + company_arr.filter((val) => val != item.id); // 点击取消选中复选框时删除对应的 + this.form.companyType = company_arr + .filter((val) => val != item.id) + .toString(); } }, // 确定数据 @@ -493,7 +495,7 @@ export default { background-image: url("~@/assets/companyFile/dialogBack.png"); background-size: 100% 100%; background-repeat: no-repeat; - height: 720px; + height: 750px; /* 关闭弹窗叉号 */ .el-dialog__headerbtn { @@ -533,6 +535,7 @@ export default { } .form_body { + margin-top: 2.5vh; height: 600px; overflow-y: scroll; } @@ -592,7 +595,9 @@ export default { background: url("~@/assets/companyFile/242112.png") no-repeat !important; background-size: 100% 100% !important; } - + .commerceMessage { + margin-top: -17px; + } /* 为适应上传图片表单布局把企业工商表单拆分 */ .commerceMessage_one { display: flex; diff --git a/src/views/systemManagement/companyList/index.vue b/src/views/systemManagement/companyList/index.vue index 3400191..91a3c5b 100644 --- a/src/views/systemManagement/companyList/index.vue +++ b/src/views/systemManagement/companyList/index.vue @@ -75,7 +75,7 @@ import CompanyDataDialog from "./components/companyDataDialog"; import ClearDialog from "./components/clearDialog"; import { getCompanyList } from "@/api/systemManagement"; import { debounce } from "@/utils/publicMethod_lxy/debounce.js"; -import defaultImage from "@/assets/companyFile/defaultimage.png"; +import defaultImage from "@/assets/companyFile/default.png"; export default { name: "companyList", components: { @@ -448,23 +448,23 @@ export default { } li:hover .shewei { - opacity: 0; + opacity: 1; } li:hover .zhongdian { - opacity: 0; + opacity: 1; } li:hover .zhibao { - opacity: 0; + opacity: 1; } li:hover .zhian { - opacity: 0; + opacity: 1; } li:hover span { - opacity: 0; + opacity: 1; } } } diff --git a/src/views/systemManagement/correlationEquipment/components/equipmentTable.vue b/src/views/systemManagement/correlationEquipment/components/equipmentTable.vue index 2826cc3..236d078 100644 --- a/src/views/systemManagement/correlationEquipment/components/equipmentTable.vue +++ b/src/views/systemManagement/correlationEquipment/components/equipmentTable.vue @@ -71,7 +71,7 @@
@@ -136,6 +137,7 @@ export default { }, props: { pushTableData: [], + only_params: {}, }, data() { return { @@ -176,6 +178,9 @@ export default { // { prop: "latitude", label: "设备维度" }, { prop: "orientationCn", label: "进出方向" }, ], + table_params: {}, // 本页面查询入参 + pageSize: 4, + pageNum: 1, total: 0, // 信息总数 }; }, @@ -193,70 +198,72 @@ export default { this.tableColumn = this.tableColumn_preception; } this.pushTableData = data.pushTableData; + this.only_params = data.search_params; // 如果点击了标签查询 + console.log("this.pushTableData", this.pushTableData); this.search_params_table = data.search_params; }); }, methods: { // 智能搜索 onSubmit() { - const val = { - pageSize: 4, - pageNum: 1, + this.only_params = { + pageSize: this.pageSize, + pageNum: this.pageNum, deviceIp: this.search.ip, deviceName: this.search.equipment, }; - getPerceptionList(val).then((res) => { + Object.assign(this.only_params, this.search_params_table); + getPerceptionList(this.only_params).then((res) => { // res.row传给右下方表格数据 this.pushTableData = res.rows; }); }, + // 智能搜索重置 reset() { - // 重置 (this.search.equipment = ""), (this.search.ip = ""); - const val = { - pageSize: 4, - pageNum: 1, + this.only_params = { + pageSize: this.pageSize, + pageNum: this.pageNum, + deviceIp: this.search.ip, + deviceName: this.search.equipment, }; - getPerceptionList(val).then((res) => { - if (res.code === 200) { - // res.row传给右下方表格数据 - this.pushTableData = res.rows; - } else { - this.$message.warning("查询智能感知设备列表失败"); - } + Object.assign(this.only_params, this.search_params_table); + getPerceptionList(this.only_params).then((res) => { + // res.row传给右下方表格数据 + this.pushTableData = res.rows; }); }, // 视频搜索 onSubmitVideo() { - const val = { - pageSize: 4, - pageNum: 1, + this.only_params = { + pageSize: this.pageSize, + pageNum: this.pageNum, gbsChannelNo: this.search.channel_code, deviceIp: this.search.equipemnt_ip, deviceName: this.search.equipment, }; - Object.assign(val, this.search_params_table); - getVideoList(val).then((res) => { + Object.assign(this.only_params, this.search_params_table); + getVideoList(this.only_params).then((res) => { // res.row传给右下方表格数据 this.pushTableData = res.rows; }); }, + // 视频搜索重置 resetVideo() { - // 重置 (this.search.channel_code = ""), (this.search.equipemnt_ip = ""), (this.search.equipment = ""); - const val = { - pageSize: 4, - pageNum: 1, + this.only_params = { + pageSize: this.pageSize, + pageNum: this.pageNum, gbsChannelNo: this.search.channel_code, deviceIp: this.search.equipemnt_ip, deviceName: this.search.equipment, }; - Object.assign(val, this.search_params_table); - getVideoList(val).then((res) => { - // res.row传给右下方表格数据 - this.pushTableData = res.rows; + Object.assign(this.only_params, this.search_params_table); + getVideoList(this.only_params).then((res) => { + // res.row传给右下方表格数据 + this.pushTableData = res.rows; }); }, openDialog(num, row) { @@ -297,11 +304,23 @@ export default { console.log(row); console.log(rowIndex); return { - "text-align": "center", color: "#fff", }; }, - handleCurrentChange() {}, + handleCurrentChange(val) { + console.log(`当前页: ${val}`); + this.only_params.pageNum = val + console.log('this.only_params', this.only_params); + if (this.table_title === "视频监控设备列表") { + getVideoList(this.only_params).then((res) => { + this.pushTableData = res.rows; + }); + } else if (this.table_title === "智能感知设备列表") { + getPerceptionList(this.only_params).then((res) => { + this.pushTableData = res.rows; + }); + } + }, }, }; @@ -356,7 +375,7 @@ export default { width: calc(100% - 30px); margin-top: 12px; margin-left: 12px; - height: 100%; + height: 27vh; .el-table, .el-table__expanded-cell { @@ -416,7 +435,7 @@ export default { } .el-pagination { - margin-left: 60%; + margin-left: 50%; /deep/.el-pagination__total { color: #fff; } diff --git a/src/views/systemManagement/correlationEquipment/components/searchBox.vue b/src/views/systemManagement/correlationEquipment/components/searchBox.vue index 684283e..b8d1040 100644 --- a/src/views/systemManagement/correlationEquipment/components/searchBox.vue +++ b/src/views/systemManagement/correlationEquipment/components/searchBox.vue @@ -41,6 +41,7 @@ export default { }, types_params_list: [], // 选中视频企业类型对应的id per_types_params_list: [], // 选中智能企业类型对应的id + back_types:'', // 通知树形,是视频检索还是智能检索 }; }, created() {}, @@ -53,6 +54,8 @@ export default { // 切换表格标题 console.log("item123", item); if (item === "1") { + this.back_types = item + this.$emit('backTypes', this.back_types) // 通知树形 this.types_params_list.push(value); this.pushValue.title = "视频监控设备列表"; // 根据企业标签查询视频数据 @@ -68,6 +71,8 @@ export default { this.pushValue.pushTableData = res.rows; }); } else if (item === "2") { + this.back_types = item + this.$emit('backTypes', this.back_types) // 通知树形 this.per_types_params_list.push(value); this.pushValue.title = "智能感知设备列表"; this.pushValue.search_params = { @@ -92,6 +97,8 @@ export default { // 切换表格标题 console.log("item123", item); if (item === "1") { + this.back_types = item + this.$emit('backTypes', this.back_types) // 通知树形 console.log("this.types_params_list2", this.types_params_list); console.log("value", value); this.types_params_list = this.types_params_list.filter( @@ -112,6 +119,8 @@ export default { this.pushValue.pushTableData = res.rows; }); } else if (item === "2") { + this.back_types = item + this.$emit('backTypes', this.back_types) // 通知树形 this.per_types_params_list = this.per_types_params_list.filter( (item) => item != value ); @@ -140,6 +149,8 @@ export default { this.searchBoxData.company_types = []; if (num === "1") { // 视频监控全标签查 + this.back_types = num + this.$emit('backTypes', this.back_types) // 通知树形 this.pushValue.title = "视频监控设备列表"; this.pushValue.search_params = { pageSize: 4, @@ -153,6 +164,8 @@ export default { }); } else if (num === "2") { console.log("num123", num); + this.back_types = num + this.$emit('backTypes', this.back_types) // 通知树形 // 智能感知全标签查 this.pushValue.title = "智能感知设备列表"; this.pushValue.search_params = { diff --git a/src/views/systemManagement/correlationEquipment/index.vue b/src/views/systemManagement/correlationEquipment/index.vue index 528da9a..f577fc6 100644 --- a/src/views/systemManagement/correlationEquipment/index.vue +++ b/src/views/systemManagement/correlationEquipment/index.vue @@ -40,23 +40,6 @@ :title="node.label" class="el-tree-node__label node-label" > - {{ node.label }} @@ -72,6 +55,7 @@ ref="searchBox" :searchBoxData="searchBox_left_text" @clearList="clearList('1')" + @backTypes="backTypes" >
@@ -79,12 +63,14 @@ ref="searchBox" :searchBoxData="searchBox_right_text" @clearList="clearList('2')" + @backTypes="backTypes" >
@@ -95,7 +81,11 @@ @@ -267,8 +267,8 @@ export default { .cardBodyLeft { width: 25%; height: 100%; - background: rgba(23, 36, 36, .4); - border: 0.5px solid #485F6C; + background: rgba(23, 36, 36, 0.4); + border: 0.5px solid #485f6c; border-radius: 4px; .cardBodyLeft_search { display: flex; @@ -316,7 +316,7 @@ export default { height: 69vh; .el-tree { /* 树形数据过长添加滚动条 */ - height: 100%; + height: 95%; overflow: auto; // box-shadow: 5px 5px 10px #126a58; border-radius: 4px; @@ -414,8 +414,8 @@ export default { width: 75%; height: 100%; border-radius: 4px; - background: rgba(31, 45, 49, .4); - border: 0.5px solid #485F6C; + background: rgba(31, 45, 49, 0.4); + border: 0.5px solid #485f6c; .cardBodyRight_search { display: flex; justify-content: space-evenly;