|
@@ -1,28 +1,33 @@
|
|
|
<template>
|
|
|
<div class="fesspage-box">
|
|
|
<div class="fesspage-head">
|
|
|
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
- <el-form-item>
|
|
|
- <el-select v-model="formInline.Status" @change="shStatus()" placeholder="审核状态">
|
|
|
- <el-option v-for="(item, index) in AuditStatus" :key="index" :label="item.title"
|
|
|
- :value="item.id"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="团队名称:">
|
|
|
- {{ formInline.name }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="客户:">
|
|
|
- {{ formInline.clientName }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="出访国家:">
|
|
|
- {{ formInline.CountriesVisited }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="起止日期:">
|
|
|
- {{ formInline.StartTime }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="天数/人数:">
|
|
|
- {{ formInline.Days }}天 / {{ formInline.Number }}人
|
|
|
- </el-form-item>
|
|
|
+ <el-form style="display: flex;justify-content: space-between;align-items: center;" :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
+ <div>
|
|
|
+ <el-form-item>
|
|
|
+ <el-select v-model="formInline.Status" @change="shStatus()" placeholder="审核状态">
|
|
|
+ <el-option v-for="(item, index) in AuditStatus" :key="index" :label="item.title"
|
|
|
+ :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="团队名称:">
|
|
|
+ {{ formInline.name }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="客户:">
|
|
|
+ {{ formInline.clientName }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="出访国家:">
|
|
|
+ {{ formInline.CountriesVisited }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="起止日期:">
|
|
|
+ {{ formInline.StartTime }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="天数/人数:">
|
|
|
+ {{ formInline.Days }}天 / {{ formInline.Number }}人
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button size="mini" type="primary" @click="goback()">返 回</el-button>
|
|
|
+ </div>
|
|
|
</el-form>
|
|
|
<el-form v-if="formInline.Status == 0" :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
<el-form-item>
|
|
@@ -31,35 +36,38 @@
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="PostAuditGrpCreditCardPayment(2)">拒 绝(多选)</el-button>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="审核未通过原因:">
|
|
|
+ <!-- <el-form-item label="审核未通过原因:">
|
|
|
<el-radio-group @change="onSubmit" v-model="formInline.resource">
|
|
|
<el-radio label="1、成本太高"></el-radio>
|
|
|
<el-radio label="2、金额填写错误 "></el-radio>
|
|
|
<el-radio label="3、其他"></el-radio>
|
|
|
</el-radio-group>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
<el-form-item v-show="causetrue">
|
|
|
<el-input v-model="formInline.cause"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
+
|
|
|
</div>
|
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="所有" name="-1"></el-tab-pane>
|
|
|
+ <el-tab-pane v-for="(item,index) in classify" :key="index" :label="item.name" :name="item.id+''"></el-tab-pane>
|
|
|
+ <!-- <el-tab-pane label="所有" name="-1"></el-tab-pane>
|
|
|
<el-tab-pane label="酒店预订" name="76"></el-tab-pane>
|
|
|
<el-tab-pane label="车导地接" name="79"></el-tab-pane>
|
|
|
<el-tab-pane label="签证" name="80"></el-tab-pane>
|
|
|
<el-tab-pane label="邀请公务" name="81"></el-tab-pane>
|
|
|
<el-tab-pane label="机票预订" name="85"></el-tab-pane>
|
|
|
- <el-tab-pane label="团组增减款项" name="98"></el-tab-pane>
|
|
|
+ <el-tab-pane label="团组增减款项" name="98"></el-tab-pane> -->
|
|
|
</el-tabs>
|
|
|
<div>
|
|
|
- <el-table ref="multipleTable" border :data="tableData" tooltip-effect="dark" style="width: 100%"
|
|
|
+ <el-table height="600" ref="multipleTable" border :data="tableData" tooltip-effect="dark" style="width: 100%"
|
|
|
@selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="40" v-if="formInline.Status == 0">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="priceNameContent" label="费用所属" width="200">
|
|
|
+ <el-table-column prop="priceNameContent" label="费用名称" width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <span @click="open(scope.row.priceMsgContent)" slot="reference">{{ scope.row.priceNameContent }}</span>
|
|
|
+ <el-button @click="open(scope.row.priceMsgContent,scope.row)" slot="reference" type="text">{{ scope.row.priceNameContent }}</el-button>
|
|
|
+ <!-- <span @click="open(scope.row.priceMsgContent)" slot="reference">{{ scope.row.priceNameContent }}</span> -->
|
|
|
<!-- <el-popover style="white-space: pre-wrap;" placement="top-start" width="200" trigger="click">
|
|
|
<p>{{scope.row.priceMsgContent.replace(/<br\s*\/?>/,"</p><p>")}}</p>
|
|
|
<span @click="open(scope.row.priceMsgContent)" slot="reference">{{ scope.row.priceNameContent }}</span>
|
|
@@ -68,7 +76,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="priceName" label="费用模块" width="120">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="busName" label="Bus名称" show-overflow-tooltip>
|
|
|
+ <el-table-column v-if="activeName==79" prop="busName" label="Bus名称" show-overflow-tooltip>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="waitPay" label="应付款金额" show-overflow-tooltip>
|
|
|
</el-table-column>
|
|
@@ -86,8 +94,10 @@
|
|
|
<template slot-scope="scope">
|
|
|
<el-button size="mini" v-if='scope.row.isAuditGM == 0 || scope.row.isAuditGM == 2'
|
|
|
@click="handleEdit(scope.$index, scope.row)">通 过</el-button>
|
|
|
- <el-button size="mini" type="danger" v-if='scope.row.isAuditGM == 0 || scope.row.isAuditGM == 1'
|
|
|
+ <el-button size="mini" type="danger" v-if='scope.row.isAuditGM == 0'
|
|
|
@click="handleDelete(scope.$index, scope.row)">不通过</el-button>
|
|
|
+ <el-button size="mini" type="warning" v-if='scope.row.isAuditGM == 1'
|
|
|
+ @click="handleDelete(scope.$index, scope.row)">取消通过</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -99,31 +109,28 @@
|
|
|
<div class="remainder"></div>
|
|
|
<div class="reviewed"></div>
|
|
|
</div>
|
|
|
- <el-row>
|
|
|
- <el-button size="mini" type="primary" @click="goback()">返 回</el-button>
|
|
|
- </el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { co } from '@fullcalendar/core/internal-common';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- activeName: '-1',
|
|
|
+ pageId:0,
|
|
|
+ activeName: 0,
|
|
|
diid: '',
|
|
|
token: '',
|
|
|
causetrue: false,
|
|
|
formInline: {
|
|
|
Status: -1,
|
|
|
- name: '甘孜州州长团赴瑞士、希腊、奥地利10日团',
|
|
|
- clientName: '兰卡彬真',
|
|
|
+ name: '',
|
|
|
+ clientName: '',
|
|
|
// clientPhone:'15884061115',
|
|
|
- CountriesVisited: '瑞士 希腊 奥地利',
|
|
|
- StartTime: ' 2023-08-20',
|
|
|
+ CountriesVisited: '',
|
|
|
+ StartTime: ' ',
|
|
|
// EndTime:'2023-08-29',
|
|
|
- Number: 5,
|
|
|
- Days: 10,
|
|
|
+ Number: 0,
|
|
|
+ Days: 0,
|
|
|
resource: '',
|
|
|
cause: "",
|
|
|
},
|
|
@@ -150,6 +157,7 @@ export default {
|
|
|
auditarr: '',
|
|
|
userid: '',
|
|
|
payable: '',
|
|
|
+ classify:[],//分类
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -164,8 +172,18 @@ export default {
|
|
|
},
|
|
|
//获取详情
|
|
|
getPostSearchGrpCreditCardPayment() {
|
|
|
+ console.log(this.activeName)
|
|
|
var url = "/api/Groups/PostSearchGrpCreditCardPayment"
|
|
|
var that = this
|
|
|
+ var data= {
|
|
|
+ portType: 1,
|
|
|
+ userId: that.userid,
|
|
|
+ pageId: that.pageId,
|
|
|
+ diId: that.diid,
|
|
|
+ label: that.activeName,
|
|
|
+ auditStatus: that.formInline.Status
|
|
|
+ }
|
|
|
+ console.log(JSON.stringify(data))
|
|
|
this.$axios({
|
|
|
method: 'post',
|
|
|
url: url,
|
|
@@ -173,24 +191,68 @@ export default {
|
|
|
Authorization: 'Bearer ' + that.token
|
|
|
},
|
|
|
data: {
|
|
|
- diId: 2270,
|
|
|
+ portType: 1,
|
|
|
+ userId: that.userid,
|
|
|
+ pageId: that.pageId,
|
|
|
+ diId: that.diid,
|
|
|
label: that.activeName,
|
|
|
auditStatus: that.formInline.Status
|
|
|
}
|
|
|
}).then(function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.code == 200) {
|
|
|
+ that.tableData = res.data.data.data.detailList;
|
|
|
+ document.querySelector('.payable').innerHTML = res.data.data.data.totalStr1;
|
|
|
+ document.querySelector('.payment').innerHTML = res.data.data.data.totalStr2;
|
|
|
+ document.querySelector('.remainder').innerHTML = res.data.data.data.totalStr3;
|
|
|
+ document.querySelector('.reviewed').innerHTML = res.data.data.data.totalStr4;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //获取分类
|
|
|
+ PostGroupDirectionalClassificationInit() {
|
|
|
+ var url = "/api/Business/PostGroupDirectionalClassificationInit"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + that.token
|
|
|
+ },
|
|
|
+ }).then(function (res) {
|
|
|
+ console.log(res);
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.classify=res.data.data;
|
|
|
+ that.activeName=res.data.data[0].id+''
|
|
|
+ that.getPostSearchGrpCreditCardPayment();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //获取团组详情
|
|
|
+ PostShareGroupInfo(){
|
|
|
+ var url = "/api/Business/PostShareGroupInfo"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + that.userid
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ portType:1,
|
|
|
+ id: that.diid
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ console.log(res)
|
|
|
+ if(res.data.code==200){
|
|
|
that.formInline.name = res.data.data.teamName;
|
|
|
that.formInline.clientName = res.data.data.clientName;
|
|
|
that.formInline.CountriesVisited = res.data.data.visitCountry;
|
|
|
- that.formInline.StartTime = res.data.data.visitDate;
|
|
|
+ that.formInline.StartTime = res.data.data.visitStartDate.split(' ')[0]+'~'+res.data.data.visitEndDate.split(' ')[0];
|
|
|
that.formInline.Days = res.data.data.visitDays;
|
|
|
that.formInline.Number = res.data.data.visitPNumber;
|
|
|
- that.tableData = res.data.data.detailList;
|
|
|
- document.querySelector('.payable').innerHTML = res.data.data.totalStr1;
|
|
|
- document.querySelector('.payment').innerHTML = res.data.data.totalStr2;
|
|
|
- document.querySelector('.remainder').innerHTML = res.data.data.totalStr3;
|
|
|
- document.querySelector('.reviewed').innerHTML = res.data.data.totalStr4;
|
|
|
+ }else{
|
|
|
+ that.$message.error('获取数据源失败!');
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -227,19 +289,27 @@ export default {
|
|
|
Authorization: 'Bearer ' + that.token
|
|
|
},
|
|
|
data: {
|
|
|
+ portType:1,
|
|
|
+ userId:that.userid,
|
|
|
+ pageId:that.pageId,
|
|
|
CreditIdStr: that.auditarr,
|
|
|
auditCode: val,//1审核通过,2审核未通过
|
|
|
- user: that.userid//userid
|
|
|
}
|
|
|
}).then(function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.code == 200) {
|
|
|
that.$message({
|
|
|
message: res.data.msg,
|
|
|
- type: 'warning',
|
|
|
+ type: 'success',
|
|
|
offset: 50
|
|
|
});
|
|
|
that.getPostSearchGrpCreditCardPayment();
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message: res.data.msg,
|
|
|
+ type: 'warning',
|
|
|
+ offset: 50
|
|
|
+ });
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -248,6 +318,15 @@ export default {
|
|
|
console.log(val, num)
|
|
|
var url = "/api/Groups/PostAuditGrpCreditCardPayment"
|
|
|
var that = this
|
|
|
+ var data= {
|
|
|
+ portType:1,
|
|
|
+ userId:that.userid,
|
|
|
+ pageId:that.pageId,
|
|
|
+ creditIdStr: val + '',
|
|
|
+ auditCode: num,//1审核通过,2审核未通过
|
|
|
+
|
|
|
+ }
|
|
|
+ console.log(JSON.stringify(data))
|
|
|
this.$axios({
|
|
|
method: 'post',
|
|
|
url: url,
|
|
@@ -255,19 +334,27 @@ export default {
|
|
|
Authorization: 'Bearer ' + that.token
|
|
|
},
|
|
|
data: {
|
|
|
+ portType:1,
|
|
|
+ userId:that.userid,
|
|
|
+ pageId:that.pageId,
|
|
|
CreditIdStr: val + '',
|
|
|
auditCode: num,//1审核通过,2审核未通过
|
|
|
- user: that.userid//userid
|
|
|
}
|
|
|
}).then(function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.code == 200) {
|
|
|
that.$message({
|
|
|
message: res.data.msg,
|
|
|
- type: 'warning',
|
|
|
+ type: 'success',
|
|
|
offset: 50
|
|
|
});
|
|
|
that.getPostSearchGrpCreditCardPayment();
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message: res.data.msg,
|
|
|
+ type: 'warning',
|
|
|
+ offset: 50
|
|
|
+ });
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -277,17 +364,22 @@ export default {
|
|
|
ceshi() {
|
|
|
console.log("tg")
|
|
|
},
|
|
|
- open(val) {
|
|
|
- this.$alert(val, '费用所属', {
|
|
|
- dangerouslyUseHTMLString: true
|
|
|
+ open(val,text) {
|
|
|
+ console.log(text)
|
|
|
+ this.$alert(val, '费用名称', {
|
|
|
+ dangerouslyUseHTMLString: true
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
this.diid = this.$route.query.id;
|
|
|
+ console.log(this.diid)
|
|
|
this.token = JSON.parse(localStorage.getItem('userinif')).token;
|
|
|
+ this.pageId=Number(localStorage.getItem('indexs').split('-')[1]);//页面id
|
|
|
this.userid = JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
|
|
|
- this.getPostSearchGrpCreditCardPayment();
|
|
|
+ this.PostGroupDirectionalClassificationInit();
|
|
|
+
|
|
|
+ this.PostShareGroupInfo();
|
|
|
// this.getTime('是否通过该条费用?',this.ceshi(),'通过')
|
|
|
// this.randomString()
|
|
|
this.test();
|
|
@@ -300,6 +392,7 @@ export default {
|
|
|
padding: 10px;
|
|
|
box-shadow: 0 0 5px #0005;
|
|
|
border-radius: 10px;
|
|
|
+ min-height: 840px;
|
|
|
}
|
|
|
|
|
|
.fesspage-head .el-form-item__label {
|
|
@@ -343,4 +436,7 @@ export default {
|
|
|
margin-top: 10px;
|
|
|
text-align: end;
|
|
|
}
|
|
|
+.fesspage-box .el-table .cell{
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
</style>
|