89 lines
2.5 KiB
Vue
89 lines
2.5 KiB
Vue
<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>
|