Skip to content

S
SuperMan
Commit 209d5674 authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent c7c84f31
Hide whitespace changes
Inline Side-by-side
Showing with 149 additions and 206 deletions
src/components/busManagement/BookAcar/components/JapanMonthRunList.vue
View file @ 209d5674
......@@ -8,53 +8,80 @@
top: 0;
z-index: 10;
}
.CustomerListDriverBox{
.CustomerListDriverBox {
width: 100%;
height: 100%;
}
.CustomerListDriver{
width: 100%;
height: 35px;
line-height: 35px;
border-bottom: 1px solid #eee;
}
.CustomerListDriver:last-child{
border: 0;
}
/deep/.japanorder .el-table .cell{
padding-left: 0 !important;
padding-right: 0 !important;
height: 100%;
display: flex;
flex-direction: column;
}
/deep/.japanorder .el-table th{
padding: 0 5px;
line-height: 35px;
}
/deep/.el-table .el-table__cell{
padding: 0;
}
.text-p-xs{
padding: 0 5px;
}
.text-center{
/* text-align: center; */
}
/deep/.japanorder .el-table .el-table__fixed-right{
height:auto !important;
bottom:10px !important;
}
/deep/.japanorder .el-table .el-table__fixed{
height:auto !important;
bottom:10px !important;
}
.CustomerListDriver {
width: 100%;
height: 35px;
line-height: 35px;
border-bottom: 1px solid #eee;
}
.CustomerListDriver:last-child {
border: 0;
}
/deep/.japanorder .el-table .cell {
padding-left: 0 !important;
padding-right: 0 !important;
height: 100%;
display: flex;
flex-direction: column;
}
/deep/.japanorder .el-table th {
padding: 0 5px;
line-height: 35px;
}
/deep/.el-table .el-table__cell {
padding: 0;
}
.text-p-xs {
padding: 0 5px;
}
.text-center {
/* text-align: center; */
}
/deep/.japanorder .el-table .el-table__fixed-right {
height: auto !important;
bottom: 10px !important;
}
/deep/.japanorder .el-table .el-table__fixed {
height: auto !important;
bottom: 10px !important;
}
.jieji {
color: #409eff;
}
.songji {
color: #e6a23c;
}
.yiriyou {
color: #67c23a;
}
</style>
<template>
<div class="japanorder" v-if="OrderList.length>0">
<el-table ref="mytableJap" :data="OrderList" style="width: 100%"
:loading="loading" :height="tableHeight" key="index">
<div>
<font class="jieji">接机 √</font> &nbsp;<font class="songji">送机 √</font>&nbsp;
<font class="yiriyou">一日游 √</font>
</div>
<el-table ref="mytableJap" :data="OrderList" style="width: 100%" :loading="loading" :height="tableHeight"
key="index">
<el-table-column fixed prop="SupplierName" :label="$t('objFill.v101.busManagement.chegongs')" width="150">
<template slot-scope="scope">
<div class="text-p-xs">{{scope.row.SupplierName}}</div>
......@@ -70,131 +97,46 @@
<div class="text-p-xs">{{scope.row.CarName}}</div>
</template>
</el-table-column>
<el-table-column fixed prop="CustomerName" :label="$t('objFill.v101.busManagement.shiyongdanw')" width="150">
<el-table-column fixed prop="CustomerList" :label="$t('objFill.v101.busManagement.shiyongdanw')" width="150">
<template slot-scope="scope">
<div class="CustomerListDriverBox">
<div
class="text-p-xs CustomerListDriver"
:style="{'height':item.OrderList.length*35+'px','line-height':item.OrderList.length*35+'px'}"
v-for="(item,index) in scope.row.CustomerList"
>
<div class="text-p-xs CustomerListDriver" v-for="(item,index) in scope.row.CustomerList">
{{item.CustomerName?item.CustomerName:'-'}}
</div>
</div>
</template>
</el-table-column>
<el-table-column fixed prop="DriverName" :label="$t('objFill.driver')" width="150">
<el-table-column v-for='(dayItem,index) in OrderList[0].DayList' :label="dayItem.UseDateStr" :key='index'>
<template slot-scope="scope">
<template v-for="(item,index) in scope.row.CustomerList">
<div
class="text-p-xs CustomerListDriver"
v-for="(items,indexs) in item.OrderList"
>
<el-tooltip class="item" effect="dark" :content="items.DriverName+items.CopilotDriverName" placement="top">
<span style="width: 150px;overflow: hidden; text-overflow: ellipsis;display: block;white-space: nowrap;cursor: pointer;">{{items.DriverName}}{{items.CopilotDriverName}}</span>
</el-tooltip>
</div>
</template>
</template>
</el-table-column>
<template v-if="OrderList&&OrderList.length>0">
<el-table-column v-for='(item,index) in OrderList[0].DayList' :label="item.UseDateStr" :key='index'
min-width="300">
<el-table-column :label="$t('system.table_begTime')">
<template slot-scope="scope">
<template v-if="scope.row.CustomerList.length>0">
<template v-for="(childItem,index) in scope.row.CustomerList">
<template v-for="child in childItem.OrderList">
<template v-for="childs in child.nowOrderDayCalendar">
<div
class="text-p-xs text-center CustomerListDriver"
v-if="item.UseDateStr==childs.UseDateStr">
{{ childs.StartCity}}
</div>
</template>
</template>
</template>
</template>
</template>
</el-table-column>
<el-table-column :label="$t('MarketingActi.endTime')">
<template slot-scope="scope">
<template v-if="scope.row.CustomerList.length>0">
<template class="text-p-xs" v-for="(childItem,index) in scope.row.CustomerList">
<template v-for="child in childItem.OrderList">
<template v-for="childs in child.nowOrderDayCalendar">
<div
class="text-p-xs text-center CustomerListDriver"
v-if="item.UseDateStr==childs.UseDateStr">
{{ childs.EndCity}}
</div>
</template>
</template>
</template>
</template>
</template>
</el-table-column>
<el-table-column :label="$t('objFill.v101.busManagement.pickup')">
<template slot-scope="scope">
<template v-if="scope.row.CustomerList.length>0">
<template v-for="(childItem,index) in scope.row.CustomerList">
<template v-for="child in childItem.OrderList">
<template v-for="childs in child.nowOrderDayCalendar">
<div
class="text-p-xs text-center CustomerListDriver"
v-if="item.UseDateStr==childs.UseDateStr">
{{childs.UseState&&childs.UseState==1?'√':''}}
</div>
</template>
</template>
</template>
</template>
</template>
</el-table-column>
<el-table-column :label="$t('objFill.v101.busManagement.send')">
<template slot-scope="scope">
<template v-if="scope.row.CustomerList.length>0">
<template v-for="(childItem,index) in scope.row.CustomerList">
<template v-for="child in childItem.OrderList">
<template v-for="childs in child.nowOrderDayCalendar">
<div
class="text-p-xs text-center CustomerListDriver"
v-if="item.UseDateStr==childs.UseDateStr">
{{childs.UseState&&childs.UseState==2?'√':''}}
</div>
</template>
</template>
</template>
</template>
</template>
</el-table-column>
<el-table-column :label="$t('op.Onedaytour')">
<template slot-scope="scope">
<template v-if="scope.row.CustomerList.length>0">
<template v-for="(childItem,index) in scope.row.CustomerList">
<template v-for="child in childItem.OrderList">
<template v-for="childs in child.nowOrderDayCalendar">
<div
class="text-p-xs text-center CustomerListDriver"
v-if="item.UseDateStr==childs.UseDateStr">
{{ childs.UseState&&(childs.UseState==3||childs.UseState==4)?'√':' '}}
</div>
<div class="CustomerListDriverBox">
<div class="text-p-xs CustomerListDriver" v-for="(item,index) in scope.row.CustomerList">
<template v-for="(subItem, subIndex) in item.OrderList">
<template v-if="dayItem.UseDate==subItem.UseDate">
<template v-for="childItem in subItem.SubDetailsList">
<template v-if="childItem.UseState > 0">
<el-tooltip class="item" effect="dark" :content="childItem.DriverName" placement="top-start">
<font v-if="childItem.UseState == 1" class="jieji">√
</font>
<font v-if="childItem.UseState == 2" class="songji">√
</font>
<font v-if="childItem.UseState == 3 || childItem.UseState == 4" class="yiriyou">
√
</font>
</el-tooltip>
</template>
</template>
</template>
</template>
</template>
</template>
</el-table-column>
</el-table-column>
</template>
</div>
</div>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: ["OrderList", "pagesTitle", 'loading', 'headerList','tableHeight'],
props: ["OrderList", "pagesTitle", 'loading', 'headerList', 'tableHeight'],
data() {
return {};
},
......
src/components/busManagement/JapanBusMonthStatistics.vue
View file @ 209d5674
<template>
<div>
<div class="query-box" style="border-bottom: none;">
<div class="query-box" style="border-bottom: none">
<ul>
<li>
<span>
<em>{{$t('fnc.khmingcheng')}}</em>
<em>{{ $t("fnc.khmingcheng") }}</em>
<el-select v-model="msg.CustomerId" filterable :placeholder="$t('pub.pleaseSel')" clearable clear
@clear="resetPageIndex()">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="item in queryCommonData.CustomerList" :label='item.CustomerName' :value='item.Id'
:key='item.Id'>
<el-option :label="$t('pub.unlimitedSel')" :value="0"></el-option>
<el-option v-for="item in queryCommonData.CustomerList" :label="item.CustomerName" :value="item.Id"
:key="item.Id">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{$t('visa.v_tuanhao')}}</em>
<el-input v-model='msg.TCNUM' maxlength="40" @keyup.native.enter="resetPageIndex()" clear
<em>{{ $t("visa.v_tuanhao") }}</em>
<el-input v-model="msg.TCNUM" maxlength="40" @keyup.native.enter="resetPageIndex()" clear
@clear="resetPageIndex()" clearable></el-input>
</span>
</li>
<li><span><em>{{$t('pub.date')}}</em>
<el-date-picker v-model='msg.UseSTime' class='w135' value-format="yyyy-MM-dd" type="date" @change="resetPageIndex()" clearable @clear="resetPageIndex()"></el-date-picker>
<li>
<span><em>{{ $t("pub.date") }}</em>
<el-date-picker v-model="msg.UseSTime" class="w135" value-format="yyyy-MM-dd" type="date"
@change="resetPageIndex()" clearable @clear="resetPageIndex()"></el-date-picker>
-
<el-date-picker v-model='msg.UseETime' class='w135' value-format="yyyy-MM-dd" type="date" @change="resetPageIndex()" clearable @clear="resetPageIndex()"></el-date-picker>
<el-date-picker v-model="msg.UseETime" class="w135" value-format="yyyy-MM-dd" type="date"
@change="resetPageIndex()" clearable @clear="resetPageIndex()"></el-date-picker>
</span>
</li>
<li style="display:none;"><span><em>{{$t('objFill.v101.busManagement.shifouwj')}}</em></span>
<el-select v-model='msg.IsFinish'>
<el-option :label="$t('advmanager.v_all')" value='0' key='0'></el-option>
<el-option :label="$t('pub.yes')" value='1' key='1'></el-option>
<li style="display: none">
<span><em>{{ $t("objFill.v101.busManagement.shifouwj") }}</em></span>
<el-select v-model="msg.IsFinish">
<el-option :label="$t('advmanager.v_all')" value="0" key="0"></el-option>
<el-option :label="$t('pub.yes')" value="1" key="1"></el-option>
</el-select>
</li>
<li>
......@@ -39,15 +43,14 @@
</ul>
</div>
<div class="mt10 fz14 color333 busIconStyle">
{{$t('objFill.v101.busManagement.chelianzt')}}&nbsp;&nbsp;&nbsp;{{$t('pub.sureBtn')}}:<span style="color:#4BCA81 ;">√</span>{{$t('visa.v_zanding')}}:<span style="color: #ff6600;">O</span>{{$t('objFill.weicaozuo')}}:<span
style="color:#E95252 ;">X</span>
{{ $t("objFill.v101.busManagement.chelianzt") }}&nbsp;&nbsp;&nbsp;{{
$t("pub.sureBtn")
}}:<span style="color: #4bca81">√</span>{{ $t("visa.v_zanding") }}:<span
style="color: #ff6600">O</span>{{ $t("objFill.weicaozuo") }}:<span style="color: #e95252">X</span>
</div>
<!-- <div style="width: 100%; overflow-x: auto;padding-bottom: 10px; margin-top: 10px; " class="ownScrollbarStyle"
:style="{height: boxHeight + 'px'}">
</div> -->
<OrderList v-if="DataList.length>0" :pagesTitle="Title" :OrderList="DataList" :loading="loading"
:tableHeight="tableHeight" @success="msg.pageIndex=1,GetList()">
<OrderList v-if="DataList.length > 0" :pagesTitle="Title" :OrderList="DataList" :loading="loading"
:tableHeight="tableHeight" @success="(msg.pageIndex = 1), GetList()">
</OrderList>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination>
......@@ -55,7 +58,7 @@
</template>
<script>
import OrderList from './BookAcar/components/JapanMonthRunList';
import OrderList from "./BookAcar/components/JapanMonthRunList";
export default {
data() {
......@@ -68,22 +71,22 @@
pageIndex: 1,
pageSize: 10,
CustomerId: 0,
UseSTime: '',
UseETime: '',
UseSTime: "",
UseETime: "",
IsFinish: "0",
TCNUM: ""
TCNUM: "",
},
Title: '印象车行-月运行统计表',
Title: "印象车行-月运行统计表",
queryCommonData: {
CustomerList: [],
},
DataList: [],
boxHeight: 0,
ColsCount: 1,//动态及时跨多少列
}
ColsCount: 1, //动态及时跨多少列
};
},
components: {
OrderList
OrderList,
},
methods: {
com_onresize() {
......@@ -106,35 +109,26 @@
this.getList();
},
getCustomerList(CustomerKeyWord) {
this.apipost('JapanCar_get_GetJapanCarCustomerList', {
keyWord: CustomerKeyWord
}, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.queryCommonData.CustomerList = res.data.data;
} else {
this.Error(res.data.message);
this.apipost(
"JapanCar_get_GetJapanCarCustomerList", {
keyWord: CustomerKeyWord,
},
(res) => {
this.loading = false;
if (res.data.resultCode == 1) {
this.queryCommonData.CustomerList = res.data.data;
} else {
this.Error(res.data.message);
}
}
});
);
},
getList() {
this.loading = true
this.apipost('JapanCar_get_GetJapanOrderCarRunPage', this.msg, res => {
this.loading = true;
this.apipost("JapanCar_get_GetJapanOrderCarRunPage", this.msg, (res) => {
this.loading = false;
if (res.data.resultCode == 1) {
// this.ColsCount = res.data.data.MaxUseDay;
// this.total = res.data.data.pmodel.count;
this.DataList = res.data.data.pageData;
for(let i =0;i<this.DataList.length;i++){
let x = this.DataList[i]
// for(let j =0;i<x.CustomerList.length;j++){
// for(let j =0;i<x.OrderList.length;j++){
// let UseDateStr =
// }
// let UseDateStr =
// }
}
} else {
this.Error(res.data.message);
}
......@@ -150,7 +144,14 @@
"-" +
myDate.getDate();
this.msg.UseSTime = nowDate;
this.msg.UseETime = myDate.getFullYear() + "-" + parseInt(myDate.getMonth() + 2) + "-" + myDate.getDate();
this.msg.UseETime =
myDate.getFullYear() +
"-" +
parseInt(myDate.getMonth() + 2) +
"-" +
myDate.getDate();
let width = window.innerWidth - 50;
let height = window.innerHeight - 65 - 210;
this.boxHeight = height;
......@@ -160,9 +161,9 @@
this.com_onresize();
window.onresize = () => {
this.com_onresize();
}
};
},
}
};
</script>
<style>
......@@ -180,7 +181,7 @@
}
.busStatisticsTalbe tr th {
background: #E6E6E6;
background: #e6e6e6;
height: 40px;
font-size: 12px;
color: #333;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment