# VehicleBrandInput 车辆品牌选择

<template>
  <h-vehicle-brand-input
    v-model="value"
    :data="loadData"
    :input-props="{
      placeholder: '请输入车牌品牌',
      style: {
        width: '240px'
      }
    }"
    class="el-input--width"
  />
</template>
<script>
  import { merge } from '@hui-pro/utils';
  import axios from 'axios';
  export default {
    data() {
      return {
        value: {}
      };
    },
    methods: {
      loadData({ level, item }) {
        return new Promise((resolve, reject) => {
          axios
            .get(
              'http://sword.hikvision.com.cn:4000/mock/309/getVehicleBrand',
              {
                params: {
                  level
                }
              }
            )
            .then(res => {
              // 扁平化扩展字段
              const data = [];
              for (const dataItem of res.data.data) {
                const obj = JSON.parse(dataItem.expand);
                merge(dataItem, obj);
                data.push(dataItem);
              }
              resolve(data);
            })
            .catch(err => {
              reject(err);
            });
        });
      }
    }
  };
</script>