lcw

src/views/backOfficeSystem/passengerTransport/components/cldeict.vue

@@ -0,0 +1,88 @@
+<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>