<template>
    <div>
        <el-dialog
          title="高级查询"
          :visible="moreQueryVisible"
          @close="close"
          width="66%">
          <el-form
            inline
            ref="queryForm"
            label-position="top"
            :model="formData">
            <el-form-item
              label="装车单号"
              prop="ldNo">
              <el-input v-model="formData.ldNo"></el-input>
            </el-form-item>
            <el-form-item
              label="发运订单"
              prop="soNo">
              <el-input v-model="formData.soNo"></el-input>
            </el-form-item>
            <el-form-item
              label="状态"
              prop="headerStatus">
              <el-select multiple v-model="formData.headerStatus">
                <el-option label="创建" value="10"></el-option>
                <el-option label="部分装车" value="30"></el-option>
                <el-option label="完全装车" value="40"></el-option>
                <el-option label="部分交接" value="50"></el-option>
                <el-option label="完全交接" value="60"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item
              label="车型"
              prop="vehicleType">
              <el-select multiple v-model="formData.vehicleType">
                <el-option label="牵引车" value="TR"></el-option>
                <el-option label="大型车辆" value="VE"></el-option>
                <el-option label="小型车辆" value="HI"></el-option>
              </el-select>
            </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>
          <div class="more-query-btn">
            <el-button v-auth="50910030103" type="primary" @click="submitForm">查询</el-button>
            <el-button v-auth="50910030104" @click="resetForm('queryForm')">重置</el-button>
          </div>
        </el-dialog>
    </div>
</template>
<script>
export default {
  data () {
    return {
      formData: {},
    }
  },
  mounted () {
  },
  props: {
    moreQueryVisible: Boolean,
  },
  methods: {

    // 关闭弹窗
    close () {
      this.$emit('close')
    },

    // 提交表单
    submitForm () {
      this.$emit('toGetList', this.formData)
      this.$refs['queryForm'].resetFields()
    },

    // 重置表单
    resetForm () {
      this.$refs['queryForm'].resetFields()
    },

  }
}
</script>
