<template>
|
<div class="s-base-manage">
|
<div class="flex-box base-overflow" >
|
<div class="pl20 data-left-box">
|
<base-list
|
ref="baseSync"
|
:listWidth="`100%`"
|
:title="`同步库`"
|
type="sync"
|
:isSelected="isSelected"
|
@getList="getPersonList"
|
@changeShow="changeToAdd"
|
></base-list>
|
</div>
|
<div class="bg-white ml20 data-right-box">
|
<div v-show="showList">
|
<person-list ref="personList" :baseObject="baseObject" v-show="showType == 'person'"></person-list>
|
<car-list ref="carList" :baseObject="baseObject" v-show="showType == 'car'"></car-list>
|
</div>
|
<add-base
|
ref="addBase"
|
:baseObject="baseForEdit"
|
:type="syncType"
|
v-show="!showList"
|
@refresh="findBaseSync"
|
@closeAdd="closeAdd"
|
></add-base>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import baseList from '../components/baseList'
|
import addBase from '../components/addBase'
|
import personList from '../components/personList'
|
import carList from '../components/carList'
|
export default {
|
data() {
|
return {
|
isSelected: false,
|
showList: true,
|
showType: 'person',
|
syncType: 'sync',
|
syncTables: [],
|
localTables: [],
|
baseObject: {},
|
baseForEdit: {}, // 给编辑页面传的
|
breeadCrumb: [
|
{
|
name: '底库管理',
|
path: '/baseManage',
|
params: {}
|
},
|
{
|
name: '底库详情',
|
path: '/baseManage',
|
params: {}
|
}
|
]
|
}
|
},
|
methods: {
|
clearSelect1() {
|
this.$refs.baseLocal.categoryIndex = -1
|
},
|
clearSelect2() {
|
this.$refs.baseSync.categoryIndex = -1
|
},
|
getPersonList(item) {
|
console.log('传给父组件的值', item)
|
this.baseObject = item
|
// 直接调用子组件刷新列表的方法
|
// 判断这是人员库还是车辆库，决定showList的值
|
if (item.tableType == "person") {
|
console.log("person库")
|
this.showType = 'person'
|
this.$refs.personList.getPersonList()
|
} else if (item.tableType == "car") {
|
console.log("car库")
|
this.showType = "car"
|
this.$refs.carList.getCarList()
|
}
|
//this.showList = '1'
|
this.breeadCrumb[1].name = '底库详情'
|
},
|
changeToAdd(item, type) {
|
if (item !== null) {
|
this.baseForEdit = item
|
this.breeadCrumb[1].name = '底库信息'
|
} else {
|
this.baseForEdit = {}
|
this.breeadCrumb[1].name = '添加底库'
|
}
|
this.syncType = type
|
this.showList = false
|
},
|
// 查询同步库列表数据\查询本地库列表数据
|
findBaseSync() {
|
this.BaseManageData.querySyncTables()
|
this.BaseManageData.queryLocalTables()
|
},
|
closeAdd() {
|
console.log('closeAdd')
|
this.showList = true
|
}
|
},
|
props: {
|
cameraId: {
|
default: '',
|
type: String
|
}
|
},
|
components: {
|
baseList,
|
addBase,
|
personList,
|
carList
|
},
|
mounted() {
|
//this.TreeDataPool.showTreeBox = false
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.s-base-manage {
|
box-sizing: border-box;
|
background-color: #e9ebf2;
|
min-width: 1315px;
|
}
|
.base-overflow {
|
overflow: visible !important;
|
background-color: #ffffff;
|
box-sizing: border-box;
|
// padding: 20px 10px 0 10px;
|
}
|
.s-data-manage-breadcrumb {
|
margin: 0 3px;
|
height: 5%;
|
-webkit-box-sizing: border-box;
|
border: 1px solid #e4e7ed;
|
-webkit-box-shadow: #e4e7ed 0px 0px 9px inset;
|
box-shadow: #e4e7ed 0px 0px 9px inset;
|
border-radius: 5px;
|
}
|
.data-left-box {
|
@media screen and (max-width: 1440px) {
|
width: 23%;
|
}
|
@media screen and (min-width: 1440px) and (max-width: 1640px) {
|
width: 21%;
|
}
|
@media screen and (min-width: 1640px) {
|
width: 20%;
|
}
|
box-sizing: border-box;
|
border-right: 1px solid #e0e0e0;
|
}
|
.data-right-box {
|
@media screen and (max-width: 1440px) {
|
width: 77%;
|
}
|
@media screen and (min-width: 1440px) and (max-width: 1640px) {
|
width: 79%;
|
}
|
@media screen and (min-width: 1640px) {
|
width: 80%;
|
}
|
padding: 5px 20px 5px 5px;
|
box-sizing: border-box;
|
}
|
</style>
|
