Skip to content

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

11

parent 98cc6f87
Hide whitespace changes
Inline Side-by-side
Showing with 101 additions and 103 deletions
src/components/busManagement/JourneyTripPlan copy.vue
View file @ e27f706d
......@@ -12,7 +12,8 @@
text-align: center;
min-width: 60px;
height: 29px;
line-height: 29px;;
line-height: 29px;
;
position: sticky;
top: 0;
z-index: 10;
......@@ -29,43 +30,42 @@
font-size: 14px;
}
.journeyTripTab tr td.tdTopBorder {
.journeyTripTab tr td.tdTopBorder {
border-top: 1px solid black !important;
}
}
.journeyTripTab tr td.tdTopLeftBorder {
.journeyTripTab tr td.tdTopLeftBorder {
border-left: 1px solid black !important;
}
}
.journeyTripTab tr td.tdTopRightBorder {
.journeyTripTab tr td.tdTopRightBorder {
border-right: 1px solid black !important;
}
.journeyTripTab tr td.tdBottomBorder
{
}
.journeyTripTab tr td.tdBottomBorder {
border-bottom: 1px solid black !important;
border-left: 1px solid black !important;
border-right: 1px solid black !important;
border-left: 1px solid black !important;
border-right: 1px solid black !important;
}
.journeyTripTab tr td.tdMergeBusTopBorder {
border-top: 1px solid blue !important;
}
}
.journeyTripTab tr td.tdMergeBusTopLeftBorder {
.journeyTripTab tr td.tdMergeBusTopLeftBorder {
border-left: 1px solid blue !important;
}
}
.journeyTripTab tr td.tdMergeBusTopRightBorder {
.journeyTripTab tr td.tdMergeBusTopRightBorder {
border-right: 1px solid blue !important;
}
.journeyTripTab tr td.tdMergeBusBottomBorder
{
}
.journeyTripTab tr td.tdMergeBusBottomBorder {
border-bottom: 1px solid blue !important;
border-left: 1px solid blue !important;
border-right: 1px solid blue !important;
border-left: 1px solid blue !important;
border-right: 1px solid blue !important;
}
</style>
<template>
......@@ -99,8 +99,9 @@
</span>
</li>
<li>
<el-button type="primary" size="small" @click="getList()">{{$t('pub.searchBtn')}}</el-button>
<el-button type="primary" size="small" v-show="this.ArrList.length>1" @click="mergeBus()" :loading="saveLoading">团队套车</el-button>
<el-button type="primary" size="small" @click="getList()">{{$t('pub.searchBtn')}}</el-button>
<el-button type="primary" size="small" v-show="this.ArrList.length>1" @click="mergeBus()"
:loading="saveLoading">团队套车</el-button>
</li>
</ul>
</div>
......@@ -122,8 +123,7 @@
<tbody v-for="(item,index) in dataList" :key="`d_`+index">
<tr :key="`d1_`+index">
<template v-for="(subItem,subIndex) in item">
<td :key="`d1_`+index+`s1_`+subIndex"
:class="{
<td :key="`d1_`+index+`s1_`+subIndex" :class="{
'tdTopBorder': subItem.TCID>0&&!subItem.IsMergeBus,
'tdMergeBusTopBorder': subItem.TCID>0&&subItem.IsMergeBus,
'tdTopLeftBorder':subItem.DayNum==1&&subItem.TCID>0,
......@@ -168,19 +168,19 @@
<template v-for="(subItem,subIndex) in item">
<template v-if="subItem.TCID>0">
<td v-if="subItem.DayNum==1" :colspan="subItem.ColumnNum>1? subItem.ColumnNum:0"
:key="`d2_`+index+`s2_`+subIndex" class="tdBottomBorder">
:key="`d2_`+index+`s2_`+subIndex" class="tdBottomBorder">
<el-tooltip :content="subItem.TCNUM+`(`+subItem.TCID+`),用车时间:`+subItem.StartDate+`至`+subItem.EndDate">
<div>
<label>
<input :value="subItem.TCID" style="vertical-align: middle;" v-model="ArrList"
type="checkbox"/>
type="checkbox" />
</label>
<font style="cursor:pointer;text-decoration:underline;"
:style="{color:subItem.CarIsPush==1?'blue':''}" @click="gotoTeam(subItem)">
{{subItem.DMCNum&&subItem.DMCNum!=''?subItem.DMCNum:subItem.TCNUM}}<br />(总机位:{{subItem.TotalSeat}}
订单人数:{{subItem.OrderNum}}+{{subItem.LeaderNum}})
</font>
</div>
<font style="cursor:pointer;text-decoration:underline;"
:style="{color:subItem.CarIsPush==1?'blue':''}" @click="gotoTeam(subItem)">
{{subItem.DMCNum&&subItem.DMCNum!=''?subItem.DMCNum:subItem.TCNUM}}<br />(总机位:{{subItem.TotalSeat}}
订单人数:{{subItem.OrderNum}}+{{subItem.LeaderNum}})
</font>
</div>
</el-tooltip>
<template v-if="subItem.MainId>0">
<br />
......@@ -204,8 +204,9 @@
</template>
&nbsp;
<el-button v-if="subItem.CarIsPush!=1" type="text" @click="setBusOrder(subItem)">同步</el-button>
<!-- <el-button v-else type="text" @click="cancelBusOrder(subItem)" style="color:red;">取消</el-button> -->
<el-button v-if="subItem.IsMergeBus" type="text" @click="splitBus(subItem)" style="color:red;">拆分</el-button>
<!-- <el-button v-else type="text" @click="cancelBusOrder(subItem)" style="color:red;">取消</el-button> -->
<el-button v-if="subItem.IsMergeBus" type="text" @click="splitBus(subItem)" style="color:red;">拆分
</el-button>
</td>
</template>
<template v-else>
......@@ -234,8 +235,8 @@
dataList: [],
boxHeight: 0,
BranchList: [],
ArrList:[],//合团
saveLoading:false,
ArrList: [], //合团
saveLoading: false,
}
},
components: {},
......@@ -368,11 +369,11 @@
sumArr.push(item)
});
if (sumArr != null && sumArr.length > 0) {
this.saveLoading=true;
this.saveLoading = true;
this.apipost('travel_post_MergeUseBus', {
Ids: sumArr
}, res => {
this.saveLoading=false;
this.saveLoading = false;
if (res.data.resultCode == 1) {
this.$message.success(res.data.message)
this.getList()
......@@ -381,7 +382,7 @@
this.Error(res.data.message)
}
}, err => {
this.saveLoading=true;
this.saveLoading = true;
});
}
},
......
src/components/busManagement/JourneyTripPlan.vue
View file @ e27f706d
......@@ -2,28 +2,24 @@
/* 表格整体样式 */
.journeyTripTab {
border-collapse: separate;
/* 保证圆角生效 */
border-spacing: 0;
border-radius: 5px;
table-layout: fixed;
background: white;
border: 1px solid #d2d2d2;
/* 整体边框 */
overflow: hidden;
/* 避免圆角被遮挡 */
width: 100%;
}
/* 表头 sticky */
.journeyTripTab th {
.journeyTripTab thead tr th {
border: 1px solid #dcdcdc;
text-align: center;
min-width: 60px;
height: 32px;
position: sticky;
top: 0;
z-index: 20;
background: #E6E6E6;
text-align: center;
padding: 3px;
font-weight: normal;
border: none;
z-index: 10;
background: #f5f7fa;
font-weight: 600;
box-shadow: 0 1px 0 #dddddd;
}
.journeyTripTab td {
......@@ -55,9 +51,7 @@
border-top: 1px solid #d2d2d2;
}
/* 表格底部加粗线 */
.journeyTripTab tbody tr:last-child td {
.journeyTripTab tr.group-end td {
border-bottom: 2px solid black;
}
......@@ -100,7 +94,7 @@
.journeyTripTab .team-item .team-buttons {
display: flex;
justify-content: center;
width: 100%;
width: 100%;
}
/* 特殊单元格边框类（可选） */
......@@ -179,7 +173,7 @@
</li>
</ul>
</div>
<div style=" overflow-x: auto;padding-bottom: 50px; " :style="{height: boxHeight + 'px'}" class="ownScrollbarStyle"
<div style="overflow:auto;padding-bottom: 50px; " :style="{height: boxHeight + 'px'}" class="ownScrollbarStyle"
v-loading="loading" :element-loading-text="loadingText">
<table class="journeyTripTab" v-if="dataList&&dataList.length>0">
<thead>
......@@ -194,53 +188,56 @@
</template>
</tr>
</thead>
<tbody v-for="(item,index) in dataList" :key="`data_`+index">
<tr>
<td v-for="(subItem,subIndex) in item" :key="`d1_`+index+`s1_`+subIndex">
<div v-for="(childItem,childIndex) in subItem.CityNameList"
:key="`d1_`+index+`s1_`+subIndex+`c1_`+childIndex">
{{childItem}}
</div>
</td>
</tr>
<tr>
<template v-for="(subItem,subIndex) in item">
<template v-if="subItem.TeamInfoList&&subItem.TeamInfoList.length>0">
<template v-for="(childItem,childIndex) in subItem.TeamInfoList">
<td :key="`d2_`+index+`s2_`+subIndex+`c2_`+childIndex" v-if="childIndex==0&&subItem.IsStarCol"
:colspan="subItem.ColumnNum">
<div class="team-flex ">
<div v-for="(fItem,fIndex) in subItem.TeamInfoList"
:key="`d2_`+index+`s2_`+subIndex+`c2_`+childIndex+`t2_`+fIndex" class="team-item">
<div class="team-row flex items-center gap-2">
<label>
<input :value="fItem.TCID" style="vertical-align: middle;" v-model="ArrList"
type="checkbox" />
</label>
<span>{{fItem.TCNUM}}</span>
</div>
<!-- 第二行: 车辆和司机信息 -->
<div class="team-row">
<span v-if="fItem.CarName">{{ fItem.CarName }}</span>
<span v-if="fItem.CarNo">({{ fItem.CarNo }})</span>
<span v-if="fItem.DriverName">&nbsp;{{ fItem.DriverName }}</span>
<span v-if="fItem.DriverTel">({{ fItem.DriverTel }})</span>
</div>
<!-- 第三行: 按钮 -->
<div class="team-buttons">
<el-button v-if="fItem.CarIsPush!=1" type="text" @click="setBusOrder(fItem)">同步</el-button>
<el-button v-if="fItem.IsMergeBus" type="text" style="color:red;" @click="splitBus(fItem)">拆分
</el-button>
<tbody>
<template v-for="(item,index) in dataList">
<tr :key="`data1_`+index">
<td v-for="(subItem,subIndex) in item" :key="`d1_`+index+`s1_`+subIndex">
<div v-for="(childItem,childIndex) in subItem.CityNameList"
:key="`d1_`+index+`s1_`+subIndex+`c1_`+childIndex">
{{childItem}}
</div>
</td>
</tr>
<tr :key="`data2_`+index" class="group-end">
<template v-for="(subItem,subIndex) in item">
<template v-if="subItem.TeamInfoList&&subItem.TeamInfoList.length>0">
<template v-for="(childItem,childIndex) in subItem.TeamInfoList">
<td :key="`d2_`+index+`s2_`+subIndex+`c2_`+childIndex" v-if="childIndex==0&&subItem.IsStarCol"
:colspan="subItem.ColumnNum">
<div class="team-flex ">
<div v-for="(fItem,fIndex) in subItem.TeamInfoList"
:key="`d2_`+index+`s2_`+subIndex+`c2_`+childIndex+`t2_`+fIndex" class="team-item">
<div class="team-row flex items-center gap-2">
<label>
<input :value="fItem.TCID" style="vertical-align: middle;" v-model="ArrList"
type="checkbox" />
</label>
<span>{{fItem.TCNUM}}</span>
</div>
<!-- 第二行: 车辆和司机信息 -->
<div class="team-row">
<span v-if="fItem.CarName">{{ fItem.CarName }}</span>
<span v-if="fItem.CarNo">({{ fItem.CarNo }})</span>
<span v-if="fItem.DriverName">&nbsp;{{ fItem.DriverName }}</span>
<span v-if="fItem.DriverTel">({{ fItem.DriverTel }})</span>
</div>
<!-- 第三行: 按钮 -->
<div class="team-buttons">
<el-button v-if="fItem.CarIsPush!=1" type="text" @click="setBusOrder(fItem)">同步</el-button>
<el-button v-if="fItem.IsMergeBus" type="text" style="color:red;" @click="splitBus(fItem)">
拆分
</el-button>
</div>
</div>
</div>
</div>
</td>
</td>
</template>
</template>
<td :key="`d3_`+index+`s3_`+subIndex" v-else>
</td>
</template>
<td :key="`d3_`+index+`s3_`+subIndex" v-else>
</td>
</template>
</tr>
</tr>
</template>
</tbody>
</table>
</div>
......
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