Skip to content

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

页面修改

parent f3f411ee
Hide whitespace changes
Inline Side-by-side
Showing with 125 additions and 107 deletions
src/components/TravelManager/TravelNewQuotation/CostNewPrice.vue
View file @ cdba03d2
......@@ -17,29 +17,40 @@
.CostNewPrice .QuotationFirstDiv1 .el-form-item__content .el-select {
width: calc(100% - 100px);
}
.CostNewPrice .CP_ComTitle2{ color:#106BAF;font-weight: bold;}
.CostNewTable{
width:70%;
.CostNewPrice .CP_ComTitle2 {
color: #106BAF;
font-weight: bold;
}
.CostNewTable {
width: 70%;
}
.CostNewTable td{
padding:5px;
.CostNewTable td {
padding: 5px;
height: 40px;
border:1px solid #106BAF;
border: 1px solid #106BAF;
}
.CostPriceDiv{
float:left;
width:19%;
margin-right:23px;
.CostPriceDiv {
float: left;
width: 19%;
margin-right: 23px;
}
.CP_ComTitle{
color:#106BAF;
.CP_ComTitle {
color: #106BAF;
}
.w505{
width:505px!important;
.w505 {
width: 505px !important;
}
.CostcomCenter{
.CostcomCenter {
text-align: center;
}
</style>
<template>
......@@ -69,15 +80,16 @@
</el-col>
<el-col :span="6">
<el-form-item label="客户名称" label-width="100px">
<el-input v-model="postConfig.CustomerName" type="text" class="w280" placeholder="客户名称" maxlength="200"></el-input>
<el-input v-model="postConfig.CustomerName" type="text" class="w280" placeholder="客户名称" maxlength="200">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="40">
<el-col :span="6">
<el-form-item label="团队标题" label-width="100px">
<el-input v-model="postConfig.Title" type="textarea" class="w240"
:autosize="{minRows: 1, maxRows: 2 }" resize="none" placeholder="请填写团队标题" maxlength="200"></el-input>
<el-input v-model="postConfig.Title" type="textarea" class="w240" :autosize="{minRows: 1, maxRows: 2 }"
resize="none" placeholder="请填写团队标题" maxlength="200"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -132,71 +144,74 @@
</div>
</div>
</div>
<table class="CP_comTable">
<tr>
<td width="170">币种</td>
<td v-for='(item,index) in CostCurrencyList'>
{{item.CurrencyName}}
<span>
<i class="iconfont icon-quxiao" @click="DeleteCurrency(index)"></i>
</span>
</td>
<td>
<el-form-item class="w100">
<el-select v-model='currencyType' @change="getRate(currencyType),addCurrency()">
<el-option v-for="item in currencyTypeArr" :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</td>
</tr>
<tr>
<td>汇率</td>
<td v-for='item in CostCurrencyList'>
<el-input class="w80" v-model='item.ExchangeRate'
@keyup.native="checkRate(item,'ExchangeRate'),getchange()">
</el-input>
</td>
<td>
<el-input class="w100" v-model='queryMsg.RateInput'
@keyup.native="checkRate(queryMsg,'RateInput'),getchange()">
</el-input>
</td>
</tr>
<tr>
<td width="170">人数</td>
<td v-for="(item,index) in CostNumberList" :key='item.subCode'>
<el-input class="w80" v-model='item.PeopleNumber' @keyup.native="checkInteger(item,'PeopleNumber')">
</el-input>
<span>
<i class="iconfont icon-quxiao" @click="DeletePNumber(index),getchange()"></i>
</span>
</td>
<td width="150">
<el-form-item>
<el-input class="w80" v-model='queryMsg.PeopleNumber'
@keyup.native="checkInteger(queryMsg,'PeopleNumber'),getchange()"></el-input>
</el-form-item>
<div class="AS_addPeoNumer">
<i class="iconfont icon-img_haha" @click="addPeoNunber"></i>
</div>
</td>
</tr>
<tr v-for="item in CostCurrencyList">
<td>地接报价（{{item.CurrencyName}}）</td>
<td v-if="checkExists(item.CurrencyId)" v-for="childItem in getCurrencyNumberList(item.CurrencyId)">
<el-form-item>
<el-input class="w80" v-model='childItem.Money'
@keyup.native="checkPrice(childItem,'Money',true),getchange()"></el-input>
</el-form-item>
</td>
<td>
</td>
</tr>
</table>
<br/>
<br />
<table class="CostPriceTable CostNewTable">
<thead>
<tr>
<td width="170" class="CP_ComTitle2 CostcomCenter">币种</td>
<td v-for='(item,index) in CostCurrencyList'>
{{item.CurrencyName}}
<span>
<i class="iconfont icon-quxiao" @click="DeleteCurrency(index)"></i>
</span>
</td>
<td :colspan="9-2-CostCurrencyList.length+1">
<el-form-item class="w100">
<el-select v-model='currencyType' @change="getRate(currencyType),addCurrency()">
<el-option v-for="item in currencyTypeArr" :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</td>
</tr>
<tr>
<td class="CP_ComTitle2 CostcomCenter">汇率</td>
<td v-for='item in CostCurrencyList'>
<el-input class="w80" v-model='item.ExchangeRate'
@keyup.native="checkRate(item,'ExchangeRate'),getchange()">
</el-input>
</td>
<td :colspan="9-2-CostCurrencyList.length+1">
<el-input class="w100" v-model='queryMsg.RateInput'
@keyup.native="checkRate(queryMsg,'RateInput'),getchange()">
</el-input>
</td>
</tr>
<tr>
<td width="170" class="CP_ComTitle2 CostcomCenter">人数</td>
<td v-for="(item,index) in CostNumberList" :key='item.subCode'>
<el-input class="w80" v-model='item.PeopleNumber' @keyup.native="checkInteger(item,'PeopleNumber')">
</el-input>
<span>
<i class="iconfont icon-quxiao" @click="DeletePNumber(index),getchange()"></i>
</span>
</td>
<td width="150" :colspan="9-2-CostNumberList.length+1">
<el-form-item>
<el-input class="w80" v-model='queryMsg.PeopleNumber'
@keyup.native="checkInteger(queryMsg,'PeopleNumber'),getchange()"></el-input>
</el-form-item>
<a @click="addPeoNunber" style="cursor:pointer;color:red;">添加</a>
</td>
</tr>
<tr v-for="item in CostCurrencyList">
<td class="CP_ComTitle2 CostcomCenter">地接报价
<br />({{item.CurrencyName}})
</td>
<td v-if="checkExists(item.CurrencyId)" v-for="childItem in getCurrencyNumberList(item.CurrencyId)">
<el-form-item>
<el-input class="w80" v-model='childItem.Money'
@keyup.native="checkPrice(childItem,'Money',true),getchange()"></el-input>
</el-form-item>
</td>
<td :colspan="9-2-getCurrencyNumberList(item.CurrencyId).length+1">
</td>
</tr>
</thead>
<tr>
<td colspan="9"></td>
</tr>
<tr>
<td rowspan="2" width='180' class="CP_ComTitle2 CostcomCenter">Day</td>
<td rowspan="2" width='200' class="CP_ComTitle2 CostcomCenter">行程大点</td>
......@@ -212,7 +227,9 @@
<td width="100" class="CP_ComTitle2 CostcomCenter">晚</td>
</tr>
<tr v-for="subItem in dayCostPrice" :key="subItem.subCode">
<td align="center"><div style="width:100px;">{{subItem.DayNum}}</div></td>
<td align="center">
<div style="width:100px;">{{subItem.DayNum}}</div>
</td>
<td>
<el-input type="textarea" resize="none" v-model="subItem.Title"></el-input>
</td>
......@@ -258,7 +275,7 @@
</tr>
<tr>
<td class="CP_ComTitle2" colspan="5">内陆段交通部分</td>
<td class="CP_ComTitle2" colspan="4">杂支部分</td>
<td class="CP_ComTitle2" colspan="4">杂支部分</td>
</tr>
<tr>
<td class="CostcomCenter">1</td>
......@@ -377,48 +394,48 @@
<tr>
<td>销售提成1%</td>
<td>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.SalesCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'SalesCommissionMoney'),getchange()"></el-input>
</el-form-item>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.SalesCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'SalesCommissionMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td>机票</td>
<td>
<el-form-item>
<el-input type='text' class="w100" v-model="OtherPrice.AirTicketMoeny"
@keyup.native="checkPrice(OtherPrice,'AirTicketMoeny'),getchange()"></el-input>
</el-form-item>
<el-form-item>
<el-input type='text' class="w100" 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="w100" v-model="OtherPrice.TripMoney"
@keyup.native="checkPrice(OtherPrice,'TripMoney',true),getchange()"></el-input>
</el-form-item>
<el-form-item>
<el-input type='text' class="w100" 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="w120" v-model="OtherPrice.KBMoney"
@keyup.native="checkPrice(OtherPrice,'KBMoney',true)"></el-input>
</el-form-item>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.KBMoney"
@keyup.native="checkPrice(OtherPrice,'KBMoney',true)"></el-input>
</el-form-item>
</td>
</tr>
<tr>
<td>作业处提成</td>
<td>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.OfficeCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'OfficeCommissionMoney'),getchange()"></el-input>
</el-form-item>
<el-form-item>
<el-input type='text' class="w120" v-model="OtherPrice.OfficeCommissionMoney"
@keyup.native="checkPrice(OtherPrice,'OfficeCommissionMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td colspan="2"></td>
<td>导游人头费</td>
<td>
<el-form-item>
<el-input type='text' class="w100" v-model="OtherPrice.GuidePeopleMoney"
@keyup.native="checkPrice(OtherPrice,'GuidePeopleMoney'),getchange()"></el-input>
</el-form-item>
<el-form-item>
<el-input type='text' class="w100" v-model="OtherPrice.GuidePeopleMoney"
@keyup.native="checkPrice(OtherPrice,'GuidePeopleMoney'),getchange()"></el-input>
</el-form-item>
</td>
<td colspan="3"></td>
</tr>
......@@ -739,6 +756,7 @@
getCurrencyNumberList(CurrencyId) {
let currencyNumberList = [];
let flag = false;
console.log("this.CurrencyNumberListExt", this.CurrencyNumberListExt);
this.CurrencyNumberListExt.forEach(item => {
if (!flag && item.Key == CurrencyId) {
flag = true;
......
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