|
|
@@ -1,5 +1,18 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5" class="isSubmit">
|
|
|
+ <el-radio-group
|
|
|
+ v-model="queryParams.caoZuoType"
|
|
|
+ @change="caoZuoTypefun"
|
|
|
+ >
|
|
|
+ <el-radio-button label="0">所有</el-radio-button>
|
|
|
+ <el-radio-button label="1">今日</el-radio-button>
|
|
|
+ <el-radio-button label="2">明日</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <hr />
|
|
|
<el-form
|
|
|
:model="queryParams"
|
|
|
ref="queryForm"
|
|
|
@@ -7,14 +20,7 @@
|
|
|
v-show="showSearch"
|
|
|
label-width="68px"
|
|
|
>
|
|
|
- <el-form-item prop="unitId">
|
|
|
- <!-- <el-input
|
|
|
- v-model="queryParams.unitId"
|
|
|
- placeholder="请输入单位"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- /> -->
|
|
|
+ <el-form-item prop="peopleId">
|
|
|
<el-select
|
|
|
v-model="queryParams.peopleId"
|
|
|
placeholder="请选择用车人姓名"
|
|
|
@@ -40,11 +46,23 @@
|
|
|
@click="handleQuery"
|
|
|
>搜索</el-button
|
|
|
> -->
|
|
|
- <el-button size="btr" @click="resetQuery"
|
|
|
- >重置</el-button
|
|
|
- >
|
|
|
+ <el-button size="btr" @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
+
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdds"
|
|
|
+ v-hasPermi="['militaryvehicleManagement:thebusApply:add']"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
<!-- 列表选项 -->
|
|
|
<el-table
|
|
|
v-loading="loading"
|
|
|
@@ -97,7 +115,7 @@
|
|
|
>出车</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
- class="a1"
|
|
|
+ class="a1"
|
|
|
v-else
|
|
|
size=""
|
|
|
type="text"
|
|
|
@@ -118,7 +136,13 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 出车会话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body :close-on-click-modal="false">
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="open"
|
|
|
+ width="500px"
|
|
|
+ append-to-body
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ >
|
|
|
<el-form
|
|
|
ref="form"
|
|
|
:model="form"
|
|
|
@@ -229,8 +253,6 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
|
|
|
-
|
|
|
-
|
|
|
<!-- 查看会话框 -->
|
|
|
<el-dialog
|
|
|
title="查看可出车列表"
|
|
|
@@ -262,43 +284,44 @@
|
|
|
<el-input v-model="forms.cause" />
|
|
|
</el-form-item>
|
|
|
<div class="box4">
|
|
|
- <table border="1"
|
|
|
- style="
|
|
|
- border-collapse: collapse;
|
|
|
- border: none;
|
|
|
- mso-border-left-alt: 0.5pt solid windowtext;
|
|
|
- mso-border-top-alt: 0.5pt solid windowtext;
|
|
|
- mso-border-right-alt: 0.5pt solid windowtext;
|
|
|
- mso-border-bottom-alt: 0.5pt solid windowtext;
|
|
|
- mso-border-insideh: 0.5pt solid windowtext;
|
|
|
- mso-border-insidev: 0.5pt solid windowtext;
|
|
|
- mso-padding-alt: 0pt 0pt 0pt 0pt;
|
|
|
- "
|
|
|
- width="907px"
|
|
|
+ <table
|
|
|
+ border="1"
|
|
|
+ style="
|
|
|
+ border-collapse: collapse;
|
|
|
+ border: none;
|
|
|
+ mso-border-left-alt: 0.5pt solid windowtext;
|
|
|
+ mso-border-top-alt: 0.5pt solid windowtext;
|
|
|
+ mso-border-right-alt: 0.5pt solid windowtext;
|
|
|
+ mso-border-bottom-alt: 0.5pt solid windowtext;
|
|
|
+ mso-border-insideh: 0.5pt solid windowtext;
|
|
|
+ mso-border-insidev: 0.5pt solid windowtext;
|
|
|
+ mso-padding-alt: 0pt 0pt 0pt 0pt;
|
|
|
+ "
|
|
|
+ width="907px"
|
|
|
>
|
|
|
- <tbody style="">
|
|
|
- <tr align="center" class="tr">
|
|
|
- <td width="220" height="40">车牌型号</td>
|
|
|
- <td width="220" height="40">号牌号码</td>
|
|
|
- <td width="220" height="40">司机</td>
|
|
|
- <td width="220" height="40">司机联系方式</td>
|
|
|
- </tr>
|
|
|
- <tr
|
|
|
- align="center"
|
|
|
- class="tr"
|
|
|
- v-for="(item, i) in chaCarLists"
|
|
|
- :key="i"
|
|
|
- >
|
|
|
- <td width="220" height="40">
|
|
|
- <template>
|
|
|
- {{ names }}
|
|
|
- </template>
|
|
|
- </td>
|
|
|
- <td width="220" height="40">{{ item.vehiclenumber }}</td>
|
|
|
- <td width="220" height="40">{{ item.driverName }}</td>
|
|
|
- <td width="220" height="40">{{ item.driverPhone }}</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
+ <tbody style="">
|
|
|
+ <tr align="center" class="tr">
|
|
|
+ <td width="220" height="40">车牌型号</td>
|
|
|
+ <td width="220" height="40">号牌号码</td>
|
|
|
+ <td width="220" height="40">司机</td>
|
|
|
+ <td width="220" height="40">司机联系方式</td>
|
|
|
+ </tr>
|
|
|
+ <tr
|
|
|
+ align="center"
|
|
|
+ class="tr"
|
|
|
+ v-for="(item, i) in chaCarLists"
|
|
|
+ :key="i"
|
|
|
+ >
|
|
|
+ <td width="220" height="40">
|
|
|
+ <template>
|
|
|
+ {{ names }}
|
|
|
+ </template>
|
|
|
+ </td>
|
|
|
+ <td width="220" height="40">{{ item.vehiclenumber }}</td>
|
|
|
+ <td width="220" height="40">{{ item.driverName }}</td>
|
|
|
+ <td width="220" height="40">{{ item.driverPhone }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
@@ -349,6 +372,7 @@ export default {
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
+ caoZuoType: "0",
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
@@ -389,6 +413,10 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 今日，明日按钮触发
|
|
|
+ caoZuoTypefun(data) {
|
|
|
+ console.log(data);
|
|
|
+ },
|
|
|
// 翻译车牌型号
|
|
|
car(value) {
|
|
|
console.log(value, 1);
|
|
|
@@ -490,6 +518,15 @@ export default {
|
|
|
this.open = true;
|
|
|
this.title = "选择司机";
|
|
|
},
|
|
|
+ /** 出车按钮操作 */
|
|
|
+ handleAdds(row) {
|
|
|
+ this.form.id = row.id;
|
|
|
+ this.form = row;
|
|
|
+ this.getCar();
|
|
|
+ this.getSi();
|
|
|
+ this.open = true;
|
|
|
+ this.title = "选择司机";
|
|
|
+ },
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
|
this.reset();
|
|
|
@@ -575,7 +612,7 @@ export default {
|
|
|
height: 36px; */
|
|
|
background: transparent;
|
|
|
color: #fff;
|
|
|
- border: 1px solid white !important;
|
|
|
+ border: 1px solid white !important;
|
|
|
}
|
|
|
/* 单位框背景颜色 */
|
|
|
::v-deep .vue-treeselect__control {
|
|
|
@@ -729,15 +766,48 @@ export default {
|
|
|
::v-deep .box4 table td {
|
|
|
border-bottom: 1px solid white !important;
|
|
|
}
|
|
|
-.a1{
|
|
|
+.a1 {
|
|
|
width: 46px !important;
|
|
|
- border: 1px solid transparent;
|
|
|
- padding: 3px 8px;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 1.5;
|
|
|
- border-radius: 3px;
|
|
|
- color: #fff;
|
|
|
- background-color: #1890ff;
|
|
|
+ border: 1px solid transparent;
|
|
|
+ padding: 3px 8px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 1.5;
|
|
|
+ border-radius: 3px;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #1890ff;
|
|
|
+}
|
|
|
+/* 今日明日按钮 */
|
|
|
+.isSubmit {
|
|
|
+ margin-left: 42% !important;
|
|
|
+}
|
|
|
+.el-radio-button {
|
|
|
+ width: 122px !important;
|
|
|
+ height: 30px !important;
|
|
|
+ line-height: 30px !important;
|
|
|
+ border: none !important;
|
|
|
+}
|
|
|
+::v-deep .el-radio-button__inner {
|
|
|
+ width: 120px !important;
|
|
|
+ height: 30px !important;
|
|
|
+ line-height: 8px !important;
|
|
|
+ background: #196299;
|
|
|
+ border: none;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+::v-deep .el-radio-button:first-child .el-radio-button__inner {
|
|
|
+ border-left: none !important;
|
|
|
+}
|
|
|
+::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
|
|
|
+ color: #ffffff;
|
|
|
+ background-color: #006cff !important;
|
|
|
+ border-color: #006cff !important;
|
|
|
+ -webkit-box-shadow: -1px 0 0 0 #006cff !important;
|
|
|
+ box-shadow: -1px 0 0 0 #006cff !important;
|
|
|
+}
|
|
|
+hr {
|
|
|
+ border: none;
|
|
|
+ height: 1px;
|
|
|
+ background-color: rgba(204, 204, 204, 0.5);
|
|
|
}
|
|
|
</style>
|
|
|
|
sunyanqiang