Skip to content

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

修改样式

parent 5d7adc21
Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 150 deletions
src/components/TravelManager/TravelNewQuotation/CostNewPrice.vue
View file @ 18a07a8c
......@@ -19,7 +19,11 @@
}
.CostNewPrice .CP_ComTitle2{ color:blue;font-weight: bold;}
.CostNewTable{
width:80%;
width:74%;
}
.CostNewTable td{
padding:5px;
height: 40px;
}
.CostPriceDiv{
float:left;
......@@ -29,6 +33,9 @@
.CP_ComTitle{
color:blue;
}
.w505{
width:505px!important;
}
</style>
<template>
......@@ -37,9 +44,9 @@
<el-form>
<div class="QuotationFirstDiv1">
<el-row :gutter="40">
<el-col :span="12">
<el-col :span="6">
<el-form-item label="线路" label-width="100px">
<el-select v-model="postConfig.LineId" :placeholder="$t('pub.pleaseSel')"
<el-select v-model="postConfig.LineId" :placeholder="$t('pub.pleaseSel')" class="w300"
@change="getLineTeamList(postConfig.LineId,1)" filterable>
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="item in LineList" :label='item.LineName' :value='item.LineID' :key='item.LineID'>
......@@ -47,33 +54,31 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="6">
<el-form-item label="系列" label-width="100px">
<el-select v-model="postConfig.LineteamId" :placeholder="$t('pub.pleaseSel')" filterable>
<el-select v-model="postConfig.LineteamId" :placeholder="$t('pub.pleaseSel')" filterable class="w300">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option v-for="item in LineTeamList" :label='item.LtName' :value='item.LtID' :key='item.LtID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="团队标题" label-width="100px">
<el-input v-model="postConfig.Title" type="textarea" style="width:91%"
:autosize="{minRows: 1, maxRows: 2 }" resize="none" placeholder="请填写团队标题" maxlength="200"></el-input>
<el-col :span="6">
<el-form-item label="客户名称" label-width="100px">
<el-input v-model="postConfig.CustomerName" type="text" class="w300" placeholder="客户名称" maxlength="200"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="12">
<el-form-item label="客户名称" label-width="100px">
<el-input v-model="postConfig.CustomerName" type="text" style="width:385px" placeholder="客户名称" maxlength="200"></el-input>
<el-col :span="6">
<el-form-item label="团队标题" label-width="100px">
<el-input v-model="postConfig.Title" type="textarea" class="w300"
:autosize="{minRows: 1, maxRows: 2 }" resize="none" placeholder="请填写团队标题" maxlength="200"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="6">
<el-form-item label="行程天数" label-width="100px">
<el-input class="w120 LowNum" v-model="postConfig.DayNum"
<el-input class="w300 LowNum" v-model="postConfig.DayNum"
@keyup.native="checkInteger(postConfig,'DayNum');createDayTripPrice()" maxlength="2">
<template slot="append">天</template>
</el-input>
......@@ -185,11 +190,11 @@
</td>
</tr>
</table>
<br/>
<table class="CostPriceTable CostNewTable">
<tr>
<th rowspan="2" width='50'>Day</th>
<th rowspan="2" width='130'>Day</th>
<th rowspan="2" width='200'>行程大点</th>
<th rowspan="2" width="100">币种</th>
<th rowspan="2" width='100'>酒店</th>
......@@ -198,9 +203,9 @@
<th colspan="3" width='100'>餐</th>
</tr>
<tr>
<th width="90">早</th>
<th width="90">中</th>
<th width="90">晚</th>
<th width="120">早</th>
<th width="100">中</th>
<th width="100">晚</th>
</tr>
<tr v-for="subItem in dayCostPrice" :key="subItem.subCode">
<td align="center">{{subItem.DayNum}}</td>
......@@ -244,22 +249,17 @@
@keyup.native="checkPrice(subItem,'DinnerCostPrice'),getchange()"></el-input>
</td>
</tr>
</table>
<table class="CostPriceTable CostNewTable">
<tr>
<td class="CP_ComTitle2" colspan="4">
内陆段交通部分
</td>
<td class="CP_ComTitle2" colspan="3">
杂支部分
</td>
<td colspan="9"></td>
</tr>
<tr>
<td width='50'>1</td>
<td width='200'>内陆段机位（每人）</td>
<td width='200'>
<td class="CP_ComTitle2" colspan="5">内陆段交通部分</td>
<td class="CP_ComTitle2" colspan="4">杂支部分</td>
</tr>
<tr>
<td>1</td>
<td>内陆段机位（每人）</td>
<td>
<el-form-item>
<el-select v-model='OtherPrice.InlandAirTicketCurrency'>
<el-option :label="$t('pub.unlimitedSel')" :value='defaultSelect'></el-option>
......@@ -269,15 +269,15 @@
</el-select>
</el-form-item>
</td>
<td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.InlandAirTicketMoney"
@keyup.native="checkPrice(OtherPrice,'InlandAirTicketMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td width='50'>1</td>
<td width='200'>签证费（每人）</td>
<td colspan='3'>
<td>1</td>
<td>签证费（每人）</td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.VisaMoney"
@keyup.native="checkPrice(OtherPrice,'VisaMoney'),getchange()"></el-input>
......@@ -286,7 +286,7 @@
</tr>
<tr>
<td>2</td>
<td>内陆段船票（每人</td>
<td>内陆段船票（每人）</td>
<td>
<el-form-item>
<el-select v-model='OtherPrice.InlandShipTicketCurrency'>
......@@ -297,7 +297,7 @@
</el-select>
</el-form-item>
</td>
<td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.InlandShipTicketMoney"
@keyup.native="checkPrice(OtherPrice,'InlandShipTicketMoney'),getchange()"></el-input>
......@@ -305,7 +305,7 @@
</td>
<td>2</td>
<td>保险费（每人）</td>
<td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.SafeMoney"
@keyup.native="checkPrice(OtherPrice,'SafeMoney'),getchange()"></el-input>
......@@ -325,135 +325,173 @@
</el-select>
</el-form-item>
</td>
<td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.InlandTrainTicketMoney"
@keyup.native="checkPrice(OtherPrice,'InlandTrainTicketMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>3</td>
<td>3</td>
<td>领队小费</td>
<td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.LeaderTripMoney"
@keyup.native="checkPrice(OtherPrice,'LeaderTripMoney'),getchange()"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>
<tr>
<td colspan="5"></td>
<td>4</td>
<td>司机、导游小费</td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.DriverGuideMoney"
@keyup.native="checkPrice(OtherPrice,'DriverGuideMoney'),getchange()"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td colspan="9"></td>
</tr>
<tr>
<td class="CP_ComTitle2" colspan="2">其他支出</td>
<td class="CP_ComTitle2" colspan="2">机票</td>
<td class="CP_ComTitle2" colspan="2">收入</td>
<td class="CP_ComTitle2" colspan="3">团负费</td>
</tr>
<tr>
<td class="CP_ComTitle2">摘要</td>
<td class="CP_ComTitle2">金额（人民币）</td>
<td class="CP_ComTitle2">摘要</td>
<td class="CP_ComTitle2">金额（人民币）</td>
<td class="CP_ComTitle2">摘要</td>
<td class="CP_ComTitle2">金额（人民币）</td>
<td class="CP_ComTitle2">摘要</td>
<td class="CP_ComTitle2" colspan="2">金额（人民币）</td>
</tr>
<tr>
<td>销售提成1%</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.SalesCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'SalesCommissionMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>
<td>机票</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.AirTicketMoeny"
@keyup.native="checkPrice(OtherPrice,'AirTicketMoeny'),getchange()"></el-input>
</el-form-item>
</td>
<td>客人小费收入</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.TripMoney"
@keyup.native="checkPrice(OtherPrice,'TripMoney',true),getchange()"></el-input>
</el-form-item>
</td>
<td>KB</td>
<td colspan="2">
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.KBMoney"
@keyup.native="checkPrice(OtherPrice,'KBMoney',true)"></el-input>
</el-form-item>
</td>
<td>
</tr>
<tr>
<td>作业处提成</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.OfficeCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'OfficeCommissionMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>4</td>
<td>司机、导游小费</td>
<td colspan="2"></td>
<td>导游人头费</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.GuidePeopleMoney"
@keyup.native="checkPrice(OtherPrice,'GuidePeopleMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="9"></td>
</tr>
<tr>
<td colspan="9" class="CP_ComTitle2">领队分摊部分</td>
</tr>
<tr>
<td>人数</td>
<td>机票</td>
<td>门票</td>
<td>单房差</td>
<td>内陆段交通</td>
<td>杂费</td>
<td colspan="3">小计</td>
</tr>
<tr>
<td></td>
<td>
<el-form-item>
<el-input type='text' class="w180" v-model="OtherPrice.DriverGuideMoney"
@keyup.native="checkPrice(OtherPrice,'DriverGuideMoney'),getchange()"></el-input>
<el-input type='text' class="w120" v-model="OtherPrice.AirTicketShareMoney"
@keyup.native="checkPrice(OtherPrice,'AirTicketShareMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.TicketShareMoney"
@keyup.native="checkPrice(OtherPrice,'TicketShareMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.SingleRoomShareMoney"
@keyup.native="checkPrice(OtherPrice,'SingleRoomShareMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.InlandTrafficShareMoney"
@keyup.native="checkPrice(OtherPrice,'InlandTrafficShareMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.OtherShareMoney"
@keyup.native="checkPrice(OtherPrice,'OtherShareMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td colspan="3"></td>
</tr>
<tr v-for="item in CostNumberList" :key="item.subCode">
<td>{{item.PeopleNumber}}+1</td>
<td>{{item.AirTicketMoney}}</td>
<td>{{item.TicketMoney}}</td>
<td>{{item.SingleRoomMoney}}</td>
<td>{{item.InlandTrafficMoney}}</td>
<td>{{item.OtherMoney}}</td>
<td colspan="3">{{item.SubtotalMoney}}</td>
</tr>
<tr>
<td colspan="9"></td>
</tr>
<tr>
<td colspan="9" class="CP_ComTitle2">成本统计</td>
</tr>
<tr>
<td>人数统计</td>
<td colspan="8"></td>
</tr>
<tr v-for="item in CostNumberList" :key="item.subCode">
<td>{{item.PeopleNumber}}+1</td>
<td colspan="8">{{item.TotalMoney}}</td>
</tr>
</table>
<div class="clearfix">
<div class="CostPriceDiv">
<div class="CP_ComTitle">其他支出</div>
<table class="CostPriceTable">
<tr>
<td><span class="CP_ComTitle">摘要</span></td>
<td><span class="CP_ComTitle">金额（人民币）</span></td>
</tr>
<tr>
<td width='150'>销售提成1%</td>
<td colspan='3'>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.SalesCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'SalesCommissionMoney'),getchange()"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>作业处提成</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.OfficeCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'OfficeCommissionMoney'),getchange()"></el-input>
</el-form-item>
</td>
</tr>
</table>
</div>
<div class="CostPriceDiv">
<div class="CP_ComTitle">机票</div>
<table class="CostPriceTable">
<tr>
<td><span class="CP_ComTitle">摘要</span></td>
<td><span class="CP_ComTitle">金额（人民币）</span></td>
</tr>
<tr>
<td width='150'>机票</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.AirTicketMoeny"
@keyup.native="checkPrice(OtherPrice,'AirTicketMoeny'),getchange()"></el-input>
</el-form-item>
</td>
</tr>
</table>
</div>
<div class="CostPriceDiv">
<div class="CP_ComTitle">收入</div>
<table class="CostPriceTable">
<tr>
<td><span class="CP_ComTitle">摘要</span></td>
<td><span class="CP_ComTitle">金额（人民币）</span></td>
</tr>
<tr>
<td width='150'>客人小费收入</td>
<td colspan='3'>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.TripMoney"
@keyup.native="checkPrice(OtherPrice,'TripMoney',true),getchange()"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>导游人头费</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.GuidePeopleMoney"
@keyup.native="checkPrice(OtherPrice,'GuidePeopleMoney'),getchange()"></el-input>
</el-form-item>
</td>
</tr>
</table>
</div>
<div class="CostPriceDiv">
<div class="CP_ComTitle">团负费</div>
<table class="CostPriceTable">
<tr>
<td><span class="CP_ComTitle">摘要</span></td>
<td><span class="CP_ComTitle">金额（人民币）</span></td>
</tr>
<tr>
<td width='150'>KB</td>
<td>
<el-form-item>
<el-input type='text' class="w160" v-model="OtherPrice.KBMoney"
@keyup.native="checkPrice(OtherPrice,'KBMoney',true)"></el-input>
</el-form-item>
</td>
</tr>
</table>
</div>
</div>
<div class="CP_ComTitle">领队分摊部分</div>
<!-- <div class="CP_ComTitle">领队分摊部分</div>
<table class="CP_comTable">
<tr>
<td width='200'>人数</td>
......@@ -529,9 +567,9 @@
{{item.SubtotalMoney}}
</td>
</tr>
</table>
</table> -->
<div class="Cost_Line"></div>
<div class="CP_ComTitle Cost_Title">成本统计</div>
<!-- <div class="CP_ComTitle Cost_Title">成本统计</div>
<table class="CostPriceTable">
<tr>
<td width='250' rowspan="2" class="CP_comBack">
......@@ -546,7 +584,7 @@
{{item.TotalMoney}}
</td>
</tr>
</table>
</table> -->
</el-form>
</div>
</div>
......@@ -781,6 +819,7 @@
var CostNumberObj = this.$tripUtils.CostNumber();
CostNumberObj.PeopleNumber = PeopleNumber;
this.CostNumberList.push(CostNumberObj);
console.log(this.CostNumberList,'costnumerblist');
this.CurrencyNumberListExt.forEach(x => {
var CurrencyNumberObj = this.$tripUtils.CurrencyNumber();
CurrencyNumberObj.CurrencyId = x.Key;
......
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