作者 王勇

查询列表,添加一个可选择状态

1 <template> 1 <template>
2 <el-container> 2 <el-container>
3 <el-main> 3 <el-main>
4 - <!--面包屑导航区域-->  
5 - <!-- <el-breadcrumb separator-class="el-icon-arrow-right">-->  
6 - <!-- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>-->  
7 - <!-- <el-breadcrumb-item>车辆调度</el-breadcrumb-item>-->  
8 - <!-- <el-breadcrumb-item>车辆调度</el-breadcrumb-item>-->  
9 - <!-- </el-breadcrumb>-->  
10 -  
11 <el-card style="background-color: #F5F7FA"> 4 <el-card style="background-color: #F5F7FA">
12 <!-- 搜素区域 --> 5 <!-- 搜素区域 -->
13 <div> 6 <div>
14 <el-form :model="queryInfo" :rules="queryFormRules" ref="queryFormRef" status-icon> 7 <el-form :model="queryInfo" :rules="queryFormRules" ref="queryFormRef" status-icon>
15 <el-form-item> 8 <el-form-item>
16 - <!-- <el-col :span="4">-->  
17 - <!-- <el-form-item prop="userName">-->  
18 - <!-- <el-input v-model="queryInfo.userName" prefix-icon="el-icon-search"-->  
19 - <!-- placeholder="请输入用户名称" clearable size="small"></el-input>-->  
20 - <!-- </el-form-item>-->  
21 - <!-- </el-col>-->  
22 - <!-- <el-col :span="4" style="margin-left: 10px">-->  
23 - <!-- <el-form-item prop="userMobile">-->  
24 - <!-- <el-input v-model="queryInfo.userMobile" prefix-icon="el-icon-search"-->  
25 - <!-- placeholder="请输入联系方式" clearable size="small"></el-input>-->  
26 - <!-- </el-form-item>-->  
27 - <!-- </el-col>-->  
28 <el-col :span="4"> 9 <el-col :span="4">
29 <el-form-item prop="gmtCreate"> 10 <el-form-item prop="gmtCreate">
30 <el-date-picker v-model="queryInfo.gmtCreate" type="date" value-format="yyyy-MM-dd" 11 <el-date-picker v-model="queryInfo.gmtCreate" type="date" value-format="yyyy-MM-dd"
@@ -46,7 +27,20 @@ @@ -46,7 +27,20 @@
46 </el-select> 27 </el-select>
47 </el-form-item> 28 </el-form-item>
48 </el-col> 29 </el-col>
49 - <el-button type="primary" style="margin-left: 50px" 30 + <el-col :span="4" style="margin-left: 50px">
  31 + <el-form-item prop="status">
  32 + <el-select v-model="queryInfo.status" placeholder="记录状态" clearable
  33 + style="width:200px;margin-left: 6px">
  34 + <el-option
  35 + v-for="item in statusList"
  36 + :key="item.value"
  37 + :label="item.label"
  38 + :value="item.value">
  39 + </el-option>
  40 + </el-select>
  41 + </el-form-item>
  42 + </el-col>
  43 + <el-button type="primary" style="margin-left: 60px"
50 @click="getDispatchNodeList">查询调度记录 44 @click="getDispatchNodeList">查询调度记录
51 </el-button> 45 </el-button>
52 <el-button type="success" style="margin-left: 15px" @click="dispatchFormVisible = true"> 46 <el-button type="success" style="margin-left: 15px" @click="dispatchFormVisible = true">
@@ -147,14 +141,6 @@ @@ -147,14 +141,6 @@
147 :rules="dispatchFormRules" ref="dispatchFormRef" 141 :rules="dispatchFormRules" ref="dispatchFormRef"
148 style="margin-left:10%;margin-right:10%;background-color: #F5F7FA"> 142 style="margin-left:10%;margin-right:10%;background-color: #F5F7FA">
149 <br> 143 <br>
150 - <!-- <el-form-item label="用户名称:" prop="userName">-->  
151 - <!-- <el-input v-model="dispatchForm.userName" style="width: 300px;" clearable-->  
152 - <!-- placeholder="请输入您的用户名称"></el-input>-->  
153 - <!-- </el-form-item>-->  
154 - <!-- <el-form-item label="联系方式:" prop="userMobile">-->  
155 - <!-- <el-input v-model="dispatchForm.userMobile" style="width: 300px;" clearable-->  
156 - <!-- placeholder="请输入您的联系方式"></el-input>-->  
157 - <!-- </el-form-item>-->  
158 <el-form-item label="车辆类型:" prop="vehicleType"> 144 <el-form-item label="车辆类型:" prop="vehicleType">
159 <el-select v-model="dispatchForm.vehicleType" style="width: 300px" clearable 145 <el-select v-model="dispatchForm.vehicleType" style="width: 300px" clearable
160 placeholder="请选择车辆类型"> 146 placeholder="请选择车辆类型">
@@ -328,6 +314,8 @@ @@ -328,6 +314,8 @@
328 userName: '', 314 userName: '',
329 //用户联系方式 315 //用户联系方式
330 userMobile: '', 316 userMobile: '',
  317 + //记录状态
  318 + status: '',
331 //调度时间 319 //调度时间
332 gmtCreate: new Date(), 320 gmtCreate: new Date(),
333 //业务类型 321 //业务类型