qa-prevention-xgf-app/pages/door_access_control/vehicle_info/view.vue

75 lines
1.9 KiB
Vue

<template>
<view class="content">
<view class="card">
<u-cell-group :border="false">
<u-cell>
<view slot="title" class="title">车牌号</view>
<view slot="label" class="mt-10">{{ info.LICENCE_NO }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">车牌类型</view>
<view slot="label" class="mt-10">{{ VEHICLE_LICENSE_PLATE_TYPE_MAP[info.LICENCE_TYPE] }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">车辆类型</view>
<view slot="label" class="mt-10">{{ VEHICLE_TYPE_MAP[info.VEHICLE_TYPE] }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">范围</view>
<view slot="label" class="mt-10">{{ VEHICLE_PORT_MAP[info.portId] }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">车辆所属部门</view>
<view slot="label" class="mt-10">{{ info.DEPT_NAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">车辆归属人</view>
<view slot="label" class="mt-10">{{ info.U_NAME }}</view>
</u-cell>
</u-cell-group>
</view>
</view>
</template>
<script>
import { getVehiclemessageView } from "@/api";
export default {
data() {
return {
info: {},
VEHICLE_LICENSE_PLATE_TYPE_MAP: {
0: "白牌",
1: "蓝牌",
2: "黄牌",
3: "绿牌",
4: "黑牌",
},
VEHICLE_TYPE_MAP: {
0: "货车",
1: "轿车",
2: "大巴客车",
},
VEHICLE_PORT_MAP: {
0: "全部",
1: "东港区",
2: "西港区",
}
}
},
onShow() {
this.getData()
},
methods: {
async getData() {
const resData = await getVehiclemessageView({VEHICLE_ID: this.$route.query.VEHICLE_ID });
this.info = resData.pd;
},
}
}
</script>
<style scoped lang="scss">
</style>