Skip to content

S
SuperMan
Commit 4ef1e612 authored by zhengke's avatar zhengke
Browse files
Options

s

parent 8e443d2f
Hide whitespace changes
Inline Side-by-side
Showing with 989 additions and 521 deletions
src/components/SalesVisa/VisaProduct.vue
View file @ 4ef1e612
<style> <style>
.page_MyCustomer ._mc_addbox{height: 52px;width: 100%; margin-top: 20px;} .page_MyCustomer ._mc_addbox {
.page_MyCustomer ._mc_addbox>li{float: left; width: 116px; font-size: 14px; height: 52px; color: #666; text-align: center; line-height: 52px; background: #E9E9E9; cursor: pointer;} height: 52px;
.page_MyCustomer ._mc_addbox>li.active{background: #fff; color: #333;} width: 100%;
.page_MyCustomer ._mc_addbox .divActive{margin: -3px auto; width: 26px; height: 3px; background: #E95252;} margin-top: 20px;
.page_MyCustomer ._mc_edit{overflow: auto;display: none;position:absolute; }
z-index: 50; bottom:0;left: 0;border-top:3px solid #38425d;background-color:#f9f9f9; padding: 10px;width: 100%;min-width: 1146px;} .page_MyCustomer ._mc_addbox > li {
.page_MyCustomer .edHeight{display: block;height: 191px;} float: left;
.page_MyCustomer ._mc_list{overflow-x: auto; background: #fff; padding-top: 20px; padding-left: 15px;} width: 116px;
.page_MyCustomer ._scrollbar::-webkit-scrollbar{width: 4px;height: 8px;} font-size: 14px;
.page_MyCustomer ._scrollbar::-webkit-scrollbar-thumb{border-radius: 4px;-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);background: #c9c9c9;} height: 52px;
.page_MyCustomer ._scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;} color: #666;
.page_MyCustomer ._mc_edit ._tit{padding-left: 10px;border-left: 3px solid #E95252; font-size: 16px; font-family: 'PingFangSc-Fine'; color: #000000} text-align: center;
.page_MyCustomer ._mc_edit ._info_box ul._form li{float: left;} line-height: 52px;
.page_MyCustomer ._check_list{padding-left: 120px;margin-bottom: 20px;} background: #e9e9e9;
.page_MyCustomer ._check_box .el-form-item{margin-bottom: 0} cursor: pointer;
.page_MyCustomer ._info_box .el-form-item__label{font-size: 12px; color: #666;} }
._remark textarea{resize: none;width: 646px;height: 100px} .page_MyCustomer ._mc_addbox > li.active {
.page_MyCustomer .avatar { background: #fff;
width: 148px; color: #333;
height: 148px; }
display: block; .page_MyCustomer ._mc_addbox .divActive {
} margin: -3px auto;
.page_MyCustomerSearch{width: 100%; min-height: auto; overflow: hidden; padding:0 0 20px 0;} width: 26px;
.page_MyCustomerSearch li{float: left; font-size: 12px; color: #666; margin:20px 0 0px 0;} height: 3px;
.page_MyCustomerSearch li>span {display: inline-block; } background: #e95252;
.page_MyCustomerSearch li span>em{display: inline-block; min-width: 60px; text-align: right; font-style: normal; margin:0 12px 0 0;} }
.page_MyCustomerSearch li:last-child{float: right;} .page_MyCustomer ._mc_edit {
.VisaProductTable{width: 100%; font-size:14px; color: #333; } overflow: auto;
.VisaProductTable tr th{background: #E6E6E6;height:30px; font-size: 12px; text-align: left; text-indent: 25px;} display: none;
.VisaProductTable tr{background: #fff;text-align: left;} position: absolute;
.VisaProductTable tr td{height: 60px; padding-left:25px; border: 1px solid #cccccc; font-size: 14px; color: #333;} z-index: 50;
.VisaProductTable tr td>img{width:24px;height:24px;border-radius:50%; float: left; margin-right: 5px;} bottom: 0;
.VisaProductTable tr td .tuanqian{vertical-align: middle; font-weight:400; display: table-cell; text-align: center; width: 44px;font-size: 12px; height:19px;color: #FFFFFF;background:#2AAEF2;} left: 0;
.VisaProductTable tr td .geqian{vertical-align: middle; font-weight:400; display: table-cell; text-align: center; width: 44px;font-size: 12px; height:19px;color: #FFFFFF;background:#FF9000;} border-top: 3px solid #38425d;
.page_MyCustomer ._edHeight{height:340px;} background-color: #f9f9f9;
.dateClass{width: 171px !important;} padding: 10px;
.surplusNum{color: #E95252 !important;} width: 100%;
.peopleNum{height:15px;font-size:16px;font-weight:400;color:rgba(51,51,51,1);line-height:24px;} min-width: 1146px;
.orderNum{cursor:pointer;text-decoration:underline;width:18px;height:16px;font-size:16px;font-weight:400;color:rgba(51,51,51,1);line-height:24px;} }
.VisaProductTable tr td .createName{vertical-align: middle; display: table-cell;text-align: left;padding-left:3px; height:21px;} .page_MyCustomer .edHeight {
.groupTourOrderIcon button{width: 28px; height:28px;border-radius:4px;} display: block;
.groupTourOrderIcon .el-button--primary {padding: 5px; margin: 0; font-size: 14px!important;} height: 191px;
}
.page_MyCustomer ._mc_list {
overflow-x: auto;
background: #fff;
padding-top: 20px;
padding-left: 15px;
}
.page_MyCustomer ._scrollbar::-webkit-scrollbar {
width: 4px;
height: 8px;
}
.page_MyCustomer ._scrollbar::-webkit-scrollbar-thumb {
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
.page_MyCustomer ._scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #ededed;
}
.page_MyCustomer ._mc_edit ._tit {
padding-left: 10px;
border-left: 3px solid #e95252;
font-size: 16px;
font-family: "PingFangSc-Fine";
color: #000000;
}
.page_MyCustomer ._mc_edit ._info_box ul._form li {
float: left;
}
.page_MyCustomer ._check_list {
padding-left: 120px;
margin-bottom: 20px;
}
.page_MyCustomer ._check_box .el-form-item {
margin-bottom: 0;
}
.page_MyCustomer ._info_box .el-form-item__label {
font-size: 12px;
color: #666;
}
._remark textarea {
resize: none;
width: 646px;
height: 100px;
}
.page_MyCustomer .avatar {
width: 148px;
height: 148px;
display: block;
}
.page_MyCustomerSearch {
width: 100%;
min-height: auto;
overflow: hidden;
padding: 0 0 20px 0;
}
.page_MyCustomerSearch li {
float: left;
font-size: 12px;
color: #666;
margin: 20px 0 0px 0;
}
.page_MyCustomerSearch li > span {
display: inline-block;
}
.page_MyCustomerSearch li span > em {
display: inline-block;
min-width: 60px;
text-align: right;
font-style: normal;
margin: 0 12px 0 0;
}
.page_MyCustomerSearch li:last-child {
float: right;
}
.VisaProductTable {
width: 100%;
font-size: 14px;
color: #333;
}
.VisaProductTable tr th {
background: #e6e6e6;
height: 30px;
font-size: 12px;
text-align: left;
text-indent: 25px;
}
.VisaProductTable tr {
background: #fff;
text-align: left;
}
.VisaProductTable tr td {
height: 60px;
padding-left: 25px;
border: 1px solid #cccccc;
font-size: 14px;
color: #333;
}
.VisaProductTable tr td > img {
width: 24px;
height: 24px;
border-radius: 50%;
float: left;
margin-right: 5px;
}
.VisaProductTable tr td .tuanqian {
vertical-align: middle;
font-weight: 400;
display: table-cell;
text-align: center;
width: 44px;
font-size: 12px;
height: 19px;
color: #ffffff;
background: #2aaef2;
}
.VisaProductTable tr td .geqian {
vertical-align: middle;
font-weight: 400;
display: table-cell;
text-align: center;
width: 44px;
font-size: 12px;
height: 19px;
color: #ffffff;
background: #ff9000;
}
.page_MyCustomer ._edHeight {
height: 340px;
}
.dateClass {
width: 171px !important;
}
.surplusNum {
color: #e95252 !important;
}
.peopleNum {
height: 15px;
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 24px;
}
.orderNum {
cursor: pointer;
text-decoration: underline;
width: 18px;
height: 16px;
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 24px;
}
.VisaProductTable tr td .createName {
vertical-align: middle;
display: table-cell;
text-align: left;
padding-left: 3px;
height: 21px;
}
.groupTourOrderIcon button {
width: 28px;
height: 28px;
border-radius: 4px;
}
.groupTourOrderIcon .el-button--primary {
padding: 5px;
margin: 0;
font-size: 14px !important;
}
</style> </style>
<template> <template>
<div class="page_MyCustomer"> <div class="page_MyCustomer">
<div class="query-box" style="border:none"> <div class="query-box" style="border:none">
<ul> <ul>
<li> <li>
<span> <span>
<em>出团公司</em><el-select class='w210' v-model="msg.BranchId" filterable :placeholder="$t('pub.pleaseSel')"> <em>出团公司</em>
<el-option v-for="item in companyList" :label='item.BName' :value='item.Id' :key='item.Id'></el-option> <el-select
</el-select> class="w210"
</span> v-model="msg.BranchId"
</li> filterable
<li> :placeholder="$t('pub.pleaseSel')"
<span> >
<em>产品ID</em><el-input class='w210' v-model='msg.ProductID' placeholder="请输入" ></el-input> <el-option
</span> v-for="item in companyList"
</li> :label="item.BName"
<li> :value="item.Id"
<span> :key="item.Id"
<em>产品名称</em><el-input class='w210' v-model='msg.ProductName' placeholder="请输入" ></el-input> ></el-option>
</span> </el-select>
</li> </span>
<li> <span> </li>
<em>创建人</em><el-select v-model='msg.EmId'> <li>
<el-option label="不限" value="-1" key='-1'></el-option> <span>
<el-option v-for="item in EmployeeList" <em>产品ID</em>
:label='item.EmName' <el-input class="w210" v-model="msg.ProductID" placeholder="请输入"></el-input>
:value='item.EmployeeId' </span>
:key='item.EmployeeId'> </li>
</el-option> <li>
</el-select> <span>
</span></li> <em>产品名称</em>
<li><span><em>状态</em></span><el-select v-model='msg.VisaStatus'> <el-input class="w210" v-model="msg.ProductName" placeholder="请输入"></el-input>
<el-option label='不限' value='-1' key='-1'></el-option> </span>
<el-option label='上架' value='1' key='1'></el-option> </li>
<el-option label='下架' value='2' key='2'></el-option> <li>
</el-select> <span>
</li> <em>创建人</em>
<li><span><em>价格有效日期</em><el-date-picker v-model='msg.StartTime' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker> - <el-select v-model="msg.EmId">
<el-date-picker v-model='msg.EndTime' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker> <el-option label="不限" value="-1" key="-1"></el-option>
</span> <el-option
</li> v-for="item in EmployeeList"
<li> :label="item.EmName"
<button class="hollowFixedBtn" @click="getList()">查询</button> :value="item.EmployeeId"
<button class="normalBtn" @click="cancelEdit(),addShow=true" v-if="msg.isFinacial==1">添加</button> :key="item.EmployeeId"
</li> ></el-option>
</ul> </el-select>
</div> </span>
</li>
<table class="VisaProductTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'> <li>
<tr> <span>
<th width="10%">产品名称</th> <em>状态</em>
<th width="8%">签证类型</th> </span>
<th width="10%">价格有效日期</th> <el-select v-model="msg.VisaStatus">
<th width="8%">成本价</th> <el-option label="不限" value="-1" key="-1"></el-option>
<th width="8%">同业价</th> <el-option label="上架" value="1" key="1"></el-option>
<th width="8%">直客价</th> <el-option label="下架" value="2" key="2"></el-option>
<th width="6%">状态</th> </el-select>
<th width="6%">订单数</th> </li>
<!-- <th width="12%">总人数（剩余人数）</th> --> <li>
<th width="10%">创建者</th> <span>
<th width="10%">广告图</th> <em>价格有效日期</em>
<th width="14%">操作</th> <el-date-picker
</tr> v-model="msg.StartTime"
<tr v-for='item in dataList'> class="w135"
<td>{{item.Name}}</td> value-format="yyyy-MM-dd"
<td> type="date"
<span v-if="item.VisaType==1" class="geqian">个签</span> ></el-date-picker>-
<span v-else class="tuanqian">团签</span> <el-date-picker
</td> v-model="msg.EndTime"
<td> class="w135"
<span class="fbold">{{item.SendVisaDate}}</span> value-format="yyyy-MM-dd"
</td> type="date"
<td> ></el-date-picker>
<span class="totalPrice fbold" style="color: #47BF8C;">￥{{moneyFormat(item.CostPrice)}}</span> </span>
</td> </li>
<td> <li>
<span class="totalPrice fbold" style="color: #f90;">￥{{moneyFormat(item.VisaPrice)}}</span> <button class="hollowFixedBtn" @click="getList()">查询</button>
</td> <button class="normalBtn" @click="cancelEdit(),addShow=true" v-if="msg.isFinacial==1">添加</button>
<td> </li>
<span class="totalPrice fbold" style="color: #f90;">￥{{moneyFormat(item.VisaB2CPrice)}}</span> </ul>
</td> </div>
<td>
<i v-if="item.VisaStatus==1" class="iconfont icon-shangjia" style="color:#4BCA81;"></i> <table class="VisaProductTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
<i v-else class="iconfont icon-xiajia" style="color:#4BCA81;"></i> <tr>
{{item.VisaStatus==1?"上架":"下架"}} <th width="10%">产品名称</th>
</td> <th width="8%">签证类型</th>
<td> <th width="10%">价格有效日期</th>
<span class="orderNum" @click="goUrl(item)" >{{item.OrderNum}}</span> <th width="8%">成本价</th>
</td> <th width="8%">同业价</th>
<!-- <td> <th width="8%">直客价</th>
<th width="6%">状态</th>
<th width="6%">订单数</th>
<!-- <th width="12%">总人数（剩余人数）</th> -->
<th width="10%">创建者</th>
<th width="10%">广告图</th>
<th width="14%">操作</th>
</tr>
<tr v-for="item in dataList">
<td>{{item.Name}}</td>
<td>
<span v-if="item.VisaType==1" class="geqian">个签</span>
<span v-else class="tuanqian">团签</span>
</td>
<td>
<span class="fbold">{{item.SendVisaDate}}</span>
</td>
<td>
<span class="totalPrice fbold" style="color: #47BF8C;">￥{{moneyFormat(item.CostPrice)}}</span>
</td>
<td>
<span class="totalPrice fbold" style="color: #f90;">￥{{moneyFormat(item.VisaPrice)}}</span>
</td>
<td>
<span class="totalPrice fbold" style="color: #f90;">￥{{moneyFormat(item.VisaB2CPrice)}}</span>
</td>
<td>
<i v-if="item.VisaStatus==1" class="iconfont icon-shangjia" style="color:#4BCA81;"></i>
<i v-else class="iconfont icon-xiajia" style="color:#4BCA81;"></i>
{{item.VisaStatus==1?"上架":"下架"}}
</td>
<td>
<span class="orderNum" @click="goUrl(item)">{{item.OrderNum}}</span>
</td>
<!-- <td>
<span class="peopleNum">{{item.PeopleNum}}(<span class="surplusNum">{{item.SurplusNum}}</span>)</span> <span class="peopleNum">{{item.PeopleNum}}(<span class="surplusNum">{{item.SurplusNum}}</span>)</span>
</td> --> </td>-->
<td> <td>
<img v-if='!item.CreatePhoto' src="../../assets/img/litheader.png"/> <img v-if="!item.CreatePhoto" src="../../assets/img/litheader.png">
<img v-if='item.CreatePhoto' :onerror="defaultImg" :src='item.CreatePhoto'/> <img v-if="item.CreatePhoto" :onerror="defaultImg" :src="item.CreatePhoto">
<span class="createName">{{item.CreateName}}</span> <span class="createName">{{item.CreateName}}</span>
</td> </td>
<td> <td>
<p v-for="(item2, index2) in item.AdvertisingFileList" :key="index2"> <p v-for="(item2, index2) in item.AdvertisingFileList" :key="index2">
<span style="cursor:pointer;text-decoration: underline;" @click="downloadFile(item2)">{{item2.Name}}</span><i class="iconfont icon-Close" style="font-size:12px;cursor:pointer;" @click="delUnpload(item.Id,item2)"></i> <span
</p> style="cursor:pointer;text-decoration: underline;"
<el-upload :http-request="uploadImg" :data='item' ref="upload" :multiple="false" :show-file-list='false' action=""> @click="downloadFile(item2)"
<span style="color:#00C6FF;cursor:pointer;" @click='saveitem(item.Id)'>上传广告图</span> >{{item2.Name}}</span>
</el-upload> <i
</td> class="iconfont icon-Close"
<td class="groupTourOrderIcon"> style="font-size:12px;cursor:pointer;"
<el-button-group> @click="delUnpload(item.Id,item2)"
<el-tooltip class="item" effect="dark" content="修改" placement="top-start" v-if="item.SendVisaStatus==1&&msg.isFinacial==1"> ></i>
<el-button type="primary" style='background:#409EFF; border-color:#409EFF' icon="iconfont icon-img_bianji_small" @click='getDetail(item)'></el-button> </p>
</el-tooltip> <el-upload
<el-tooltip effect="dark" content="查看" placement="top-start" v-if="msg.isFinacial==1"> :http-request="uploadImg"
<el-button type="primary" style='background:#25C1C3; border-color:#25C1C3' @click="goUrl(item)" icon="iconfont icon-img_cz"></el-button> :data="item"
</el-tooltip> ref="upload"
<el-tooltip effect="dark" content="签证列表" placement="top-start" v-if="item.VisaManagementId>0"> :multiple="false"
<el-button type="primary" @click="goUrlVisaList(item)" style='background:#47BF8C; border-color:#47BF8C' icon="iconfont icon-biaoge"></el-button> :show-file-list="false"
</el-tooltip> action
<el-tooltip v-if="item.OrderNum>0&&msg.isFinacial==1" effect="dark" content="结算" placement="top-start"> >
<el-button type="primary" @click="goUrlJS(item)" style='background:#5EBB64; border-color:#5EBB64' icon="iconfont icon-qian"></el-button> <span style="color:#00C6FF;cursor:pointer;" @click="saveitem(item.Id)">上传广告图</span>
</el-tooltip> </el-upload>
<el-tooltip v-if="item.VisaStatus==1&&msg.isFinacial==1" effect="dark" content="下架" placement="top-start" > </td>
<el-button type="primary" style='background:#F0A748; border-color:#F0A748' icon="iconfont icon-xiajia1" @click='updateVisaStatus(item)'></el-button> <td class="groupTourOrderIcon">
</el-tooltip> <el-button-group>
<el-tooltip v-if="item.VisaStatus==2&&item.SendVisaStatus==1&&msg.isFinacial==1" effect="dark" content="上架" placement="top-start" > <el-tooltip
<el-button type="primary" style='background:#F0A748; border-color:#F0A748' icon="iconfont icon-shangjia1" @click='updateVisaStatus(item)'></el-button> class="item"
</el-tooltip> effect="dark"
</el-button-group> content="修改"
</td> placement="top-start"
</tr> v-if="item.SendVisaStatus==1&&msg.isFinacial==1"
<tr v-show="dataList.length==0"> >
<td v-show="dataList.length==0" colspan="10" align="center">暂无数据</td> <el-button
</tr> type="primary"
</table> style="background:#409EFF; border-color:#409EFF"
icon="iconfont icon-img_bianji_small"
<el-pagination @click="getDetail(item)"
background ></el-button>
@current-change="handleCurrentChange" </el-tooltip>
:current-page.sync="currentPage" <el-tooltip effect="dark" content="查看" placement="top-start" v-if="msg.isFinacial==1">
layout="total,prev, pager, next, jumper" <el-button
:page-size="this.msg.pageSize" type="primary"
:total="total"> style="background:#25C1C3; border-color:#25C1C3"
</el-pagination> @click="goUrl(item)"
icon="iconfont icon-img_cz"
<div class="_mc_edit _scrollbar" :class="addShow==true?'edHeight':''"> ></el-button>
<p class="_tit">签证产品 </el-tooltip>
<span class="fr"> <el-tooltip
<button class="hollowFixedBtn" type="button" @click="cancelEdit()">{{$t('pub.cancelBtn')}}</button> effect="dark"
<button type="button" class="normalBtn" @click="saveVisa()">{{$t('pub.saveBtn')}}</button> content="签证列表"
</span> placement="top-start"
</p> v-if="item.VisaManagementId>0"
<el-form class="_info_box clearfix" :model="addMsg" :rules="rules" ref="addMsg" label-width="120px"> >
<el-row :gutter="20"> <el-button
<el-col :span="5"> type="primary"
<el-form-item label="产品名称" prop="Name" > @click="goUrlVisaList(item)"
<el-input v-model="addMsg.Name" placeholder="请输入" class="dateClass"></el-input> style="background:#47BF8C; border-color:#47BF8C"
</el-form-item> icon="iconfont icon-biaoge"
</el-col> ></el-button>
<el-col :span="5"> </el-tooltip>
<el-form-item label="类型" prop="VisaType"> <el-tooltip
<el-select v-model='addMsg.VisaType' @change='getVisaManagementList'> v-if="item.OrderNum>0&&msg.isFinacial==1"
<!-- <el-option label='不限' value='-1' key='-1'></el-option> --> effect="dark"
<el-option label='个签' value='1' key='1'></el-option> content="结算"
<el-option label='团签' value='2' key='2'></el-option> placement="top-start"
</el-select> >
</el-form-item> <el-button
</el-col> type="primary"
<!-- <el-col :span="4"> @click="goUrlJS(item)"
style="background:#5EBB64; border-color:#5EBB64"
icon="iconfont icon-qian"
></el-button>
</el-tooltip>
<el-tooltip
v-if="item.VisaStatus==1&&msg.isFinacial==1"
effect="dark"
content="下架"
placement="top-start"
>
<el-button
type="primary"
style="background:#F0A748; border-color:#F0A748"
icon="iconfont icon-xiajia1"
@click="updateVisaStatus(item)"
></el-button>
</el-tooltip>
<el-tooltip
v-if="item.VisaStatus==2&&item.SendVisaStatus==1&&msg.isFinacial==1"
effect="dark"
content="上架"
placement="top-start"
>
<el-button
type="primary"
style="background:#F0A748; border-color:#F0A748"
icon="iconfont icon-shangjia1"
@click="updateVisaStatus(item)"
></el-button>
</el-tooltip>
</el-button-group>
</td>
</tr>
<tr v-show="dataList.length==0">
<td v-show="dataList.length==0" colspan="10" align="center">暂无数据</td>
</tr>
</table>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="this.msg.pageSize"
:total="total"
></el-pagination>
<div class="_mc_edit _scrollbar" :class="addShow==true?'edHeight':''">
<p class="_tit">
签证产品
<span class="fr">
<button class="hollowFixedBtn" type="button" @click="cancelEdit()">{{$t('pub.cancelBtn')}}</button>
<button type="button" class="normalBtn" @click="saveVisa()">{{$t('pub.saveBtn')}}</button>
</span>
</p>
<el-form
class="_info_box clearfix"
:model="addMsg"
:rules="rules"
ref="addMsg"
label-width="120px"
>
<el-row :gutter="20">
<el-col :span="5">
<el-form-item label="产品名称" prop="Name">
<el-input v-model="addMsg.Name" placeholder="请输入" class="dateClass"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="类型" prop="VisaType">
<el-select v-model="addMsg.VisaType" @change="getVisaManagementList">
<!-- <el-option label='不限' value='-1' key='-1'></el-option> -->
<el-option label="个签" value="1" key="1"></el-option>
<el-option label="团签" value="2" key="2"></el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="4">
<el-form-item label="人数" prop="PeopleNum"> <el-form-item label="人数" prop="PeopleNum">
<el-input @keyup.native="checkInteger(addMsg,'PeopleNum')" v-model="addMsg.PeopleNum" placeholder="请输入" maxlength="20"></el-input> <el-input @keyup.native="checkInteger(addMsg,'PeopleNum')" v-model="addMsg.PeopleNum" placeholder="请输入" maxlength="20"></el-input>
</el-form-item> </el-form-item>
</el-col> --> </el-col>-->
<el-col :span="5"> <el-col :span="5">
<el-form-item label="成本价" prop="CostPrice"> <el-form-item label="成本价" prop="CostPrice">
<el-input v-model="addMsg.CostPrice" placeholder="请输入" maxlength="20"></el-input> <el-input v-model="addMsg.CostPrice" placeholder="请输入" maxlength="20"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="签证国家" prop="VisaManagementId"> <el-form-item label="签证国家" prop="VisaManagementId">
<el-select v-model='addMsg.VisaManagementId' class="dateClass"> <el-select v-model="addMsg.VisaManagementId" class="dateClass">
<el-option v-for='item in VisaManagementList' <el-option
:label='item.Name' v-for="item in VisaManagementList"
:value='item.Id' :label="item.Name"
:key='item.Id'> :value="item.Id"
</el-option> :key="item.Id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="5"> <el-col :span="5">
<el-form-item label="同业价" prop="VisaPrice"> <el-form-item label="同业价" prop="VisaPrice">
<el-input v-model="addMsg.VisaPrice" placeholder="请输入" maxlength="20"></el-input> <el-input v-model="addMsg.VisaPrice" placeholder="请输入" maxlength="20"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="直客价" prop="VisaB2CPrice"> <el-form-item label="直客价" prop="VisaB2CPrice">
<el-input v-model="addMsg.VisaB2CPrice" placeholder="请输入" maxlength="20"></el-input> <el-input v-model="addMsg.VisaB2CPrice" placeholder="请输入" maxlength="20"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="提成金额" prop="CommissionPrice" > <el-form-item label="提成金额" prop="CommissionPrice">
<el-input v-model="addMsg.CommissionPrice" placeholder="请输入"></el-input> <el-input v-model="addMsg.CommissionPrice" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="价格有效日期" prop="SendVisaDate"> <el-form-item label="价格有效日期" prop="SendVisaDate">
<el-date-picker v-model='addMsg.SendVisaDate' class="dateClass" value-format="yyyy-MM-dd" type="date" placeholder="请选择" ></el-date-picker> <el-date-picker
</el-form-item> v-model="addMsg.SendVisaDate"
</el-col> class="dateClass"
</el-row> value-format="yyyy-MM-dd"
</el-form> type="date"
</div> placeholder="请选择"
></el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return{ return {
uploadTCID:0, uploadTCID: 0,
defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"', defaultImg:
companyList: [], 'this.src="' + require("../../assets/img/litheader.png") + '"',
msg:{ companyList: [],
pageIndex:1, msg: {
pageSize:12, pageIndex: 1,
ProductName:'', pageSize: 12,
StartTime:'', ProductName: "",
EndTime:'', StartTime: "",
EmId:'-1', EndTime: "",
ProductID:0, EmId: "-1",
VisaStatus:'-1', ProductID: 0,
isFinacial:1, VisaStatus: "-1",
BranchId:'-1' isFinacial: 1,
}, BranchId: "-1"
addMsg:{ },
Id:0, addMsg: {
Name:'', Id: 0,
VisaType:'', Name: "",
SendVisaDate:'', VisaType: "",
VisaPrice:'', SendVisaDate: "",
PeopleNum:'0', VisaPrice: "",
CostPrice:'', PeopleNum: "0",
CommissionPrice:'', CostPrice: "",
VisaManagementId:'', CommissionPrice: "",
VisaB2CPrice: '' VisaManagementId: "",
}, VisaB2CPrice: ""
rules:{ },
Name:[{required: true, message: "请输入产品名称", trigger: "blur"}], rules: {
customerName:[{required: true, message: "请输入客户名", trigger: "blur"}], Name: [{ required: true, message: "请输入产品名称", trigger: "blur" }],
VisaPrice:[ customerName: [
{required: true, message: "请输入同业价", trigger: "blur"}, { required: true, message: "请输入客户名", trigger: "blur" }
{pattern: this.$commonUtils.Regex.el_Isdecimal, message: "请输入同业价" } ],
], VisaPrice: [
VisaB2CPrice:[ { required: true, message: "请输入同业价", trigger: "blur" },
{required: true, message: "请输入直客价", trigger: "blur"}, {
{pattern: this.$commonUtils.Regex.el_Isdecimal, message: "请输入直客价" } pattern: this.$commonUtils.Regex.el_Isdecimal,
], message: "请输入同业价"
CostPrice:[ }
{required: true, message: "请输入成本价", trigger: "blur"}, ],
{ pattern: this.$commonUtils.Regex.el_Isdecimal, message: "请输入成本价" } VisaB2CPrice: [
], { required: true, message: "请输入直客价", trigger: "blur" },
VisaType:[{required: true, message: "请选择类型", trigger: "change"}], {
PeopleNum:[{required: true, message: "请输入人数", trigger: "blur"}], pattern: this.$commonUtils.Regex.el_Isdecimal,
CommissionPrice:[ message: "请输入直客价"
{required: true, message: "请输入提成金额", trigger: "blur"}, }
{pattern: this.$commonUtils.Regex.el_Isdecimal, message: "请输入提成金额" } ],
], CostPrice: [
SendVisaDate:[{required: true, message: "请输入价格有效期", trigger: "blur"}], { required: true, message: "请输入成本价", trigger: "blur" },
}, {
dataList:[], pattern: this.$commonUtils.Regex.el_Isdecimal,
EmployeeList:[], message: "请输入成本价"
loading:true, }
total: 0, ],
addShow:false, VisaType: [
currentPage: 1, { required: true, message: "请选择类型", trigger: "change" }
VisaManagementList:[], ],
} PeopleNum: [{ required: true, message: "请输入人数", trigger: "blur" }],
},methods:{ CommissionPrice: [
saveitem(tcid) { { required: true, message: "请输入提成金额", trigger: "blur" },
this.uploadTCID = tcid {
}, pattern: this.$commonUtils.Regex.el_Isdecimal,
message: "请输入提成金额"
}
],
SendVisaDate: [
{ required: true, message: "请输入价格有效期", trigger: "blur" }
]
},
dataList: [],
EmployeeList: [],
loading: true,
total: 0,
addShow: false,
currentPage: 1,
VisaManagementList: []
};
},
methods: {
saveitem(tcid) {
this.uploadTCID = tcid;
},
//上传 //上传
uploadImg(file) { uploadImg(file) {
let newArr = []; let newArr = [];
newArr.push(file.file); newArr.push(file.file);
let path = "/Upload/Temporary/"; let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => { this.UploadSelfFile(path, newArr, x => {
this.apipost( this.apipost(
"dmc_get_visa_UploadVisaAdvertisingImage", "dmc_get_visa_UploadVisaAdvertisingImage",
{ {
...@@ -344,199 +654,272 @@ export default { ...@@ -344,199 +654,272 @@ export default {
this.$message.error("上传失败"); this.$message.error("上传失败");
} }
} }
}) );
}); });
}, },
delUnpload: function (tcid, item) { delUnpload: function(tcid, item) {
this.$confirm('是否删除该广告图?', '提示', { this.$confirm("是否删除该广告图?", "提示", {
confirmButtonText: '确定', confirmButtonText: "确定",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning' type: "warning"
}).then(()=>{ }).then(() => {
this.apipost('dmc_get_visa_UploadVisaAdvertisingImage', { this.apipost(
"dmc_get_visa_UploadVisaAdvertisingImage",
{
Path: item.FullUrl, Path: item.FullUrl,
FileName: item.Name, FileName: item.Name,
Status: 2, Status: 2,
VId: tcid VId: tcid
}, res => { },
if (res.data.resultCode===1) { res => {
this.$message.success('删除成功') if (res.data.resultCode === 1) {
this.$message.success("删除成功");
this.getList(); this.getList();
} else { } else {
this.$message.error('删除失败') this.$message.error("删除失败");
} }
}) }
}) );
});
}, },
downloadFile: function (item) { downloadFile: function(item) {
let reg = /^http(s)?:\/\/(.*?)\// let reg = /^http(s)?:\/\/(.*?)\//;
this.downloadFileRename(item.FullUrl.replace(reg,''),item.Name); this.downloadFileRename(item.FullUrl.replace(reg, ""), item.Name);
}, },
getCompanyList() { getCompanyList() {
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
let RB_Group_id = userInfo.RB_Group_id; let RB_Group_id = userInfo.RB_Group_id;
let msg = { let msg = {
Status: 0, Status: 0,
is_show: 0, is_show: 0,
RB_Group_Id: RB_Group_id RB_Group_Id: RB_Group_id
} };
this.apipost('admin_get_BranchGetList', msg, res => { this.apipost(
if(res.data.resultCode == 1) { "admin_get_BranchGetList",
this.companyList = [{ msg,
Id: '-1', res => {
BName: '不限' if (res.data.resultCode == 1) {
}]; this.companyList = [
res.data.data.forEach(x => { {
var obj = { Id: "-1",
Id: '', BName: "不限"
BName: '' }
} ];
obj.Id = x.Id.toString(); res.data.data.forEach(x => {
obj.BName = x.BName; var obj = {
this.companyList.push(obj); Id: "",
}) BName: ""
} };
}, err => {}) obj.Id = x.Id.toString();
}, obj.BName = x.BName;
getVisaManagementList(){ // 获取签证管理 this.companyList.push(obj);
this.VisaManagementList=[] });
this.addMsg.VisaManagementId='' }
this.apipost('dmc_get_visa_GetVisaManagementList',{Status:-1,BranchId:-1,SignStatus:this.addMsg.VisaType},res=>{
if(res.data.resultCode==1){
this.VisaManagementList = res.data.data
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
goUrl(obj){
this.$router.push({ name: 'VisaProductOrder',query:{"id":obj.Id,"name":obj.Name,"sendDate":obj.SendVisaDate,"isShow":0,"EmId":"-1",blank:'y',tab:'详情'} })
},
goUrlVisaList(obj){
this.$router.push({ name: 'visaList2',query:{"id":obj.Id,blank:'y',tab:'签证列表'} })
},
goUrlJS(obj){
this.$router.push({ name: 'saleOrderSettlement',query:{"id":obj.Id,"branchId":obj.RB_Branch_Id,blank:'y',tab:'结算列表'} })
},
getList(){ // 获取列表数据
this.apipost('dmc_get_visa_GetVisaProductList',this.msg,res=>{
if(res.data.resultCode==0){
this.loading = false;
this.dataList=[]
}else{
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
this.loading = false;
}
},err=>{})
},
getDetail(obj){
this.addMsg.Id=obj.Id
this.apipost('dmc_get_visa_GetVisaProductInfo',{Pid:obj.Id},res=>{
if(res.data.resultCode == 1) {
this.addMsg.VisaType=res.data.data.VisaType.toString()
this.getVisaManagementList()
this.addMsg.VisaManagementId = res.data.data.VisaManagementId
this.addMsg.Name=res.data.data.Name
this.addMsg.SendVisaDate=res.data.data.SendVisaDate
if(res.data.data.CostPrice){
this.addMsg.CostPrice=res.data.data.CostPrice.toString()
}
else{
this.addMsg.CostPrice=''
}
this.addMsg.VisaPrice=res.data.data.VisaPrice.toString()
this.addMsg.VisaB2CPrice=res.data.data.VisaB2CPrice.toString()
// this.addMsg.PeopleNum=res.data.data.PeopleNum.toString()
this.addMsg.CommissionPrice=res.data.data.CommissionPrice.toString()
this.addShow=true;
}else{
console.log(res.data.message)
}
},err=>{})
},
updateVisaStatus(obj){
this.addMsg.Id=obj.Id
this.apipost('dmc_post_visa_SetVisaProductStatus',{Pid:obj.Id},res=>{
if(res.data.resultCode == 1) {
this.addShow=false
this.getList()
this.$message.success(res.data.message)
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
getEmployeeList(){ // 获取人
this.apipost('admin_get_GetEmployeeByUserDepartmentId',{},res=>{
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
}else{
this.$message.error(res.data.message)
}
},err=>{})
}, },
saveVisa(){ // 保存 err => {}
this.$refs['addMsg'].validate((valid) => { );
if (valid) { },
this.addMsg.VisaManagementId==''?'0':this.addMsg.VisaManagementId getVisaManagementList() {
this.apipost('dmc_post_visa_SetVisaProduct',this.addMsg,res=>{ // 获取签证管理
if(res.data.resultCode==1){ this.VisaManagementList = [];
this.addMsg={ this.addMsg.VisaManagementId = "";
Id:0, this.apipost(
Name:'', "dmc_get_visa_GetVisaManagementList",
VisaType:'', { Status: -1, BranchId: -1, SignStatus: this.addMsg.VisaType },
SendVisaDate:'', res => {
VisaPrice:'', if (res.data.resultCode == 1) {
PeopleNum:'0', this.VisaManagementList = res.data.data;
CostPrice:'', } else {
CommissionPrice:'', this.$message.error(res.data.message);
} }
this.$message.success(res.data.message)
this.addShow=false
this.getList()
}else{
this.$message.error(res.data.message)
}
},err=>{})
} else {
return false;
}
});
}, },
cancelEdit(){ // 取消新增 err => {}
this.addShow=false );
this.addMsg={ },
Id:0,
Name:'', goUrl(obj) {
VisaType:'', this.$router.push({
SendVisaDate:'', name: "VisaProductOrder",
VisaPrice:'', query: {
PeopleNum:'0', id: obj.Id,
CostPrice:'', name: obj.Name,
CommissionPrice:'', sendDate: obj.SendVisaDate,
VisaManagementId:'' isShow: 0,
} EmId: "-1",
this.resetForm('addMsg') blank: "y",
tab: "详情"
}
});
},
goUrlVisaList(obj) {
this.$router.push({
name: "visaList2",
query: { id: obj.Id, blank: "y", tab: "签证列表" }
});
},
goUrlJS(obj) {
this.$router.push({
name: "saleOrderSettlement",
query: {
id: obj.Id,
branchId: obj.RB_Branch_Id,
blank: "y",
tab: "结算列表"
}
});
},
getList() {
// 获取列表数据
this.apipost(
"dmc_get_visa_GetVisaProductList",
this.msg,
res => {
if (res.data.resultCode == 0) {
this.loading = false;
this.dataList = [];
} else {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
this.loading = false;
}
}, },
resetForm(formName) { // 重置表单 err => {}
this.$refs[formName].resetFields(); );
},
getDetail(obj) {
this.addMsg.Id = obj.Id;
this.apipost(
"dmc_get_visa_GetVisaProductInfo",
{ Pid: obj.Id },
res => {
if (res.data.resultCode == 1) {
this.addMsg.VisaType = res.data.data.VisaType.toString();
this.getVisaManagementList();
this.addMsg.VisaManagementId = res.data.data.VisaManagementId;
this.addMsg.Name = res.data.data.Name;
this.addMsg.SendVisaDate = res.data.data.SendVisaDate;
if (res.data.data.CostPrice) {
this.addMsg.CostPrice = res.data.data.CostPrice.toString();
} else {
this.addMsg.CostPrice = "";
}
this.addMsg.VisaPrice = res.data.data.VisaPrice.toString();
this.addMsg.VisaB2CPrice = res.data.data.VisaB2CPrice.toString();
// this.addMsg.PeopleNum=res.data.data.PeopleNum.toString()
this.addMsg.CommissionPrice = res.data.data.CommissionPrice.toString();
this.addShow = true;
} else {
console.log(res.data.message);
}
}, },
handleCurrentChange(val) { err => {}
this.msg.pageIndex = val; );
},
updateVisaStatus(obj) {
this.addMsg.Id = obj.Id;
this.apipost(
"dmc_post_visa_SetVisaProductStatus",
{ Pid: obj.Id },
res => {
if (res.data.resultCode == 1) {
this.addShow = false;
this.getList(); this.getList();
this.$message.success(res.data.message);
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
},
getEmployeeList() {
// 获取人
this.apipost(
"admin_get_GetEmployeeByUserDepartmentId",
{},
res => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
} else {
this.$message.error(res.data.message);
}
}, },
},mounted(){ err => {}
this.userId=this.getLocalStorage().EmployeeId );
this.msg.BranchId = this.getLocalStorage().RB_Branch_id.toString() },
this.msg.ProductID=this.$route.query.VisaID saveVisa() {
this.msg.isFinacial=this.$route.query.isFinacial!=undefined?this.$route.query.isFinacial:1 // 保存
this.getList() this.$refs["addMsg"].validate(valid => {
this.getCompanyList() if (valid) {
this.getEmployeeList(); this.addMsg.VisaManagementId == ""
? "0"
: this.addMsg.VisaManagementId;
this.apipost(
"dmc_post_visa_SetVisaProduct",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.addMsg = {
Id: 0,
Name: "",
VisaType: "",
SendVisaDate: "",
VisaPrice: "",
PeopleNum: "0",
CostPrice: "",
CommissionPrice: ""
};
this.$message.success(res.data.message);
this.addShow = false;
this.getList();
} else {
this.$message.error(res.data.message);
}
},
err => {}
);
} else {
return false;
}
});
},
cancelEdit() {
// 取消新增
this.addShow = false;
this.addMsg = {
Id: 0,
Name: "",
VisaType: "",
SendVisaDate: "",
VisaPrice: "",
PeopleNum: "0",
CostPrice: "",
CommissionPrice: "",
VisaManagementId: ""
};
this.resetForm("addMsg");
},
resetForm(formName) {
// 重置表单
this.$refs[formName].resetFields();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
} }
} },
mounted() {
this.userId = this.getLocalStorage().EmployeeId;
this.msg.BranchId = this.getLocalStorage().RB_Branch_id.toString();
this.msg.ProductID = this.$route.query.VisaID;
this.msg.isFinacial =
this.$route.query.isFinacial != undefined
? this.$route.query.isFinacial
: 1;
this.getList();
this.getCompanyList();
this.getEmployeeList();
}
};
</script> </script>
src/components/leaderPay2.vue
View file @ 4ef1e612
...@@ -31,20 +31,8 @@ ...@@ -31,20 +31,8 @@
text-align: left; text-align: left;
padding: 0 10px; padding: 0 10px;
} }
.LeaderPrintDiv .printBtn{
color: #fff;
padding: 0 15px;
height: 30px;
background: #E95252;
border: 1px solid #E95252;
cursor: pointer;
border-radius: 15px;
position: fixed;
right:50px;
top:30px;
}
@media print{ @media print{
.LeaderPrintDiv .printBtn{display:none} .LeaderPrintDiv .btnListDiv{display:none}
} }
.comTotal{ .comTotal{
text-align:left; text-align:left;
...@@ -58,6 +46,22 @@ ...@@ -58,6 +46,22 @@
width:1000px; width:1000px;
margin:0 auto; margin:0 auto;
} }
.wLeader2 .el-textarea__inner{
height:130px;
}
.LeaderPrintDiv .btnListDiv{
margin:20px auto;
text-align: center;
}
.LeaderPrintDiv .leader2Btn{
color: #fff;
padding: 0 15px;
height: 30px;
background: #E95252;
border: 1px solid #E95252;
cursor: pointer;
border-radius: 15px;
}
</style> </style>
<template> <template>
...@@ -65,10 +69,10 @@ ...@@ -65,10 +69,10 @@
<div class="childDiv"> <div class="childDiv">
<table border="0" cellspacing='1' class="leaderPayTable"> <table border="0" cellspacing='1' class="leaderPayTable">
<tr> <tr>
<th width="8%">出发地</th> <th width="110">出发地</th>
<th width="30%">行程名称</th> <th width="290">行程名称</th>
<th width="15%">团号</th> <th width="13%">团号</th>
<th width="15%">出发时间</th> <th width="13%">出发时间</th>
<th width="8%">天数</th> <th width="8%">天数</th>
<th width="8%">出团人数</th> <th width="8%">出团人数</th>
<th width="8%">领队</th> <th width="8%">领队</th>
...@@ -115,15 +119,16 @@ ...@@ -115,15 +119,16 @@
</td> </td>
</tr> </tr>
</template> </template>
<tr v-if="dataList.ScenicList.length>0"> <!-- <tr v-if="dataList.ScenicList.length>0">
<td class="comTotal" colspan="4">合计：{{totalScenicPrice}}</td> <td class="comTotal" colspan="4">合计：{{totalScenicPrice}}</td>
</tr> </tr> -->
<tr v-for="(item,index) in dataList.BusList"> <tr v-for="(item,index) in dataList.BusList">
<td v-if="index==0" :rowspan="dataList.BusList.length">交通</td> <td v-if="index==0" :rowspan="dataList.BusList.length">交通</td>
<td> <td>
<span v-if='index==0'>接机</span> {{item.ParkExplain}}
<!-- <span v-if='index==0'>接机</span>
<span v-if='index!=0&&index!=dataList.BusList.length-1'>{{item.AirportPickUpStr}}</span> <span v-if='index!=0&&index!=dataList.BusList.length-1'>{{item.AirportPickUpStr}}</span>
<span v-if='index==dataList.BusList.length-1'>送机</span> <span v-if='index==dataList.BusList.length-1'>送机</span> -->
</td> </td>
<td> <td>
{{item.TotalPrice}} {{item.CurrencyStr}} {{item.TotalPrice}} {{item.CurrencyStr}}
...@@ -132,9 +137,9 @@ ...@@ -132,9 +137,9 @@
{{item.Remarks}} {{item.Remarks}}
</td> </td>
</tr> </tr>
<tr v-if="dataList.BusList.length>0"> <!-- <tr v-if="dataList.BusList.length>0">
<td class="comTotal" colspan="4">合计：{{totalTrafficPrice}}</td> <td class="comTotal" colspan="4">合计：{{totalTrafficPrice}}</td>
</tr> </tr> -->
<template v-for='(item,index) in dataList.DiningList'> <template v-for='(item,index) in dataList.DiningList'>
<tr class="splitP ScenicTr"> <tr class="splitP ScenicTr">
<td v-if="index==0" :rowspan="dataList.DiningList.length">餐饮</td> <td v-if="index==0" :rowspan="dataList.DiningList.length">餐饮</td>
...@@ -155,9 +160,9 @@ ...@@ -155,9 +160,9 @@
</td> </td>
</tr> </tr>
</template> </template>
<tr v-if="dataList.DiningList.length>0"> <!-- <tr v-if="dataList.DiningList.length>0">
<td class="comTotal" colspan="4">合计：{{totalDinnerPrice}}</td> <td class="comTotal" colspan="4">合计：{{totalDinnerPrice}}</td>
</tr> </tr> -->
<template v-for='(item,index) in dataList.HotelList'> <template v-for='(item,index) in dataList.HotelList'>
<tr> <tr>
<td v-if="index==0" :rowspan="dataList.HotelList.length">酒店</td> <td v-if="index==0" :rowspan="dataList.HotelList.length">酒店</td>
...@@ -168,15 +173,62 @@ ...@@ -168,15 +173,62 @@
<td>{{item.Remarks}}</td> <td>{{item.Remarks}}</td>
</tr> </tr>
</template> </template>
<tr v-if="dataList.HotelList.length>0"> <!-- <tr v-if="dataList.HotelList.length>0">
<td class="comTotal" colspan="4">合计：{{totalHotelPrice}}</td> <td class="comTotal" colspan="4">合计：{{totalHotelPrice}}</td>
</tr> </tr>
<tr> <tr>
<td colspan="4">总计：{{allTotal}}</td> <td colspan="4">总计：{{allTotal}}</td>
</tr> </tr> -->
</tbody> </tbody>
</table> </table>
<input type="button" class="printBtn" value="打印" @click="printTable()"> <table border="0" cellspacing='1' class="leaderPayTable">
<tr>
<th>类型</th>
<th>金额</th>
</tr>
<tr v-show="totalList.PlanTotalPrice>0">
<td>领取团款</td>
<td>{{totalList.PlanTotalPrice}}</td>
</tr>
<tr v-show="totalList.SelfPayingExpendTotalPrice>0">
<td>自费支出</td>
<td>{{totalList.SelfPayingExpendTotalPrice}}</td>
</tr>
<tr v-show="totalList.SelfPayingIncomeTotalPrice>0">
<td>自费收入</td>
<td>{{totalList.SelfPayingIncomeTotalPrice}}</td>
</tr>
<tr v-show="totalList.IncomeTotalPrice>0">
<td>消费收入</td>
<td>{{totalList.IncomeTotalPrice}}</td>
</tr>
<tr v-show="(totalList.ExpendTotalPrice-totalScenicPrice-totalTrafficPrice-totalDinnerPrice-totalHotelPrice)>0">
<td>其他费用</td>
<td>{{totalList.ExpendTotalPrice-totalScenicPrice-totalTrafficPrice-totalDinnerPrice-totalHotelPrice}}</td>
</tr>
<tr v-show="totalScenicPrice>0">
<td>景点门票</td>
<td>{{totalScenicPrice}}</td>
</tr>
<tr v-show="totalTrafficPrice>0">
<td>交通</td>
<td>{{totalTrafficPrice}}</td>
</tr>
<tr v-show="totalDinnerPrice>0">
<td>餐饮</td>
<td>{{totalDinnerPrice}}</td>
</tr>
<tr v-show="totalHotelPrice>0">
<td>酒店</td>
<td>{{totalHotelPrice}}</td>
</tr>
</table>
<el-input type="textarea" v-if="isShowRemark" placeholder="请输入备注信息" v-model="dataList.LeaderApply.AccountForReason" class="wLeader2"/>
<div class="btnListDiv">
<input type="button" class="leader2Btn" @click="AuditOrder(2)" value="审核通过"/>
<input type="button" class="leader2Btn" @click="AuditOrder(1)" value="审核不通过"/>
<input type="button" class="leader2Btn" value="打印" @click="printTable()">
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -200,8 +252,10 @@ export default { ...@@ -200,8 +252,10 @@ export default {
totalHotelPrice:0, totalHotelPrice:0,
//合计交通 //合计交通
totalTrafficPrice:0, totalTrafficPrice:0,
allTotal:0, allTotal:0,
totalList:[],
isShowRemark:false,
} }
}, },
methods: { methods: {
...@@ -225,6 +279,7 @@ export default { ...@@ -225,6 +279,7 @@ export default {
this.totalDinnerPrice+= parseFloat(x.DiningSummaryList[0].TotalPrice); this.totalDinnerPrice+= parseFloat(x.DiningSummaryList[0].TotalPrice);
}) })
this.allTotal = (this.totalHotelPrice+this.totalTrafficPrice+this.totalScenicPrice+this.totalDinnerPrice).toFixed(2); this.allTotal = (this.totalHotelPrice+this.totalTrafficPrice+this.totalScenicPrice+this.totalDinnerPrice).toFixed(2);
this.isShowRemark=true;
} else { } else {
this.Error(res.data.message) this.Error(res.data.message)
} }
...@@ -253,6 +308,35 @@ export default { ...@@ -253,6 +308,35 @@ export default {
//打印 //打印
printTable(){ printTable(){
window.print(); window.print();
},
//获取总额
getTotalMoney(){
this.apipost('dmcstatistics_post_GetTotalPrice', {
TCIDs: this.$route.query.id
}, res => {
if (res.data.resultCode == 1) {
this.totalList = res.data.data;
} else {
this.Error(res.data.message)
}
}, err => {})
},
//审核
AuditOrder(type){
if(type==1&&(this.dataList.LeaderApply.AccountForReason==null||this.dataList.LeaderApply.AccountForReason=='')){
this.Error('请填写备注信息');
return;
}
this.dataList.LeaderApply.Status=type;
let msg = this.dataList.LeaderApply;
this.apipost('dmcstatistics_post_AuditLeaderapply',msg, res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
}, err => {})
} }
}, },
created() { created() {
...@@ -263,6 +347,7 @@ export default { ...@@ -263,6 +347,7 @@ export default {
this.msg.TCIDs = this.$route.query.id; this.msg.TCIDs = this.$route.query.id;
this.getNav(); this.getNav();
this.getList(); this.getList();
this.getTotalMoney();
}, },
} }
</script> </script>
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