|
@@ -1,10 +1,62 @@
|
|
|
<template>
|
|
|
- <div class="car_add">
|
|
|
+ <div class="car_add opcar_add">
|
|
|
<div>
|
|
|
<div class="communal-title">
|
|
|
<div>OP费用填写明细</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-popover class="oprompts" placement="right" trigger="hover">
|
|
|
+ <el-table :data="budgeting" border>
|
|
|
+ <el-table-column width="100" property="date" label="日期"></el-table-column>
|
|
|
+ <el-table-column width="100" label="车费用">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.carFee)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" label="导游费用">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.guideFee)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" label="餐食费">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.mealFee)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" label="门票费">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.ticketFee)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" label="小费">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.tipFee)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="110" label="饮料零食水果">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.drinksSnacksFruitFee)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" label="出行物资">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.travelSupplies)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column property="carType" width="100" label="车型"></el-table-column>
|
|
|
+ <el-table-column width="100" label="领队费">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.leadersFee)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" label="零用金">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ townum(scope.row.spentCash)+' '+bizhong }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-button type="primary" class="oprompt" slot="reference">移上提示成本</el-button>
|
|
|
+ </el-popover>
|
|
|
<el-skeleton :rows="28" animated :loading="loading">
|
|
|
<div style="display: flex;justify-content: space-between;">
|
|
|
<div style="width: 80%;display: flex;">
|
|
@@ -58,9 +110,9 @@
|
|
|
<span style="display: none;">{{ scope.row.sId }}</span>{{ scope.row.sidName }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="datePrice" label="日期" width="160">
|
|
|
+ <el-table-column prop="datePrice" label="日期" width="170">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-date-picker style="width: 100%;" v-model="scope.row.datePrice" type="date"
|
|
|
+ <el-date-picker size="small" style="width: 100%;" v-model="scope.row.datePrice" type="date"
|
|
|
:picker-options="startPickerOptions" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
@@ -98,7 +150,7 @@
|
|
|
<template slot-scope="scope">
|
|
|
<!-- <el-input size="small" style="width: 100%;" placeholder="选择单位" v-model="scope.row.units"
|
|
|
@change="PriceChange"></el-input> -->
|
|
|
- <el-select v-model="scope.row.units" filterable placeholder="选择单位">
|
|
|
+ <el-select size="small" v-model="scope.row.units" filterable placeholder="选择单位">
|
|
|
<el-option v-for="item in unitsArr" :key="item.id" :label="item.name"
|
|
|
:value="item.id">
|
|
|
</el-option>
|
|
@@ -190,6 +242,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ bizhong:'',
|
|
|
startPickerOptions: {
|
|
|
},
|
|
|
pageId: '',
|
|
@@ -237,9 +290,41 @@ export default {
|
|
|
checkList: [],
|
|
|
sourceList: [],
|
|
|
ListCount: 1,
|
|
|
+ budgeting:[]
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ //保留两位小数
|
|
|
+ townum(val){
|
|
|
+ return val.toFixed(2)
|
|
|
+ },
|
|
|
+ //获取成本提示
|
|
|
+ getcostbudgeting(){
|
|
|
+ this.budgeting=[];
|
|
|
+ this.bizhong='';
|
|
|
+ var url = "/api/Groups/PostGroupCostModulePrompt"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + this.token
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ userId: that.userId,
|
|
|
+ diId: that.diId,
|
|
|
+ cTable:that.cTable,
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.budgeting=res.data.data.modulePromptInfos[0].data;
|
|
|
+ that.bizhong=res.data.data.modulePromptInfos[0].currencyCode;
|
|
|
+ console.log(that.budgeting)
|
|
|
+ } else {
|
|
|
+ // that.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
//初始化下拉框
|
|
|
initializeSelect() {
|
|
|
//团组下拉框绑定
|
|
@@ -319,6 +404,7 @@ export default {
|
|
|
if (res.data.code == 200) {
|
|
|
that.cTable = res.data.data.cTable
|
|
|
that.PostGroupTeamRateByDiIdAndCTableId();
|
|
|
+ that.getcostbudgeting();
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -585,4 +671,18 @@ export default {
|
|
|
width: 120px;
|
|
|
margin: 10px 10px;
|
|
|
}
|
|
|
+.opcar_add{
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.oprompt{
|
|
|
+ position: fixed;
|
|
|
+ top: 150px;
|
|
|
+ right: 70px;
|
|
|
+ z-index: 2014;
|
|
|
+}
|
|
|
+.oprompts .el-button--primary {
|
|
|
+ color: #FFF;
|
|
|
+ background-color: #007dff;
|
|
|
+ border-color: #007dff;
|
|
|
+}
|
|
|
</style>
|