|
@@ -25,27 +25,44 @@
|
|
|
v-for="item in busNum.list"
|
|
v-for="item in busNum.list"
|
|
|
:label="item.car_number"
|
|
:label="item.car_number"
|
|
|
:value="item.car_number"
|
|
:value="item.car_number"
|
|
|
|
|
+ :key="item.car_number"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="condition">
|
|
<div class="condition">
|
|
|
<span>汇总日期 : </span>
|
|
<span>汇总日期 : </span>
|
|
|
- <!-- <el-date-picker
|
|
|
|
|
- v-model="searchData.input5"
|
|
|
|
|
- type="datetimerange"
|
|
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="searchInputHZ.date"
|
|
|
|
|
+ type="daterange"
|
|
|
start-placeholder="开始日期"
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
end-placeholder="结束日期"
|
|
|
- format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
- /> -->
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
|
|
+ format="YYYY-MM-DD"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
|
+ unlink-panels
|
|
|
|
|
+ />
|
|
|
|
|
+ <!-- <el-date-picker
|
|
|
v-model="searchInputHZ.date"
|
|
v-model="searchInputHZ.date"
|
|
|
type="date"
|
|
type="date"
|
|
|
- placeholder="请选择日期"
|
|
|
|
|
|
|
+ placeholder="请选择汇总日期"
|
|
|
format="YYYY-MM-DD"
|
|
format="YYYY-MM-DD"
|
|
|
value-format="YYYY-MM-DD"
|
|
value-format="YYYY-MM-DD"
|
|
|
:clearable="false"
|
|
:clearable="false"
|
|
|
- />
|
|
|
|
|
|
|
+ /> -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="condition">
|
|
|
|
|
+ <span>路线 : </span>
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="searchInputHZ.route"
|
|
|
|
|
+ class="m-2"
|
|
|
|
|
+ placeholder="请选择路线"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ :label="item.route"
|
|
|
|
|
+ :value="item.route"
|
|
|
|
|
+ v-for="item in pathNum.list"
|
|
|
|
|
+ :key="item"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-select>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="condition">
|
|
<div class="condition">
|
|
|
<span>状态 : </span>
|
|
<span>状态 : </span>
|
|
@@ -112,25 +129,64 @@
|
|
|
v-for="item in busNum.list"
|
|
v-for="item in busNum.list"
|
|
|
:label="item.car_number"
|
|
:label="item.car_number"
|
|
|
:value="item.car_number"
|
|
:value="item.car_number"
|
|
|
|
|
+ :key="item.car_number"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="condition">
|
|
<div class="condition">
|
|
|
|
|
+ <span>手机号 : </span>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ clearable
|
|
|
|
|
+ v-model="searchInput.mobile"
|
|
|
|
|
+ class="w-50 m-2"
|
|
|
|
|
+ placeholder="请输入手机号"
|
|
|
|
|
+ />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="condition">
|
|
|
<span>发车日期 : </span>
|
|
<span>发车日期 : </span>
|
|
|
- <!-- <el-date-picker
|
|
|
|
|
- v-model="searchData.input5"
|
|
|
|
|
- type="datetimerange"
|
|
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="searchInput.ciCreateTime"
|
|
|
|
|
+ type="daterange"
|
|
|
start-placeholder="开始日期"
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
end-placeholder="结束日期"
|
|
|
- format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
- /> -->
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
|
|
+ format="YYYY-MM-DD"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
|
+ unlink-panels
|
|
|
|
|
+ />
|
|
|
|
|
+ <!-- <el-date-picker
|
|
|
v-model="searchInput.yy_date"
|
|
v-model="searchInput.yy_date"
|
|
|
type="date"
|
|
type="date"
|
|
|
- placeholder="请选择日期"
|
|
|
|
|
|
|
+ placeholder="请选择发车日期"
|
|
|
|
|
+ format="YYYY-MM-DD"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
|
+ :clearable="false"
|
|
|
|
|
+ /> -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="condition">
|
|
|
|
|
+ <span>路线 : </span>
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="searchInput.route"
|
|
|
|
|
+ class="m-2"
|
|
|
|
|
+ placeholder="请选择路线"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ :label="item.route"
|
|
|
|
|
+ :value="item.route"
|
|
|
|
|
+ v-for="item in pathNum.list"
|
|
|
|
|
+ :key="item"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="condition">
|
|
|
|
|
+ <span>下单时间 : </span>
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="searchInput.createTime"
|
|
|
|
|
+ type="daterange"
|
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
format="YYYY-MM-DD"
|
|
format="YYYY-MM-DD"
|
|
|
value-format="YYYY-MM-DD"
|
|
value-format="YYYY-MM-DD"
|
|
|
|
|
+ unlink-panels
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="condition">
|
|
<div class="condition">
|
|
@@ -154,16 +210,13 @@
|
|
|
placeholder="请选择状态"
|
|
placeholder="请选择状态"
|
|
|
>
|
|
>
|
|
|
<el-option label="预约成功" value="1" />
|
|
<el-option label="预约成功" value="1" />
|
|
|
- <el-option label="上车" value="2" />
|
|
|
|
|
- <el-option label="候补" value="3" />
|
|
|
|
|
- <el-option label="取消" value="4" />
|
|
|
|
|
- <el-option label="爽约" value="5" />
|
|
|
|
|
- <el-option label="爽约已核销" value="6" />
|
|
|
|
|
|
|
+ <el-option label="已乘车" value="2" />
|
|
|
|
|
+ <el-option label="未乘车" value="3" />
|
|
|
|
|
+ <el-option label="已取消" value="4" />
|
|
|
|
|
+ <el-option label="预约失败" value="5" />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
<el-button
|
|
<el-button
|
|
|
- style="margin-left: 20px"
|
|
|
|
|
color="rgba(61, 81, 232, 1)"
|
|
color="rgba(61, 81, 232, 1)"
|
|
|
type="primary"
|
|
type="primary"
|
|
|
class="search"
|
|
class="search"
|
|
@@ -176,21 +229,22 @@
|
|
|
type="primary"
|
|
type="primary"
|
|
|
class="search"
|
|
class="search"
|
|
|
@click="resetInput"
|
|
@click="resetInput"
|
|
|
- ><el-icon> <Search /> </el-icon><span>重置</span></el-button
|
|
|
|
|
|
|
+ ><el-icon> <Refresh /> </el-icon><span>重置</span></el-button
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ style="margin-left: 20px"
|
|
|
|
|
+ color="rgba(61, 81, 232, 1)"
|
|
|
|
|
+ class="import"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ @click="downLoad"
|
|
|
|
|
+ ><img
|
|
|
|
|
+ src="@/assets/import.png"
|
|
|
|
|
+ style="width: 14px; height: 14px; margin-right: 4px"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
|
|
+ <span>导出表单</span></el-button
|
|
|
>
|
|
>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-button
|
|
|
|
|
- color="rgba(61, 81, 232, 1)"
|
|
|
|
|
- class="import"
|
|
|
|
|
- type="primary"
|
|
|
|
|
- @click="downLoad"
|
|
|
|
|
- ><img
|
|
|
|
|
- src="@/assets/import.png"
|
|
|
|
|
- style="width: 14px; height: 14px; margin-right: 4px"
|
|
|
|
|
- alt=""
|
|
|
|
|
- />
|
|
|
|
|
- <span>导出表单</span></el-button
|
|
|
|
|
- >
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="footerMenu">
|
|
<div class="footerMenu">
|
|
|
<div
|
|
<div
|
|
@@ -272,6 +326,7 @@
|
|
|
<el-option
|
|
<el-option
|
|
|
:label="item"
|
|
:label="item"
|
|
|
:value="item"
|
|
:value="item"
|
|
|
|
|
+ :key="item"
|
|
|
v-for="item in endNum.list"
|
|
v-for="item in endNum.list"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
@@ -392,31 +447,32 @@
|
|
|
position: relative;
|
|
position: relative;
|
|
|
width: 1200px;
|
|
width: 1200px;
|
|
|
color: #000;
|
|
color: #000;
|
|
|
- top: -47px;
|
|
|
|
|
|
|
+ top: -53px;
|
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
|
|
|
+ z-index: 0;
|
|
|
"
|
|
"
|
|
|
>
|
|
>
|
|
|
<div>
|
|
<div>
|
|
|
<div style="display: inline-block; margin-left: 30px">
|
|
<div style="display: inline-block; margin-left: 30px">
|
|
|
- <span style="padding-right: 10px">{{
|
|
|
|
|
|
|
+ <!-- <span style="padding-right: 10px">{{
|
|
|
gobacknum.list1.s_date
|
|
gobacknum.list1.s_date
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span> -->
|
|
|
<span style="font-size: 18px; font-weight: 800">{{
|
|
<span style="font-size: 18px; font-weight: 800">{{
|
|
|
gobacknum.list1.route
|
|
gobacknum.list1.route
|
|
|
}}</span>
|
|
}}</span>
|
|
|
<div
|
|
<div
|
|
|
- style="display: inline-block; width: 320px; margin-left: 20px"
|
|
|
|
|
|
|
+ style="display: inline-block; width: 600px; margin-left: 20px"
|
|
|
>
|
|
>
|
|
|
- <span style="font-size: 16px; font-weight: 800">教职工</span
|
|
|
|
|
- > 预约人数:<span style="color: red">{{
|
|
|
|
|
- gobacknum.list1.yy_num
|
|
|
|
|
- }}</span>
|
|
|
|
|
- , 乘车人数:<span style="color: red">{{
|
|
|
|
|
- gobacknum.list1.by_num
|
|
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ <span style="font-size: 16px; font-weight: 800">用户</span
|
|
|
|
|
+ > 预约人数:
|
|
|
|
|
+ <span style="color: red">{{ gobacknum.list1.yy_num }}</span> ,
|
|
|
|
|
+ 乘车人数:
|
|
|
|
|
+ <span style="color: red">{{ gobacknum.list1.by_num }}</span>
|
|
|
|
|
+ <!-- 汇总金额:
|
|
|
|
|
+ <span style="color: red">{{ gobacknum.list1.account}}元</span> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div style="display: inline-block">
|
|
|
|
|
|
|
+ <!-- <div style="display: inline-block">
|
|
|
<span style="font-size: 16px; font-weight: 800">报备人员</span
|
|
<span style="font-size: 16px; font-weight: 800">报备人员</span
|
|
|
> 预约人数:<span style="color: red">{{
|
|
> 预约人数:<span style="color: red">{{
|
|
|
gobacknum.list2.yy_num
|
|
gobacknum.list2.yy_num
|
|
@@ -424,29 +480,29 @@
|
|
|
, 乘车人数:<span style="color: red">{{
|
|
, 乘车人数:<span style="color: red">{{
|
|
|
gobacknum.list2.by_num
|
|
gobacknum.list2.by_num
|
|
|
}}</span>
|
|
}}</span>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div> -->
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<div style="display: inline-block; margin-left: 30px">
|
|
<div style="display: inline-block; margin-left: 30px">
|
|
|
- <span style="color: transparent; padding-right: 10px">{{
|
|
|
|
|
|
|
+ <!-- <span style="color: transparent; padding-right: 10px">{{
|
|
|
gobacknum.list3.s_date
|
|
gobacknum.list3.s_date
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span> -->
|
|
|
<span style="font-size: 18px; font-weight: 800">{{
|
|
<span style="font-size: 18px; font-weight: 800">{{
|
|
|
- gobacknum.list3.route
|
|
|
|
|
|
|
+ gobacknum.list2.route
|
|
|
}}</span>
|
|
}}</span>
|
|
|
<div
|
|
<div
|
|
|
- style="display: inline-block; width: 320px; margin-left: 20px"
|
|
|
|
|
|
|
+ style="display: inline-block; width: 600px; margin-left: 20px"
|
|
|
>
|
|
>
|
|
|
- <span style="font-size: 16px; font-weight: 800">教职工</span
|
|
|
|
|
- > 预约人数:<span style="color: red">{{
|
|
|
|
|
- gobacknum.list3.yy_num
|
|
|
|
|
- }}</span>
|
|
|
|
|
- , 乘车人数:<span style="color: red">{{
|
|
|
|
|
- gobacknum.list3.by_num
|
|
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ <span style="font-size: 16px; font-weight: 800">用户</span
|
|
|
|
|
+ > 预约人数:
|
|
|
|
|
+ <span style="color: red">{{ gobacknum.list2.yy_num }}</span> ,
|
|
|
|
|
+ 乘车人数:
|
|
|
|
|
+ <span style="color: red">{{ gobacknum.list2.by_num }}</span>
|
|
|
|
|
+ <!-- 汇总金额:
|
|
|
|
|
+ <span style="color: red">{{ gobacknum.list2.account}}元</span> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div style="display: inline-block">
|
|
|
|
|
|
|
+ <!-- <div style="display: inline-block">
|
|
|
<span style="font-size: 16px; font-weight: 800">报备人员</span
|
|
<span style="font-size: 16px; font-weight: 800">报备人员</span
|
|
|
> 预约人数:<span style="color: red">{{
|
|
> 预约人数:<span style="color: red">{{
|
|
|
gobacknum.list4.yy_num
|
|
gobacknum.list4.yy_num
|
|
@@ -454,13 +510,13 @@
|
|
|
, 乘车人数:<span style="color: red">{{
|
|
, 乘车人数:<span style="color: red">{{
|
|
|
gobacknum.list4.by_num
|
|
gobacknum.list4.by_num
|
|
|
}}</span>
|
|
}}</span>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="MingXi" v-else-if="footerMenuIndex == 1">
|
|
<div class="MingXi" v-else-if="footerMenuIndex == 1">
|
|
|
- <div class="footers footer">
|
|
|
|
|
|
|
+ <div class="footers footer mingxi">
|
|
|
<el-table
|
|
<el-table
|
|
|
:row-class-name="tableRowClassName"
|
|
:row-class-name="tableRowClassName"
|
|
|
:data="tableData.list2"
|
|
:data="tableData.list2"
|
|
@@ -474,29 +530,28 @@
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
align="center"
|
|
align="center"
|
|
|
width="200"
|
|
width="200"
|
|
|
- prop="yy_time"
|
|
|
|
|
|
|
+ prop="createTime"
|
|
|
label="下单时间"
|
|
label="下单时间"
|
|
|
/>
|
|
/>
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
align="center"
|
|
align="center"
|
|
|
width="120"
|
|
width="120"
|
|
|
- prop="yy_date"
|
|
|
|
|
|
|
+ prop="ciDate"
|
|
|
label="发车日期"
|
|
label="发车日期"
|
|
|
/>
|
|
/>
|
|
|
- <el-table-column align="center" prop="ci_time" label="发车时间" />
|
|
|
|
|
- <el-table-column align="center" prop="user_name" label="预约人" />
|
|
|
|
|
- <el-table-column align="center" prop="user_zz" label="身份" />
|
|
|
|
|
|
|
+ <el-table-column align="center" prop="ciTime" label="发车时间" />
|
|
|
|
|
+ <el-table-column align="center" prop="username" label="预约人" />
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
align="center"
|
|
align="center"
|
|
|
width="150"
|
|
width="150"
|
|
|
- prop="user_phone"
|
|
|
|
|
|
|
+ prop="mobile"
|
|
|
label="手机号码"
|
|
label="手机号码"
|
|
|
/>
|
|
/>
|
|
|
|
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
width="130"
|
|
width="130"
|
|
|
align="center"
|
|
align="center"
|
|
|
- prop="car_number"
|
|
|
|
|
|
|
+ prop="carNumber"
|
|
|
label="车牌号"
|
|
label="车牌号"
|
|
|
/>
|
|
/>
|
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -512,7 +567,7 @@
|
|
|
label="路线"
|
|
label="路线"
|
|
|
/><el-table-column
|
|
/><el-table-column
|
|
|
align="center"
|
|
align="center"
|
|
|
- prop="route_end"
|
|
|
|
|
|
|
+ prop="routeEnd"
|
|
|
width="330"
|
|
width="330"
|
|
|
label="终点站"
|
|
label="终点站"
|
|
|
/>
|
|
/>
|
|
@@ -526,46 +581,73 @@
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
align="center"
|
|
align="center"
|
|
|
width="180"
|
|
width="180"
|
|
|
- prop="by_time"
|
|
|
|
|
|
|
+ prop="byTime"
|
|
|
label="通行时间"
|
|
label="通行时间"
|
|
|
/>
|
|
/>
|
|
|
|
|
+
|
|
|
<el-table-column align="center" label="状态" width="100">
|
|
<el-table-column align="center" label="状态" width="100">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <div v-if="scope.row.state == 1" style="color: blue">
|
|
|
|
|
|
|
+ <div v-if="scope.row.byState == 1" style="color: blue">
|
|
|
预约成功
|
|
预约成功
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="scope.row.state == 2" style="color: rgb(50, 201, 110)">
|
|
|
|
|
- 上车
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ v-if="scope.row.byState == 2"
|
|
|
|
|
+ style="color: rgb(50, 201, 110)"
|
|
|
|
|
+ >
|
|
|
|
|
+ 已乘车
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="scope.row.state == 3" style="color: rgb(236, 168, 22)">
|
|
|
|
|
- 候补
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ v-if="scope.row.byState == 3"
|
|
|
|
|
+ style="color: rgb(236, 168, 22)"
|
|
|
|
|
+ >
|
|
|
|
|
+ 未乘车
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="scope.row.state == 4" style="color: #ccc">取消</div>
|
|
|
|
|
- <div v-if="scope.row.state == 5" style="color: rgb(255, 0, 0)">
|
|
|
|
|
- 爽约
|
|
|
|
|
|
|
+ <div v-if="scope.row.byState == 4" style="color: #ccc">
|
|
|
|
|
+ 已取消
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-if="scope.row.state == 6" style="color: rgb(42, 228, 200)">
|
|
|
|
|
- 爽约已核销
|
|
|
|
|
|
|
+ <div v-if="scope.row.byState == 5" style="color: rgb(255, 0, 0)">
|
|
|
|
|
+ 预约失败
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column align="center" label="操作">
|
|
|
|
|
|
|
+ <el-table-column align="center" prop="payAmount" label="支付金额" />
|
|
|
|
|
+ <el-table-column align="center" label="操作">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <el-button link type="primary" @click="look(scope.row)"
|
|
|
|
|
- ><div class="look">查看</div></el-button
|
|
|
|
|
|
|
+ <el-button link type="primary" @click="refund(scope.row)"
|
|
|
|
|
+ ><div class="look">退款</div></el-button
|
|
|
>
|
|
>
|
|
|
</template>
|
|
</template>
|
|
|
- </el-table-column> -->
|
|
|
|
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-pagination
|
|
|
|
|
- background
|
|
|
|
|
- v-model:page-size="pageSize2"
|
|
|
|
|
- v-model:current-page="currentPage2"
|
|
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
|
|
- :total="total2"
|
|
|
|
|
- @current-change="handleCurrentChange2"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <div class="pagination">
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ background
|
|
|
|
|
+ v-model:page-size="pageSize2"
|
|
|
|
|
+ v-model:current-page="currentPage2"
|
|
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
|
|
+ :total="total2"
|
|
|
|
|
+ @current-change="handleCurrentChange2"
|
|
|
|
|
+ />
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="nowday"
|
|
|
|
|
+ style="
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ width: 1200px;
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ top: -53px;
|
|
|
|
|
+ font-size: 18px;
|
|
|
|
|
+ z-index: 0;
|
|
|
|
|
+ "
|
|
|
|
|
+ >
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div style="display: inline-block; margin-left: 30px">
|
|
|
|
|
+ <span style="font-size: 18px; font-weight: 800;margin-right: 20px">汇总金额 :</span>
|
|
|
|
|
+ <span style="color: red">{{ tableData.account }}</span> 元
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -587,7 +669,8 @@ const router = useRouter();
|
|
|
// 汇总搜索框数据
|
|
// 汇总搜索框数据
|
|
|
const searchInputHZ = reactive({
|
|
const searchInputHZ = reactive({
|
|
|
state: "",
|
|
state: "",
|
|
|
- date: dayjs().format("YYYY-MM-DD"),
|
|
|
|
|
|
|
+ route:"",
|
|
|
|
|
+ date: "",
|
|
|
car_number: "",
|
|
car_number: "",
|
|
|
});
|
|
});
|
|
|
const gobacknum = reactive({ list1: {}, list2: {}, list3: {}, list4: {} }); // 当日黄家湖-墨轩湖人数
|
|
const gobacknum = reactive({ list1: {}, list2: {}, list3: {}, list4: {} }); // 当日黄家湖-墨轩湖人数
|
|
@@ -598,7 +681,11 @@ const searchInput = reactive({
|
|
|
ci_time: "",
|
|
ci_time: "",
|
|
|
state: "",
|
|
state: "",
|
|
|
yy_date: "",
|
|
yy_date: "",
|
|
|
|
|
+ ciCreateTime:"",
|
|
|
|
|
+ createTime: "",
|
|
|
|
|
+ route: "",
|
|
|
car_number: "",
|
|
car_number: "",
|
|
|
|
|
+ mobile:"",
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const busNum = reactive({ list: [] }); // 车牌号
|
|
const busNum = reactive({ list: [] }); // 车牌号
|
|
@@ -609,6 +696,7 @@ const endNum = reactive({ list: [] }); // 终点站
|
|
|
const tableData = reactive({
|
|
const tableData = reactive({
|
|
|
list: [], //汇总数据
|
|
list: [], //汇总数据
|
|
|
list2: [], //明细列表数据
|
|
list2: [], //明细列表数据
|
|
|
|
|
+ account:""
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const dialongTitle = ref("候补派车"); // 弹窗标题
|
|
const dialongTitle = ref("候补派车"); // 弹窗标题
|
|
@@ -688,8 +776,12 @@ const getList = async (message) => {
|
|
|
if (searchInputHZ.state) {
|
|
if (searchInputHZ.state) {
|
|
|
data.set("state", searchInputHZ.state);
|
|
data.set("state", searchInputHZ.state);
|
|
|
}
|
|
}
|
|
|
|
|
+ if (searchInputHZ.route) {
|
|
|
|
|
+ data.set("route", searchInputHZ.route);
|
|
|
|
|
+ }
|
|
|
if (searchInputHZ.date) {
|
|
if (searchInputHZ.date) {
|
|
|
- data.set("date", searchInputHZ.date);
|
|
|
|
|
|
|
+ data.set("startTime", searchInputHZ.date[0]);
|
|
|
|
|
+ data.set("endTime", searchInputHZ.date[1]);
|
|
|
}
|
|
}
|
|
|
data.set("car_number", searchInputHZ.car_number); //前面的key记得对应!
|
|
data.set("car_number", searchInputHZ.car_number); //前面的key记得对应!
|
|
|
data.set("page", currentPage.value);
|
|
data.set("page", currentPage.value);
|
|
@@ -702,7 +794,7 @@ const getList = async (message) => {
|
|
|
},
|
|
},
|
|
|
data: data,
|
|
data: data,
|
|
|
});
|
|
});
|
|
|
- console.log(res);
|
|
|
|
|
|
|
+ console.log(res,"汇总");
|
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
|
if (message) {
|
|
if (message) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
@@ -770,13 +862,25 @@ const getList = async (message) => {
|
|
|
if (searchInput.car_number) {
|
|
if (searchInput.car_number) {
|
|
|
data.set("car_number", searchInput.car_number);
|
|
data.set("car_number", searchInput.car_number);
|
|
|
}
|
|
}
|
|
|
|
|
+ // if (searchInput.yy_date) {
|
|
|
|
|
+ // data.set("yy_date", searchInput.yy_date);
|
|
|
|
|
+ // }
|
|
|
|
|
+ if (searchInput.ciCreateTime) {
|
|
|
|
|
+ data.set("ciStartTime", searchInput.ciCreateTime[0]);
|
|
|
|
|
+ data.set("ciEndTime", searchInput.ciCreateTime[1]);
|
|
|
|
|
+ }
|
|
|
data.set("state", searchInput.state);
|
|
data.set("state", searchInput.state);
|
|
|
if (searchInput.ci_time) {
|
|
if (searchInput.ci_time) {
|
|
|
data.set("ci_time", searchInput.ci_time);
|
|
data.set("ci_time", searchInput.ci_time);
|
|
|
}
|
|
}
|
|
|
- if (searchInput.yy_date) {
|
|
|
|
|
- data.set("yy_date", searchInput.yy_date);
|
|
|
|
|
|
|
+ if (searchInput.createTime) {
|
|
|
|
|
+ data.set("startTime", searchInput.createTime[0]);
|
|
|
|
|
+ data.set("endTime", searchInput.createTime[1]);
|
|
|
|
|
+ }
|
|
|
|
|
+ if (searchInput.route) {
|
|
|
|
|
+ data.set("route", searchInput.route);
|
|
|
}
|
|
}
|
|
|
|
|
+ data.set("mobile", searchInput.mobile);
|
|
|
data.set("page", currentPage2.value);
|
|
data.set("page", currentPage2.value);
|
|
|
data.set("rows", pageSize2.value); //前面的key记得对应!
|
|
data.set("rows", pageSize2.value); //前面的key记得对应!
|
|
|
let res = await axios({
|
|
let res = await axios({
|
|
@@ -787,7 +891,7 @@ const getList = async (message) => {
|
|
|
},
|
|
},
|
|
|
data: data,
|
|
data: data,
|
|
|
});
|
|
});
|
|
|
- console.log(res);
|
|
|
|
|
|
|
+ console.log(res,"明细");
|
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
|
if (message) {
|
|
if (message) {
|
|
|
ElMessage({
|
|
ElMessage({
|
|
@@ -798,6 +902,7 @@ const getList = async (message) => {
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
tableData.list2 = res.data.rows;
|
|
tableData.list2 = res.data.rows;
|
|
|
|
|
+ tableData.account=res.data.account;
|
|
|
if (res.data.currentPage) {
|
|
if (res.data.currentPage) {
|
|
|
currentPage2.value = res.data.currentPage;
|
|
currentPage2.value = res.data.currentPage;
|
|
|
} else {
|
|
} else {
|
|
@@ -826,7 +931,9 @@ const getList = async (message) => {
|
|
|
// 获取往返黄家湖-墨轩湖的预约人数乘车人数
|
|
// 获取往返黄家湖-墨轩湖的预约人数乘车人数
|
|
|
const goBackNum = async () => {
|
|
const goBackNum = async () => {
|
|
|
let data = new FormData();
|
|
let data = new FormData();
|
|
|
- data.set("date", searchInputHZ.date); //日期参数
|
|
|
|
|
|
|
+ data.set("startTime", searchInputHZ.date[0]);
|
|
|
|
|
+ data.set("endTime", searchInputHZ.date[1]);
|
|
|
|
|
+ // data.set("date", searchInputHZ.date); //日期参数
|
|
|
let res = await axios({
|
|
let res = await axios({
|
|
|
method: "post",
|
|
method: "post",
|
|
|
url: api.value + "/carBook/scheroutetj.action",
|
|
url: api.value + "/carBook/scheroutetj.action",
|
|
@@ -838,19 +945,12 @@ const goBackNum = async () => {
|
|
|
console.log(res, "往返校区的人数");
|
|
console.log(res, "往返校区的人数");
|
|
|
|
|
|
|
|
// 墨轩湖 到 黄家湖
|
|
// 墨轩湖 到 黄家湖
|
|
|
|
|
+
|
|
|
res.data.data.forEach((item) => {
|
|
res.data.data.forEach((item) => {
|
|
|
if (item.route == "靖安-南昌") {
|
|
if (item.route == "靖安-南昌") {
|
|
|
- if (item.user_zz == "教职工") {
|
|
|
|
|
- gobacknum.list1 = res.data.data[0]; // 教职工
|
|
|
|
|
- } else if (item.user_zz == "报备人员") {
|
|
|
|
|
- gobacknum.list2 = res.data.data[1]; // 报备人员
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ gobacknum.list1 = res.data.data[0]; // 教职工
|
|
|
} else if (item.route == "南昌-靖安") {
|
|
} else if (item.route == "南昌-靖安") {
|
|
|
- if (item.user_zz == "教职工") {
|
|
|
|
|
- gobacknum.list3 = res.data.data[2]; // 教职工
|
|
|
|
|
- } else if (item.user_zz == "报备人员") {
|
|
|
|
|
- gobacknum.list4 = res.data.data[3]; // 报备人员
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ gobacknum.list2 = res.data.data[1]; // 教职工
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
};
|
|
};
|
|
@@ -862,7 +962,12 @@ const searchHZ = lodash.debounce(() => {
|
|
|
// 汇总重置搜索框
|
|
// 汇总重置搜索框
|
|
|
const resetInputHZ = lodash.debounce(() => {
|
|
const resetInputHZ = lodash.debounce(() => {
|
|
|
searchInputHZ.state = "";
|
|
searchInputHZ.state = "";
|
|
|
- searchInputHZ.date = dayjs().format("YYYY-MM-DD");
|
|
|
|
|
|
|
+ searchInputHZ.route = "";
|
|
|
|
|
+
|
|
|
|
|
+ searchInputHZ.date = [
|
|
|
|
|
+ dayjs().format("YYYY-MM-DD"),
|
|
|
|
|
+ dayjs().format("YYYY-MM-DD"),
|
|
|
|
|
+ ];
|
|
|
searchInputHZ.car_number = "";
|
|
searchInputHZ.car_number = "";
|
|
|
getList();
|
|
getList();
|
|
|
goBackNum();
|
|
goBackNum();
|
|
@@ -876,8 +981,11 @@ const search = lodash.debounce(() => {
|
|
|
const resetInput = lodash.debounce(() => {
|
|
const resetInput = lodash.debounce(() => {
|
|
|
searchInput.state = "";
|
|
searchInput.state = "";
|
|
|
searchInput.yy_date = "";
|
|
searchInput.yy_date = "";
|
|
|
|
|
+ searchInput.ciCreateTime=""
|
|
|
searchInput.car_number = "";
|
|
searchInput.car_number = "";
|
|
|
searchInput.ci_time = "";
|
|
searchInput.ci_time = "";
|
|
|
|
|
+ searchInput.route = "";
|
|
|
|
|
+ searchInput.createTime = "";
|
|
|
getList();
|
|
getList();
|
|
|
}, 300);
|
|
}, 300);
|
|
|
// 多选框功能
|
|
// 多选框功能
|
|
@@ -889,27 +997,82 @@ const handleSelectionChange = (val) => {
|
|
|
// 汇总按钮
|
|
// 汇总按钮
|
|
|
const collectMenu = () => {
|
|
const collectMenu = () => {
|
|
|
footerMenuIndex.value = 0;
|
|
footerMenuIndex.value = 0;
|
|
|
- searchInput.yy_date = "";
|
|
|
|
|
- searchInput.car_number = "";
|
|
|
|
|
searchInput.state = "";
|
|
searchInput.state = "";
|
|
|
|
|
+ // searchInput.yy_date = "";
|
|
|
|
|
+ searchInput.ciCreateTime=""
|
|
|
|
|
+ searchInput.car_number = "";
|
|
|
|
|
+ searchInput.ci_time = "";
|
|
|
|
|
+ searchInput.route = "";
|
|
|
|
|
+ searchInput.createTime = "";
|
|
|
getList();
|
|
getList();
|
|
|
};
|
|
};
|
|
|
//明细列表按钮
|
|
//明细列表按钮
|
|
|
const detailMenu = () => {
|
|
const detailMenu = () => {
|
|
|
footerMenuIndex.value = 1;
|
|
footerMenuIndex.value = 1;
|
|
|
|
|
+ searchInputHZ.state = "";
|
|
|
|
|
+ searchInputHZ.route = "";
|
|
|
|
|
+
|
|
|
|
|
+ // searchInputHZ.date = [
|
|
|
|
|
+ // dayjs().format("YYYY-MM-DD"),
|
|
|
|
|
+ // dayjs().format("YYYY-MM-DD"),
|
|
|
|
|
+ // ];
|
|
|
|
|
+ searchInputHZ.car_number = "";
|
|
|
getList();
|
|
getList();
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
// 详情按钮
|
|
// 详情按钮
|
|
|
const info = (row) => {
|
|
const info = (row) => {
|
|
|
console.log(row);
|
|
console.log(row);
|
|
|
- searchInput.yy_date = row.s_date;
|
|
|
|
|
|
|
+ // searchInput.yy_date = row.s_date;
|
|
|
|
|
+ searchInput.ciCreateTime=[row.s_date,row.s_date]
|
|
|
searchInput.ci_time = row.ci_time;
|
|
searchInput.ci_time = row.ci_time;
|
|
|
searchInput.car_number = row.car_number;
|
|
searchInput.car_number = row.car_number;
|
|
|
footerMenuIndex.value = 1;
|
|
footerMenuIndex.value = 1;
|
|
|
currentPage2.value = 1;
|
|
currentPage2.value = 1;
|
|
|
getList();
|
|
getList();
|
|
|
};
|
|
};
|
|
|
|
|
+const refund = (row) => {
|
|
|
|
|
+ ElMessageBox.confirm("确定退款?", "提示!!!", {
|
|
|
|
|
+ confirmButtonText: "确认",
|
|
|
|
|
+ cancelButtonText: "取消",
|
|
|
|
|
+ type: "warning",
|
|
|
|
|
+ })
|
|
|
|
|
+ .then(async () => {
|
|
|
|
|
+ let data = new FormData();
|
|
|
|
|
+ data.set("order_num",row.orderNo);
|
|
|
|
|
+ // let data = {
|
|
|
|
|
+ // order_num: row.orderNo, // 当前页
|
|
|
|
|
+ // };
|
|
|
|
|
+ let res = await axios({
|
|
|
|
|
+ method: "post",
|
|
|
|
|
+ url: api.value + "/tApprefund.action",
|
|
|
|
|
+ headers: {
|
|
|
|
|
+ token: sessionStorage.getItem("token"),
|
|
|
|
|
+ },
|
|
|
|
|
+ data: data,
|
|
|
|
|
+ });
|
|
|
|
|
+ console.log(res);
|
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ ElMessage({
|
|
|
|
|
+ type: "success",
|
|
|
|
|
+ showClose: true,
|
|
|
|
|
+ message: res.data.message,
|
|
|
|
|
+ center: true,
|
|
|
|
|
+ });
|
|
|
|
|
+ getList();
|
|
|
|
|
+ } else {
|
|
|
|
|
+ ElMessage({
|
|
|
|
|
+ type: "error",
|
|
|
|
|
+ showClose: true,
|
|
|
|
|
+ message: res.data.message,
|
|
|
|
|
+ center: true,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ .catch(() => {});
|
|
|
|
|
+};
|
|
|
// 派车按钮
|
|
// 派车按钮
|
|
|
const sendBus = (row) => {
|
|
const sendBus = (row) => {
|
|
|
console.log(row);
|
|
console.log(row);
|
|
@@ -972,8 +1135,19 @@ const downLoad = lodash.debounce(async () => {
|
|
|
if (searchInput.car_number) {
|
|
if (searchInput.car_number) {
|
|
|
data.set("car_number", searchInput.car_number);
|
|
data.set("car_number", searchInput.car_number);
|
|
|
}
|
|
}
|
|
|
|
|
+ if (searchInput.yy_date) {
|
|
|
|
|
+ data.set("yy_date", searchInput.yy_date);
|
|
|
|
|
+ }
|
|
|
|
|
+ if (searchInput.createTime) {
|
|
|
|
|
+ data.set("startTime", searchInput.createTime[0]);
|
|
|
|
|
+ data.set("endTime", searchInput.createTime[1]);
|
|
|
|
|
+ }
|
|
|
|
|
+ if(searchInput.route){
|
|
|
|
|
+ data.set("route", searchInput.route);
|
|
|
|
|
+ }
|
|
|
|
|
+ data.set("mobile", searchInput.mobile);
|
|
|
data.set("state", searchInput.state);
|
|
data.set("state", searchInput.state);
|
|
|
- data.set("yy_date", searchInput.yy_date);
|
|
|
|
|
|
|
+ // data.set("yy_date", searchInput.yy_date);
|
|
|
let res = await axios({
|
|
let res = await axios({
|
|
|
method: "post",
|
|
method: "post",
|
|
|
url: api.value + "/carBook/brectoExcel.action",
|
|
url: api.value + "/carBook/brectoExcel.action",
|
|
@@ -983,17 +1157,17 @@ const downLoad = lodash.debounce(async () => {
|
|
|
data: data,
|
|
data: data,
|
|
|
});
|
|
});
|
|
|
console.log(res);
|
|
console.log(res);
|
|
|
- if (res.status == 200) {
|
|
|
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
// const elt = document.createElement("a");
|
|
// const elt = document.createElement("a");
|
|
|
// elt.setAttribute(
|
|
// elt.setAttribute(
|
|
|
// "href",
|
|
// "href",
|
|
|
- // "https://chtech.ncjti.edu.cn/carstop" + res.data.downurl
|
|
|
|
|
|
|
+ // "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
|
|
|
// );
|
|
// );
|
|
|
// elt.setAttribute("download", "file.png");
|
|
// elt.setAttribute("download", "file.png");
|
|
|
// elt.style.display = "none";
|
|
// elt.style.display = "none";
|
|
|
// document.body.appendChild(elt);
|
|
// document.body.appendChild(elt);
|
|
|
// elt.click();
|
|
// elt.click();
|
|
|
- var downloadPath = "https://chtech.ncjti.edu.cn/carstop" + res.data.downurl;
|
|
|
|
|
|
|
+ var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
|
|
|
console.log("获得地址数据:", downloadPath);
|
|
console.log("获得地址数据:", downloadPath);
|
|
|
var downloadLink = document.createElement("a");
|
|
var downloadLink = document.createElement("a");
|
|
|
downloadLink.style.display = "none"; // 使其隐藏
|
|
downloadLink.style.display = "none"; // 使其隐藏
|
|
@@ -1056,6 +1230,10 @@ watch(
|
|
|
}
|
|
}
|
|
|
);
|
|
);
|
|
|
onBeforeMount(() => {
|
|
onBeforeMount(() => {
|
|
|
|
|
+ searchInputHZ.date = [
|
|
|
|
|
+ dayjs().format("YYYY-MM-DD"),
|
|
|
|
|
+ dayjs().format("YYYY-MM-DD"),
|
|
|
|
|
+ ];
|
|
|
api.value = store.state.user.api;
|
|
api.value = store.state.user.api;
|
|
|
pathNum.list = JSON.parse(sessionStorage.getItem("pathSelect"));
|
|
pathNum.list = JSON.parse(sessionStorage.getItem("pathSelect"));
|
|
|
busNum.list = JSON.parse(sessionStorage.getItem("busSelect"));
|
|
busNum.list = JSON.parse(sessionStorage.getItem("busSelect"));
|
|
@@ -1267,14 +1445,18 @@ onBeforeMount(() => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .pagination{
|
|
|
|
|
|
|
+ .pagination {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 80px;
|
|
|
|
|
|
|
+ height: 70px;
|
|
|
|
|
+ .el-pagination {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ z-index: 999;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.footer {
|
|
.footer {
|
|
|
- width:calc(100% - 60px);
|
|
|
|
|
|
|
+ width: calc(100% - 60px);
|
|
|
// height: 510px;
|
|
// height: 510px;
|
|
|
margin: 20px auto 0;
|
|
margin: 20px auto 0;
|
|
|
|
|
|
|
@@ -1361,8 +1543,8 @@ onBeforeMount(() => {
|
|
|
|
|
|
|
|
.footers {
|
|
.footers {
|
|
|
width: 96%;
|
|
width: 96%;
|
|
|
- height: 550px;
|
|
|
|
|
- margin: 20px auto 20px;
|
|
|
|
|
|
|
+ // height: 550px;
|
|
|
|
|
+ // margin: 20px auto 20px;
|
|
|
|
|
|
|
|
:deep(.el-table__header-wrapper) {
|
|
:deep(.el-table__header-wrapper) {
|
|
|
height: 48px;
|
|
height: 48px;
|