+
+
+
+
+
+
+
+
+
+
+ 车牌号码 {{ item.plateNo }}
+
+
+ 过车时间 {{ item.partitionField }}
+
+
+ 经过位置 {{ item.doorwayName }}
+
+
+ 进出方向 {{ item.directionCn }}
+
+
+
+
+
+
+
+
+
+
@@ -86,6 +118,7 @@ export default {
staffDetailList: [],
listTotal: {},
fangkeVisible: false,
+ diaVisible: false,
fangkepageSize: 10,
fangkepageNum: 1,
fangketotal: 0,
@@ -95,14 +128,24 @@ export default {
ziyouTotal: 0,
zulintotal: 0,
useType: 0,
+ inList: [],
+ diapageSize: 10,
+ diapageNum: 1,
+ diatotal: 0,
+ outList: [],
+ diaIndex: 1,
+ disList: [],
+
}
},
created() {
this.getUserType()
- vehicleIn({ direction: 1, pageSize: 10, pageNum: 1 }).then(res => {
+ vehicleIn({ direction: 1, pageSize: this.diapageNum, pageNum: this.diapageNum }).then(res => {
+ this.inList = res.data
this.intotal = res.total
})
- vehicleIn({ direction: 2, pageSize: 10, pageNum: 1 }).then(res => {
+ vehicleIn({ direction: 2, pageSize: this.diapageNum, pageNum: this.diapageNum }).then(res => {
+ this.outList = res.data
this.outtotal = res.total
})
},
@@ -121,7 +164,6 @@ export default {
tableHeaderCellColor() {
return { 'background': 'rgba(0,0,0,0)', 'border': '0', 'color': '#fff' }
},
-
fangkeSizeChange(val) {
this.fangkepageNum = 1;
this.fangkepageSize = val;
@@ -131,7 +173,23 @@ export default {
this.fangkepageNum = val;
this.showfangkeVisible(this.useType)
},
-
+ showpicVisible(index) {
+ this.diaIndex = index
+ vehicleIn({ direction: index, pageSize: this.diapageNum, pageNum: this.diapageNum }).then(res => {
+ this.disList = res.data
+ this.diatotal = res.total
+ this.diaVisible = true
+ })
+ },
+ diaSizeChange(val) {
+ this.fangkepageNum = 1;
+ this.fangkepageSize = val;
+ this.showpicVisible(this.diaIndex)
+ },
+ diaCurrentChange(val) {
+ this.fangkepageNum = val;
+ this.showpicVisible(this.diaIndex)
+ },
getUserType() {
vehicleUserType({ useType: 1 }).then(res => {
this.ziyouTotal = res.data
@@ -139,7 +197,6 @@ export default {
vehicleUserType({ useType: 2 }).then(res => {
this.zulintotal = res.data
})
-
},
showfangkeVisible(val) {
this.useType = val
@@ -206,6 +263,7 @@ export default {
align-items: center;
box-sizing: border-box;
+ cursor: pointer;
.iconBox {
width: 48px;
@@ -308,6 +366,87 @@ export default {
}
}
+.picForm {
+ /deep/ .el-dialog {
+ background-color: rgba(0, 0, 0, 0);
+ background: url('~@/assets/head/编组 3021112.png') no-repeat;
+ background-size: 100% 100%;
+ width: 1241px;
+ height: 850px;
+ position: relative;
+ margin-top: 3vh !important;
+
+ .el-dialog__title {
+ font-size: 16px;
+ color: #EBFFF4;
+ letter-spacing: 2px;
+ text-shadow: 0 0 9px rgba(21, 255, 195, 0.77);
+ font-weight: 400;
+ }
+
+ .el-dialog__body {
+ box-sizing: border-box;
+ height: 770px;
+
+ .imgList {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: space-evenly;
+ flex-wrap: wrap;
+
+ .imgListItem {
+ height: calc(50% - 8px);
+ width: calc(20% - 10px);
+ background: url('~@/assets/safetyIndex/背景001.png') no-repeat;
+ background-size: 100% 100%;
+ padding: 10px;
+ position: relative;
+
+ .detailImg {
+ margin: 0 auto;
+ width: 96%;
+ height: calc(100% - 150px);
+
+
+ img {
+ width: 100%;
+ height: 100%;
+ ;
+ }
+ }
+
+ .ListItem {
+ margin-top: 10px;
+ background: url('~@/assets/safetyIndex/背景001.png') no-repeat;
+ background-size: 100% 100%;
+ }
+
+ .detailText {
+ margin: 15px 0;
+ margin-left: 10px;
+ height: 20px;
+ font-family: PingFangSC-Regular;
+ font-size: 12px;
+ color: rgba(255, 255, 255, 0.7);
+ letter-spacing: 1.52px;
+
+ span {
+ color: #fff;
+ font-size: 12px;
+ }
+ }
+ }
+ }
+
+ .scopeQuantity {
+ letter-spacing: 2px;
+ }
+
+ }
+ }
+}
+
/deep/.el-table {
background: rgba(0, 0, 0, 0);