<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>
