<template>
  <div class="dialog" v-if="dialogForm">
    <div class="flex justify-end">
      <el-button size="small" @click="close">关闭</el-button>
    </div>
    <el-form :label-width="230" label-position="left" v-model="personalInfo">
      <div class="flex align-center bottom" :key="index">
        <div style="width: calc(100% - 400px)">
          <div class="form-row">
            <el-form-item label="车辆驾驶员">
              <el-input v-model="personalInfo.cljsy" placeholder="车辆驾驶员" disabled />
            </el-form-item>
            <el-form-item label="车辆类型">
              <el-select v-model="personalInfo.cllx" placeholder="请选择车辆类型" disabled>
                      <el-option
                        v-for="item in dict.D_BZ_GGJTGJLX"
                        :key="item.value"
                        :label="item.zdmc"
                        :value="item.dm"
                      />
                    </el-select>
            </el-form-item>
          </div>
          <div class="form-row">
            <el-form-item label="车牌号">
              <el-input v-model="personalInfo.cph" placeholder="请输入" disabled/>
            </el-form-item>
            <el-form-item label="单位名称">
              <el-input v-model="personalInfo.dwmc" placeholder="请输入" disabled/>
            </el-form-item>
          </div>
          <div class="form-row">
            <el-form-item label="企业部门">
              <el-input v-model="personalInfo.qybm" placeholder="请输入" disabled/>
            </el-form-item>
            <el-form-item label="行政区域">
              <el-input v-model="personalInfo.xzqy" placeholder="请输入" disabled/>
            </el-form-item>
          </div>
          <div class="form-row">
            <el-form-item label="线路名称">
              <el-input v-model="personalInfo.xlmc" placeholder="请输入"  disabled/>
            </el-form-item>
          </div>
        </div>
      </div>

    </el-form>
  </div>
</template>

<script setup>
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
const props = defineProps({
  dict: {
    type: Object,
    default: () => {}
  }
})
const personalInfo = ref({})
const dialogForm = ref(false)
const init = (type, res) => {
  dialogForm.value = true;
  personalInfo.value = res
}
const close = () => {
  dialogForm.value = false;
}
onMounted(() => {

});
defineExpose({
  init
});



</script>

<style>
.el-loading-mask {
  background: rgba(0, 0, 0, 0.5) !important;
}

.justify-end {
  justify-content: right;
}
</style>
