Commit eff86d86 authored by 黄奎's avatar 黄奎

页面修改

parent 8d28e487
...@@ -321,11 +321,6 @@ ...@@ -321,11 +321,6 @@
<el-input class='w220' v-model='msg.Name' :placeholder="$t('pub.pleaseImport')"></el-input> <el-input class='w220' v-model='msg.Name' :placeholder="$t('pub.pleaseImport')"></el-input>
</span> </span>
</li> </li>
<!-- <li>
<span>
<em>送签日期</em><el-date-picker v-model='msg.SendStartDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>-<el-date-picker v-model='msg.SendEndDate' class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
</span>
</li> -->
<li> <li>
<span> <span>
<em>订单状态</em> <em>订单状态</em>
......
<style scoped> <style scoped>
.row { .row {
display: flex; display: flex;
} }
.row-c { .row-c {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.column { .column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.column-jac { .column-jac {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.column-ac { .column-ac {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.wrap { .wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.justify-sb { .justify-sb {
justify-content: space-between; justify-content: space-between;
} }
.justify-c { .justify-c {
justify-content: center; justify-content: center;
} }
.justify-e { .justify-e {
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
} }
.flex-g { .flex-g {
flex-grow: 1; flex-grow: 1;
} }
.flex-s { .flex-s {
flex-shrink: 0; flex-shrink: 0;
} }
.align-c { .align-c {
align-items: center; align-items: center;
} }
.cblack { .cblack {
color: black; color: black;
} }
.cf { .cf {
color: #ffffff; color: #ffffff;
} }
.c9e { .c9e {
color: #9e9e9e; color: #9e9e9e;
} }
.c20C997 { .c20C997 {
color: #20c997; color: #20c997;
} }
.c02C854 { .c02C854 {
color: #02c854; color: #02c854;
} }
.cff9800 { .cff9800 {
color: #ff9800; color: #ff9800;
} }
.cF1416C { .cF1416C {
color: #f1416c; color: #f1416c;
} }
.cF57A98 { .cF57A98 {
color: #f57a98; color: #f57a98;
} }
.c04C8C8 { .c04C8C8 {
color: #04c8c8; color: #04c8c8;
} }
.c059FF6 { .c059FF6 {
color: #059ff6; color: #059ff6;
} }
.c3FC4FF { .c3FC4FF {
color: #3fc4ff; color: #3fc4ff;
} }
.fz10 { .fz10 {
font-size: 10px; font-size: 10px;
} }
.fz11 { .fz11 {
font-size: 11px; font-size: 11px;
} }
.fz12 { .fz12 {
font-size: 12px; font-size: 12px;
} }
.fz13 { .fz13 {
font-size: 13px; font-size: 13px;
} }
.fz14 { .fz14 {
font-size: 14px; font-size: 14px;
} }
.fz15 { .fz15 {
font-size: 15px; font-size: 15px;
} }
.fz16 { .fz16 {
font-size: 16px; font-size: 16px;
} }
.fz17 { .fz17 {
font-size: 17px; font-size: 17px;
} }
.fz18 { .fz18 {
font-size: 18px; font-size: 18px;
} }
.fbold { .fbold {
font-weight: bold; font-weight: bold;
} }
.ml { .ml {
margin-left: 10px; margin-left: 10px;
} }
.mr {
margin-right: 10px;
}
.mt {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mb {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mx {
margin-left: 10px;
margin-right: 10px;
}
.mx5 {
margin-left: 5px;
margin-right: 5px;
}
.mb5 {
margin-bottom: 5px;
}
.py {
padding: 15px 0;
}
.py5 {
padding: 5px 0;
}
.px5 {
padding: 0 5px;
}
.px15 {
padding: 0 15px;
}
.pa15 {
padding: 15px;
}
.py20 {
padding: 20px 0;
}
.pb5 {
padding: 0 0 5px 0;
}
.pa {
padding: 10px 20px;
}
.pa20 {
padding: 20px;
}
.pt20 {
padding: 20px 0;
}
.borderD {
border-bottom: 1px dashed #dddddd;
}
.bgf {
background: #ffffff;
}
.bgf5 {
background: #f5f5f5;
}
.bgE8F5E9 {
background: #e8f5e9;
}
.bgD9F3FF {
background: #d9f3ff;
}
.bgFAEAED {
background: #faeaed;
}
.bj {
background: #ffffff;
}
.bjFFF3E0 {
background: #FFF3E0;
}
.radius5 {
border-radius: 5px;
}
.cursor-pointer {
cursor: pointer;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.left0 {
left: 0;
}
.right0 {
right: 0;
}
.top0 {
top: 0;
}
.bottom0 {
bottom: 0;
}
.left20 {
left: 020px;
}
.right20 {
right: 20px;
}
.top20 {
top: 20px;
}
.bottom20 {
bottom: 20px;
}
.text-center {
text-align: center;
}
.orderType {
padding: 3px 15px;
border-radius: 3px;
background: #f57a98;
margin-right: 15px;
}
.orderType.active {
background: #4dd0e1;
}
.orderType.activeNo {
background: #E95252;
}
.copy {
display: inline-block;
padding: 3px 15px;
border-radius: 3px;
margin-left: 20px;
}
.copy:hover {
background: #f5f5f5;
}
.see-rec div {
padding: 1px 5px;
border-radius: 3px;
}
.see {
border: 1px solid #04c8c8;
}
.seeLK {
border: 1px solid #059ff6;
}
.see:hover {
background-color: rgba(4, 200, 200, 0.1);
}
.rec {
border: 1px solid #04c8c8;
background-color: rgba(4, 200, 200, 1);
}
.rec:hover {
border: 1px solid rgba(4, 200, 200, 0.9);
background-color: rgba(4, 200, 200, 0.9);
}
.cancel:hover {
background-color: #f3dce2;
}
.confirm:hover {
background-color: #dcedc8;
}
.change:hover {
background-color: #d7e9f3;
}
.change1:hover {
background-color: #dcedc8;
}
.orderop {
text-align: center;
}
.orderop div {
display: flex;
justify-content: center;
padding: 0 10px;
margin: 5px 0;
}
.RoomList div {
border-bottom: 1px solid #e7e7e7;
}
.RoomList div:last-child {
border: 0;
}
.el-table {
font-size: 13px;
}
.shezhifrom {
position: relative;
}
.shebox {
position: absolute;
top: 0;
left: -100px;
display: none;
}
.shezhifrom:hover .shebox {
display: block;
}
.flexOne-form-bj h3 {
font-size: 18px;
color: black;
padding: 0 0 20px 0;
font-weight: 400;
}
.flexOne-type {
display: flex;
align-items: center;
padding: 0 0 20px 0;
}
.flexOne-type b {
font-size: 13px;
width: 100px;
flex-shrink: 0;
}
.flexOne-type div {
display: flex;
}
.flexOne-description {
padding: 15px 15px;
border-radius: 5px;
background: #E1F5FE;
margin-bottom: 20px;
}
.mr { .flexOne-description b {
margin-right: 10px; font-size: 14px;
} }
.mt { .flexOne-description p {
margin-top: 10px; font-size: 12px;
} color: #4C5759;
padding: 10px 0 0 0;
}
.mt20 { .flexOne-infor-box b {
margin-top: 20px; font-size: 13px;
} }
.mb { .infor-list {
margin-bottom: 10px; display: flex;
} flex-direction: column;
}
.list-title {
padding: 20px 0;
border-bottom: 1px dashed #eeeeee;
color: #7E8299;
font-size: 13px;
}
.list-title,
.list-centent {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.mb20 { .infor-list li {
margin-bottom: 20px; width: 25%;
} }
.mx { .list-centent li {
margin-left: 10px; width: 33.33%;
margin-right: 10px; }
}
.mx5 {
margin-left: 5px;
margin-right: 5px;
}
.mb5 { .list-centent.active li {
margin-bottom: 5px; width: 25%;
} }
.py { /deep/.el-table tr td:first-child {
padding: 15px 0; /* border-bottom: 0; */
} }
.py5 { /deep/.el-table tr:last-child td {
padding: 5px 0; border-bottom: 1px solid #EBEEF5;
}
.px5 { }
padding: 0 5px;
}
.px15 { /deep/.el-table tr td {
padding: 0 15px; border-bottom: 1px solid #EBEEF5;
}
.pa15 { }
padding: 15px;
}
.py20 { /deep/.el-table .el-table__cell {
padding: 20px 0; padding: 5px 0;
} }
.pb5 {
padding: 0 0 5px 0;
}
.pa {
padding: 10px 20px;
}
.pa20 {
padding: 20px;
}
.pt20 {
padding: 20px 0;
}
.borderD {
border-bottom: 1px dashed #dddddd;
}
.bgf {
background: #ffffff;
}
.bgf5 {
background: #f5f5f5;
}
.bgE8F5E9 {
background: #e8f5e9;
}
.bgD9F3FF {
background: #d9f3ff;
}
.bgFAEAED {
background: #faeaed;
}
.bj {
background: #ffffff;
}
.bjFFF3E0 {
background: #FFF3E0;
}
.radius5 {
border-radius: 5px;
}
.cursor-pointer {
cursor: pointer;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.left0 {
left: 0;
}
.right0 {
right: 0;
}
.top0 {
top: 0;
}
.bottom0 {
bottom: 0;
}
.left20 {
left: 020px;
}
.right20 {
right: 20px;
}
.top20 {
top: 20px;
}
.bottom20 {
bottom: 20px;
}
.text-center {
text-align: center;
}
.orderType {
padding: 3px 15px;
border-radius: 3px;
background: #f57a98;
margin-right: 15px;
}
.orderType.active {
background: #4dd0e1;
}
.orderType.activeNo {
background: #E95252;
}
.copy {
display: inline-block;
padding: 3px 15px;
border-radius: 3px;
margin-left: 20px;
}
.copy:hover {
background: #f5f5f5;
}
.see-rec div {
padding: 1px 5px;
border-radius: 3px;
}
.see {
border: 1px solid #04c8c8;
}
.seeLK {
border: 1px solid #059ff6;
}
.see:hover {
background-color: rgba(4, 200, 200, 0.1);
}
.rec {
border: 1px solid #04c8c8;
background-color: rgba(4, 200, 200, 1);
}
.rec:hover {
border: 1px solid rgba(4, 200, 200, 0.9);
background-color: rgba(4, 200, 200, 0.9);
}
.cancel:hover {
background-color: #f3dce2;
}
.confirm:hover {
background-color: #dcedc8;
}
.change:hover {
background-color: #d7e9f3;
}
.change1:hover {
background-color: #dcedc8;
}
.orderop {
text-align: center;
}
.orderop div {
display: flex;
justify-content: center;
padding: 0 10px;
margin: 5px 0;
}
.RoomList div {
border-bottom: 1px solid #e7e7e7;
}
.RoomList div:last-child {
border: 0;
}
.el-table {
font-size: 13px;
}
.shezhifrom {
position: relative;
}
.shebox {
position: absolute;
top: 0;
left: -100px;
display: none;
}
.shezhifrom:hover .shebox {
display: block;
}
.flexOne-form-bj h3 {
font-size: 18px;
color: black;
padding: 0 0 20px 0;
font-weight: 400;
}
.flexOne-type {
display: flex;
align-items: center;
padding: 0 0 20px 0;
}
.flexOne-type b {
font-size: 13px;
width: 100px;
flex-shrink: 0;
}
.flexOne-type div {
display: flex;
}
.flexOne-description {
padding: 15px 15px;
border-radius: 5px;
background: #E1F5FE;
margin-bottom: 20px;
}
.flexOne-description b {
font-size: 14px;
}
.flexOne-description p {
font-size: 12px;
color: #4C5759;
padding: 10px 0 0 0;
}
.flexOne-infor-box b {
font-size: 13px;
}
.infor-list {
display: flex;
flex-direction: column;
}
.list-title {
padding: 20px 0;
border-bottom: 1px dashed #eeeeee;
color: #7E8299;
font-size: 13px;
}
.list-title,
.list-centent {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.infor-list li {
width: 25%;
}
.list-centent li {
width: 33.33%;
}
.list-centent.active li {
width: 25%;
}
/deep/.el-table tr td:first-child {
/* border-bottom: 0; */
}
/deep/.el-table tr:last-child td {
border-bottom: 1px solid #EBEEF5;
}
/deep/.el-table tr td {
border-bottom: 1px solid #EBEEF5;
}
/deep/.el-table .el-table__cell{
padding: 5px 0;
}
</style> </style>
<template> <template>
<div> <div>
<div style="text-align: right;position: fixed;top: 62px; right: 89px;"> <div style="text-align: right;position: fixed;top: 62px; right: 89px;">
<el-button class="hollowFixedBtn" v-if="IsSupperOrderEdit&&pagesTitle!='销售'" @click="setCompleted" <el-button class="hollowFixedBtn" v-if="IsSupperOrderEdit&&pagesTitle!='销售'" @click="setCompleted"
:loading="CompletedLoading">一键完结</el-button> :loading="CompletedLoading">一键完结</el-button>
</div> </div>
<el-table <el-table ref="multipleTable" :data="OrderList" tooltip-effect="dark" style="width: 100%" row-key="id"
ref="multipleTable" @selection-change="handleSelectionChange">
:data="OrderList" <el-table-column type="selection" :selectable="selectable" :reserve-selection="true"
tooltip-effect="dark" v-if="IsSupperOrderEdit&&pagesTitle!='销售'">
style="width: 100%" </el-table-column>
row-key="id" <el-table-column :label="IsSupperOrderEdit&&pagesTitle!='销售'?'全选':''">
@selection-change="handleSelectionChange" <template slot-scope="scope">
> <div class="row-c justify-sb align-c py">
<el-table-column <div class="row-c">
type="selection" <div>
:selectable="selectable" <div class="orderType cf fz12"
:reserve-selection="true" v-if="IsSupperOrderEdit&&pagesTitle!='销售'"/> :class="{ active: scope.row.visaOrderStatus == 1,activeNo: scope.row.visaOrderStatus == 2 }">
</el-table-column> <template v-if="scope.row.visaOrderStatus == 1">正常</template>
<el-table-column <template v-else-if="scope.row.visaOrderStatus == 3">待付款</template>
:label="IsSupperOrderEdit&&pagesTitle!='销售'?'全选':''"> <template v-else-if="scope.row.visaOrderStatus == 2">取消</template>
<template slot-scope="scope">
<div class="row-c justify-sb align-c py">
<div class="row-c">
<div>
<div class="orderType cf fz12" :class="{ active: scope.row.visaOrderStatus == 1,activeNo: scope.row.visaOrderStatus == 2 }">
<template v-if="scope.row.visaOrderStatus == 1">正常</template>
<template v-else-if="scope.row.visaOrderStatus == 3">待付款</template>
<template v-else-if="scope.row.visaOrderStatus == 2">取消</template>
</div>
</div>
<div class="cblack fz14 mr" :class="{ cF1416C: scope.row.isFinish == 0,c20C997: scope.row.isFinish == 1 }">
<template v-if="scope.row.isFinish == 1">
已完结 <template v-if="scope.row.finishTime">/ {{scope.row.finishTime}}</template>
</template>
<template v-else>
未完结
</template>
</div>
<div class="c9e fz12">
<span>{{$t('fnc.danhao')}}:</span>
<span>{{scope.row.visaTCNUM}}({{scope.row.id}})</span>
<span class="copy cblack cursor-pointer" v-if="copyId != scope.row.id" @click="CopyHandler(scope.row)">复制</span>
<span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else><i class="el-icon-check mr"></i>已复制</span>
</div>
</div> </div>
<div class="row c9e fz12">
<div class="row-c">
<span class="mr" v-if="scope.row.lureEmpName">引流人:{{ scope.row.lureEmpName }}</span>
<template v-if="scope.row.createName">
<span class="mr">创建人:</span>
<span class="mr">{{ scope.row.createName }}</span>
<el-image class="mr" v-if="scope.row.createPhoto"
style="width: 20px; height: 20px;border-radius: 50%;"
:src="scope.row.createPhoto"
:preview-src-list="[scope.row.createPhoto]">
</el-image>
</template>
</div>
<span>下单时间:</span>
<span>{{ scope.row.createTime }}</span>
</div>
</div> </div>
<div class="mb"> <div class="cblack fz14 mr"
<el-table :data="[scope.row]" style="width:100%" border> :class="{ cF1416C: scope.row.isFinish == 0,c20C997: scope.row.isFinish == 1 }">
<el-table-column label="公司" min-width="100" style="background:#EAEAEA"> <template v-if="scope.row.isFinish == 1">
<template slot-scope="scope"> 已完结 <template v-if="scope.row.finishTime">/ {{scope.row.finishTime}}</template>
<template> </template>
{{ scope.row.outBranchName }} <template v-else>
</template> 未完结
</template> </template>
</el-table-column> </div>
<el-table-column label="产品名称" min-width="100" style="background:#EAEAEA"> <div class="c9e fz12">
<template slot-scope="scope"> <span>{{$t('fnc.danhao')}}:</span>
<template> <span>{{scope.row.visaTCNUM}}({{scope.row.id}})</span>
{{ scope.row.name }} <span class="copy cblack cursor-pointer" v-if="copyId != scope.row.id"
</template> @click="CopyHandler(scope.row)">复制</span>
</template> <span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else><i class="el-icon-check mr"></i>已复制</span>
</el-table-column> </div>
<el-table-column label="OP" prop="opEmName" min-width="100" style="background:#EAEAEA"></el-table-column> </div>
<el-table-column label="出发日期" min-width="100" style="background:#EAEAEA"> <div class="row c9e fz12">
<template slot-scope="scope"> <div class="row-c">
<template> <span class="mr" v-if="scope.row.lureEmpName">引流人:{{ scope.row.lureEmpName }}</span>
{{ scope.row.departDate?scope.row.departDate:'-' }} <template v-if="scope.row.createName">
</template> <span class="mr">创建人:</span>
</template> <span class="mr">{{ scope.row.createName }}</span>
</el-table-column> <el-image class="mr" v-if="scope.row.createPhoto"
<el-table-column label="截止日期" min-width="100" style="background:#EAEAEA"> style="width: 20px; height: 20px;border-radius: 50%;" :src="scope.row.createPhoto"
<template slot-scope="scope"> :preview-src-list="[scope.row.createPhoto]">
<template> </el-image>
{{ scope.row.sendStartDate }} </template>
</template> </div>
</template>
</el-table-column> <span>下单时间:</span>
<el-table-column label="人数" style="background:#EAEAEA"> <span>{{ scope.row.createTime }}</span>
<template slot-scope="scope"> </div>
{{ scope.row.peopleNum }} </div>
</template> <div class="mb">
</el-table-column> <el-table :data="[scope.row]" style="width:100%" border>
<el-table-column label="应收" style="background:#EAEAEA"> <el-table-column label="公司" min-width="100" style="background:#EAEAEA">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.totalPrice) }}</span> <template>
</template> {{ scope.row.outBranchName }}
</el-table-column> </template>
<el-table-column label="实收" style="background:#EAEAEA"> </template>
<template slot-scope="scope"> </el-table-column>
<span class="fz15 fbold">{{ moneyFormat(scope.row.income) }}</span> <el-table-column label="产品名称" min-width="100" style="background:#EAEAEA">
</template> <template slot-scope="scope">
</el-table-column> <template>
<el-table-column label="成本" min-width="100"> {{ scope.row.name }}
<template slot-scope="scope"> </template>
<span class="fz15 fbold">{{ moneyFormat(scope.row.costMoney) }}</span> </template>
</template> </el-table-column>
</el-table-column> <el-table-column label="OP" prop="opEmName" min-width="100" style="background:#EAEAEA"></el-table-column>
<el-table-column label="退款" style="background:#EAEAEA"> <el-table-column label="出发日期" min-width="100" style="background:#EAEAEA">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.refundMoney) }}</span> <template>
</template> {{ scope.row.departDate?scope.row.departDate:'-' }}
</el-table-column> </template>
<el-table-column label="平台税金" style="background:#EAEAEA"> </template>
<template slot-scope="scope"> </el-table-column>
<span class="fz15 fbold">{{ moneyFormat(scope.row.platformTax) }}</span> <el-table-column label="截止日期" min-width="100" style="background:#EAEAEA">
</template> <template slot-scope="scope">
</el-table-column> <template>
<el-table-column label="优惠" style="background:#EAEAEA"> {{ scope.row.sendStartDate }}
<template slot-scope="scope"> </template>
<span class="fz15 fbold">{{ moneyFormat(scope.row.discountMoney) }}</span> </template>
</template> </el-table-column>
</el-table-column> <el-table-column label="人数" style="background:#EAEAEA">
<el-table-column label="待收" style="background:#EAEAEA"> <template slot-scope="scope">
<template slot-scope="scope"> {{ scope.row.peopleNum }}
<span :class="{'cF1416C':scope.row.dueInMoney>0}"> </template>
<span class="fz15 fbold">{{ moneyFormat(scope.row.dueInMoney) }}</span> </el-table-column>
<el-table-column label="应收" style="background:#EAEAEA">
<template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.totalPrice) }}</span>
</template>
</el-table-column>
<el-table-column label="实收" style="background:#EAEAEA">
<template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.income) }}</span>
</template>
</el-table-column>
<el-table-column label="成本" min-width="100">
<template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.costMoney) }}</span>
</template>
</el-table-column>
<el-table-column label="退款" style="background:#EAEAEA">
<template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.refundMoney) }}</span>
</template>
</el-table-column>
<el-table-column label="平台税金" style="background:#EAEAEA">
<template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.platformTax) }}</span>
</template>
</el-table-column>
<el-table-column label="优惠" style="background:#EAEAEA">
<template slot-scope="scope">
<span class="fz15 fbold">{{ moneyFormat(scope.row.discountMoney) }}</span>
</template>
</el-table-column>
<el-table-column label="待收" style="background:#EAEAEA">
<template slot-scope="scope">
<span :class="{'cF1416C':scope.row.dueInMoney>0}">
<span class="fz15 fbold">{{ moneyFormat(scope.row.dueInMoney) }}</span>
</span>
</template>
</el-table-column>
<el-table-column label="利润" style="background:#EAEAEA">
<template slot-scope="scope">
<span
:class="{'cF1416C':(scope.row.income*100-scope.row.costMoney*100-scope.row.refundMoney*100)/100>0}">
<span class="fz15 fbold">
{{moneyFormat((scope.row.income*100-scope.row.costMoney*100-scope.row.refundMoney*100)/100)}}
</span>
</span>
</template>
</el-table-column>
<el-table-column label="提成" style="background:#EAEAEA"
v-if="(scope.row.commissionMoney&&scope.row.commissionMoney>0)||(scope.row.opCommission&&scope.row.opCommission>0)">
<template slot-scope="scope">
<div class="width100-float-l" v-if="scope.row.commissionMoney&&scope.row.commissionMoney>0">
<span class="float-l">销售:<span class="cF1416C"></span></span>
<commissionDialog :objNew="scope.row" :OP="0"></commissionDialog>
</div>
<div class="width100-float-l" v-if="scope.row.opCommission&&scope.row.opCommission>0">
<span class="float-l">OP:<span class="cF1416C"></span></span>
<commissionDialog :objNew="scope.row" :OP="1"></commissionDialog>
</div>
</template>
</el-table-column>
<template slot="append">
<div class="row justify-sb" style="padding:10px;">
<div class="cF1416C flex-g" style="min-width: 300px;">
<div class="row flex-wrap mb" v-if="scope.row.guestList&&scope.row.guestList.length>0">
<span class="flex-s">旅客名单:</span>
<div class="row wrap orderNo fz12 ml">
<span class="cursor-pointer radius5 mr px5 bgf5 c3FC4FF" style="margin: 3px;"
v-for="(x, i) in scope.row.guestList" :key="i+10000"
@click="goUrl2('VisapassengerList',scope.row.id,'旅客名单')">{{ x.userName }}</span>
</div>
</div>
<!-- v-if="(pagesTitle=='OP'&&!scope.row.remark)||scope.row.remark" -->
<div class="fz13">
<span v-if="scope.row.visaFeeNum" class="mr cblack">签证人数:
<span :class="[scope.row.visaFeeNum>scope.row.peopleNum?'cF1416C':'c9e']">
{{scope.row.visaFeeNum}}</span>
</span> </span>
</template> <span v-if="scope.row.premiumNum" class="mr cblack">保险人数:
</el-table-column> <span :class="[scope.row.premiumNum>scope.row.peopleNum?'cF1416C':'c9e']">
<el-table-column label="利润" style="background:#EAEAEA"> {{scope.row.premiumNum}}</span>
<template slot-scope="scope">
<span :class="{'cF1416C':(scope.row.income*100-scope.row.costMoney*100-scope.row.refundMoney*100)/100>0}">
<span class="fz15 fbold">
{{moneyFormat((scope.row.income*100-scope.row.costMoney*100-scope.row.refundMoney*100)/100)}}
</span>
</span> </span>
</template> <span v-if="scope.row.expressFeeNum" class="mr cblack">快递人数:
</el-table-column> <span :class="[scope.row.expressFeeNum>scope.row.peopleNum?'cF1416C':'c9e']">
<el-table-column label="提成" style="background:#EAEAEA" {{scope.row.expressFeeNum}}</span>
v-if="(scope.row.commissionMoney&&scope.row.commissionMoney>0)||(scope.row.opCommission&&scope.row.opCommission>0)"> </span>
<template slot-scope="scope"> <span v-if="scope.row.serviceFeeNum" class="mr cblack">服务人数:
<div class="width100-float-l" v-if="scope.row.commissionMoney&&scope.row.commissionMoney>0"> <span :class="[scope.row.serviceFeeNum>scope.row.peopleNum?'cF1416C':'c9e']">
<span class="float-l">销售:<span class="cF1416C"></span></span> {{scope.row.serviceFeeNum}}</span>
<commissionDialog :objNew="scope.row" :OP="0"></commissionDialog> </span>
</div> </div>
<div class="width100-float-l" v-if="scope.row.opCommission&&scope.row.opCommission>0"> <div>
<span class="float-l">OP:<span class="cF1416C"></span></span> {{$t('pub.pubRemark')}}{{ scope.row.remark?scope.row.remark:'-' }}
<commissionDialog :objNew="scope.row" :OP="1"></commissionDialog> <!-- v-if="pagesTitle=='OP'" -->
</div> <el-tooltip class="item" effect="dark" :content="$t('salesModule.UpRemarks')"
</template> placement="top-start">
</el-table-column> <i class="el-icon-edit cursor-pointer c059FF6 mx" @click='getDetail(scope.row,true)'></i>
<template slot="append" > </el-tooltip>
<div class="row justify-sb" style="padding:10px;"> </div>
<div class="cF1416C flex-g" style="min-width: 300px;" > </div>
<div class="row flex-wrap mb" v-if="scope.row.guestList&&scope.row.guestList.length>0"> <div class="row justify-sb">
<span class="flex-s">旅客名单:</span> <div class="row-c justify-sb px15 bgf5 radius5 flex-g pa relative"
<div class="row wrap orderNo fz12 ml"> style="min-width: 200px;max-width: 400px;">
<span class="cursor-pointer radius5 mr px5 bgf5 c3FC4FF" style="margin: 3px;" v-for="(x, i) in scope.row.guestList" <div class="row-c">
@click="goUrl2('VisapassengerList',scope.row.id,'旅客名单')">{{ x.userName }}</span> <div class="fz12 flex-s">收款单据</div>
</div> <div class="row wrap orderNo fz12 ml">
</div> <span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;" :class="{'bgD9F3FF':x.status==1,'bgFAEAED':x.status==2,'bjFFF3E0':x.status==3,
<!-- v-if="(pagesTitle=='OP'&&!scope.row.remark)||scope.row.remark" --> 'c3FC4FF':x.status==1,'cF1416C':x.status==2,'cff9800':x.status==3}"
<div class="fz13"> v-for="(x, i) in scope.row.financeList" @click="openDetails(x)"
<span v-if="scope.row.visaFeeNum" class="mr cblack">签证人数: :key="i+20000">{{ x.frID }}</span>
<span :class="[scope.row.visaFeeNum>scope.row.peopleNum?'cF1416C':'c9e']"> <span v-if="scope.row.financeList&&scope.row.financeList.length == 0" class="c9e fz12 mr">
{{scope.row.visaFeeNum}}</span> 暂无
</span>
<span v-if="scope.row.premiumNum" class="mr cblack">保险人数:
<span :class="[scope.row.premiumNum>scope.row.peopleNum?'cF1416C':'c9e']">
{{scope.row.premiumNum}}</span>
</span> </span>
<span v-if="scope.row.expressFeeNum" class="mr cblack">快递人数: </div>
<span :class="[scope.row.expressFeeNum>scope.row.peopleNum?'cF1416C':'c9e']"> </div>
{{scope.row.expressFeeNum}}</span> <el-tooltip v-if="scope.row.visaOrderStatus!=2" class="item" effect="dark" content="制单"
placement="top">
<i class="el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 1)"></i>
</el-tooltip>
</div>
<div class="row-c justify-sb px15 bgf5 radius5 ml flex-g pa relative"
style="min-width: 200px;max-width: 400px;">
<div class="row-c">
<div class="fz12 flex-s">退款单据</div>
<div class="row wrap orderNo fz12 ml">
<span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;" :class="{'bgD9F3FF':x.status==1,'bgFAEAED':x.status==2,'bjFFF3E0':x.status==3,
'c3FC4FF':x.status==1,'cF1416C':x.status==2,'cff9800':x.status==3}"
v-for="(x, i) in scope.row.refundFinanceList" @click="openDetails(x)"
:key="i+30000">{{ x.frID }}</span>
<span v-if="scope.row.refundFinanceList&&scope.row.refundFinanceList.length == 0"
class="c9e fz12 mr">
暂无
</span> </span>
<span v-if="scope.row.serviceFeeNum" class="mr cblack">服务人数: </div>
<span :class="[scope.row.serviceFeeNum>scope.row.peopleNum?'cF1416C':'c9e']"> </div>
{{scope.row.serviceFeeNum}}</span> <el-tooltip v-if="scope.row.visaOrderStatus!=2" class="item" effect="dark" content="制单"
placement="top">
<i class="el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 2)"></i>
</el-tooltip>
</div>
<div class="row-c justify-sb px15 bgf5 radius5 ml flex-g pa relative"
style="min-width: 200px;max-width: 400px;">
<div class="row-c">
<div class="fz12 flex-s">成本单据</div>
<div class="row wrap orderNo fz12 ml">
<span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;" :class="{'bgD9F3FF':x.status==1,'bgFAEAED':x.status==2,'bjFFF3E0':x.status==3,
'c3FC4FF':x.status==1,'cF1416C':x.status==2,'cff9800':x.status==3}"
v-for="(x, i) in scope.row.costFinanceList" @click="openDetails(x)"
:key="i+40000">{{ x.frID }}
{{ x.name?x.name:'' }}</span>
<span v-if="scope.row.costFinanceList&&scope.row.costFinanceList.length == 0"
class="c9e fz12 mr">
暂无
</span> </span>
</div> </div>
<div> </div>
{{$t('pub.pubRemark')}}{{ scope.row.remark?scope.row.remark:'-' }} <div class="item" v-if="scope.row.visaOrderStatus!=2&& pagesTitle != '销售'">
<!-- v-if="pagesTitle=='OP'" --> <el-tooltip class="" effect="dark" content="制单" placement="top">
<el-tooltip class="item" effect="dark" :content="$t('salesModule.UpRemarks')" <i class="el-icon-circle-plus cursor-pointer c059FF6"
placement="top-start"> @click="makeAdocument(scope.row, index, 3)"></i>
<i class="el-icon-edit cursor-pointer c059FF6 mx" @click='getDetail(scope.row,true)'></i> </el-tooltip>
</el-tooltip> <el-tooltip class="" effect="dark" content="冲抵" placement="top">
<i class="el-icon-circle-plus cursor-pointer c3FC4FF"
@click="isOffset(scope.row, index, 3)"></i>
</el-tooltip>
</div>
</div>
<div class="row-c justify-sb px15 bgf5 radius5 ml flex-g pa relative"
style="min-width: 200px;max-width: 400px;">
<div class="row-c">
<div class="fz12 flex-s">发票单据 :</div>
<div class="row wrap orderNo fz12 ml">
<span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;"
:class="{'bgD9F3FF':x.invoiceApplyState==1,'bgFAEAED':x.invoiceApplyState==2,'bjFFF3E0':x.invoiceApplyState==3,
'c3FC4FF':x.invoiceApplyState==1,'cF1416C':x.invoiceApplyState==2,'cff9800':x.invoiceApplyState==3}" v-for="(x, i) in scope.row.invoiceApplyList"
@click="goIisDetail(x)" :key="i+50000">{{ x.id }} </span>
<span v-if="scope.row.invoiceApplyList&&scope.row.invoiceApplyList.length == 0"
class="c9e fz12 mr">
暂无
</span>
</div> </div>
</div> </div>
</div>
<div class="row wrap px15 bgE8F5E9 radius5 ml fz12 orderop" style="min-width: 150px;">
<div class="row-c cursor-pointer radius5 change py5" @click="goUrlVisaList(scope.row)"
v-if="scope.row.VisaPlanIdStr!=''&&pagesTitle!='销售'">
<span class="c059FF6">签证详情</span>
</div>
<div class="row-c cursor-pointer radius5 change py5" @click="getDetail(scope.row,false)"
v-if="scope.row.income<=0&&(scope.row.visaOrderStatus==1||scope.row.visaOrderStatus==3)&&scope.row.visaStatus==1&&pagesTitle=='销售'">
<span class="c059FF6">{{$t('system.table_edit')}}订单</span>
</div>
<div class="row-c cursor-pointer radius5 cancel py5" @click='cancelOrder(scope.row)'
v-if="scope.row.income<=0&&(scope.row.visaOrderStatus==1||scope.row.visaOrderStatus==3)">
<span class="cF1416C">{{ $t('pub.cancelBtn') }}</span>
</div>
<div class="row justify-sb"> <div class="row-c cursor-pointer radius5 change py5" @click='goUrlT(scope.row)'
<div class="row-c justify-sb px15 bgf5 radius5 flex-g pa relative" style="min-width: 200px;max-width: 400px;"> v-if="(scope.row.visaOrderStatus==1||scope.row.visaOrderStatus==3)&&pagesTitle=='销售'">
<div class="row-c"> <span class="c059FF6">{{ $t('salesModule.LKMD') }}</span>
<div class="fz12 flex-s">收款单据</div> </div>
<div class="row wrap orderNo fz12 ml"> <div class="row-c cursor-pointer radius5 change1 py5"
<span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;" @click='goUrlAdd("invoicesManagerAdd", scope.row.id, scope.row.visaId, scope.row.customerId, 2)'
:class="{'bgD9F3FF':x.status==1,'bgFAEAED':x.status==2,'bjFFF3E0':x.status==3, v-if="(qjGroupId==userInfo.RB_Group_id || F_InvoiceManagement)&&pagesTitle=='销售'">
'c3FC4FF':x.status==1,'cF1416C':x.status==2,'cff9800':x.status==3}" v-for="(x, i) in scope.row.financeList" <span class="c20C997">{{ $t('salesModule.ApplyInvoice') }}</span>
@click="openDetails(x)">{{ x.frID }}</span> </div>
<span v-if="scope.row.financeList&&scope.row.financeList.length == 0" class="c9e fz12 mr"> <template v-if="pagesTitle!='销售'">
暂无 <div class="row-c cursor-pointer radius5 cancel py5"
</span> @click="goUrl2('OrderSplitting',scope.row.id,'订单拆分')"
</div> v-if="scope.row.peopleNum==scope.row.guestList.length">
</div> <span class="cF1416C">订单拆分</span>
<el-tooltip v-if="scope.row.visaOrderStatus!=2" class="item" effect="dark" content="制单" placement="top">
<i class="el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 1)"></i>
</el-tooltip>
</div>
<div class="row-c justify-sb px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 200px;max-width: 400px;">
<div class="row-c">
<div class="fz12 flex-s">退款单据</div>
<div class="row wrap orderNo fz12 ml">
<span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;"
:class="{'bgD9F3FF':x.status==1,'bgFAEAED':x.status==2,'bjFFF3E0':x.status==3,
'c3FC4FF':x.status==1,'cF1416C':x.status==2,'cff9800':x.status==3}" v-for="(x, i) in scope.row.refundFinanceList"
@click="openDetails(x)">{{ x.frID }}</span>
<span v-if="scope.row.refundFinanceList&&scope.row.refundFinanceList.length == 0" class="c9e fz12 mr">
暂无
</span>
</div>
</div>
<el-tooltip v-if="scope.row.visaOrderStatus!=2" class="item" effect="dark" content="制单" placement="top">
<i class="el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 2)"></i>
</el-tooltip>
</div>
<div class="row-c justify-sb px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 200px;max-width: 400px;">
<div class="row-c">
<div class="fz12 flex-s">成本单据</div>
<div class="row wrap orderNo fz12 ml">
<span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;"
:class="{'bgD9F3FF':x.status==1,'bgFAEAED':x.status==2,'bjFFF3E0':x.status==3,
'c3FC4FF':x.status==1,'cF1416C':x.status==2,'cff9800':x.status==3}" v-for="(x, i) in scope.row.costFinanceList"
@click="openDetails(x)">{{ x.frID }} {{ x.name?x.name:'' }}</span>
<span v-if="scope.row.costFinanceList&&scope.row.costFinanceList.length == 0" class="c9e fz12 mr">
暂无
</span>
</div>
</div>
<div class="item" v-if="scope.row.visaOrderStatus!=2&& pagesTitle != '销售'">
<el-tooltip class="" effect="dark" content="制单"
placement="top">
<i class="el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 3)"></i>
</el-tooltip>
<el-tooltip class="" effect="dark" content="冲抵" placement="top">
<i class="el-icon-circle-plus cursor-pointer c3FC4FF"
@click="isOffset(scope.row, index, 3)"></i>
</el-tooltip>
</div>
</div>
<div class="row-c justify-sb px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 200px;max-width: 400px;">
<div class="row-c">
<div class="fz12 flex-s">发票单据</div>
<div class="row wrap orderNo fz12 ml">
<span class="cursor-pointer radius5 mr mb px5" style="margin: 3px;"
:class="{'bgD9F3FF':x.status==1,'bgFAEAED':x.status==2,'bjFFF3E0':x.status==3,
'c3FC4FF':x.status==1,'cF1416C':x.status==2,'cff9800':x.status==3}" v-for="(x, i) in scope.row.invoiceApplyList"
@click="openDetails(x)">{{ x.frID }} {{ x.name?x.name:'' }}</span>
<span v-if="scope.row.invoiceApplyList&&scope.row.invoiceApplyList.length == 0" class="c9e fz12 mr">
暂无
</span>
</div>
</div> </div>
<div class="row-c cursor-pointer radius5 change py5" @click='Edit(scope.row)'
v-if="IsSupperOrderEdit">
<span class="c059FF6">修改金额</span>
</div> </div>
<div <div v-if="IsSupperOrderEdit&&pagesTitle!='销售'&&scope.row.isFinish!=1
class="row wrap px15 bgE8F5E9 radius5 ml fz12 orderop" style="min-width: 150px;">
<div class="row-c cursor-pointer radius5 change py5" @click="goUrlVisaList(scope.row)"
v-if="scope.row.VisaPlanIdStr!=''&&pagesTitle!='销售'">
<span class="c059FF6">签证详情</span>
</div>
<!-- <div
v-if="pagesTitle=='OP'"
class="row-c cursor-pointer radius5 change py5"
@click="clickCorrelation(item, 1)"
>
<span class="c059FF6">编辑关联OP</span>
</div> -->
<div class="row-c cursor-pointer radius5 change py5" @click="getDetail(scope.row,false)"
v-if="scope.row.income<=0&&(scope.row.visaOrderStatus==1||scope.row.visaOrderStatus==3)&&scope.row.visaStatus==1&&pagesTitle=='销售'">
<span class="c059FF6">{{$t('system.table_edit')}}订单</span>
</div>
<div class="row-c cursor-pointer radius5 cancel py5" @click='cancelOrder(scope.row)'
v-if="scope.row.income<=0&&(scope.row.visaOrderStatus==1||scope.row.visaOrderStatus==3)">
<span class="cF1416C">{{ $t('pub.cancelBtn') }}</span>
</div>
<!-- &&scope.row.visaStatus==1 -->
<div class="row-c cursor-pointer radius5 change py5" @click='goUrlT(scope.row)'
v-if="(scope.row.visaOrderStatus==1||scope.row.visaOrderStatus==3)&&pagesTitle=='销售'">
<span class="c059FF6">{{ $t('salesModule.LKMD') }}</span>
</div>
<div class="row-c cursor-pointer radius5 change1 py5"
@click='goUrlAdd("invoicesManagerAdd", scope.row.id, scope.row.visaId, scope.row.customerId, 2)'
v-if="(qjGroupId==userInfo.RB_Group_id || F_InvoiceManagement)&&pagesTitle=='销售'">
<span class="c20C997">{{ $t('salesModule.ApplyInvoice') }}</span>
</div>
<template v-if="pagesTitle!='销售'">
<div class="row-c cursor-pointer radius5 cancel py5" @click="goUrl2('OrderSplitting',scope.row.id,'订单拆分')"
v-if="scope.row.peopleNum==scope.row.guestList.length">
<span class="cF1416C">订单拆分</span>
</div>
<div class="row-c cursor-pointer radius5 change py5"
@click='Edit(scope.row)'
v-if="IsSupperOrderEdit">
<span class="c059FF6">修改金额</span>
</div>
<div v-if="IsSupperOrderEdit&&pagesTitle!='销售'&&scope.row.isFinish!=1
&&scope.row.income>0&&scope.row.dueInMoney==0" &&scope.row.income>0&&scope.row.dueInMoney==0"
class="row-c cursor-pointer radius5 change py5" class="row-c cursor-pointer radius5 change py5" @click='setCompleted(scope.row.id,scope.row)'
@click='setCompleted(scope.row.id,scope.row)' v-loading="scope.row.loading"> v-loading="scope.row.loading">
<span class="c059FF6">完结</span> <span class="c059FF6">完结</span>
</div> </div>
<div class="row-c cursor-pointer radius5 change py5" <div class="row-c cursor-pointer radius5 change py5"
v-if="IsSupperOrderEdit&&!scope.row.commissionMoney&&!scope.row.opCommission&&pagesTitle!='销售'" v-if="IsSupperOrderEdit&&!scope.row.commissionMoney&&!scope.row.opCommission&&pagesTitle!='销售'"
@click="queryObj=scope.row,showTransferOrder=true"> @click="queryObj=scope.row,showTransferOrder=true">
<span class="c059FF6">转移</span> <span class="c059FF6">转移</span>
</div>
</template>
</div> </div>
</div> </template>
</div>
</div>
</div> </div>
</template>
</el-table>
</template> </div>
</el-table> </template>
</div> </el-table-column>
</template>
</el-table-column>
</el-table> </el-table>
<div class="_mc_edit _scrollbar" :class="addShow==true?'edHeight':''"> <div class="_mc_edit _scrollbar" :class="addShow==true?'edHeight':''">
<p class="_tit">{{$t('salesModule.UpOrder')}} <p class="_tit">{{$t('salesModule.UpOrder')}}
...@@ -850,25 +845,25 @@ ...@@ -850,25 +845,25 @@
<el-form class="_info_box clearfix" :model="addMsg" :rules="rules" ref="addMsg" label-width="120px"> <el-form class="_info_box clearfix" :model="addMsg" :rules="rules" ref="addMsg" label-width="120px">
<el-row :gutter="20"> <el-row :gutter="20">
<template v-if="!updateRemarksStatus"> <template v-if="!updateRemarksStatus">
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.product_name')" prop="Name"> <el-form-item :label="$t('hotel.product_name')" prop="Name">
<el-input v-model="addMsg.Name" :placeholder="$t('pub.pleaseImport')" :disabled="true"></el-input> <el-input v-model="addMsg.Name" :placeholder="$t('pub.pleaseImport')" :disabled="true"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('Airticket.Air_Number')" prop="PeopleNum"> <el-form-item :label="$t('Airticket.Air_Number')" prop="PeopleNum">
<el-input @keyup.native="checkInteger(addMsg,'PeopleNum')" min="1" v-model="addMsg.PeopleNum" <el-input @keyup.native="checkInteger(addMsg,'PeopleNum')" min="1" v-model="addMsg.PeopleNum"
:placeholder="$t('pub.pleaseImport')" maxlength="20" :disabled="updateRemarksStatus"></el-input> :placeholder="$t('pub.pleaseImport')" maxlength="20" :disabled="updateRemarksStatus"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('salesModule.CustomerType')"> <el-form-item :label="$t('salesModule.CustomerType')">
<el-select v-model="addMsg.ClientType" :disabled="updateRemarksStatus" size=mini> <el-select v-model="addMsg.ClientType" :disabled="updateRemarksStatus" size=mini>
<el-option :label="$t('salesModule.Trade')" value="1"></el-option> <el-option :label="$t('salesModule.Trade')" value="1"></el-option>
<el-option :label="$t('Operation.Op_direct')" value="2"></el-option> <el-option :label="$t('Operation.Op_direct')" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</template> </template>
<el-col :span="8"> <el-col :span="8">
<el-form-item :label="$t('pub.pubRemark')"> <el-form-item :label="$t('pub.pubRemark')">
...@@ -950,7 +945,6 @@ ...@@ -950,7 +945,6 @@
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<el-dialog title="修改金额" :visible.sync="EditVisible" width="400px"> <el-dialog title="修改金额" :visible.sync="EditVisible" width="400px">
<div> <div>
...@@ -963,37 +957,40 @@ ...@@ -963,37 +957,40 @@
</el-dialog> </el-dialog>
<offset :isShow="cdState" :obj="queryObj" @close="cdState=false"></offset> <offset :isShow="cdState" :obj="queryObj" @close="cdState=false"></offset>
<TransferOrder v-if="showTransferOrder" :isShow="showTransferOrder" :obj="queryObj" <TransferOrder v-if="showTransferOrder" :isShow="showTransferOrder" :obj="queryObj"
@success="showTransferOrder=false,$emit('success')" @success="showTransferOrder=false,$emit('success')" @close="showTransferOrder=false"></TransferOrder>
@close="showTransferOrder=false"></TransferOrder>
</div> </div>
</template> </template>
<script> <script>
import offset from '../../public/offset.vue'; import offset from '../../public/offset.vue';
import TransferOrder from './TransferOrder.vue'; import TransferOrder from './TransferOrder.vue';
import commissionDialog from "../../FinancialModule/TradeCommission/commissionDialog" import commissionDialog from "../../FinancialModule/TradeCommission/commissionDialog"
export default { export default {
components: { offset,TransferOrder,commissionDialog }, components: {
props: ["OrderList", "pagesTitle"], offset,
data() { TransferOrder,
return { commissionDialog
showTransferOrder: false, },
CompletedLoading: false, props: ["OrderList", "pagesTitle"],
multipleSelection: [], data() {
isCommissionDialog: false, return {
objNew:{}, showTransferOrder: false,
queryObj:null, CompletedLoading: false,
cdState: false, multipleSelection: [],
copyId: 0, isCommissionDialog: false,
loading0: false, objNew: {},
loading1: false, queryObj: null,
loading2: false, cdState: false,
loading3: false, copyId: 0,
BillMakingMsg: { loading0: false,
OtherType: 61, loading1: false,
ReFinanceId: "", loading2: false,
ReFinanceId2: "" loading3: false,
}, BillMakingMsg: {
userInfo: {}, OtherType: 61,
ReFinanceId: "",
ReFinanceId2: ""
},
userInfo: {},
qjGroupId: -1, qjGroupId: -1,
F_InvoiceManagement: false, F_InvoiceManagement: false,
F_Finance_Create: false, F_Finance_Create: false,
...@@ -1064,31 +1061,31 @@ export default { ...@@ -1064,31 +1061,31 @@ export default {
EditMsg: { EditMsg: {
TotalPrice: 0, TotalPrice: 0,
}, },
IsSupperOrderEdit:false IsSupperOrderEdit: false
}; };
},
watch: {
pagesTitle(val, oldval) {
}, },
OrderList: { watch: {
handler(val, oldVal) { pagesTitle(val, oldval) {
},
OrderList: {
handler(val, oldVal) {
}
} }
}
},
methods: {
clickCorrelation(item,){
this.CorrelationObj = JSON.parse(JSON.stringify(item));
this.CorrelationObj.TypeNum = 7;
}, },
DetailsOfRoyalty(){ methods: {
clickCorrelation(item, ) {
this.CorrelationObj = JSON.parse(JSON.stringify(item));
this.CorrelationObj.TypeNum = 7;
},
DetailsOfRoyalty() {
}, },
isOffset(row, index, num){ isOffset(row, index, num) {
this.makeAdocument(row, index, num,'Offset') this.makeAdocument(row, index, num, 'Offset')
}, },
PerferPrice() { PerferPrice() {
this.apipost('dmc_get_visa_SetVisaOrderPrice', this.EditMsg, res => { this.apipost('dmc_get_visa_SetVisaOrderPrice', this.EditMsg, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.EditVisible = false; this.EditVisible = false;
...@@ -1099,12 +1096,12 @@ export default { ...@@ -1099,12 +1096,12 @@ export default {
} }
}, err => {}) }, err => {})
}, },
Edit(item) { Edit(item) {
this.EditVisible = true; this.EditVisible = true;
this.EditMsg.OrderId = item.id; this.EditMsg.OrderId = item.id;
this.EditMsg.TotalPrice = item.iotalPrice; this.EditMsg.TotalPrice = item.iotalPrice;
}, },
goUrl2(path, id, name) { goUrl2(path, id, name) {
this.$router.push({ this.$router.push({
name: path, name: path,
query: { query: {
...@@ -1114,7 +1111,7 @@ export default { ...@@ -1114,7 +1111,7 @@ export default {
} }
}); });
}, },
goUrlVisaList(obj) { goUrlVisaList(obj) {
if (obj.visaPlanIdStr == "" || obj.visaPlanIdStr == null) { if (obj.visaPlanIdStr == "" || obj.visaPlanIdStr == null) {
this.$router.push({ this.$router.push({
name: 'visaList2', name: 'visaList2',
...@@ -1137,7 +1134,7 @@ export default { ...@@ -1137,7 +1134,7 @@ export default {
} }
}, },
GetSupperOrderEditAuth() { GetSupperOrderEditAuth() {
var actionCodeOrderEdit = this.$AuthCode.SupperOrderEdit; var actionCodeOrderEdit = this.$AuthCode.SupperOrderEdit;
this.CheckUserAuth(actionCodeOrderEdit, res => { this.CheckUserAuth(actionCodeOrderEdit, res => {
if (res.data.resultCode == 1 && res.data.data == 1) { if (res.data.resultCode == 1 && res.data.data == 1) {
...@@ -1169,15 +1166,13 @@ export default { ...@@ -1169,15 +1166,13 @@ export default {
} }
}); });
}, },
goIisDetail: function (id) { // 跳转发票详情页面 // 跳转发票详情页面
this.$router.push({ goIisDetail(item) {
name: 'invoicesManagerDetail', console.log("item", item)
query: { this.OpenNewPage('/invoicesManagerDetail', {
id: id, id: item.id,
noDetail: 1, InvoiceApplyType: 2,
InvoiceApplyType: 2, noDetail: 1,
blank: "y",
}
}); });
}, },
// 申请发票 // 申请发票
...@@ -1294,25 +1289,28 @@ export default { ...@@ -1294,25 +1289,28 @@ export default {
} }
}); });
}, },
selectable(row, index){ selectable(row, index) {
if (this.OrderList[index].isFinish!=1&&this.OrderList[index].income>0&&this.OrderList[index].dueInMoney==0) { if (this.OrderList[index].isFinish != 1 && this.OrderList[index].income > 0 && this.OrderList[index]
.dueInMoney == 0) {
return true; return true;
} else { } else {
return false; return false;
} }
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val.map(x=>{ return x.id}); this.multipleSelection = val.map(x => {
return x.id
});
}, },
setCompleted(id,row){ setCompleted(id, row) {
let ids = '' let ids = ''
if(id>0){ if (id > 0) {
ids = id ids = id
}else{ } else {
if(this.multipleSelection.length==0) return this.$message.error('请勾选需要完结的数据') if (this.multipleSelection.length == 0) return this.$message.error('请勾选需要完结的数据')
ids = this.multipleSelection.join(',') ids = this.multipleSelection.join(',')
} }
if(ids == '') { if (ids == '') {
this.$message.error('请勾选需要完结的数据') this.$message.error('请勾选需要完结的数据')
} }
this.$confirm('是否确认完结?', '提示', { this.$confirm('是否确认完结?', '提示', {
...@@ -1320,18 +1318,18 @@ export default { ...@@ -1320,18 +1318,18 @@ export default {
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
if(id>0){ if (id > 0) {
row.loading = true row.loading = true
}else{ } else {
this.CompletedLoading = true this.CompletedLoading = true
} }
this.apipost('dmc_post_SetVisaOrderFinish', { this.apipost('dmc_post_SetVisaOrderFinish', {
VisaOrderIds: ids VisaOrderIds: ids
}, res => { }, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
if(id>0){ if (id > 0) {
row.loading = false row.loading = false
}else{ } else {
this.CompletedLoading = false this.CompletedLoading = false
} }
for (let i = 0; i < this.OrderList.length; i++) { for (let i = 0; i < this.OrderList.length; i++) {
...@@ -1344,9 +1342,9 @@ export default { ...@@ -1344,9 +1342,9 @@ export default {
this.$message.success('操作成功!'); this.$message.success('操作成功!');
this.$emit('success') this.$emit('success')
} else { } else {
if(id>0){ if (id > 0) {
row.loading = false row.loading = false
}else{ } else {
this.CompletedLoading = false this.CompletedLoading = false
} }
this.$message.error(res.data.message); this.$message.error(res.data.message);
...@@ -1459,106 +1457,107 @@ export default { ...@@ -1459,106 +1457,107 @@ export default {
resetForm(formName) { // 重置表单 resetForm(formName) { // 重置表单
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
// 单据详情 // 单据详情
openDetails(item) { openDetails(item) {
let query = { let query = {
id: item.frID, id: item.frID,
blank: "y", blank: "y",
}; };
this.$router.push({ this.$router.push({
path: "/FinancialDocumentsDetail", path: "/FinancialDocumentsDetail",
query, query,
blank:'y' blank: 'y'
}); });
}, },
// 制作单据
makeAdocument(row, index, num, Offset) { // 制作单据
if((num==2||num==3)&&row.income<=0){ makeAdocument(row, index, num, Offset) {
this.Info('请先制收款单据,再制成本或退款单据!') if ((num == 2 || num == 3) && row.income <= 0) {
return this.Info('请先制收款单据,再制成本或退款单据!')
} return
if(Offset){ }
this.cdState = true if (Offset) {
} this.cdState = true
let type = 0 }
if(num==3){ let type = 0
type = 2 if (num == 3) {
}else{ type = 2
type = num } else {
} type = num
let TCIDARR = []; }
if (row.tcid) { let TCIDARR = [];
TCIDARR.push(row.tcid) if (row.tcid) {
} TCIDARR.push(row.tcid)
let orderObj = { }
OrderID: row.id, let orderObj = {
OrderSource: 10, OrderID: row.id,
Obj: {}, OrderSource: 10,
SourceID: row.visaId, Obj: {},
TCIDList: TCIDARR, SourceID: row.visaId,
ReFinanceId2: num, TCIDList: TCIDARR,
MatchFrId:0 ReFinanceId2: num,
} MatchFrId: 0
let query = {}; }
query = { let query = {};
query = {
path: 'SaleOrderModule', path: 'SaleOrderModule',
companyID: row.rB_Branch_Id, companyID: row.rB_Branch_Id,
visaType: true, visaType: true,
blank: 'y', blank: 'y',
orderObj: JSON.stringify(orderObj), orderObj: JSON.stringify(orderObj),
Type: type, Type: type,
} }
if(num==2){ if (num == 2) {
query.searchTitle='签证退款' query.searchTitle = '签证退款'
} } else if (num == 3 && this.cdState == false) {
else if(num ==3 && this.cdState == false){ query.portTypeId = 2; //签证成本
query.portTypeId= 2;//签证成本 }
} this.queryObj = query
this.queryObj = query if (!Offset) {
if(!Offset){ this.$router.push({
this.$router.push({ name: "ChoiceAddFinancialDocuments",
name: "ChoiceAddFinancialDocuments", query
query });
}); }
} // this.$router.push({
// this.$router.push({ // name: 'ChoiceAddFinancialDocuments',
// name: 'ChoiceAddFinancialDocuments', // query: {
// query: { // path: 'SaleOrderModule',
// path: 'SaleOrderModule', // companyID: obj.rB_Branch_Id,
// companyID: obj.rB_Branch_Id, // visaType: true,
// visaType: true, // blank: 'y',
// blank: 'y', // orderObj: JSON.stringify(orderObj),
// orderObj: JSON.stringify(orderObj), // Type: type,
// Type: type, // }
// } // });
// }); },
}, CopyHandler(item) {
CopyHandler(item) { this.copyId = item.id;
this.copyId = item.id; let copyText = item.id;
let copyText = item.id; const save = function (e) {
const save = function(e) {
e.clipboardData.setData('text/plain', copyText) e.clipboardData.setData('text/plain', copyText)
e.preventDefault() // 阻止默认行为 e.preventDefault() // 阻止默认行为
} }
document.addEventListener('copy', save) // 添加一个copy事件 document.addEventListener('copy', save) // 添加一个copy事件
let x = document.execCommand('copy') // 执行copy方法 let x = document.execCommand('copy') // 执行copy方法
setTimeout(() => { setTimeout(() => {
this.copyId = 0; this.copyId = 0;
}, 2000); }, 2000);
},
}, },
}, mounted() {
mounted() { this.qjGroupId = this.QjGroupId();
this.qjGroupId = this.QjGroupId(); this.userInfo = this.getLocalStorage();
this.userInfo = this.getLocalStorage(); this.GetSupperOrderEditAuth()
this.GetSupperOrderEditAuth() let userInfo = this.getLocalStorage()
let userInfo = this.getLocalStorage() let ActionMenuCode = userInfo.ActionMenuCode;
let ActionMenuCode = userInfo.ActionMenuCode; // 判断是否销售
// 判断是否销售 if (ActionMenuCode.indexOf('isEditAmount') != -1) {
if (ActionMenuCode.indexOf('isEditAmount') != -1) { this.IsSupperOrderEdit = true
this.IsSupperOrderEdit = true }
} }
} };
};
</script> </script>
<style> <style>
......
...@@ -417,7 +417,7 @@ ...@@ -417,7 +417,7 @@
:key="index"></el-option> :key="index"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<span style="color:red">关联提成,请正确填写</span> <span style="color:red">关联提成,请正确填写;美工有单独的配置,请不要配置在助理OP里面。</span>
</td> </td>
<td colspan="2"> <td colspan="2">
<el-form-item label="付款方式"> <el-form-item label="付款方式">
......
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