|  |  | <template> | 
|  |  | <el-container> | 
|  |  | <el-main> | 
|  |  | <!--面包屑导航区域--> | 
|  |  | <!--            <el-breadcrumb separator-class="el-icon-arrow-right">--> | 
|  |  | <!--                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>--> | 
|  |  | <!--                <el-breadcrumb-item>车辆调度</el-breadcrumb-item>--> | 
|  |  | <!--                <el-breadcrumb-item>车辆调度</el-breadcrumb-item>--> | 
|  |  | <!--            </el-breadcrumb>--> | 
|  |  |  | 
|  |  | <el-card style="background-color: #F5F7FA"> | 
|  |  | <!-- 搜素区域 --> | 
|  |  | <div> | 
|  |  | <el-form :model="queryInfo" :rules="queryFormRules" ref="queryFormRef" status-icon> | 
|  |  | <el-form-item> | 
|  |  | <!--  <el-col :span="4">--> | 
|  |  | <!--      <el-form-item prop="userName">--> | 
|  |  | <!--          <el-input v-model="queryInfo.userName" prefix-icon="el-icon-search"--> | 
|  |  | <!--                    placeholder="请输入用户名称" clearable size="small"></el-input>--> | 
|  |  | <!--      </el-form-item>--> | 
|  |  | <!--  </el-col>--> | 
|  |  | <!--  <el-col :span="4" style="margin-left: 10px">--> | 
|  |  | <!--      <el-form-item prop="userMobile">--> | 
|  |  | <!--          <el-input v-model="queryInfo.userMobile" prefix-icon="el-icon-search"--> | 
|  |  | <!--                    placeholder="请输入联系方式" clearable size="small"></el-input>--> | 
|  |  | <!--      </el-form-item>--> | 
|  |  | <!--  </el-col>--> | 
|  |  | <el-col :span="4"> | 
|  |  | <el-form-item prop="gmtCreate"> | 
|  |  | <el-date-picker v-model="queryInfo.gmtCreate" type="date" value-format="yyyy-MM-dd" | 
| ... | ... | @@ -46,7 +27,20 @@ | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  | </el-col> | 
|  |  | <el-button type="primary" style="margin-left: 50px" | 
|  |  | <el-col :span="4" style="margin-left: 50px"> | 
|  |  | <el-form-item prop="status"> | 
|  |  | <el-select v-model="queryInfo.status" placeholder="记录状态" clearable | 
|  |  | style="width:200px;margin-left: 6px"> | 
|  |  | <el-option | 
|  |  | v-for="item in statusList" | 
|  |  | :key="item.value" | 
|  |  | :label="item.label" | 
|  |  | :value="item.value"> | 
|  |  | </el-option> | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  | </el-col> | 
|  |  | <el-button type="primary" style="margin-left: 60px" | 
|  |  | @click="getDispatchNodeList">查询调度记录 | 
|  |  | </el-button> | 
|  |  | <el-button type="success" style="margin-left: 15px" @click="dispatchFormVisible = true"> | 
| ... | ... | @@ -147,14 +141,6 @@ | 
|  |  | :rules="dispatchFormRules" ref="dispatchFormRef" | 
|  |  | style="margin-left:10%;margin-right:10%;background-color: #F5F7FA"> | 
|  |  | <br> | 
|  |  | <!--                        <el-form-item label="用户名称:" prop="userName">--> | 
|  |  | <!--                            <el-input v-model="dispatchForm.userName" style="width: 300px;" clearable--> | 
|  |  | <!--                                      placeholder="请输入您的用户名称"></el-input>--> | 
|  |  | <!--                        </el-form-item>--> | 
|  |  | <!--                        <el-form-item label="联系方式:" prop="userMobile">--> | 
|  |  | <!--                            <el-input v-model="dispatchForm.userMobile" style="width: 300px;" clearable--> | 
|  |  | <!--                                      placeholder="请输入您的联系方式"></el-input>--> | 
|  |  | <!--                        </el-form-item>--> | 
|  |  | <el-form-item label="车辆类型:" prop="vehicleType"> | 
|  |  | <el-select v-model="dispatchForm.vehicleType" style="width: 300px" clearable | 
|  |  | placeholder="请选择车辆类型"> | 
| ... | ... | @@ -328,6 +314,8 @@ | 
|  |  | userName: '', | 
|  |  | //用户联系方式 | 
|  |  | userMobile: '', | 
|  |  | //记录状态 | 
|  |  | status: '', | 
|  |  | //调度时间 | 
|  |  | gmtCreate: new Date(), | 
|  |  | //业务类型 | 
... | ... |  |