Skip to content

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

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

parents c416ff47 f0917a23
Hide whitespace changes
Inline Side-by-side
Showing with 535 additions and 417 deletions
src/components/dmc/manager/GroupOutCorporationAudit.vue
View file @ 20ce5fdc
<template> <template>
<div class="groupApproval"> <div class="groupApproval">
<div class="query-box"> <div class="query-box">
<ul> <ul>
<li> <li>
<em>出团公司</em> <em>出团公司</em>
<el-select filterable v-model='msg.OutBranchId' size="small" @change='getControlList()' clearable> <el-select filterable v-model='msg.OutBranchId' size="small"
<el-option label="不限" :value="-1" :key="-1"></el-option> @change='getControlList()'>
<el-option v-for="item in companyList" :label='item.BName' :value='item.Id' :key='item.Id'></el-option> <el-option label="不限" :value="-1" :key="-1"></el-option>
</el-select> <el-option
</li> v-for="item in companyList"
<li> :label='item.BName'
<span> :value='item.Id'
<em>团队类型</em> :key='item.Id'
<el-select class="w200" v-model="msg.TeamType" filterable :placeholder="$t('pub.pleaseImport')" size="small" ></el-option>
@change="getControlList()" clearable> </el-select>
<el-option v-for="item in groupType" :label="item.Name" :value="item.Id" :key="item.Id"></el-option> </li>
</el-select> <li>
</span> <span>
</li> <em>团类型</em>
<li> <el-select class="w200" v-model="msg.TeamType" filterable :placeholder="$t('pub.pleaseImport')" size="small"
<span> @change="getControlList()">
<em>审核状态</em> <el-option v-for="item in groupType" :label="item.Name" :value="item.Id"
<el-select class="w200" v-model="msg.BranchAuditState" filterable :placeholder="$t('pub.pleaseImport')" :key="item.Id"></el-option>
size="small" @change="getControlList()" clearable> </el-select>
<el-option v-for="item in BranchAuditStateType" :label="item.Name" :value="item.Id" :key="item.Id"> </span>
</el-option> </li>
</el-select> <li>
</span> <span>
</li> <em>审核状态</em>
<li> <el-select class="w200" v-model="msg.BranchAuditState" filterable :placeholder="$t('pub.pleaseImport')" size="small"
<span> @change="getControlList()">
<em>团号</em> <el-option v-for="item in BranchAuditStateType" :label="item.Name" :value="item.Id"
<el-input maxlength="50" v-model="msg.TCNUM" class="permiss-input w200" size="small" :key="item.Id"></el-option>
@keyup.native.enter="getControlList" :placeholder="$t('pub.pleaseImport')" clearable </el-select>
@clear="getControlList"></el-input> </span>
</span> </li>
</li> <li>
<li v-if="false"> <span>
<span> <em>团号</em>
<em>编号</em> <el-input maxlength="50" v-model="msg.TCNUM" class="permiss-input w200" size="small"
<el-input maxlength="6" v-model="msg.TCID" class="permiss-input 200" size="small" @keyup.enter="getControlList" :placeholder="$t('pub.pleaseImport')"></el-input>
@keyup.native.enter="getControlList" :placeholder="$t('pub.pleaseImport')" </span>
@keyup.native="checkInteger(msg,'TCID')"></el-input> </li>
</span> <li v-if="false">
</li> <span>
<li> <em>编号</em>
<span> <el-input maxlength="6" v-model="msg.TCID" class="permiss-input 200" size="small"
<em>时间</em> @keyup.native.enter="getControlList" :placeholder="$t('pub.pleaseImport')"
<el-date-picker style="width: 300px;" v-model="StartTime" format='yyyy-MM-dd' value-format="yyyy-MM-dd" @keyup.native="checkInteger(msg,'TCID')"></el-input>
size="small" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" </span>
@change="getStartTime" clearable> </li>
</el-date-picker> <li>
</span> <span>
</li> <em>申请日期</em>
<li> <el-date-picker
<button class="hollowFixedBtn" type="button" @click="getControlList">{{$t('pub.searchBtn')}}</button> style="width: 300px;"
</li> v-model="StartTime"
</ul> format='yyyy-MM-dd'
</div> value-format="yyyy-MM-dd"
<el-table v-loading="loading" ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%" size="small"
@selection-change="handleSelectionChange"> type="daterange"
<el-table-column label="团队编号" width="200"> range-separator="至"
<template slot-scope="scope"> start-placeholder="开始日期"
<p>{{scope.row.OutBranchName}}</p> end-placeholder="结束日期"
<span style="cursor: pointer;text-decoration: underline;" @change="getStartTime">
@click="goTravel(scope.row.TCID)">{{scope.row.TCNUM}}({{scope.row.TCID}})</span> </el-date-picker>
</template> </span>
</el-table-column> </li>
<el-table-column prop="StartDate" label="出发日期" width="120" show-overflow-tooltip></el-table-column> <li>
<el-table-column prop="LtName" label="系列" width="200" show-overflow-tooltip> <button class="hollowFixedBtn" type="button"
<template slot-scope="scope"> @click="getControlList">{{$t('pub.searchBtn')}}</button>
{{scope.row.LineName}}</br> </li>
{{scope.row.LtName}} </ul>
</template> </div>
</el-table-column> <ul class="_nav clearfix" v-if="false">
<el-table-column prop="Title" label="团名" width="200" show-overflow-tooltip></el-table-column> <li :class="active==1?'_active':''" @click="active=1, msg.OutGroupAuditState=1, getControlList()">待审批</li>
<el-table-column prop="" label="申请人/申请日期" width="200"> <li :class="active==2?'_active':''" @click="active=2, msg.OutGroupAuditState=2, getControlList()">已审批</li>
<template slot-scope="scope"> <div style="float: right;" v-if="multipleSelection.length>0">
<p> {{scope.row.BranchApplyName}}</p> <button class="hollowFixedBtn" @click="setAudit()">批量审核</button>
<p> {{scope.row.BranchApplyTime}}</p>
</template>
</el-table-column>
<el-table-column prop="OPName" label="申请原因" show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.BranchApplyResion}}
</template>
</el-table-column>
<el-table-column prop="PriceTeamTypeName" label="团队类型" width="130">
<template slot-scope="scope">
<template v-if="scope.row.TeamTypeName">{{scope.row.TeamTypeName}}</template>
</template>
</el-table-column>
<el-table-column prop="OldBranchName" label="原出团公司" width="130"></el-table-column>
<el-table-column prop="NewBranchName" label="新出团公司" width="130"></el-table-column>
<el-table-column prop="" label="审核状态" width="100">
<template slot-scope="scope">
<template v-if="scope.row.BranchAuditState==1">
<span style="=color:blue;">{{scope.row.BranchAuditStateStr}}</span>
</template>
<template v-else-if="scope.row.BranchAuditState==2">
<span style="color:green;">{{scope.row.BranchAuditStateStr}}</span>
</template>
<template v-else-if="scope.row.BranchAuditState==3">
<span style="color:red;">{{scope.row.BranchAuditStateStr}}</span>
</template>
</template>
</el-table-column>
<el-table-column prop="" label="操作" width="150">
<template slot-scope="scope">
<div class="_icon_btn">
<el-tooltip class="item" effect="dark" content="审核" placement="top" v-if="scope.row.BranchAuditState==1">
<i v-loading="loading" class="iconfont icon-ico_commodity_defaul" @click="shenhei(scope.row)"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="驳回" placement="top" v-if="scope.row.BranchAuditState==1">
<i class="iconfont icon-shenhebohui" @click="bohui(scope.row)"></i>
</el-tooltip>
</div> </div>
</template> <li style="float: right;color: red;font-size: 14px;">
</el-table-column> <!-- 注：落地团，小包团，国内线 均按订单利润的20%计算最大预计销售提成，实际发放提成不会超过最大预期销售提成 -->
</el-table> </li>
<div style="width: 100%;"> </ul>
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="msg.pageIndex" layout="sizes,total,prev, pager, next, jumper" <ul style="overflow: initial!important">
:page-sizes="[5, 10, 20, 30,50,100]" :page-size="msg.pageSize" :total="total"> <li style="margin-bottom:10px;width: 100%;">
</el-pagination>
</div> </li>
<el-dialog custom-class="w600" title="驳回缘由" :visible.sync="cancelOrderDialog"> </ul>
<div style="padding-bottom:20px"> <el-table
<el-input type="textarea" autofocus rows="5" placeholder="请填写驳回该团的缘由" clear="w300" v-model="cancelRemark"> v-loading="loading"
</el-input> ref="multipleTable"
<el-row :gutter="20" style="margin-top: 20px;"> :data="dataList"
<el-col :span="24" style="text-align: right;"> tooltip-effect="dark"
<el-button class="normalBtn" value="" @click="cancelOrderHandler" :loading="loading">确定驳回</el-button> style="width: 100%"
<el-button class="hollowFixedBtn" @click="cancelOrderDialog = false,cancelRemark=''">关闭</el-button> @selection-change="handleSelectionChange"
</el-col> >
</el-row> <!-- <el-table-column
type="selection"
width="55" :selectable="selectable"> -->
</el-table-column>
<el-table-column
label="团队编号"
width="200">
<template slot-scope="scope">
<p>{{scope.row.OutBranchName}}</p>
<span style="cursor: pointer;text-decoration: underline;"
@click="goTravel(scope.row.TCID)">{{scope.row.TCNUM}}({{scope.row.TCID}})</span>
</template>
</el-table-column>
<el-table-column
prop="LtName"
label="系列"
width="200"
show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.LineName}}</br>
{{scope.row.LtName}}
</template>
</el-table-column>
<el-table-column
prop="Title"
label="团名"
width="200"
show-overflow-tooltip></el-table-column>
<el-table-column
prop=""
label="申请人/申请日期" width="200">
<template slot-scope="scope">
<p> {{scope.row.BranchApplyName}}</p>
<p> {{scope.row.BranchApplyTime}}</p>
</template>
</el-table-column>
<el-table-column
prop="OPName"
label="申请原因" show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.BranchApplyResion}}
</template>
</el-table-column>
<el-table-column
prop="PriceTeamTypeName"
label="团队类型" width="130">
<template slot-scope="scope">
<template v-if="scope.row.TeamTypeName">{{scope.row.TeamTypeName}}</template>
</template>
</el-table-column>
<el-table-column
prop="OldBranchName"
label="原出团公司" width="130"></el-table-column>
<el-table-column
prop="NewBranchName"
label="新出团公司" width="130"></el-table-column>
<el-table-column
prop=""
label="审核状态" width="100">
<template slot-scope="scope">
<span :style="{'color':scope.row.BranchAuditState==1?'red':scope.row.BranchAuditState==2?'#33B3FF':''}">
{{scope.row.BranchAuditStateStr}}
</span>
</template>
</el-table-column>
<el-table-column
prop=""
label="操作"
width="150">
<template slot-scope="scope">
<div class="_icon_btn">
<el-tooltip class="item" effect="dark" content="审核" placement="top"
v-if="scope.row.BranchAuditState==1">
<i v-loading="loading" class="iconfont icon-ico_commodity_defaul" @click="shenhei(scope.row)"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="驳回" placement="top" v-if="scope.row.BranchAuditState==1">
<i class="iconfont icon-shenhebohui" @click="bohui(scope.row)"></i>
</el-tooltip>
<!-- <el-tooltip class="item" effect="dark" content="收支明细" placement="top">
<i class="iconfont icon-mingxi" @click="goTeamBalance(scope.row.TCID)"></i>
</el-tooltip> -->
</div>
</template>
</el-table-column>
</el-table>
<div style="width: 100%;">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="msg.pageIndex"
layout="sizes,total,prev, pager, next, jumper"
:page-sizes="[5, 10, 20, 30,50,100]"
:page-size="msg.pageSize" :total="total">
</el-pagination>
</div> </div>
</el-dialog>
<el-dialog
custom-class="w600"
title="驳回缘由"
:visible.sync="cancelOrderDialog"
>
<div style="padding-bottom:20px">
<el-input
type="textarea"
autofocus
rows="5"
placeholder="请填写驳回该团的缘由"
clear="w300"
v-model="cancelRemark"
></el-input>
<el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;">
<el-button
class="normalBtn"
value=""
@click="cancelOrderHandler"
:loading="loading"
>确定驳回</el-button>
<el-button
class="hollowFixedBtn"
@click="cancelOrderDialog = false,cancelRemark=''"
>关闭</el-button>
</el-col>
</el-row>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
components: { components: {
}, },
data() { data() {
return { return {
StartTime: [], StartTime:[],
groupType: [{ groupType:[
Name: '不限', {Name:'不限',Id:-1},
Id: -1 {Name:'小包团',Id:1},
}, {Name:'当地游',Id:2},
{ {Name:'常规团',Id:0}
Name: '小包团', ],
Id: 1 BranchAuditStateType:[
}, {Name:'不限',Id:-1},
{ {Name:'待审核',Id:1},
Name: '当地游', {Name:'通过',Id:2},
Id: 2 {Name:'驳回',Id:3}
}, ],
{ companyList:[],
Name: '常规团', cancelRemark: '',
Id: 0 dataRow: null,
cancelOrderDialog: false,
loading: false,
dataList: [],
active: '1',
msg: {
pageIndex: 1,
pageSize: 10,
TCNUM: '',//团号
TeamType: -1,//团队类型 0-常规，1-小包团，2-当地游
OutBranchId: -1,
QStartDate: '',
QEndDate: '',
BranchAuditState: -1
},
TeamListArr:[],
total:0,
EmployeeId:0,
multipleSelection: [],
AuditLoading: false,
dialog: {
show: false,
ConfigId: '',
OfferId: ''
},
getCompanyMsg:{
RB_Group_Id:'0',
Status:'0',
},
} }
], },
BranchAuditStateType: [{ created() {
Name: '不限', var myDate = new Date();
Id: -1 var MonthDayNum = new Date(myDate.getFullYear(), myDate.getMonth(), 0).getDate();
}, var StartTime = `${myDate.getFullYear()}-${myDate.getMonth() + 1}-01`
{ var EndTime = `${myDate.getFullYear()}-${myDate.getMonth() + 1}-${MonthDayNum}`
Name: '待审核', this.StartTime = [StartTime,EndTime]
Id: 1 this.msg.QStartDate = StartTime
}, this.msg.QEndDate = EndTime
{ this.getTeamList()
Name: '通过', let userinfo = this.getLocalStorage();
Id: 2 this.getCompanyMsg.RB_Group_Id=userinfo.RB_Group_id;
}, this.EmployeeId = userinfo.EmployeeId
{ let ActionMenuCode=userinfo.ActionMenuCode;
Name: '驳回', if(ActionMenuCode.indexOf('Finance_clumpSeeAll')!=-1){//如果有权限 可以查看所有 如果没有只能看自己审核的
Id: 3 // this.msg.OutGroupAuditEmpId = 0
}else{
// this.msg.OutGroupAuditEmpId = userinfo.EmployeeId
} }
], if(this.$route.query && this.$route.query.TCID){
companyList: [], this.msg.TCID = this.$route.query.TCID
cancelRemark: '', }
dataRow: null, this.getCompany()
cancelOrderDialog: false,
loading: false,
dataList: [],
active: '1',
msg: {
pageIndex: 1,
pageSize: 10,
TCNUM: '', //团号
TeamType: -1, //团队类型 0-常规，1-小包团，2-当地游
OutBranchId: -1,
QStartDate: '',
QEndDate: '',
BranchAuditState: 1, //默认待审核
},
TeamListArr: [],
total: 0,
EmployeeId: 0,
multipleSelection: [],
AuditLoading: false,
dialog: {
show: false,
ConfigId: '',
OfferId: ''
},
getCompanyMsg: {
RB_Group_Id: '0',
Status: '0',
},
}
},
created() {
this.getTeamList()
let userinfo = this.getLocalStorage();
this.getCompanyMsg.RB_Group_Id = userinfo.RB_Group_id;
this.EmployeeId = userinfo.EmployeeId
let ActionMenuCode = userinfo.ActionMenuCode;
if (ActionMenuCode.indexOf('Finance_clumpSeeAll') != -1) { //如果有权限 可以查看所有 如果没有只能看自己审核的
// this.msg.OutGroupAuditEmpId = 0
} else {
// this.msg.OutGroupAuditEmpId = userinfo.EmployeeId
}
if (this.$route.query && this.$route.query.TCID) {
this.msg.TCID = this.$route.query.TCID
}
this.getCompany()
},
mounted() {
this.getList()
},
methods: {
getStartTime() {
if (this.StartTime.length == 2) {
this.msg.QStartDate = this.StartTime[0]
this.msg.QEndDate = this.StartTime[1]
} else {
this.msg.QStartDate = ''
this.msg.QEndDate = ''
}
}, },
getCompany() { mounted() {
this.apipost('admin_get_BranchGetList', this.getCompanyMsg, res => { this.getList()
if (res.data.resultCode == 1) {
this.companyList = res.data.data;
} else {}
}, err => {})
}, },
showDialog(ConfigId, OfferId) { methods: {
this.dialog = { getStartTime(){
show: true, if(this.StartTime.length==2){
ConfigId, this.msg.QStartDate = this.StartTime[0]
OfferId this.msg.QEndDate = this.StartTime[1]
}else{
this.msg.QStartDate = ''
this.msg.QEndDate = ''
}
},
// 销售预期提成
goAnticipate(row,type){
let userInfo = this.getLocalStorage();
let name
if(type==1){//国内
name = 'domesticCommissiondetails'
}else if(type==2){//单项
name = 'ServiceCommissiondetails'
}else if(type==3){//台湾
name = 'domesticCommissiondetailsTW'
}else if(type==4){//同业
name = 'TradeTicketDetails'
} }
this.$nextTick(() => { this.$router.push({
this.$refs.dialog.getPostData() name: name,
}) query: {
}, Type: 1,
TCNUM: row.TCNUM,
blank: 'y'
handleSelectionChange(val) { }
this.multipleSelection = val; });
},
getControlList() {
this.msg.pageIndex = 1;
this.getList()
},
handleSizeChange(e) {
this.msg.pageSize = e;
this.getList()
},
handleCurrentChange(e) {
this.msg.pageIndex = e;
this.getList()
}, },
getList() { getCompany(){
this.loading = true this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
let msg = JSON.parse(JSON.stringify(this.msg)) if(res.data.resultCode==1){
this.apipost( this.companyList=res.data.data;
"travel_post_GetTravelOutBranchAuditPage", }else{}
msg, },err=>{})
res => { },
this.loading = false showDialog(ConfigId, OfferId) {
if (res.data.resultCode == 1) { this.dialog = {
this.dataList = res.data.data.pageData; show: true,
this.total = res.data.data.count; ConfigId,
OfferId
}
this.$nextTick(() => {
this.$refs.dialog.getPostData()
})
},
selectable(row, index) {
if(this.active==1){
return true
}else{
return false
}
},
setAudit(type){
let ids = this.multipleSelection.map(x=>{ return x.TCID})
if(ids.length==0){
return this.$message.error('请勾选需要批量审核的数据');
}
let that = this;
that.$confirm('是否通过该批量审核数据?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
for(let i=0;i<ids.length;i++){
setTimeout(()=>{
this.groupAudit(2,ids[i],'multiple',(i+1)==ids.length?ids.length:0)
},500)
}
}).catch(() => {
} else { });
this.Error(res.data.message); },
} handleSelectionChange(val) {
this.multipleSelection = val;
},
getControlList() {
this.msg.pageIndex = 1;
this.getList()
},
handleSizeChange(e){
this.msg.pageSize = e;
this.getList()
}, },
err => { handleCurrentChange(e){
this.msg.pageIndex = e;
this.getList()
},
getList() {
this.loading = true
let msg = JSON.parse(JSON.stringify(this.msg))
this.apipost(
"travel_post_GetTravelOutBranchAuditPage",
msg,
res => {
this.loading = false
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
} }else{
); this.Error(res.data.message);
}, }
shenhei(item) { },
let that = this; err => {
that.$confirm('是否审核通过该团?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.groupAudit(2, item.TCID)
}).catch(() => {
}); }
}, );
cancelOrderHandler() { },
if (!this.cancelRemark) return this.Error('请输入驳回缘由') shenhei(item) {
let that = this; let that = this;
that.$confirm('是否驳回该团?', '提示', { that.$confirm('是否审核通过该团?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
//掉接口 this.groupAudit(2,item.TCID)
this.groupAudit(3, this.dataRow.TCID) }).catch(() => {
}).catch(() => {
}); });
}, },
bohui(item) { cancelOrderHandler(){
this.dataRow = item if(!this.cancelRemark) return this.Error('请输入驳回缘由')
this.cancelOrderDialog = true let that = this;
return that.$confirm('是否驳回该团?', '提示', {
let that = this; confirmButtonText: '确定',
that.$confirm('是否驳回该团?', '提示', { cancelButtonText: '取消',
confirmButtonText: '确定', type: 'warning'
cancelButtonText: '取消', }).then(() => {
type: 'warning' //掉接口
}).then(() => { this.groupAudit(3,this.dataRow.TCID)
//掉接口 }).catch(() => {
this.groupAudit(3, item.TCID)
}).catch(() => {
}); });
}, },
groupAudit(type, TCID, name, length) { bohui(item) {
let msg = { this.dataRow = item
TCID: TCID, this.cancelOrderDialog = true
BranchAuditState: type, return
BranchAuditRemark: this.cancelRemark let that = this;
} that.$confirm('是否驳回该团?', '提示', {
this.loading = true confirmButtonText: '确定',
this.apipost("travel_post_AuditPriceOutBranchTeamType", { cancelButtonText: '取消',
TCID: TCID, type: 'warning'
BranchAuditState: type, }).then(() => {
BranchAuditRemark: this.cancelRemark //掉接口
}, res => { this.groupAudit(3,item.TCID)
if (res.data.resultCode == 1) { }).catch(() => {
if (!name) {
this.cancelOrderDialog = false });
this.Success(res.data.message); },
this.getList() groupAudit(type,TCID,name,length){
} else { let msg = {
if (length) { TCID:TCID,
this.cancelOrderDialog = false BranchAuditState:type,
this.Success(res.data.message); BranchAuditRemark:this.cancelRemark
this.getList()
}
} }
} else { this.loading = true
this.Error(res.data.message); this.apipost("travel_post_AuditPriceOutBranchTeamType", {
} TCID:TCID,
this.loading = false BranchAuditState:type,
BranchAuditRemark:this.cancelRemark
}, res => {
if (res.data.resultCode == 1) {
if(!name){
this.cancelOrderDialog = false
this.Success(res.data.message);
this.getList()
}else{
if(length){
this.cancelOrderDialog = false
this.Success(res.data.message);
this.getList()
}
}
} else {
this.Error(res.data.message);
}
this.loading = false
},
err => { }
);
}, },
err => {} goTeamBalance(id, OutBranchId) {//团队收支明细
); this.$router.push({
}, name: "TeamBalancePayment",
goTeamBalance(id, OutBranchId) { //团队收支明细 query: {
this.$router.push({ id: id,
name: "TeamBalancePayment", IsHaveAuth: true,
query: { blank: "y",
id: id, tab: "团队收支明细"
IsHaveAuth: true, }
blank: "y", });
tab: "团队收支明细"
}
});
},
getTeamList() {
this.apipost("travel_get_GetTravelPriceTeamTypeList", {}, res => {
if (res.data.resultCode == 1) {
this.TeamListArr = res.data.data;
} else {
this.Error(res.data.message);
}
}, },
err => {} getTeamList() {
); this.apipost("travel_get_GetTravelPriceTeamTypeList", {}, res => {
}, if (res.data.resultCode == 1) {
goTravel(TCID) { //跳转到团队列表 this.TeamListArr = res.data.data;
this.$router.push({ } else {
path: 'TravelControlList', this.Error(res.data.message);
query: { }
TCID: TCID, },
blank: 'y', err => { }
tab: '团控列表' );
},
goTravel(TCID){//跳转到团队列表
this.$router.push({
path: 'TravelControlList',
query: {
TCID: TCID,
blank: 'y',
tab: '团控列表'
}
});
} }
});
} }
}
} }
</script> </script>
<style scoped> <style scoped>
.groupApproval .singeRowTable { .groupApproval .singeRowTable {
margin-top: 20px; margin-top: 20px;
} }
._nav { ._nav {
margin: 20px 0 0 0; margin: 20px 0 0 0;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
._nav li { ._nav li {
float: left; float: left;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
padding: 15px 20px; padding: 15px 20px;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
background-color: #f1f1f1; background-color: #f1f1f1;
margin-right: 5px margin-right: 5px
} }
._nav li._active { ._nav li._active {
background-color: #FFFFFF; background-color: #FFFFFF;
color: #333333 color: #333333
} }
._nav li._active::after { ._nav li._active::after {
content: ""; content: "";
width: 20px; width: 20px;
height: 3px; height: 3px;
background-color: #E95252; background-color: #E95252;
display: inline-block; display: inline-block;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 38%; left: 38%;
} }
._icon_btn i { ._icon_btn i {
width: 30px; width: 30px;
height: 30px; height: 30px;
display: inline-block; display: inline-block;
color: white !important; color: white !important;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
} }
._icon_btn i.icon-ico_commodity_defaul { ._icon_btn i.icon-ico_commodity_defaul {
background-color: #F16C3C; background-color: #F16C3C;
} }
._icon_btn i.icon-ico_commodity_defaul:hover { ._icon_btn i.icon-ico_commodity_defaul:hover {
background-color: #e87c54 background-color: #e87c54
} }
._icon_btn i.icon-ico_commodity_defaul:active { ._icon_btn i.icon-ico_commodity_defaul:active {
background-color: #f76630 background-color: #f76630
} }
._icon_btn i.icon-shenhebohui { ._icon_btn i.icon-shenhebohui {
background-color: #E95252 background-color: #E95252
} }
._icon_btn i.icon-mingxi { ._icon_btn i.icon-mingxi {
background-color: rgb(71, 191, 140) background-color: rgb(71, 191, 140)
} }
</style> </style>
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