<template>
  <div>
    <el-dialog title="承运商"  :visible.sync="carrierFormVisible" :before-close="close" width="66%">
      <el-form inline ref="form" label-position="top" :model="formData" :rules="rules" >
        <div>
          <el-form-item label="承运商" prop="carrierCode">
            <PublicQuery title="承运商" single :rowData.sync="carrierData" baseUrl="/inb_web/inbweb" cfgKey="Inb_TRANSPORT_SUPPLIER" :valueField.sync="formData.carrierCode" :textField.sync="formData.carrierName">
            </PublicQuery>
          </el-form-item>
          <el-form-item label="车牌号" prop="vehicleNo">
            <el-input v-model="formData.vehicleNo" ></el-input>
          </el-form-item>
          <el-form-item label="驾驶员" prop="driver">
            <el-input v-model="formData.driver" ></el-input>
          </el-form-item>
          <el-form-item label="身份证号" prop="identificationNo">
            <el-input v-model="formData.identificationNo" ></el-input>
          </el-form-item>
        </div>
      </el-form>
      <div class="more-query-btn" >
        <el-button v-auth="50200020310" type="primary" @click="handleConfirm">确认</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data () {
    return {
      formData: {},
      carrierData: {},
      rules: {
        carrierCode: [
          { required: true, message: '承运商必填', trigger: 'change' }
        ],
      }
    }
  },
  props: {
    carrierFormVisible: Boolean
  },
  methods: {
    close () {
      this.$emit('close')
    },
    handleConfirm () {}
  }
}
</script>
