| | |
| | | <el-dialog title="分配车辆" :visible.sync="vehicleAssignOpen" width="600px" append-to-body> |
| | | <el-form ref="vehicleAssignForm" :model="vehicleAssignForm" :rules="vehicleAssignRules" label-width="80px"> |
| | | <el-form-item label="车辆" prop="vehicleIds"> |
| | | <el-select v-model="vehicleAssignForm.vehicleIds" placeholder="请选择车辆" multiple clearable> |
| | | <el-select v-model="vehicleAssignForm.vehicleIds" placeholder="请选择车辆" multiple clearable style="width: 100%"> |
| | | <el-option |
| | | v-for="vehicle in availableVehicles" |
| | | :key="vehicle.vehicleId" |
| | | :label="vehicle.vehicleNo + ' (' + vehicle.vehicleType + ')'" |
| | | :label="vehicle.vehicleNo + ' - ' + vehicle.deptName" |
| | | :value="vehicle.vehicleId" |
| | | /> |
| | | > |
| | | <div style="display: flex; justify-content: space-between; align-items: center;"> |
| | | <div> |
| | | <div style="font-weight: bold; color: #303133;">{{ vehicle.vehicleNo }}</div> |
| | | <div style="font-size: 12px; color: #909399;">ID: {{ vehicle.vehicleId }}</div> |
| | | </div> |
| | | <div style="text-align: right;"> |
| | | <div style="color: #67C23A; font-size: 13px;">{{ getVehicleTypeName(vehicle.vehicleType) }}</div> |
| | | <div style="color: #8492a6; font-size: 12px;">{{ vehicle.vehicleBrand }} {{ vehicle.vehicleModel }}</div> |
| | | </div> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | |
| | | } else { |
| | | return (size / 1024 / 1024).toFixed(2) + ' MB'; |
| | | } |
| | | }, |
| | | /** 获取车辆类型名称 */ |
| | | getVehicleTypeName(vehicleType) { |
| | | const typeDict = this.dict.type.sys_vehicle_type; |
| | | if (typeDict && typeDict.length > 0) { |
| | | const typeItem = typeDict.find(item => item.value === vehicleType); |
| | | return typeItem ? typeItem.label : vehicleType; |
| | | } |
| | | return vehicleType; |
| | | } |
| | | } |
| | | }; |