Skip to content

S
SuperMan
Commit bec86008 authored by zhengke's avatar zhengke
Browse files
Options

修改车配样式 固定列

parent 53eb828f
Show whitespace changes
Inline Side-by-side
Showing with 169 additions and 12 deletions
src/components/busManagement/BusInfo.vue
View file @ bec86008
......@@ -56,9 +56,12 @@
}
.busInfo .subName {
padding: 5px 10px;
padding: 0 10px;
border: 1px solid #d1d1d1;
border-radius: 14px;
height:30px;
display: inline-block;
line-height: 30px;
cursor: pointer;
}
......@@ -73,11 +76,6 @@
margin: 5px 4px 5px 0;
}
.busInfo .carPlanOne .el-input .el-input__inner,
.el-select .el-input {
height: 28px;
}
.busInfo .upBtnList {
margin: 20px 0 30px 20px;
}
......@@ -127,6 +125,11 @@
.busInfo .w200{
padding:10px 0;
}
.busInfo .has-gutter tr th, .el-table th.is-leaf{
background: #EAEAEA!important;
text-align: center;
}
</style>
<template>
<div class="flexOne busInfo">
......@@ -164,10 +167,10 @@
</table>
<div style="width: 100%; overflow-x: auto;margin-top:20px;" class="ownScrollbarStyle">
<el-form :model="PostData" :rules="rules" ref="PostData">
<table class="bo_bus" cellspacing="1">
<!-- <table class="bo_bus" cellspacing="1">
<tr>
<th width="100">日期</th>
<th width="100">酒店名称</th>
<th width="80">酒店名称</th>
<th width="400">用车计划</th>
<th width="100">司机姓名</th>
<th width="280">联系电话</th>
......@@ -198,7 +201,6 @@
<td class="carPlanOne" :class="{'otherSpan':index!=0&&index!=PlanTableData.length-1}">
<div class="w320" v-for="(subItem,subIndex) in item.DetailList">
<em>
<!--接机送机-->
<el-select class="w150" placeholder="请选择" v-model="subItem.AirportPickUp" :disabled="forbidInput">
<el-option :key="0" :value="0" label="请选择"></el-option>
<el-option v-for="childitem in BusAirportPickUpList" :key="childitem.Id" :label="childitem.Name"
......@@ -206,7 +208,6 @@
</el-option>
</el-select>
</em>
<!--用车类型-->
<span v-for="childItem in UseTypeArray" class="BusinfoSpan">
<span v-if="childItem.Id==1" class="subName"
:class="{'spanCked':subItem.UseType==childItem.Id,'disSpan':forbidInput==true}"
......@@ -272,7 +273,6 @@
</div>
</td>
<td class="carPlanOne">
<!--司机住宿类型-->
<div class="w200">
<span v-for="subItem in AccommodationTypeArray">
<span class="subName" :class="{'spanCked':item.AccommodationType==subItem.Id}"
......@@ -330,7 +330,160 @@
</div>
</td>
</tr>
</table>
</table> -->
<el-table :data="PlanTableData" style="width:100%" border v-loading='loading'>
<el-table-column fixed label="日期" prop="PlanDateStr" min-width="120"></el-table-column>
<el-table-column fixed label="酒店名称" prop="HotelName" min-width="200"></el-table-column>
<el-table-column fixed label="用车计划" min-width="350">
<template slot-scope="scope">
<!-- {{scope.row}} -->
<div v-for="(subItem,subIndex) in scope.row.DetailList">
<em>
<!--接机送机-->
<el-select class="w150" placeholder="请选择" v-model="subItem.AirportPickUp" :disabled="forbidInput">
<el-option :key="0" :value="0" label="请选择"></el-option>
<el-option v-for="childitem in BusAirportPickUpList" :key="childitem.Id" :label="childitem.Name"
:value="childitem.Id">
</el-option>
</el-select>
</em>
<!--用车类型-->
<span v-for="childItem in UseTypeArray" class="BusinfoSpan">
<span v-if="childItem.Id==1" class="subName"
:class="{'spanCked':subItem.UseType==childItem.Id,'disSpan':forbidInput==true}"
@click="UseTypeClick(childItem.Id,scope.$index,subIndex);getBusPrice(subItem)">{{childItem.Name}}</span>
</span>
<span style="width:30px;display:inline-block;">
<a v-if="subIndex>0" @click="DeleteSubItem(scope.row,subIndex)" style="color:blue;cursor:pointer">删除</a>
</span>
<span style="display:inline-block;width:30px;margin-left:5px;">
<span class="busAddbtn" v-if="subIndex==scope.row.DetailList.length-1" @click="AddSubItem(scope.row)"
style="margin-bottom:10px;">
<i class="iconfont icon-img_haha"></i>
</span>
</span>
</div>
</template>
</el-table-column>
<el-table-column label="司机姓名" min-width="120">
<template slot-scope="scope">
<el-input v-model="scope.row.DriverName"></el-input>
</template>
</el-table-column>
<el-table-column label="联系电话" min-width="140">
<template slot-scope="scope">
<el-input v-model="scope.row.DriverTel"></el-input>
</template>
</el-table-column>
<el-table-column label="车牌号码" min-width="100">
<template slot-scope="scope">
<el-input v-model="scope.row.BusNum"></el-input>
</template>
</el-table-column>
<el-table-column label="供应商" min-width="150">
<template slot-scope="scope">
<el-select filterable placeholder="请选择" v-model="scope.row.BusCompany">
<el-option v-for="item in SupplierList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="车辆类型" min-width="150">
<template slot-scope="scope">
<el-select filterable placeholder="请选择" v-model="scope.row.BusType" :disabled="forbidInput"
@change='getBusPrice(item)'>
<el-option :key="0" :value="0" label="请选择"></el-option>
<el-option v-for="item in BusTypeList" :key="item.Id" :label="item.newName" :value="item.Id">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="付款方式" min-width="150">
<template slot-scope="scope">
<el-select class='sel' v-model='scope.row.PayType' :placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' :value='0'></el-option>
<el-option label='现付' :value='1'></el-option>
<el-option label='公司结算' :value='2'></el-option>
<el-option label='预付' :value='3'></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="定团号" min-width="230">
<template slot-scope="scope">
<div :class="{'BusTyleFirst':scope.$index==0}">
<el-input class='w170' type="text" v-model="scope.row.BookGroup"></el-input>
<el-tooltip class="item" effect="dark" content="同上" placement="top">
<i class="iconfont icon-tongshang" style="cursor:pointer;" v-if="scope.$index!=0"
@click="getBeforeInfo(scope.$index)"></i>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column label="司机住宿" min-width="180">
<template slot-scope="scope">
<!--司机住宿类型-->
<span v-for="subItem in AccommodationTypeArray">
<span class="subName" :class="{'spanCked':scope.row.AccommodationType==subItem.Id}"
@click="AccommodationCLick(subItem.Id,scope.$index)">{{subItem.Name}}</span>
<span v-if="subItem.Id==1 && scope.row.AccommodationType==1">
<el-input style="margin-top:13px;" v-model="scope.row.AccommodationRemark" placeholder="请输入外宿地址"></el-input>
</span>
</span>
</template>
</el-table-column>
<el-table-column label="泊车说明" min-width="180">
<template slot-scope="scope">
<el-input v-model="scope.row.ParkExplain" placeholder="请输入说明"></el-input>
</template>
</el-table-column>
<el-table-column label="高速费用" min-width="150">
<template slot-scope="scope">
<el-input v-model="scope.row.HighSpeedPrice" @keyup.native="checkPrice(scope.row,'HighSpeedPrice')" placeholder="请输入费用"></el-input>
</template>
</el-table-column>
<el-table-column label="高速费用付款方式" min-width="150">
<template slot-scope="scope">
<div>
<el-select class='sel' v-model='scope.row.HighSpeedPayType' :placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' :value='0'></el-option>
<el-option label='现付' :value='1'></el-option>
<el-option label='公司结算' :value='2'></el-option>
<el-option label='预付' :value='3'></el-option>
</el-select>
</div>
</template>
</el-table-column>
<el-table-column label="使用人数" min-width="100">
<template slot-scope="scope">
<el-input v-model="scope.row.UseNum" @keyup.native="checkPrice(scope.row,'UseNum')"></el-input>
</template>
</el-table-column>
<el-table-column label="成本价" min-width="150">
<template slot-scope="scope">
<el-input v-model="scope.row.CostPrice" @keyup.native="checkPrice(scope.row,'CostPrice')"
placeholder="请输入成本价"></el-input>
</template>
</el-table-column>
<el-table-column label="备注" min-width="180">
<template slot-scope="scope">
<el-input type="text" v-model="scope.row.Remarks"></el-input>
</template>
</el-table-column>
<el-table-column label="停车场" min-width="100">
<template slot-scope="scope">
{{scope.row.IsHavearking=='0'?'无':'有'}}
</template>
</el-table-column>
<el-table-column label="小计" min-width="100">
<template slot-scope="scope">
{{scope.row.CostPrice*(Number(scope.row.TransferNum)+1) + Number(scope.row.HighSpeedPrice)}}
</template>
</el-table-column>
</el-table>
<div class="upBtnList">
<input type="button" class="normalBtn" @click="SaveList(0)" :disabled="disButton" value="保存草稿" />
<input type="button" class="normalBtn" @click="SaveList(1)" :disabled="disButton" value="保存" />
......@@ -479,6 +632,7 @@
totalFlySeat: '',
LeaderName: '',
GuideName: '',
loading:false
};
},
methods: {
......@@ -536,11 +690,13 @@
},
/*生成表格数据*/
createTableData() {
this.loading = true;
this.apipost(
"bus_get_GetTravelBusDetailsTCIDs", {
TCIDs: this.parametersData.TCID
},
response => {
this.loading = false;
if (response.data.resultCode == 1) {
this.PlanTableData = response.data.data.PlanList;
this.PlanTableData.forEach(x => {
......@@ -548,6 +704,7 @@
x.BookGroup = this.$route.query.NewCombinationNum;
}
});
console.log(this.PlanTableData,'plantabledata');
this.PostData=response.data.data;
}
},
......
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