作者 王勇

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

<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(),
//业务类型
... ...