王勇 / dispatch_sys_vue · 提交

转到一个项目

作者 王勇
提交 99a67d234eb827252630e54d2a709cf1cfb42d7e 1 个父辈 db81f631

修改界面

内嵌 并排对比
正在显示 4 个修改的文件 包含 58 行增加 和 43 行删除
... ... @@ -208,25 +208,23 @@
style="margin-top: -50px"
title="查看调度记录明细"
:visible.sync="viewDialogVisible"
width="50%" @close="showDialogClosed">
text-align="center"
width="60%" @close="showDialogClosed">
<!-- 表单显示区域 :rules="dispatchFormRules" -->
<el-form :model="showForm" ref="showFormRef"
style="margin-left:10%;margin-right:10%;background-color: #F5F7FA">
:inline="true" align="center"
style="background-color: #F5F7FA;margin-left: 5%;margin-right: 5%">
<div style="margin-left: 30px">
<div style="margin-top: -15px">
<br>
<el-form-item label="用户名称：" prop="userName">
<el-input v-model="showForm.userName" style="width: 300px;" readonly></el-input>
<el-input v-model="showForm.userName" style="width: 200px;" size="small" readonly></el-input>
</el-form-item>
<el-form-item label="联系方式：" prop="userMobile">
<el-input v-model="showForm.userMobile" style="width: 300px;" readonly></el-input>
<el-input v-model="showForm.userMobile" style="width: 200px;" size="small" readonly></el-input>
</el-form-item>
<!-- <el-form-item label="车辆类型：" prop="vehicleType">-->
<!-- <el-input v-model="showForm.vehicleType" style="width: 300px;" readonly>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<el-form-item label="车辆类型：" prop="vehicleType">
<el-select v-model="showForm.vehicleType" style="width:300px" readonly
<el-select v-model="showForm.vehicleType" style="width:200px" size="small" readonly
placeholder="请选择车辆类型">
<el-option
v-for="item in vehicleTypeList"
... ... @@ -237,12 +235,11 @@
</el-select>
</el-form-item>
<el-form-item label="车牌号码：" prop="licensePlateNumber">
<el-input v-model="showForm.licensePlateNumber" style="width: 300px;"
<el-input v-model="showForm.licensePlateNumber" style="width: 200px;" size="small"
readonly></el-input>
</el-form-item>
<el-form-item label="场站位置：" prop="station">
<el-select v-model="showForm.station" style="width:300px" readonly
<el-select v-model="showForm.station" style="width:200px" readonly size="small"
placeholder="请选择场站位置">
<el-option
v-for="item in stationList"
... ... @@ -251,10 +248,9 @@
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="业务类型：" prop="dispatchType">
<el-select v-model="showForm.dispatchType" style="width:300px" readonly
<el-select v-model="showForm.dispatchType" style="width:200px" readonly size="small"
placeholder="请选择业务类型">
<el-option
v-for="item in dispatchTypeList"
... ... @@ -265,16 +261,16 @@
</el-select>
</el-form-item>
<el-form-item label="创建时间：" prop="gmtCreate">
<el-input v-model="showForm.gmtCreate" style="width: 300px;" readonly></el-input>
<el-input v-model="showForm.gmtCreate" style="width: 200px;" size="small" readonly></el-input>
</el-form-item>
<el-form-item label="开始时间：" prop="beginTime">
<el-input v-model="showForm.beginTime" style="width: 300px;" readonly></el-input>
<el-input v-model="showForm.beginTime" style="width: 200px;" size="small" readonly></el-input>
</el-form-item>
<el-form-item label="结束时间：" prop="endTime">
<el-input v-model="showForm.endTime" style="width: 300px;" readonly></el-input>
<el-input v-model="showForm.endTime" style="width: 200px;" size="small" readonly></el-input>
</el-form-item>
<el-form-item label="记录状态：" prop="status">
<el-select v-model="showForm.status" placeholder="记录状态" style="width:300px"
<el-select v-model="showForm.status" placeholder="记录状态" style="width:200px" size="small"
readonly>
<el-option
v-for="item in statusList"
... ...
... ... @@ -62,6 +62,7 @@
<!--调度记录列表区域-->
<div style="margin-top: 20px;">
<el-table :data="DispatchNoteList" border stripe v-loading="listLoading"
:row-class-name="rowStatus"
element-loading-text="拼命加载中">
<el-table-column type="index" align="center"></el-table-column>
<el-table-column label="用户名称" prop="userName" align="center" width="100"></el-table-column>
... ... @@ -164,13 +165,13 @@
<el-dialog title="添加车辆调度记录"
:visible.sync="addDispatchNodeFormVisible"
style="margin-top: -50px"
width="50%" text-align="center" @close="dispatchDialogClosed">
width="60%" text-align="center" @close="dispatchDialogClosed">
<el-form :inline="true" :model="addDispatchNodeForm" label-width="120px" status-icon
:rules="addDispatchNodeFormRules" ref="addDispatchNodeFormRef"
style="background-color: #F5F7FA" align="center">
<br>
<el-form-item label="用户名称：" prop="userName">
<el-input v-model="addDispatchNodeForm.userName" style="width:200px" clearable size="small"
<el-input v-model="addDispatchNodeForm.userName" style="width:200px" size="small" clearable
placeholder="请输入您的用户名称"></el-input>
</el-form-item>
<el-form-item label="联系方式：" prop="userMobile">
... ... @@ -273,14 +274,15 @@
style="margin-top: -50px"
title="编辑调度记录明细"
:visible.sync="viewDialogVisible"
width="50%"
text-align="center"
width="60%"
@close="editDialogClosed">
<el-form :model="editForm" label-width="120px" status-icon
:inline="true"
style="background-color: #F5F7FA;"
:rules="editFormRules" ref="editFormRef">
<div style="margin-left: 30px">
<div style="margin-left: 40px">
<br>
<el-form-item label="用户名称：" prop="userName">
<el-input v-model="editForm.userName" style="width:200px" clearable size="small"
... ... @@ -807,6 +809,15 @@
this.editForm = Object.assign({}, row);
this.viewDialogVisible = true;
},
/**
* 根据状态的不同区分颜色
*
* @param row
* @param rowIndex
*/
rowStatus({row, rowIndex}){
}
}
}
</script>
... ...
... ... @@ -105,12 +105,14 @@
<el-dialog
style="margin-top: -50px"
title="增加驾驶员信息"
text-align="center"
:visible.sync="addDriverInfoFormVisible"
width="50%" @close="addDriverInfoDialogClosed">
<el-form :model="addDriverInfoForm" label-width="100px" status-icon
:rules="addDriverInfoFormRules" ref="addDriverInfoFormRef"
style="margin-left:10%;margin-right:10%;background-color: #F5F7FA">
<div style="margin-left: 30px">
size="medium" align="center" :inline="true"
style="background-color: #F5F7FA">
<div style="margin-top: -15px">
<br>
<el-form-item label="司机姓名：" prop="driverName">
<el-input v-model="addDriverInfoForm.driverName" style="width: 300px;" clearable
... ... @@ -171,14 +173,16 @@
<!-- 编辑驾驶员信息，对话框 -->
<div>
<el-dialog
style="margin-top: -50px"
style="margin-top: -70px"
title="编辑驾驶员信息"
:visible.sync="editDialogVisible"
text-align="center"
width="50%" @close="editDriverInfoDialogClosed">
<el-form :model="editDriverInfoForm" label-width="100px" status-icon
:rules="editDriverInfoFormRules" ref="editDriverInfoFormRef"
style="margin-left:10%;margin-right:10%;background-color: #F5F7FA">
<div style="margin-left: 30px">
:inline="true" size="medium" align="center"
style="background-color: #F5F7FA">
<div style="margin-top: -15px">
<br>
<el-form-item label="司机姓名：" prop="driverName">
<el-input v-model="editDriverInfoForm.driverName" style="width: 300px;" clearable
... ...
... ... @@ -186,27 +186,29 @@
<!-- 编辑车辆信息，对话框 -->
<div>
<el-dialog
style="margin-top: -50px"
title="编辑车辆信息"
text-align="center"
:visible.sync="editDialogVisible"
width="50%" @close="editVehicleInfoDialogClosed">
width="60%" @close="editVehicleInfoDialogClosed">
<el-form :model="editVehicleInfoForm" label-width="100px" status-icon
:rules="editVehicleInfoFormRules" ref="editVehicleInfoFormRef"
style="margin-left:10%;margin-right:10%;background-color: #F5F7FA">
<div style="margin-left: 30px">
:inline="true" align="center"
style="background-color: #F5F7FA">
<div >
<br>
<el-form-item label="车牌号码：" prop="licensePlateNumber">
<el-input v-model="editVehicleInfoForm.licensePlateNumber" clearable
style="width: 300px;"
style="width:250px"
placeholder="请输入车牌号码"></el-input>
</el-form-item>
<el-form-item label="行驶证号：" prop="drivingLicenseNumber">
<el-input v-model="editVehicleInfoForm.drivingLicenseNumber" clearable
style="width: 300px;"
style="width:250px"
placeholder="请输入车辆行驶证号"></el-input>
</el-form-item>
<el-form-item label="车辆类型：" prop="vehicleType">
<el-select v-model="editVehicleInfoForm.vehicleType" style="width: 300px" clearable
<el-select v-model="editVehicleInfoForm.vehicleType" clearable
style="width:250px"
placeholder="请选择车辆类型">
<el-option
v-for="item in vehicleTypeList"
... ... @@ -217,14 +219,15 @@
</el-select>
</el-form-item>
<el-form-item label="车辆载重：" prop="vehicleLoad">
<el-input-number style="width: 200px" v-model="editVehicleInfoForm.vehicleLoad"
clearable
<el-input-number v-model="editVehicleInfoForm.vehicleLoad"
clearable style="width:220px"
:min="10" :max="10000" controls-position="right">
</el-input-number>
<span style="margin-left:5px;font-size: 18px">Kg</span>
</el-form-item>
<el-form-item label="车辆状态：" prop="vehicleStatus">
<el-select v-model="editVehicleInfoForm.vehicleStatus" clearable style="width: 300px"
<el-select v-model="editVehicleInfoForm.vehicleStatus" clearable
style="width:250px"
clearable placeholder="请选择车辆状态">
<el-option
v-for="item in vehicleStatusList"
... ... @@ -235,8 +238,8 @@
</el-select>
</el-form-item>
<el-form-item label="有无挂车：" prop="vehicleType">
<el-select v-model="editVehicleInfoForm.isTrailer" clearable style="width: 300px"
clearable
<el-select v-model="editVehicleInfoForm.isTrailer" clearable
style="width:250px" clearable
placeholder="请选择有无挂车">
<el-option
v-for="item in isTrailerList"
... ... @@ -247,12 +250,13 @@
</el-select>
</el-form-item>
<el-form-item label="车辆公司：" prop="vehicleCompany">
<el-input v-model="editVehicleInfoForm.vehicleCompany" clearable style="width: 300px;"
<el-input v-model="editVehicleInfoForm.vehicleCompany" clearable
style="width:250px"
placeholder="请输入车辆公司"></el-input>
</el-form-item>
<el-form-item label="空闲时间：" prop="freetime">
<el-date-picker v-model="editVehicleInfoForm.freetime" type="datetime"
style="width: 300px;"
style="width:250px"
placeholder="选择调度时间"></el-date-picker>
</el-form-item>
<br>
... ...