<template>
<div v-loading.fullscreen.lock="fullscreenLoading">
<div class="Entry-all">
<el-dialog v width="400px" title="设置查看权限" class="permissionsbox" :visible.sync="setpermissions">
<el-checkbox-group v-model="viewUsers" @change="handleCheckAllChange">
<el-checkbox v-for="item in viewUsersarr" :label="item.id" :key="item.id">{{item.name}}</el-checkbox>
</el-checkbox-group>
<div style="text-align: right;margin-top: 15px;">
<el-button size="mini" @click="EnterExitCostSetViewPermissiion" type="primary">分配</el-button>
<el-button size="mini" @click="setpermissions=false">取消</el-button>
</div>
</el-dialog>
<div class="Entry-head">
<div class="Entry-head-li">
<label>团组名称:</label>
<el-select style="width:250px" @change="chengvalue()" v-model="value" filterable placeholder="请选择">
<el-option v-for="item in options" :key="item.id" :label="item.groupName" :value="item.id">
<span v-if="item.isNull=='false'" style="color:#409EFF">{{ item.groupName }}</span>
<span v-else style="color:gray">{{ item.groupName }}</span>
</el-option>
</el-select>
</div>
<div v-if="isSave" class="Entry-head-li">
<!-- <el-button type="primary">计算费用</el-button> -->
<el-button @click="NationalTravelFeeImportReceivables" type="primary">导出到收款账单</el-button>
<el-button @click="cleanout" type="primary">全部清空</el-button>
<el-button @click="storage()" type="primary">保存</el-button>
<el-select style="width:202px" v-model="listvalue" placeholder="请选择">
<el-option v-for="item in listvalueoptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
<el-button @click="eptschedule(1)" type="primary">导出所选明细表</el-button>
<el-select style="width:202px" v-model="tablevalue" placeholder="请选择">
<el-option v-for="item in tablevalueoptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
<el-button @click="eptschedule(2)" type="primary">导出下拉所选表格</el-button>
<el-button @click="setpermissionsbtn" type="primary">设置权限</el-button>
<el-button @click="eptschedule(3)" type="primary">团组成员名单</el-button>
</div>
</div>
<div class="Entry-form">
<div class="Entry-form-li">
<div class="Entry-li-lables">
<el-checkbox v-model="choiceOne"></el-checkbox>
<div class="li-lable">一、境内费用(其他费用)</div>
<div class="li-lable">
<span class="redzhu">(注：填好数值鼠标点击其他区域计算合计)</span>
<label>合计:</label>
<div class="sub-boxs">
{{ DomesticFees.total=(DomesticFees.visafees + DomesticFees.vaccinefees +
DomesticFees.nucleicfees + DomesticFees.serviceCharge + DomesticFees.insurance +
DomesticFees.ticketsExhibitionL) | numFilter }}
</div>
<span>元/人</span>
</div>
</div>
<div class="Entry-li-inif">
<div class="Entry-inif-box">
<label>签证费:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="DomesticFees.visafees"></el-input-number>
<span>元/人</span>
</div>
<div class="Entry-inif-box">
<label>签证费用描述:</label>
<el-input style="width:900px" size="mini"
v-model="DomesticFees.visafeesDescription"></el-input>
<span class="redzhu">{{ visabeizhu }}</span>
</div>
<el-button v-if="getvisafeebtn" @click="Getnewvisafee" type="primary"
size="mini">获取最新签证费用</el-button>
</div>
<div class="Entry-li-inif">
<div class="Entry-inif-box">
<label>疫苗费:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="DomesticFees.vaccinefees"></el-input-number>
<span>元/人</span>
</div>
<div class="Entry-inif-box">
<label>核酸检测费:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="DomesticFees.nucleicfees"></el-input-number>
<span>元/人;</span>
</div>
<div class="Entry-inif-box">
<label> 服务费:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="DomesticFees.serviceCharge"></el-input-number>
<span>元/人;</span>
</div>
</div>
<div class="Entry-li-inif">
<div class="Entry-inif-box">
<label>保险费:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="DomesticFees.insurance"></el-input-number>
<span>元/人</span>
</div>
<div class="Entry-inif-box">
<label>参展门票:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="DomesticFees.ticketsExhibitionL"></el-input-number>
<span>元/人;</span>
</div>
<div class="Entry-inif-box">
<label>备注:</label>
<el-input style="width:900px" size="mini"
v-model="DomesticFees.firstItemRemark"></el-input>
</div>
</div>
</div>
<div class="Entry-form-li">
<div class="Entry-li-lables">
<!-- <el-checkbox v-model="choiceTwo"></el-checkbox> -->
<div class="li-lable">二、国际旅费合计：</div>
<div style="display: flex;">
<div class="li-lable">
<el-checkbox style="margin-right: -10px;" v-model="sumJJC"></el-checkbox>
<label>(经济舱)</label>
<div class="sub-boxs">
{{ TotalExpenses.EconomyClasstotal=(TotalExpenses.EconomyClass +
TotalExpenses.TravellingExpenses) | numFilter }}
</div>
<span>元/人</span>
</div>
<div class="li-lable">
<el-checkbox style="margin-right: -10px;" v-model="sumGWC"></el-checkbox>
<label>(公务舱)</label>
<div class="sub-boxs">
{{ TotalExpenses.BusinessClasstotal=(TotalExpenses.BusinessClass +
TotalExpenses.TravellingExpenses) | numFilter }}
</div>
<span>元/人</span>
</div>
<div class="li-lable">
<el-checkbox style="margin-right: -10px;" v-model="sumTDC"></el-checkbox>
<label>(头等舱)</label>
<div class="sub-boxs">
{{ TotalExpenses.Firstclasstotal=(TotalExpenses.Firstclass +
TotalExpenses.TravellingExpenses) | numFilter }}
</div>
<span>元/人</span>
</div>
</div>
</div>
<div class="Entry-li-inif">
<label>国际机票: </label>
<div class="Entry-inif-box">
<label>（经济舱）:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="TotalExpenses.EconomyClass"></el-input-number>
<span>元/人</span>
</div>
<div class="Entry-inif-box">
<label>（公务舱）:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="TotalExpenses.BusinessClass"></el-input-number>
<span>元/人;</span>
</div>
<div class="Entry-inif-box">
<label>（头等舱）:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="TotalExpenses.Firstclass"></el-input-number>
<span>元/人;</span>
</div>
<span v-if="JSON.stringify(TicketJudgment) == '{}'" class="redzhu">(机票数据未录入)</span>
<div v-else>
<span
v-if="TicketJudgment.jjcCurrentRate != TotalExpenses.EconomyClass || TicketJudgment.gwcCurrentRate != TotalExpenses.BusinessClass"
class="redzhu">{{ TicketJudgment.remark }}</span>
<el-button
v-if="TicketJudgment.jjcCurrentRate != TotalExpenses.EconomyClass || TicketJudgment.gwcCurrentRate != TotalExpenses.BusinessClass"
type="primary" @click="Fillin" size="mini">填 入</el-button>
</div>
</div>
<div class="Entry-li-inif">
<div class="Entry-inif-box">
<label>城市区间交通费:</label>
<el-input-number size="mini" :controls="false" :precision="2"
v-model="TotalExpenses.TravellingExpenses"></el-input-number>
<span>元/人;</span>
</div>
</div>
<div class="Entry-li-inif">
<div class="Entry-inif-box">
<label>备注:</label>
<el-input style="width:1000px" size="mini"
v-model="TotalExpenses.twoItemRemark"></el-input>
</div>
</div>
<div class="Entry-li-inif">
<div v-for="(item, index) in currencys" :key="index" class="Entry-inif-box">
<label>{{ item.currencyName }}汇率:</label>
<el-input-number size="mini" :controls="false" :precision="4"
v-model="item.rate"></el-input-number>
</div>
<span style="color:red;">* 若客户有意见，需要与财务商量后进行适当调整 </span>
<!-- <el-popover
placement="top"
width="402"
trigger="hover">
<el-table border :data="currencyss">
<el-table-column width="100" property="currName" label="币种"></el-table-column>
<el-table-column width="100" property="rate" label="汇率"></el-table-column>
<el-table-column width="200" property="lastUpdateDt" label="更新时间"></el-table-column>
</el-table>
<span v-show="cubtn" slot="reference" class="redzhu">{{CurrencysRemark}}</span>
</el-popover>
<el-button v-if="cubtn" @click="adoptRealtime" type="primary" size="mini">采用最新汇率</el-button> -->
</div>
</div>
<div class="Entry-form-li">
<div class="Entry-li-lable">
<div style="display: flex;align-items: center;">
<el-checkbox v-model="choiceThree"></el-checkbox>
<div class="li-lable">三、住宿费：</div>
<div style="display: flex;">
<div class="li-lable">
<label>合计:</label>
<div class="sub-boxs">{{ TotalAccommodationFee | numFilter }}</div>
<span>元/人</span>
</div>
</div>
</div>
<div class="btn-Entry">
<el-button type="primary" @click="addlist('住宿费')" size="mini">新 增</el-button>
</div>
</div>
<div class="Entry-li-inif">
<el-table :data="quarterageData" border style="width: 100%">
<el-table-column prop="days" label="第几晚" width="180">
<template slot-scope="scope">
<el-input-number size="mini" :controls="false"
v-model="scope.row.days"></el-input-number>
</template>
</el-table-column>
<el-table-column style="position: relative;" prop="city" label="城 市" width="180">
<template slot-scope="scope">
<el-select size="mini" @change="changeSelect(scope.row, $event, scope.$index)"
v-model="scope.row.nationalTravelFeeId" filterable placeholder="请选择">
<el-option v-for="item in placeinif" :key="item.id" :label="item.cityname"
:value="item.id">
<span style="float: left">{{ item.cityname }}</span>
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{item.city}}</span> -->
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="cost" label=" 费用标准" width="180">
<template slot-scope="scope">
<el-input-number @input="zhusuinput(scope.row)" size="mini" :precision="2"
:controls="false" v-model="scope.row.cost"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="currencyName" label=" 币 种" width="180">
<template slot-scope="scope">
<el-input disabled size="mini" v-model="scope.row.currencyName"></el-input>
</template>
</el-table-column>
<el-table-column prop="subTotal" label="费用小计" width="180">
<template slot-scope="scope">
<div class="sub-boxs">{{ scope.row.subTotal | numFilter }}</div> CNY
</template>
</el-table-column>
<el-table-column prop="address" label="操 作">
<template slot-scope="scope">
<el-button v-if="isSave" style="color: #fff;" size="mini" type="danger"
@click="deleteRow(scope.$index, scope.row, quarterageData, 1)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="Entry-form-li">
<div class="Entry-li-lable">
<div style="display: flex;align-items: center;">
<el-checkbox v-model="choiceFour"></el-checkbox>
<div class="li-lable">四、伙食费：</div>
<div style="display: flex;">
<div class="li-lable">
<label>合计:</label>
<div class="sub-boxs">{{ TotalMeals | numFilter }}</div>
<span>元/人</span>
</div>
</div>
</div>
<div class="btn-Entry">
<el-button type="primary" @click="addlist('伙食费')" size="mini">新 增</el-button>
</div>
</div>
<div class="Entry-li-inif">
<el-table :data="boardWagesData" border style="width: 100%">
<el-table-column prop="days" label="第几晚" width="180">
<template slot-scope="scope">
<el-input-number size="mini" :controls="false"
v-model="scope.row.days"></el-input-number>
</template>
</el-table-column>
<el-table-column style="position: relative;" prop="city" label="城 市" width="180">
<!-- <template slot-scope="scope">
<el-input size="mini" v-model="scope.row.city"></el-input>
</template> -->
<template slot-scope="scope">
<el-select size="mini" @change="mealschangeSelect(scope.row, $event, scope.$index)"
v-model="scope.row.nationalTravelFeeId" filterable placeholder="请选择">
<el-option v-for="item in placeinif" :key="item.id" :label="item.cityname"
:value="item.id">
<span style="float: left">{{ item.cityname }}</span>
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{item.city}}</span> -->
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="cost" label=" 费用标准" width="180">
<template slot-scope="scope">
<el-input-number size="mini" @input="mealsinput(scope.row)" :precision="2"
:controls="false" v-model="scope.row.cost"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="currencyName" label=" 币 种" width="180">
<template slot-scope="scope">
<el-input disabled size="mini" v-model="scope.row.currencyName"></el-input>
</template>
</el-table-column>
<el-table-column prop="subTotal" label="费用小计" width="180">
<template slot-scope="scope">
<div class="sub-boxs">{{ scope.row.subTotal | numFilter }}</div> CNY
</template>
</el-table-column>
<el-table-column prop="address" label="操 作">
<template slot-scope="scope">
<el-button v-if="isSave" style="color: #fff;" size="mini" type="danger"
@click="deleteRow(scope.$index, scope.row, boardWagesData, 2)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="Entry-form-li">
<div class="Entry-li-lable">
<div style="display: flex;align-items: center;">
<el-checkbox v-model="choiceFive"></el-checkbox>
<div class="li-lable">五、公杂费：</div>
<div style="display: flex;">
<div class="li-lable">
<label>合计:</label>
<div class="sub-boxs">{{ TotalMiscellaneous | numFilter }}</div>
<span>元/人</span>
</div>
</div>
</div>
<div class="btn-Entry">
<el-button type="primary" @click="addlist('公杂费')" size="mini">新 增</el-button>
</div>
</div>
<div class="Entry-li-inif">
<el-table :data="miscellaneousFeeData" border style="width: 100%">
<el-table-column prop="days" label="第几晚" width="180">
<template slot-scope="scope">
<el-input-number size="mini" :controls="false"
v-model="scope.row.days"></el-input-number>
</template>
</el-table-column>
<el-table-column style="position: relative;" prop="city" label="城 市" width="180">
<!-- <template slot-scope="scope">
<el-input size="mini" v-model="scope.row.city"></el-input>
</template> -->
<template slot-scope="scope">
<el-select @change="MiscellaneouschangeSelect(scope.row, $event)" size="mini"
v-model="scope.row.nationalTravelFeeId" filterable placeholder="请选择">
<el-option v-for="item in placeinif" :key="item.id" :label="item.cityname"
:value="item.id">
<span style="float: left">{{ item.cityname }}</span>
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{item.city}}</span> -->
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="cost" label=" 费用标准" width="180">
<template slot-scope="scope">
<el-input-number @input="Miscellaneousinput(scope.row)" size="mini" :precision="2"
:controls="false" v-model="scope.row.cost"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="currencyName" label=" 币 种" width="180">
<template slot-scope="scope">
<el-input disabled size="mini" v-model="scope.row.currencyName"></el-input>
</template>
</el-table-column>
<el-table-column prop="subTotal" label="费用小计" width="180">
<template slot-scope="scope">
<div class="sub-boxs">{{ scope.row.subTotal | numFilter }}</div> CNY
</template>
</el-table-column>
<el-table-column prop="address" label="操 作">
<template slot-scope="scope">
<el-button v-if="isSave" style="color: #fff;" size="mini" type="danger"
@click="deleteRow(scope.$index, scope.row, miscellaneousFeeData, 3)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="Entry-form-li">
<div class="Entry-li-lable">
<div style="display: flex;align-items: center;">
<el-checkbox v-model="choiceSix"></el-checkbox>
<div class="li-lable">六、培训费：</div>
<div style="display: flex;">
<div class="li-lable">
<label>合计:</label>
<div class="sub-boxs">{{ trainingExpense | numFilter }}</div>
<span>元/人</span>
</div>
</div>
</div>
<div class="btn-Entry">
<el-button type="primary" @click="addlist('培训费')" size="mini">新 增</el-button>
</div>
</div>
<div class="Entry-li-inif">
<el-table :data="trainingExpenseData" border style="width: 100%">
<el-table-column prop="days" label="第几晚" width="180">
<template slot-scope="scope">
<el-input-number size="mini" :controls="false"
v-model="scope.row.days"></el-input-number>
</template>
</el-table-column>
<el-table-column style="position: relative;" prop="city" label="城 市" width="180">
<!-- <template slot-scope="scope">
<el-input size="mini" v-model="scope.row.city"></el-input>
</template> -->
<template slot-scope="scope">
<el-select @change="TrainingExpenseDataSelect(scope.row, $event)" size="mini"
v-model="scope.row.nationalTravelFeeId" filterable placeholder="请选择">
<el-option v-for="item in placeinif" :key="item.id" :label="item.cityname"
:value="item.id">
<span style="float: left">{{ item.cityname }}</span>
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{item.city}}</span> -->
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="cost" label=" 费用标准" width="180">
<template slot-scope="scope">
<el-input-number @input="Traininginput(scope.row)" size="mini" :precision="2"
:controls="false" v-model="scope.row.cost"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="currencyName" label=" 币 种" width="180">
<template slot-scope="scope">
<el-input disabled size="mini" v-model="scope.row.currencyName"></el-input>
</template>
</el-table-column>
<el-table-column prop="subTotal" label="费用小计" width="180">
<template slot-scope="scope">
<div class="sub-boxs">{{ scope.row.subTotal | numFilter }}</div> CNY
</template>
</el-table-column>
<el-table-column prop="address" label="操 作">
<template slot-scope="scope">
<el-button v-if="isSave" style="color: #fff;" size="mini" type="danger"
@click="deleteRow(scope.$index, scope.row, trainingExpenseData, 4)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="Entry-form-li">
<div class="Entry-li-lable">
<div style="display: flex;align-items: center;">
<el-checkbox v-model="choiceSeven"></el-checkbox>
<div class="li-lable">七、其他：</div>
<div style="display: flex;">
<div class="li-lable">
<label>合计:</label>
<div class="sub-boxs">{{ otherExpense | numFilter }}</div>
<span>元/人</span>
</div>
</div>
<div style="color:red">
注:特殊情况才在这里填写，如:要计算车导费、备用金费用等
</div>
</div>
<div class="btn-Entry">
<el-button type="primary" @click="addlist('其他')" size="mini">新 增</el-button>
</div>
</div>
<div class="Entry-li-inif">
<el-table :data="otherData" border style="width: 100%">
<el-table-column prop="index" label="第几项" width="180">
<template slot-scope="scope">
<el-input-number size="mini" :controls="false"
v-model="scope.row.index"></el-input-number>
</template>
</el-table-column>
<el-table-column style="position: relative;" prop="setDataId" label="费用类型" width="180">
<!-- <template slot-scope="scope">
<el-input size="mini" v-model="scope.row.city"></el-input>
</template> -->
<template slot-scope="scope">
<el-select size="mini" v-model="scope.row.setDataId" filterable placeholder="请选择">
<el-option v-for="item in otherfylx" :key="item.id" :label="item.name"
:value="item.id">
<span style="float: left">{{ item.name }}</span>
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{item.city}}</span> -->
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="cost" label=" 费用标准" width="180">
<template slot-scope="scope">
<el-input-number @input="otherinput(scope.row)" size="mini" :precision="2"
:controls="false" v-model="scope.row.cost"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="currencyName" label=" 币 种" width="180">
<template slot-scope="scope">
<el-select @change="othercurrencychange(scope.row.currency, scope.row)" size="mini"
v-model="scope.row.currency" filterable placeholder="请选择">
<el-option v-for="item in othercurrencys" :key="item.currencyId"
:label="item.currencyCode" :value="item.currencyId">
<span style="float: left">{{ item.currencyCode + ' 汇率：' + item.rate
}}</span>
</el-option>
</el-select>
<!-- <el-input size="mini" v-model="scope.row.currencyName"></el-input> -->
</template>
</el-table-column>
<el-table-column prop="subTotal" label="费用小计" width="180">
<template slot-scope="scope">
<div class="sub-boxs">{{ scope.row.subTotal | numFilter }}</div> CNY
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="450">
<template slot-scope="scope">
<el-input size="mini" v-model="scope.row.remark"></el-input>
</template>
</el-table-column>
<el-table-column prop="address" label="操 作">
<template slot-scope="scope">
<el-button v-if="isSave" style="color: #fff;" size="mini" type="danger"
@click="DeleteOtherExpenses(scope.$index, scope.row, otherData)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="Entry-form-li">
<div class="Entry-li-lables">
<div class="li-lable">费用总计：</div>
<div style="display: flex;">
<div class="li-lable">
<!-- <el-checkbox style="margin-right: -10px;" v-model="airJJC_Checked"></el-checkbox> -->
<label>(经济舱)</label>
<div class="sub-boxs">{{ jjctotal | numFilter }}</div>
<span>元/人</span>
</div>
<div class="li-lable">
<!-- <el-checkbox style="margin-right: -10px;" v-model="airGWC_Checked"></el-checkbox> -->
<label>(公务舱)</label>
<div class="sub-boxs">{{ gwctotal | numFilter }}</div>
<span>元/人</span>
</div>
<div class="li-lable">
<!-- <el-checkbox style="margin-right: -10px;" v-model="airGWC_Checked"></el-checkbox> -->
<label>(头等舱)</label>
<div class="sub-boxs">{{ tdctotal | numFilter }}</div>
<span>元/人</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { Decimal } from 'decimal.js'
import { debounce } from '../../store/statice'
export default {
data() {
return {
fullscreenLoading: false,
options: [],
listvalue: 1005,
tablevalue: '',
listvalueoptions: [],
tablevalueoptions: [],
//是否计算Checkbox
choiceOne: false,//境内费用(其他费用)选择框
choiceTwo: false,//国际旅费合计选择框
choiceThree: false,//住宿费合计选择框
choiceFour: false,//伙食费合计选择框
choiceFive: false,//公杂费合计选择框
choiceSix: false,//培训费用选择框
choiceSeven: false,//其他费用选择框
sumJJC: false,//经济舱小计选择框
sumGWC: false,//公务舱小计选择框
sumTDC: false,//头等舱小计选择框
airJJC_Checked: false,//经济舱选择框
airGWC_Checked: false,//公务舱选择框
airTDC_Checked: false,//公务舱选择框
userId: '',
token: '',
value: '',
options: [],
Visafees: '',
Visadepicted: '',
currencys: [],
currencyss: [],
DomesticFees: {
visafees: '',//签证费
visafeesDescription: '',//签证费用描述
vaccinefees: 0,//疫苗费
nucleicfees: 0,//核酸检测费
serviceCharge: 0,//服务费
insurance: 500,//保险费
ticketsExhibitionL: 0,//参展门票
total: 0,
firstItemRemark:''//备注
},
TotalExpenses: {
EconomyClass: 0,//经济舱
BusinessClass: 0,//公务舱
Firstclass: 0,//头等舱
TravellingExpenses: 0,//城市区间交通费
EconomyClasstotal: 0,//经济舱合计
BusinessClasstotal: 0,//公务舱合计
Firstclasstotal: 0,//头等舱合计
twoItemRemark:''//备注
},
TotalAccommodationFee: 0,//住宿费合计
TotalMeals: 0,//伙食费合计
TotalMiscellaneous: 0,//公杂费合计
trainingExpense: 0,//培训费合计
otherExpense: 0,//其他费用合计
quarterageData: [],
boardWagesData: [],
miscellaneousFeeData: [],
trainingExpenseData: [],
otherData: [],
placeinif: [],
//下拉框
treeData: "",
treeDataValue: "",
data: [],
defaultProps: {
children: "cityData",
label: "city",
// label: "country",
},
jjctotal: 0,//经济舱合计
gwctotal: 0,//公务舱合计
tdctotal: 0,//公务舱合计
storageid: 0,
visabeizhu: "",
ID: '',
TicketJudgment: {},
CurrencysRemark: '',
//监听币种数组
watchedPrice: null,
cubtn: false,
getvisafeebtn: false,
visainfo: {},
//其他币种
othercurrencys: [],
otherfylx: [],
//设置权限
setpermissions:false,
isSave:false,
isView:false,
viewUsers:[],
viewUsersby:[],
viewUsersarr:[]
}
},
methods: {
//获取团组
GetEnterExitCostDataSource() {
var url = "/api/Groups/GetEnterExitCostDataSource"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
portType: 1
}
}).then(function (res) {
if (res.data.code == 200) {
that.options = res.data.data.groupNameData;
that.currencys = res.data.data.currencyInit;
that.viewUsersarr= res.data.data.viewPermissionData;
// console.log(that.value)
if (that.value == null) {
that.value = res.data.data.groupNameData[0].id;
}
that.listvalueoptions = res.data.data.wordTypeData;
that.tablevalueoptions = res.data.data.excelTypeData;
that.GetEnterExitCostInfobyDiId();
that.PostGroupTeamRateByDiIdAndCTableId();
}
})
},
//获取币种
PostGroupTeamRateByDiIdAndCTableId() {
this.othercurrencys = [];
var url = "/api/Business/PostGroupTeamRateByDiIdAndCTableId"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
portType: 1,
diId: that.value,
cTable: 98
}
}).then(function (res) {
if (res.data.code == 200) {
that.othercurrencys = res.data.data.teamRates;
for (let sr = 0; sr < that.othercurrencys.length; sr++) {
if (that.othercurrencys[sr].currencyCode != 'CNY') {
that.othercurrencys[sr].rate = (that.othercurrencys[sr].rate * 1.03).toFixed(4)
}
for (let y = 0; y < that.currencys.length; y++) {
if (that.currencys[y].currencyCode == that.othercurrencys[sr].currencyCode) {
that.othercurrencys[sr].rate = that.currencys[y].rate;
}
}
}
console.log(that.othercurrencys);
console.log(that.currencys);
} else {
that.$message.error(res.data.msg);
}
})
},
//获取类型
QuerySetData() {
var url = "/api/System/QuerySetData"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
dataType: 92
}
}).then(function (res) {
if (res.data.code == 200) {
that.otherfylx = res.data.data;
} else {
that.$message.error(res.data.msg);
}
})
},
//获取签证标注
GetEnterExitCostCorrelationTips(val) {
this.getvisafeebtn = false;
if (val == 1) {
this.TotalExpenses.EconomyClass = 0;
this.TotalExpenses.BusinessClass = 0;
this.DomesticFees.visafees = 0;
this.DomesticFees.visafeesDescription = "";
var url = "/api/Groups/GetEnterExitCostCorrelationTips"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
portType: 1,
diId: that.value
}
}).then(function (res) {
if (res.data.code == 200) {
that.TotalExpenses.EconomyClass = res.data.data.airData.jjcCurrentRate;
that.TotalExpenses.BusinessClass = res.data.data.airData.gwcCurrentRate;
that.DomesticFees.visafees = res.data.data.visaData.feeTotal;
that.DomesticFees.visafeesDescription = res.data.data.visaData.remark;
} else {
that.$message.error(res.data.msg);
}
})
} else {
var url = "/api/Groups/GetEnterExitCostCorrelationTips"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
portType: 1,
diId: that.value
}
}).then(function (res) {
if (res.data.code == 200) {
that.TicketJudgment = res.data.data.airData;
that.visainfo = res.data.data.visaData;
that.currencyss = res.data.data.reteInfos;
if (that.DomesticFees.visafees != res.data.data.visaData.feeTotal && res.data.data.visaData.feeTotal != 0) {
that.getvisafeebtn = true;
}
for (let s = 0; s < that.currencys.length; s++) {
if (that.currencys[s].rate != that.currencyss[s].rate) {
that.cubtn = true;
that.CurrencysRemark = '当前汇率与实时汇率不同！移上查看'
return
} else {
that.cubtn = false;
}
}
} else {
that.$message.error(res.data.msg);
}
})
}
},
//机票费用填入
Fillin() {
this.TotalExpenses.EconomyClass = this.TicketJudgment.jjcCurrentRate;
this.TotalExpenses.BusinessClass = this.TicketJudgment.gwcCurrentRate;
},
//获取费用标注
GetNationalTravelFeeData() {
this.fullscreenLoading = true;
var url = "/api/Groups/GetNationalTravelFeeData"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
portType: 1
}
}).then(function (res) {
console.log(res)
let placeinifarr = [];
if (res.data.code == 200) {
for (let i = 0; i < res.data.data.length; i++) {
res.data.data[i]['cityname'] = res.data.data[i].country + '-' + res.data.data[i].city;
placeinifarr.push(res.data.data[i]);
}
that.placeinif = placeinifarr;
}
})
},
GetEnterExitCostInfobyDiId() {
//初始化数据
this.ID = '';
// this.currencys=[]
this.viewUsers=[];
this.viewUsersby=[];
this.TotalAccommodationFee = 0;//住宿费合计
this.TotalMeals = 0;//伙食费合计
this.TotalMiscellaneous = 0;//公杂费合计
this.trainingExpense = 0;//培训费合计
this.otherExpense = 0;//其他费合计
this.DomesticFees = {
visafees: '',//签证费
visafeesDescription: '',//签证费用描述
vaccinefees: 0,//疫苗费
nucleicfees: 0,//核酸检测费
serviceCharge: 0,//服务费
insurance: 500,//保险费
ticketsExhibitionL: 0,//参展门票
total: 0,
firstItemRemark:''//备注
}
this.TotalExpenses = {
EconomyClass: 0,//经济舱
BusinessClass: 0,//公务舱
Firstclass: 0,//TD舱
TravellingExpenses: 0,//城市区间交通费
EconomyClasstotal: 0,//经济舱合计
BusinessClasstotal: 0,//公务舱合计
Firstclasstotal: 0,//TD舱合计
twoItemRemark:''//备注
}
this.choiceOne = false//境内费用(其他费用)选择框
this.choiceTwo = false//国际旅费合计选择框
this.choiceThree = false//住宿费合计选择框
this.choiceFour = false//伙食费合计选择框
this.choiceFive = false//公杂费合计选择框
this.choiceSix = false//培训费用选择框
this.choiceSeven = false//其他费用选择框
this.sumJJC = false//经济舱小计选择框
this.sumGWC = false//公务舱小计选择框
this.sumTDC = false//公务舱小计选择框
this.airJJC_Checked = false//经济舱选择框
this.airGWC_Checked = false//公务舱选择框
this.isSave = false//保存权限
this.isView = false//查看权限
this.storageid = 0
this.quarterageData = [
{
id: 0,
diId: this.value,
type: 1,
days: 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 1,
days: 2,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 1,
days: 3,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 1,
days: 4,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 1,
days: 5,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 1,
days: 6,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 1,
days: 7,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 1,
days: 8,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
]
this.boardWagesData = [
{
id: 0,
diId: this.value,
type: 2,
days: 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 2,
days: 2,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 2,
days: 3,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 2,
days: 4,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 2,
days: 5,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 2,
days: 6,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 2,
days: 7,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 2,
days: 8,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
]
this.miscellaneousFeeData = [
{
id: 0,
diId: this.value,
type: 3,
days: 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 3,
days: 2,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 3,
days: 3,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 3,
days: 4,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 3,
days: 5,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 3,
days: 6,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 3,
days: 7,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 3,
days: 8,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
]
this.trainingExpenseData = [
{
id: 0,
diId: this.value,
type: 4,
days: 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 4,
days: 2,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 4,
days: 3,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 4,
days: 4,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 4,
days: 5,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 4,
days: 6,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 4,
days: 7,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
{
id: 0,
diId: this.value,
type: 4,
days: 8,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
},
]
this.otherData = [
{
id: 0,
diId: this.value,
setDataId: '',
index: 1,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
{
id: 0,
diId: this.value,
setDataId: '',
index: 2,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
{
id: 0,
diId: this.value,
setDataId: '',
index: 3,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
{
id: 0,
diId: this.value,
setDataId: '',
index: 4,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
{
id: 0,
diId: this.value,
setDataId: '',
index: 5,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
{
id: 0,
diId: this.value,
setDataId: '',
index: 6,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
{
id: 0,
diId: this.value,
setDataId: '',
index: 7,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
{
id: 0,
diId: this.value,
setDataId: '',
index: 8,
cost: '',
cost: 0,
currency: '',
subTotal: 0,
remark:'',
},
]
var url = "/api/Groups/GetEnterExitCostInfobyDiId"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
portType: 1,
diId: that.value,
currUserId:that.userId
}
}).then(function (res) {
if (res.data.code == 200) {
that.ID = res.data.data.id;
//汇率
that.currencys = res.data.data.currencys;
//权限
that.isSave=res.data.data.isSave;
that.isView=res.data.data.isView;
that.viewUsers=res.data.data.viewUsers;
that.viewUsersby=res.data.data.viewUsers;
//境内费用
that.DomesticFees.visafees = res.data.data.visa;
that.DomesticFees.visafeesDescription = res.data.data.visaRemark;
that.DomesticFees.vaccinefees = res.data.data.yiMiao;
that.DomesticFees.nucleicfees = res.data.data.heSuan;
that.DomesticFees.serviceCharge = res.data.data.service;
that.DomesticFees.insurance = res.data.data.safe;
that.DomesticFees.ticketsExhibitionL = res.data.data.ticket;
that.DomesticFees.firstItemRemark = res.data.data.firstItemRemark;
//国际旅费
that.TotalExpenses.EconomyClass = res.data.data.airJJ;
that.TotalExpenses.BusinessClass = res.data.data.airGW;
that.TotalExpenses.Firstclass = res.data.data.airTD;
that.TotalExpenses.TravellingExpenses = res.data.data.cityTranffic;
that.TotalExpenses.twoItemRemark = res.data.data.twoItemRemark;
//是否计算Checkbox
that.choiceOne = res.data.data.choiceOne == 1 ? true : false;
that.choiceTwo = res.data.data.choiceTwo == 1 ? true : false;
that.choiceThree = res.data.data.choiceThree == 1 ? true : false;
that.choiceFour = res.data.data.choiceFour == 1 ? true : false;
that.choiceFive = res.data.data.choiceFive == 1 ? true : false;
that.choiceSix = res.data.data.choiceSix == 1 ? true : false;
that.choiceSeven = res.data.data.otherExpenses_Checked == 1 ? true : false;
that.sumJJC = res.data.data.sumJJC == 1 ? true : false;
that.sumGWC = res.data.data.sumGWC == 1 ? true : false;
that.sumTDC = res.data.data.sumTDC == 1 ? true : false;
that.airJJC_Checked = res.data.data.airJJC_Checked == 1 ? true : false;
that.airGWC_Checked = res.data.data.airGWC_Checked == 1 ? true : false;
//住宿费
that.quarterageData = res.data.data.quarterageData;
for (let a = 0; a < res.data.data.quarterageData.length; a++) {
that.TotalAccommodationFee += res.data.data.quarterageData[a].subTotal
}
//伙食费
that.boardWagesData = res.data.data.boardWagesData;
for (let b = 0; b < res.data.data.boardWagesData.length; b++) {
that.TotalMeals += res.data.data.boardWagesData[b].subTotal
}
//公杂费
that.miscellaneousFeeData = res.data.data.miscellaneousFeeData;
for (let c = 0; c < res.data.data.miscellaneousFeeData.length; c++) {
that.TotalMiscellaneous += res.data.data.miscellaneousFeeData[c].subTotal
}
//培训费
that.trainingExpenseData = res.data.data.trainingExpenseData;
for (let d = 0; d < res.data.data.trainingExpenseData.length; d++) {
that.trainingExpense += res.data.data.trainingExpenseData[d].subTotal
}
//其他费
that.otherData = res.data.data.dayOtherPriceData;
for (let e = 0; e < res.data.data.dayOtherPriceData.length; e++) {
that.otherExpense += res.data.data.dayOtherPriceData[e].subTotal
}
that.storageid = res.data.data.id;
// that.GetNationalTravelFeeData();
that.fullscreenLoading = false;
that.GetEnterExitCostCorrelationTips(2);
} else {
that.fullscreenLoading = false;
that.GetEnterExitCostCorrelationTips(1);
that.$message.warning(res.data.msg);
if (res.data.msg=='未查询出数据!可操作该条数据!') {
that.isSave=true;
that.isView=true;
}
}
})
},
//全部清空
cleanout() {
this.fullscreenLoading = true
this.$confirm('此操作将全部清空, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
var url = "/api/Groups/PostEnterExitCostOneClickClear"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token
},
data: {
portType: 1,
diId: that.value,
userId: that.userId,
id: that.ID
}
}).then(function (res) {
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
that.GetEnterExitCostInfobyDiId()
} else {
that.fullscreenLoading = false;
that.$message.error(res.data.msg);
}
})
}).catch(() => {
this.fullscreenLoading = false;
this.$message({
type: 'info',
message: '已取消清空'
});
});
},
//下拉
handNodeClick(data, node, e) {
// console.log(data)
// console.log(node)
// console.log(e)
this.treeDataValue = data.name
this.treeData = data.name
// console.log(this.treeData)
},
//sr需求
SRrequirement(obj) {
var currencyinfo = {}
var rate = 0
currencyinfo = this.othercurrencys.find(function (i) {
return i.currencyId === obj.currency
});
rate = currencyinfo.rate;
this.otherExpense = 0;
for (let l = 0; l < this.otherData.length; l++) {
this.otherData[l].currency = obj.currency
this.otherData[l].subTotal = Number(this.otherData[l].cost) * Number(rate);
this.otherExpense += this.otherData[l].subTotal;
}
console.log(this.otherData);
console.log(rate);
console.log(obj.currency);
},
//住宿地区选择
changeSelect(val, item, index) {
var rate = 0
var obj = {}
obj = this.placeinif.find(function (i) {
return i.id === item
});
this.SRrequirement(obj)
//在change中获取到整条对象数据
val.currencyName = obj.currencyName;
val.currency = obj.currency;
val.cost = obj.roomCost;
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyCode == obj.currencyCode) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
this.TotalAccommodationFee = 0;
for (let a = 0; a < this.quarterageData.length; a++) {
this.TotalAccommodationFee += this.quarterageData[a].subTotal
}
// this.mealschangeSelect(this.boardWagesData,item,index)
},
//住宿费费用标准值改变
zhusuinput(val) {
var rate = 0
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyName == val.currencyName) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
this.TotalAccommodationFee = 0;
for (let a = 0; a < this.quarterageData.length; a++) {
this.TotalAccommodationFee += this.quarterageData[a].subTotal
}
},
//伙食费费用标准值改变
mealsinput(val) {
var rate = 0
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyName == val.currencyName) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
this.TotalMeals = 0;
for (let a = 0; a < this.boardWagesData.length; a++) {
this.TotalMeals += this.boardWagesData[a].subTotal
}
},
//伙食地区选择
mealschangeSelect(val, item, index) {
var rate = 0
var obj = {}
obj = this.placeinif.find(function (i) {
return i.id === item
});
//在change中获取到整条对象数据
// if(index!=undefined){
// val[index].currencyName=obj.currencyName;
// val[index].currency=obj.currency;
// val[index].cost=obj.foodCost;
// val[index].nationalTravelFeeId=obj.id;
// for(let j=0;j<this.currencys.length;j++){
// if(this.currencys[j].currencyCode==obj.currencyCode){
// rate=this.currencys[j].rate;
// }
// }
// val[index].subTotal=Number(val[index].cost)*Number(rate);
// this.TotalMeals=0;
// for(let a=0;a<this.boardWagesData.length;a++){
// this.TotalMeals+=this.boardWagesData[a].subTotal
// }
// }
val.currencyName = obj.currencyName;
val.currency = obj.currency;
val.cost = obj.foodCost;
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyCode == obj.currencyCode) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
this.TotalMeals = 0;
for (let a = 0; a < this.boardWagesData.length; a++) {
this.TotalMeals += this.boardWagesData[a].subTotal
}
this.MiscellaneouschangeSelect(this.miscellaneousFeeData, item, index)
},
//公杂费费用标准值改变
Miscellaneousinput(val) {
var rate = 0
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyName == val.currencyName) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
this.TotalMiscellaneous = 0;
for (let a = 0; a < this.miscellaneousFeeData.length; a++) {
this.TotalMiscellaneous += this.miscellaneousFeeData[a].subTotal
}
},
//公杂费地区选择
MiscellaneouschangeSelect(val, item, index) {
var rate = 0
var obj = {}
obj = this.placeinif.find(function (i) {
return i.id === item
});
//在change中获取到整条对象数据
if (index != undefined) {
val[index].currencyName = obj.currencyName;
val[index].currency = obj.currency;
val[index].cost = obj.publicCost;
val[index].nationalTravelFeeId = obj.id;
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyCode == obj.currencyCode) {
rate = this.currencys[j].rate;
}
}
val[index].subTotal = Number(val[index].cost) * Number(rate);
this.TotalMiscellaneous = 0;
for (let a = 0; a < this.miscellaneousFeeData.length; a++) {
this.TotalMiscellaneous += this.miscellaneousFeeData[a].subTotal
}
}
val.currencyName = obj.currencyName;
val.currency = obj.currency;
val.cost = obj.publicCost;
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyCode == obj.currencyCode) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
this.TotalMiscellaneous = 0;
for (let a = 0; a < this.miscellaneousFeeData.length; a++) {
this.TotalMiscellaneous += this.miscellaneousFeeData[a].subTotal
}
},
//培训费费用标准值改变
Traininginput(val) {
console.log(val);
var rate = 0
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyName == val.currencyName) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
this.trainingExpense = 0;
for (let a = 0; a < this.trainingExpenseData.length; a++) {
this.trainingExpense += this.trainingExpenseData[a].subTotal
}
},
//培训费地区选择
TrainingExpenseDataSelect(val, item) {
console.log(val);
console.log(this.trainingExpenseData);
var rate = 0//汇率
var obj = {}
obj = this.placeinif.find(function (i) {
return i.id === item
});
//在change中获取到整条对象数据
console.log(obj);
val.currencyName = obj.currencyName;
val.currency = obj.currency;
for (let j = 0; j < this.currencys.length; j++) {
if (this.currencys[j].currencyCode == obj.currencyCode) {
rate = this.currencys[j].rate;
}
}
val.subTotal = Number(val.cost) * Number(rate);
for (let a = 0; a < this.trainingExpenseData.length; a++) {
this.trainingExpense += this.trainingExpenseData[a].subTotal
}
},
//其他币种值改变
othercurrencychange(val, row) {
var obj = {};
var rate = 0;
obj = this.othercurrencys.find(function (i) {
return i.currencyId === val;
});
rate = obj.rate
row.subTotal = Number(row.cost) * Number(rate);
this.otherExpense = 0;
for (let a = 0; a < this.otherData.length; a++) {
this.otherExpense += this.otherData[a].subTotal;
}
},
//其他费用标准值改变
otherinput(val) {
if (val.currency == '' || this.othercurrencys == '') {
return
}
var obj = {}
var rate = 0
obj = this.othercurrencys.find(function (i) {
return i.currencyId === val.currency
});
rate = obj.rate
val.subTotal = Number(val.cost) * Number(rate);
this.otherExpense = 0;
for (let a = 0; a < this.otherData.length; a++) {
this.otherExpense += this.otherData[a].subTotal
}
},
//新增list
addlist(text) {
if (text == "住宿费") {
this.quarterageData.push({
id: 0,
diId: this.value,
type: 1,
days: this.quarterageData.length != 0 ? (this.quarterageData[this.quarterageData.length - 1].days) + 1 : 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
})
// this.boardWagesData.push({
// id:0,
// diId:this.value,
// type:2,
// days:this.boardWagesData.length!=0?(this.boardWagesData[this.boardWagesData.length-1].days)+1:1,
// nationalTravelFeeId:'',
// cost:0,
// currency:0,
// subTotal:0,
// remark:'',
// })
}
if (text == "伙食费") {
this.boardWagesData.push({
id: 0,
diId: this.value,
type: 2,
days: this.boardWagesData.length != 0 ? (this.boardWagesData[this.boardWagesData.length - 1].days) + 1 : 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
})
this.miscellaneousFeeData.push({
id: 0,
diId: this.value,
type: 3,
days: this.miscellaneousFeeData.length != 0 ? (this.miscellaneousFeeData[this.miscellaneousFeeData.length - 1].days) + 1 : 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
})
}
if (text == "公杂费") {
this.miscellaneousFeeData.push({
id: 0,
diId: this.value,
type: 3,
days: this.miscellaneousFeeData.length != 0 ? (this.miscellaneousFeeData[this.miscellaneousFeeData.length - 1].days) + 1 : 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
})
}
if (text == "培训费") {
this.trainingExpenseData.push({
id: 0,
diId: this.value,
type: 4,
days: this.trainingExpenseData.length != 0 ? (this.trainingExpenseData[this.trainingExpenseData.length - 1].days) + 1 : 1,
nationalTravelFeeId: '',
cost: 0,
currency: 0,
subTotal: 0,
remark: '',
})
}
if (text == "其他") {
this.otherData.push({
id: 0,
diId: this.value,
setDataId: '',
index: this.otherData.length != 0 ? (this.otherData[this.otherData.length - 1].index) + 1 : 1,
cost: '',
cost: 0,
currency: 0,
subTotal: 0,
remark:'',
})
}
},
//保存
storage: debounce(function () {
console.log(this.currencys);
return new Promise((resolve, reject) => {
//住宿费
this.fullscreenLoading = true
var quarterageDatas = [];
for (let m = 0; m < this.quarterageData.length; m++) {
if (this.quarterageData[m].nationalTravelFeeId != '') {
quarterageDatas.push({
id: this.quarterageData[m].id,
diId: this.quarterageData[m].diId,
type: this.quarterageData[m].type,
days: this.quarterageData[m].days,
nationalTravelFeeId: this.quarterageData[m].nationalTravelFeeId,
cost: this.quarterageData[m].cost,
currency: this.quarterageData[m].currency,
subTotal: this.quarterageData[m].subTotal,
remark: this.quarterageData[m].remark,
})
}
}
//伙食费
var boardWagesDatas = [];
for (let n = 0; n < this.boardWagesData.length; n++) {
if (this.boardWagesData[n].nationalTravelFeeId != '') {
boardWagesDatas.push({
id: this.boardWagesData[n].id,
diId: this.boardWagesData[n].diId,
type: this.boardWagesData[n].type,
days: this.boardWagesData[n].days,
nationalTravelFeeId: this.boardWagesData[n].nationalTravelFeeId,
cost: this.boardWagesData[n].cost,
currency: this.boardWagesData[n].currency,
subTotal: this.boardWagesData[n].subTotal,
remark: this.boardWagesData[n].remark,
})
}
}
//公杂费miscellaneousFeeData
var miscellaneousFeeDatas = [];
for (let b = 0; b < this.miscellaneousFeeData.length; b++) {
if (this.miscellaneousFeeData[b].nationalTravelFeeId != '') {
miscellaneousFeeDatas.push({
id: this.miscellaneousFeeData[b].id,
diId: this.miscellaneousFeeData[b].diId,
type: this.miscellaneousFeeData[b].type,
days: this.miscellaneousFeeData[b].days,
nationalTravelFeeId: this.miscellaneousFeeData[b].nationalTravelFeeId,
cost: this.miscellaneousFeeData[b].cost,
currency: this.miscellaneousFeeData[b].currency,
subTotal: this.miscellaneousFeeData[b].subTotal,
remark: this.miscellaneousFeeData[b].remark,
})
}
}
//培训费
var trainingExpenseDatas = [];
for (let p = 0; p < this.trainingExpenseData.length; p++) {
if (this.trainingExpenseData[p].nationalTravelFeeId != '') {
trainingExpenseDatas.push({
id: this.trainingExpenseData[p].id,
diId: this.trainingExpenseData[p].diId,
type: this.trainingExpenseData[p].type,
days: this.trainingExpenseData[p].days,
nationalTravelFeeId: this.trainingExpenseData[p].nationalTravelFeeId,
cost: this.trainingExpenseData[p].cost,
currency: this.trainingExpenseData[p].currency,
subTotal: this.trainingExpenseData[p].subTotal,
remark: this.trainingExpenseData[p].remark,
})
}
}
//其他费
var otherDatas = [];
console.log();
for (let c = 0; c < this.otherData.length; c++) {
if (this.otherData[c].setDataId != '') {
otherDatas.push({
id: this.otherData[c].id,
diId: this.otherData[c].diId,
index: this.otherData[c].index,
setDataId: this.otherData[c].setDataId,
cost: this.otherData[c].cost,
currency: this.otherData[c].currency,
subTotal: this.otherData[c].subTotal,
remark: this.otherData[c].remark,
})
}
}
this.storageAPI(quarterageDatas, boardWagesDatas, miscellaneousFeeDatas, trainingExpenseDatas, otherDatas)
})
}, 1000, true),
//导出保存
//保存API
storageAPI(arrthre, arrfour, arrfive, arrsix, arrSeven) {
var url = "/api/Groups/PostEnterExitCostOperate"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token,
contentType: 'application/json'
},
data: {
portType: 1,
userId: that.userId,
id: that.storageid,
diId: that.value,
choiceOne: that.choiceOne ? 1 : 0,
insidePay: that.DomesticFees.total,
visa: that.DomesticFees.visafees,
visaRemark: that.DomesticFees.visafeesDescription,
yiMiao: that.DomesticFees.vaccinefees,
heSuan: that.DomesticFees.nucleicfees,
service: that.DomesticFees.serviceCharge,
ticket: that.DomesticFees.ticketsExhibitionL,
safe: that.DomesticFees.insurance,
firstItemRemark:that.DomesticFees.firstItemRemark,
choiceTwo: that.choiceTwo ? 1 : 0,
otherExpenses_Checked: that.choiceSeven ? 1 : 0,
sumJJC: that.sumJJC ? 1 : 0,
sumGWC: that.sumGWC ? 1 : 0,
sumTDC: that.sumTDC ? 1 : 0,
outsideJJPay: that.TotalExpenses.EconomyClasstotal,
outsideGWPay: that.TotalExpenses.BusinessClasstotal,
outsideTDPay: that.TotalExpenses.Firstclasstotal,
twoItemRemark:that.TotalExpenses.twoItemRemark,
airJJ: that.TotalExpenses.EconomyClass,
airGW: that.TotalExpenses.BusinessClass,
airTD: that.TotalExpenses.Firstclass,
cityTranffic: that.TotalExpenses.TravellingExpenses,
dayOtherPriceData: arrSeven,
currencys: that.currencys,
choiceThree: that.choiceThree ? 1 : 0,
quarterageData: arrthre,
choiceFour: that.choiceFour ? 1 : 0,
boardWagesData: arrfour,
choiceFive: that.choiceFive ? 1 : 0,
miscellaneousFeeData: arrfive,
choiceSix: that.choiceSix ? 1 : 0,
//加参数
trainingExpenseData: arrsix,
airJJC_Checked: that.airJJC_Checked ? 1 : 0,
airGWC_Checked: that.airGWC_Checked ? 1 : 0,
airTDC_Checked: that.airTDC_Checked ? 1 : 0,
}
}).then(function (res) {
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
that.GetEnterExitCostInfobyDiId()
} else {
that.fullscreenLoading = false;
that.$message.error(res.data.msg);
}
}).catch(function (error) {
that.$message.error(error.message);
});
},
//选择团组名称调用
chengvalue() {
window.localStorage.setItem('sgvalue', this.value);
this.fullscreenLoading = true;
this.GetEnterExitCostInfobyDiId();
this.PostGroupTeamRateByDiIdAndCTableId();
},
eptschedule: debounce(function (val) {
return new Promise((resolve, reject) => {
//住宿费
this.fullscreenLoading = true
var quarterageDatas = [];
for (let m = 0; m < this.quarterageData.length; m++) {
if (this.quarterageData[m].nationalTravelFeeId != '') {
quarterageDatas.push({
id: this.quarterageData[m].id,
diId: this.quarterageData[m].diId,
type: this.quarterageData[m].type,
days: this.quarterageData[m].days,
nationalTravelFeeId: this.quarterageData[m].nationalTravelFeeId,
cost: this.quarterageData[m].cost,
currency: this.quarterageData[m].currency,
subTotal: this.quarterageData[m].subTotal,
remark: this.quarterageData[m].remark,
})
}
}
//伙食费
var boardWagesDatas = [];
for (let n = 0; n < this.boardWagesData.length; n++) {
if (this.boardWagesData[n].nationalTravelFeeId != '') {
boardWagesDatas.push({
id: this.boardWagesData[n].id,
diId: this.boardWagesData[n].diId,
type: this.boardWagesData[n].type,
days: this.boardWagesData[n].days,
nationalTravelFeeId: this.boardWagesData[n].nationalTravelFeeId,
cost: this.boardWagesData[n].cost,
currency: this.boardWagesData[n].currency,
subTotal: this.boardWagesData[n].subTotal,
remark: this.boardWagesData[n].remark,
})
}
}
//公杂费miscellaneousFeeData
var miscellaneousFeeDatas = [];
for (let b = 0; b < this.miscellaneousFeeData.length; b++) {
if (this.miscellaneousFeeData[b].nationalTravelFeeId != '') {
miscellaneousFeeDatas.push({
id: this.miscellaneousFeeData[b].id,
diId: this.miscellaneousFeeData[b].diId,
type: this.miscellaneousFeeData[b].type,
days: this.miscellaneousFeeData[b].days,
nationalTravelFeeId: this.miscellaneousFeeData[b].nationalTravelFeeId,
cost: this.miscellaneousFeeData[b].cost,
currency: this.miscellaneousFeeData[b].currency,
subTotal: this.miscellaneousFeeData[b].subTotal,
remark: this.miscellaneousFeeData[b].remark,
})
}
}
//培训费
var trainingExpenseDatas = [];
for (let p = 0; p < this.trainingExpenseData.length; p++) {
if (this.trainingExpenseData[p].nationalTravelFeeId != '') {
trainingExpenseDatas.push({
id: this.trainingExpenseData[p].id,
diId: this.trainingExpenseData[p].diId,
type: this.trainingExpenseData[p].type,
days: this.trainingExpenseData[p].days,
nationalTravelFeeId: this.trainingExpenseData[p].nationalTravelFeeId,
cost: this.trainingExpenseData[p].cost,
currency: this.trainingExpenseData[p].currency,
subTotal: this.trainingExpenseData[p].subTotal,
remark: this.trainingExpenseData[p].remark,
})
}
}
//其他费
var otherDatas = [];
console.log();
for (let c = 0; c < this.otherData.length; c++) {
if (this.otherData[c].setDataId != '') {
otherDatas.push({
id: this.otherData[c].id,
diId: this.otherData[c].diId,
index: this.otherData[c].index,
setDataId: this.otherData[c].setDataId,
cost: this.otherData[c].cost,
currency: this.otherData[c].currency,
subTotal: this.otherData[c].subTotal,
remark: this.otherData[c].remark,
})
}
}
var url = "/api/Groups/PostEnterExitCostOperate"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + this.token,
contentType: 'application/json'
},
data: {
portType: 1,
userId: that.userId,
id: that.storageid,
diId: that.value,
choiceOne: that.choiceOne ? 1 : 0,
insidePay: that.DomesticFees.total,
visa: that.DomesticFees.visafees,
visaRemark: that.DomesticFees.visafeesDescription,
yiMiao: that.DomesticFees.vaccinefees,
heSuan: that.DomesticFees.nucleicfees,
service: that.DomesticFees.serviceCharge,
ticket: that.DomesticFees.ticketsExhibitionL,
safe: that.DomesticFees.insurance,
firstItemRemark: that.DomesticFees.firstItemRemark,
choiceTwo: that.choiceTwo ? 1 : 0,
otherExpenses_Checked: that.choiceSeven ? 1 : 0,
sumJJC: that.sumJJC ? 1 : 0,
sumGWC: that.sumGWC ? 1 : 0,
sumTDC: that.sumTDC ? 1 : 0,
outsideJJPay: that.TotalExpenses.EconomyClasstotal,
outsideGWPay: that.TotalExpenses.BusinessClasstotal,
outsideTDPay: that.TotalExpenses.Firstclasstotal,
twoItemRemark: that.TotalExpenses.twoItemRemark,
airJJ: that.TotalExpenses.EconomyClass,
airGW: that.TotalExpenses.BusinessClass,
airTD: that.TotalExpenses.Firstclass,
cityTranffic: that.TotalExpenses.TravellingExpenses,
dayOtherPriceData: otherDatas,
currencys: that.currencys,
choiceThree: that.choiceThree ? 1 : 0,
quarterageData: quarterageDatas,
choiceFour: that.choiceFour ? 1 : 0,
boardWagesData: boardWagesDatas,
choiceFive: that.choiceFive ? 1 : 0,
miscellaneousFeeData: miscellaneousFeeDatas,
choiceSix: that.choiceSix ? 1 : 0,
//加参数
trainingExpenseData: trainingExpenseDatas,
airJJC_Checked: that.airJJC_Checked ? 1 : 0,
airGWC_Checked: that.airGWC_Checked ? 1 : 0,
airTDC_Checked: that.airTDC_Checked ? 1 : 0,
}
}).then(function (res) {
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
that.GetEnterExitCostInfobyDiId()
var subTypeId = 0
if (val == 1) {
subTypeId = that.listvalue
} else if (val == 2) {
subTypeId = that.tablevalue
} else {
subTypeId = 1
}
if (subTypeId == "") {
that.$message.error('请选择需要导出的表格');
return
}
var url = "/api/Groups/PostEnterExitCostDownload"
that.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + that.token
},
data: {
portType: 1,
diId: that.value,
exportType: val,
subTypeId: subTypeId
}
}).then(function (res) {
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
window.open(res.data.data.url);
} else {
that.$message.error(res.data.msg);
}
})
} else {
that.fullscreenLoading = false;
that.$message.error(res.data.msg);
}
}).catch(function (error) {
that.$message.error(error.message);
});
// this.storageAPI(quarterageDatas, boardWagesDatas, miscellaneousFeeDatas, trainingExpenseDatas, otherDatas)
})
// this.storage().then(function () {
// });
}, 500, true),
//
calculation() {
var jnfy
var jjcxj
var gwcxj
var tdcxj
var zsf
var hsf
var gzf
var pxf
var qtfy
if (this.choiceOne == true) {
jnfy = this.DomesticFees.total;
} else {
jnfy = 0;
}
if (this.choiceThree == true) {
zsf = this.TotalAccommodationFee;
} else {
zsf = 0;
}
if (this.choiceFour == true) {
hsf = this.TotalMeals;
} else {
hsf = 0;
}
if (this.choiceFive == true) {
gzf = this.TotalMiscellaneous;
} else {
gzf = 0;
}
if (this.choiceSix == true) {
pxf = this.trainingExpense;
} else {
pxf = 0;
}
if (this.choiceSeven == true) {
qtfy = this.otherExpense;
} else {
qtfy = 0;
}
if (this.sumJJC == true) {
jjcxj = this.TotalExpenses.EconomyClasstotal;
this.jjctotal = jnfy + jjcxj + zsf + hsf + gzf + pxf + qtfy;
} else {
jjcxj = 0;
this.jjctotal = 0;
}
if (this.sumGWC == true) {
gwcxj = this.TotalExpenses.BusinessClasstotal;
this.gwctotal = jnfy + gwcxj + zsf + hsf + gzf + pxf + qtfy;
} else {
gwcxj = 0;
this.gwctotal = 0;
}
if (this.sumTDC == true) {
tdcxj = this.TotalExpenses.Firstclasstotal;
this.tdctotal = jnfy + tdcxj + zsf + hsf + gzf + pxf + qtfy;
} else {
tdcxj = 0;
this.tdctotal = 0;
}
},
//其他删除
DeleteOtherExpenses(index, row, rows) {
console.log(index, row, rows);
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
{
if (row.id == 0) {
this.$message({
type: 'success',
message: '删除成功'
});
rows.splice(index, 1);
this.otherExpense = 0;
for (let a = 0; a < rows.length; a++) {
this.otherExpense += rows[a].subTotal;
}
return;
}
var url = "/api/Groups/DeleteOtherExpenses"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + that.token
},
data: {
portType: 1,
id: row.id,
deleteUserId: that.userId
}
}).then(function (res) {
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
rows.splice(index, 1);
this.otherExpense = 0;
for (let a = 0; a < rows.length; a++) {
this.otherExpense += rows[a].subTotal;
}
} else {
that.$message.error(res.data.msg);
}
})
}
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
//删除
deleteRow(index, row, rows, val) {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (row.id == 0) {
this.$message({
type: 'success',
message: '删除成功'
});
rows.splice(index, 1);
if (val == 1) {
this.TotalAccommodationFee = 0;
for (let a = 0; a < rows.length; a++) {
this.TotalAccommodationFee += rows[a].subTotal;
}
}
if (val == 2) {
this.TotalMeals = 0;
for (let a = 0; a < rows.length; a++) {
this.TotalMeals += rows[a].subTotal;
}
}
if (val == 3) {
this.TotalMiscellaneous = 0;
for (let a = 0; a < rows.length; a++) {
this.TotalMiscellaneous += rows[a].subTotal;
}
}
if (val == 4) {
this.trainingExpense = 0;
for (let a = 0; a < rows.length; a++) {
this.trainingExpense += rows[a].subTotal;
}
}
return;
}
var url = "/api/Groups/PostEnterExitCostSubItemDel"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + that.token
},
data: {
portType: 1,
id: row.id,
deleteUserId: that.userId
}
}).then(function (res) {
console.log(res)
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
rows.splice(index, 1);
if (val == 1) {
that.TotalAccommodationFee = 0;
for (let a = 0; a < rows.length; a++) {
that.TotalAccommodationFee += rows[a].subTotal;
}
}
if (val == 2) {
that.TotalMeals = 0;
for (let a = 0; a < rows.length; a++) {
that.TotalMeals += rows[a].subTotal;
}
}
if (val == 3) {
that.TotalMiscellaneous = 0;
for (let a = 0; a < rows.length; a++) {
that.TotalMiscellaneous += rows[a].subTotal;
}
}
if (val == 4) {
that.trainingExpense = 0;
for (let a = 0; a < rows.length; a++) {
that.trainingExpense += rows[a].subTotal;
}
}
} else {
that.$message.error(res.data.msg);
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
//填入实时汇率
adoptRealtime() {
for (let at = 0; at < this.currencys.length; at++) {
for (let rt = 0; rt < this.currencyss.length; rt++) {
if (this.currencys[at].currencyCode == this.currencyss[rt].currCode) {
this.currencys[at].rate = this.currencyss[rt].rate
}
}
}
this.cubtn = false;
},
Getnewvisafee() {
this.DomesticFees.visafees = this.visainfo.feeTotal;
this.DomesticFees.visafeesDescription = this.visainfo.remark;
this.getvisafeebtn = false;
},
//导出到收款账单
NationalTravelFeeImportReceivables() {
var url = "/api/Groups/NationalTravelFeeImportReceivables/" + this.value
var that = this
this.$axios({
method: 'get',
url: url,
headers: {
Authorization: 'Bearer ' + that.token
},
}).then(function (res) {
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
} else {
that.$message.error(res.data.msg);
}
}).catch(function (error) {
that.$message.error("操作错误，联系信息部!");
});
},
//设置权限按钮
setpermissionsbtn(){
this.viewUsers=this.viewUsersby;
this.setpermissions=true;
},
handleCheckAllChange(val) {
console.log(val);
console.log(this.viewUsers);
},
//分配查看权限
EnterExitCostSetViewPermissiion() {
var url = "/api/Groups/EnterExitCostSetViewPermissiion"
var that = this
this.$axios({
method: 'post',
url: url,
headers: {
Authorization: 'Bearer ' + that.token
},
data:{
portType:1,
groupId:that.value,
userIds:that.viewUsers,
currUserId:that.userId,
}
}).then(function (res) {
if (res.data.code == 200) {
that.$message({
type: 'success',
message: res.data.msg
});
that.setpermissions=false;
that.GetEnterExitCostInfobyDiId();
} else {
that.setpermissions=false;
that.$message.error(res.data.msg);
}
}).catch(function (error) {
that.$message.error("操作错误，联系信息部!");
});
},
},
filters: {
numFilter(value) {
// 截取当前数据到小数点后两位
let realVal = new Decimal(value).toFixed(2)
return realVal
}
},
watch: {
choiceOne(val) {//境内费用(其他费用)选择框
this.calculation();
},
choiceThree(val) {//住宿费合计选择框
this.calculation();
},
choiceFour(val) {//伙食费合计选择框
this.calculation();
},
choiceFive(val) {//公杂费合计选择框
this.calculation();
},
choiceSix(val) {//培训费用选择框
this.calculation();
},
choiceSeven(val) {//其他费用选择框
this.calculation();
},
//加参数
sumJJC(val) {//经济舱小计选择框
this.calculation();
},
sumGWC(val) {//公务舱小计选择框
this.calculation();
},
sumTDC(val) {//公务舱小计选择框
this.calculation();
},
'DomesticFees.total': {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
},
},
TotalAccommodationFee: {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
},
},
TotalMeals: {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
},
},
TotalMiscellaneous: {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
},
},
trainingExpense: {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
},
},
otherExpense: {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
},
},
'TotalExpenses.EconomyClasstotal': {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
},
},
'TotalExpenses.BusinessClasstotal': {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
// console.log(this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal)
},
},
'TotalExpenses.Firstclasstotal': {
handler(newVal, oldVal) {
this.calculation();
// this.jjctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.EconomyClasstotal;
// this.gwctotal=this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal;
// console.log(this.DomesticFees.total+this.TotalAccommodationFee+this.TotalMeals+this.TotalMiscellaneous+this.trainingExpense+this.TotalExpenses.BusinessClasstotal)
},
},
//境内费用非空处理
DomesticFees: {
handler(newVal, oldVal) {
if (newVal.insurance == undefined) {
newVal.insurance = 0
}
if (newVal.nucleicfees == undefined) {
newVal.nucleicfees = 0
}
if (newVal.serviceCharge == undefined) {
newVal.serviceCharge = 0
}
if (newVal.ticketsExhibitionL == undefined) {
newVal.ticketsExhibitionL = 0
}
if (newVal.vaccinefees == undefined) {
newVal.vaccinefees = 0
}
if (newVal.visafees == undefined) {
newVal.visafees = 0
}
},
immediate: true,
deep: true // 可以深度检测到 person 对象的属性值的变化
},
//国际旅费非空处理
TotalExpenses: {
handler(newVal, oldVal) {
if (newVal.EconomyClass == undefined) {
newVal.EconomyClass = 0
}
if (newVal.BusinessClass == undefined) {
newVal.BusinessClass = 0
}
if (newVal.TravellingExpenses == undefined) {
newVal.TravellingExpenses = 0
}
},
immediate: true,
deep: true // 可以深度检测到 person 对象的属性值的变化
},
//监听汇率数组是否变化
currencys: {
handler(val) {
this.TotalAccommodationFee = 0
console.log(val,this.quarterageData);
console.log(this.currencys);
for (let q = 0; q < this.quarterageData.length; q++) {
for (let qc = 0; qc < this.currencys.length; qc++) {
if (this.currencys[qc].currencyCode == this.quarterageData[q].curremcyCode||this.currencys[qc].currencyName == this.quarterageData[q].currencyName) {
this.quarterageData[q].subTotal = this.currencys[qc].rate * this.quarterageData[q].cost
}
}
this.TotalAccommodationFee += this.quarterageData[q].subTotal
}
//伙食费
this.TotalMeals = 0
for (let b = 0; b < this.boardWagesData.length; b++) {
for (let bc = 0; bc < this.currencys.length; bc++) {
if (this.currencys[bc].currencyCode == this.boardWagesData[b].curremcyCode||this.currencys[bc].currencyName == this.boardWagesData[b].currencyName) {
this.boardWagesData[b].subTotal = this.currencys[bc].rate * this.boardWagesData[b].cost
}
}
this.TotalMeals += this.boardWagesData[b].subTotal
}
//公杂费
this.TotalMiscellaneous = 0
for (let m = 0; m < this.miscellaneousFeeData.length; m++) {
for (let mc = 0; mc < this.currencys.length; mc++) {
if (this.currencys[mc].currencyCode == this.miscellaneousFeeData[m].curremcyCode||this.currencys[mc].currencyName == this.miscellaneousFeeData[m].currencyName) {
this.miscellaneousFeeData[m].subTotal = this.currencys[mc].rate * this.miscellaneousFeeData[m].cost
}
}
this.TotalMiscellaneous += this.miscellaneousFeeData[m].subTotal
}
//培训费
this.trainingExpense = 0
for (let t = 0; t < this.trainingExpenseData.length; t++) {
for (let tc = 0; tc < this.currencys.length; tc++) {
if (this.currencys[tc].currencyCode == this.trainingExpenseData[t].curremcyCode||this.currencys[tc].currencyName == this.trainingExpenseData[t].currencyName) {
this.trainingExpenseData[t].subTotal = this.currencys[tc].rate * this.trainingExpenseData[t].cost
}
}
this.trainingExpense += this.trainingExpenseData[t].subTotal
}
//其他费用
for (let nc = 0; nc < this.currencys.length; nc++) {
for (let nt = 0; nt < this.othercurrencys.length; nt++) {
if (this.currencys[nc].currencyCode == this.othercurrencys[nt].currencyCode||this.currencys[nc].currencyName == this.othercurrencys[nt].currencyName) {
this.othercurrencys[nt].rate = this.currencys[nc].rate;
}
}
}
this.otherExpense = 0;
for (let wm = 0; wm < this.otherData.length; wm++) {
for (let cj = 0; cj < this.othercurrencys.length; cj++) {
if (this.otherData[wm].currency == this.othercurrencys[cj].currencyId) {
this.otherData[wm].rate = this.othercurrencys[cj].rate
}
}
this.otherExpense += this.otherData[wm].subTotal;
if (this.otherData[wm].rate) {
this.otherData[wm].subTotal = this.otherData[wm].cost * this.otherData[wm].rate;
}
}
},
deep: true
}
},
created() {
this.QuerySetData();
},
mounted() {
this.token = JSON.parse(localStorage.getItem('userinif')).token;
this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
this.value = JSON.parse(localStorage.getItem('sgvalue'))
this.GetEnterExitCostDataSource();
this.GetNationalTravelFeeData();
},
destroyed() {
window.localStorage.removeItem('sgvalue');
},
}
</script>
<style>
.Entry-all {
background-color: #fff;
padding: 10px;
box-shadow: 0 0 5px #0005;
border-radius: 10px;
height: 100%;
min-height: 840px;
}
.Entry-head-li label {
color: #606266;
font-size: 15px;
font-weight: 600;
}
.Entry-head {
display: flex;
justify-content: space-between;
}
.Entry-form {
margin-top: 10px;
border-top: 2px solid #409EFF;
}
.Entry-li-inif {
display: flex;
align-items: center;
width: 100%;
border-top: 1px solid #ebeef5;
padding: 5px 0;
}
.Entry-li-inif:last-child {
border-bottom: 1px solid #ebeef5;
}
.Entry-li-lable {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
margin-top: 20px;
}
.Entry-li-lables {
display: flex;
align-items: center;
margin: 10px 0;
margin-top: 20px;
}
.Entry-inif-box .depipt {
display: inline-block;
width: 240px;
}
.Entry-inif-box {
margin-right: 20px;
}
.Entry-li-inif label {
font-size: 14px;
color: #606266;
}
.Entry-form .redzhu {
font-size: 14px;
color: red;
}
.sub-boxs {
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
font-size: 12px;
font-family: "微软雅黑";
user-select: none;
background-color: #FFF;
background-image: none;
border-radius: 4px;
border: 1px solid #DCDFE6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #606266;
display: inline-block;
height: 28px;
line-height: 28px;
outline: 0;
padding: 0 15px;
-webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}
.btn-Entry {
text-align: right;
}
.Entry-all .el-checkbox__inner {
width: 18px;
height: 18px;
margin-right: 10px;
}
.Entry-all .el-checkbox__inner::after {
height: 10px;
left: 6px;
}
.Entry-all .el-table th.el-table__cell>.cell {
text-align: center;
}
.Entry-all .el-button+.el-button{
margin-left: 0px;
}
.Entry-all .permissionsbox .el-checkbox-group{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.Entry-all .permissionsbox .el-checkbox{
width: 150px;
margin-right: 0;
}
</style>