Skip to content

S
SuperMan
Commit 2ada4d98 authored by youjie's avatar youjie
Browse files
Options

no message

parent 90200eae
Hide whitespace changes
Inline Side-by-side
Showing with 1119 additions and 670 deletions
src/components/myOrdersAllType/components/OrderList.vue
View file @ 2ada4d98
<template> <template>
<el-table border ref="multipleTable" :data="OrderList" style="width: 100%" <div>
:default-sort="{prop: 'null', order: 'null'}" <el-table
:sort-by="['Money','Income','PreferTipAmount','PlatformTax','Refund','CostMoney','OrderProfit','DueInMoney']"> border
<el-table-column width="200" prop="CreateTimeStr" label="订单Id" show-overflow-tooltip> ref="multipleTable"
<template slot-scope="scope"> :data="OrderList"
<div> style="width: 100%"
<p class="cursor-pointer c059FF6 fz18 row-c" @click="goDetails(scope.row)"> :default-sort="{ prop: 'null', order: 'null' }"
<el-tag style="margin-right: 5px;" size="mini">{{scope.row.OrderTypeName}}</el-tag> :sort-by="[
<span>{{scope.row.OrderId}}</span> 'Money',
</p> 'Income',
<p>{{scope.row.CreateTimeStr}}</p> 'PreferTipAmount',
</div> 'PlatformTax',
'Refund',
'CostMoney',
'OrderProfit',
'DueInMoney'
]"
>
<el-table-column
width="200"
prop="CreateTimeStr"
label="订单Id"
show-overflow-tooltip
>
<template slot-scope="scope">
<div>
<p
class="cursor-pointer c059FF6 fz18 row-c"
@click="goDetails(scope.row)"
>
<el-tag style="margin-right: 5px;" size="mini">{{
scope.row.OrderTypeName
}}</el-tag>
<span>{{ scope.row.OrderId }}</span>
</p>
<p>{{ scope.row.CreateTimeStr }}</p>
<p style="font-size: 13px;" v-if="scope.row.SaleRemarks">
<span>销售备注：</span>
<span style="color: red;">{{
scope.row.SaleRemarks ? scope.row.SaleRemarks : "无"
}}</span>
</p>
<p style="font-size: 13px;" v-if="scope.row.OP_Remarks">
<span>OP备注：</span>
<span style="color: red;">{{
scope.row.OP_Remarks ? scope.row.OP_Remarks : "无"
}}</span>
</p>
</div>
</template>
</el-table-column>
<el-table-column
width="200"
prop="CreateTimeStr"
label="团号"
show-overflow-tooltip
>
<template slot-scope="scope">
<div>
<p
class=" fz14"
:class="{ 'cursor-pointer c059FF6': scope.row.OrderType == 2 }"
@click="scope.row.OrderType == 2 ? goTuanDetails(scope.row) : ''"
>
{{ scope.row.TCNUM }}
</p>
<p>出发日期：{{ scope.row.StartDate }}</p>
<p v-if="scope.row.OrderType == 2 && scope.row.Status >= 0">
{{
scope.row.Status == 1
? "未结团"
: scope.row.Status == 2
? "已结团 "
: scope.row.Status == 5
? "待结团审核"
: ""
}}{{ scope.row.Status == 2 ? scope.row.OutGroupAuditDate : "" }}
</p>
</div>
</template>
</el-table-column>
<el-table-column label="客人" show-overflow-tooltip>
<template slot-scope="scope">
<span
:class="{ 'colorblue font-color-link': pagesTitle != '详情' }"
@click="pagesTitle != '详情' ? openNameDetails(scope.row) : ''"
>
{{ scope.row.GuestName }}
</span>
</template>
</el-table-column>
<el-table-column prop="SaleName" label="销售"> </el-table-column>
<el-table-column prop="LureEmpName" label="引流"> </el-table-column>
<el-table-column label="商品名称" show-overflow-tooltip>
<template slot-scope="scope">
<div
style="max-width: 100px;overflow: hidden;text-overflow: ellipsis"
>
{{ scope.row.Name }}
</div>
</template>
</el-table-column>
<el-table-column label="商品详情" show-overflow-tooltip>
<template slot-scope="scope">
<div
style="max-width: 100px;overflow: hidden;text-overflow: ellipsis"
>
{{ scope.row.Description }}
</div>
</template>
</el-table-column>
<el-table-column
sortable
prop="Money"
label="总金额"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.Money }}&ensp;({{ scope.row.CurrencyName }})
</template>
</el-table-column>
<el-table-column sortable prop="Income" label="实收"> </el-table-column>
<el-table-column
sortable
prop="PlatformMoney"
label="在途金额"
min-width="110"
>
</el-table-column>
<el-table-column
sortable
prop="PreferTipAmount"
label="人头小费"
min-width="110"
>
</el-table-column>
<el-table-column
sortable
prop="PlatformTax"
label="手续费"
min-width="100"
>
</el-table-column>
<el-table-column sortable prop="Refund" label="退款"> </el-table-column>
<el-table-column sortable prop="CostMoney" label="成本">
</el-table-column>
<el-table-column sortable prop="DueInMoney" label="待收">
<template slot-scope="scope">
<span :class="{ red: scope.row.DueInMoney > 0 }">{{
scope.row.DueInMoney
}}</span>
</template>
</el-table-column>
<el-table-column
sortable
prop="OrderProfit"
label="预期利润"
min-width="110"
>
<template slot-scope="scope">
<span :class="{ red: scope.row.OrderProfit > 0 }">{{
scope.row.OrderProfit
}}</span>
</template>
</el-table-column>
<el-table-column sortable prop="DiscountsMoney" label="优惠">
</el-table-column>
<template v-if="pagesTitle == '审核'">
<el-table-column
prop="Money"
label="申请金额"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<span> {{ scope.row.ApplyForMoney }}</span>
</template>
</el-table-column>
<el-table-column
prop="ApplyForReason"
label="申请理由"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.ApplyForReason }}
</template>
</el-table-column>
<el-table-column
prop="ApplyForState"
label="改价状态"
show-overflow-tooltip
>
<template slot-scope="scope">
<span
>{{
scope.row.ApplyForState == 1
? "待审核"
: scope.row.ApplyForState == 2
? "已通过"
: scope.row.ApplyForState == 3
? "已拒绝"
: ""
}}
</span>
</template>
</el-table-column>
</template> </template>
</el-table-column> <el-table-column
<el-table-column width="200" prop="CreateTimeStr" label="团号" show-overflow-tooltip> v-if="pagesTitle != '审核'"
<template slot-scope="scope"> prop="StateName"
<div> label="状态"
<p class=" fz14" :class="{'cursor-pointer c059FF6':scope.row.OrderType==2}" show-overflow-tooltip
@click="scope.row.OrderType==2?goTuanDetails(scope.row):''">{{scope.row.TCNUM}}</p> >
<p>出发日期：{{scope.row.StartDate}}</p> <template slot-scope="scope">
<p v-if="scope.row.OrderType==2&&scope.row.Status>=0">{{scope.row.Status==1?"未结团":(scope.row.Status==2?"已结团 ":(scope.row.Status==5?"待结团审核":""))}}{{scope.row.Status==2?scope.row.OutGroupAuditDate:""}}</p> <span>{{ scope.row.StateName }}</span>
</div> </template>
</template> </el-table-column>
</el-table-column>
<el-table-column label="客人" show-overflow-tooltip> <el-table-column label="操作" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<span :class="{'colorblue font-color-link':pagesTitle!='详情'}" <!-- <el-button size="mini" type="primary" @click="goDetails(scope.row)">查看</el-button> -->
@click="pagesTitle!='详情'?openNameDetails(scope.row):''"> <template v-if="pagesTitle == '申请'">
{{scope.row.GuestName}} <el-button
</span> v-if="scope.row.OrderChangePriceId == 0"
</template> size="mini"
</el-table-column> type="primary"
<el-table-column prop="SaleName" label="销售"> @click="ckChangePrice(scope.row)"
</el-table-column> >申请改价</el-button
<el-table-column prop="LureEmpName" label="引流"> >
</el-table-column> <el-button
<el-table-column label="商品名称" show-overflow-tooltip> v-else
<template slot-scope="scope"> size="mini"
<div style="max-width: 100px;overflow: hidden;text-overflow: ellipsis">{{scope.row.Name}}</div> type="primary"
</template> @click="ckChangePrice(scope.row, 1)"
</el-table-column> >修改改价</el-button
<el-table-column label="商品详情" show-overflow-tooltip> >
<template slot-scope="scope"> </template>
<div style="max-width: 100px;overflow: hidden;text-overflow: ellipsis">{{scope.row.Description}}</div> <template v-if="pagesTitle == '审核'">
</template> <el-button
</el-table-column> v-if="scope.row.ApplyForState == 1"
<el-table-column sortable prop="Money" label="总金额" min-width="100" show-overflow-tooltip> size="mini"
<template slot-scope="scope"> type="primary"
{{scope.row.Money}}&ensp;({{scope.row.CurrencyName}}) @click="ckChangePrice(scope.row, 2)"
</template> >审核</el-button
</el-table-column> >
<el-table-column sortable prop="Income" label="实收"> <p
</el-table-column> v-else
<el-table-column sortable prop="PlatformMoney" label="在途金额" min-width="100"> class=" fz14"
</el-table-column> :class="{ 'cursor-pointer c059FF6': scope.row.OrderType > 0 }"
<el-table-column sortable prop="PreferTipAmount" label="人头小费" min-width="101"> @click="ckChangePrice(scope.row, 3)"
</el-table-column> >
<el-table-column sortable prop="PlatformTax" label="手续费" min-width="100"> 查看详情
</el-table-column> </p>
<el-table-column sortable prop="Refund" label="退款"> </template>
</el-table-column> </template>
<el-table-column sortable prop="CostMoney" label="成本" > </el-table-column>
</el-table-column> </el-table>
<el-table-column sortable prop="DueInMoney" label="待收"> <!-- 申请弹窗 -->
<template slot-scope="scope"> <div class="combottomDiv OPremarkDiv" v-if="changePriceMsg.outerVisible">
<span :class="{'red':scope.row.DueInMoney>0}">{{scope.row.DueInMoney}}</span> <div class="combottomTitle">{{ titlePrice }}</div>
</template> <el-form label-width="100px">
</el-table-column> <el-col :span="8">
<el-table-column sortable prop="OrderProfit" label="预期利润" min-width="100"> <el-form-item label="应收总金额" prop="">
<template slot-scope="scope"> <el-input
<span :class="{'red':scope.row.OrderProfit>0}">{{scope.row.OrderProfit}}</span> type="textarea"
</template> v-model="changePriceMsg.Money"
</el-table-column> rows="6"
<el-table-column sortable prop="DiscountsMoney" label="优惠"> ></el-input>
</el-table-column> </el-form-item>
<el-table-column prop="StateName" label="状态" show-overflow-tooltip> </el-col>
<template slot-scope="scope"> <el-col :span="8">
<span>{{scope.row.StateName}}</span> <el-form-item label="改价原因" prop="">
</template> <el-input
</el-table-column> type="textarea"
v-model="changePriceMsg.ApplyForReason"
<!-- <el-table-column rows="6"
label="操作" ></el-input>
show-overflow-tooltip> </el-form-item>
<template slot-scope="scope"> </el-col>
<el-button size="mini" type="primary" @click="goDetails(scope.row)">查看</el-button> </el-form>
</template> <div slot="footer" class="dialog-footer">
</el-table-column> --> <button
</el-table> class="hollowFixedBtn"
@click="changePriceMsg.outerVisible = false"
>
{{ $t("pub.cancelBtn") }}
</button>
<button class="normalBtn" type="primary" @click="setChangePrice">
{{ $t("pub.sureBtn") }}
</button>
</div>
</div>
<!-- 审核弹窗 -->
<div
class="combottomDiv OPremarkDiv"
v-if="changePriceMsg.outerVisible2"
style="height: 300px;"
>
<div class="combottomTitle">
{{ titlePrice }}
</div>
<div
slot="footer"
class="dialog-footer"
style="float: right;margin-right: 5%;position: relative; z-index: 1;"
>
<button
:class="[
changePriceMsg.ApplyForState == 2 ? 'normalBtn' : 'hollowFixedBtn'
]"
type="primary"
@click="
changePriceMsg.DialogType == 1
? ''
: (changePriceMsg.ApplyForState = 2),
setChangePrice()
"
>
通过
</button>
<button
:class="[
changePriceMsg.ApplyForState == 3 ? 'normalBtn' : 'hollowFixedBtn'
]"
type="primary"
@click="
changePriceMsg.DialogType == 1
? ''
: (changePriceMsg.ApplyForState = 3),
setChangePrice()
"
>
拒绝
</button>
<button
class="hollowFixedBtn"
@click="changePriceMsg.outerVisible2 = false"
>
{{ $t("pub.cancelBtn") }}
</button>
<!-- <button class="normalBtn" v-if="changePriceMsg.DialogType==0"
type="primary" @click="setChangePrice">保存</button> -->
</div>
<el-form label-width="120px">
<el-row>
<el-col :span="4">
<el-form-item label="订单应收总金额">
<span rows="6">
{{ changePriceMsg.Money2 }}
</span>
</el-form-item></el-col
>
<el-col :span="8">
<el-form-item label="申请理由">
<span rows="6">{{ changePriceMsg.ApplyForReason }} </span>
</el-form-item></el-col
>
</el-row>
<el-row>
<el-col :span="4">
<el-form-item label="申请总金额">
<span rows="6">{{ changePriceMsg.PreferPrice }}</span>
</el-form-item></el-col
>
<el-col :span="4">
<el-form-item label="应收总金额" prop="Money">
<el-input
type="number"
:readonly="changePriceMsg.DialogType == 1 ? true : false"
v-model="changePriceMsg.Money"
rows="6"
></el-input> </el-form-item
></el-col>
<el-col :span="4" v-if="false">
<el-form-item label="审核状态" prop="">
<el-radio-group
v-model="changePriceMsg.ApplyForState"
:readonly="changePriceMsg.DialogType == 1 ? true : false"
>
<el-radio :label="2">通过</el-radio>
<el-radio :label="3">拒绝</el-radio>
</el-radio-group>
</el-form-item></el-col
>
<el-col :span="8">
<el-form-item label="审核理由" prop="">
<el-input
:readonly="changePriceMsg.DialogType == 1 ? true : false"
type="textarea"
v-model="changePriceMsg.RefuseReason"
rows="6"
></el-input> </el-form-item
></el-col>
</el-row>
</el-form>
</div>
</div>
</template> </template>
<script> <script>
import offset from '../../public/offset.vue'; import offset from "../../public/offset.vue";
export default { export default {
components: { components: {
offset offset
}, },
props: ["OrderList", "pagesTitle"], props: ["OrderList", "pagesTitle"],
data() { data() {
return { return {
S_CheckBranchOrder: false, titlePrice: "",
S_CheckAllOrder: false, S_CheckBranchOrder: false,
queryObj: null, S_CheckAllOrder: false,
cdState: false, queryObj: null,
copyId: 0, cdState: false,
loading0: false, copyId: 0,
loading1: false, loading0: false,
loading2: false, loading1: false,
loading3: false, loading2: false,
BillMakingMsg: { loading3: false,
// PeroidsId: null, BillMakingMsg: {
// Type: null, // PeroidsId: null,
// EmpIds:'', // Type: null,
OtherType: 61, // EmpIds:'',
ReFinanceId: "", OtherType: 61,
ReFinanceId2: "" ReFinanceId: "",
}, ReFinanceId2: ""
userInfo: {}, },
msg: { userInfo: {},
OrderId: "", changePriceMsg: {
LossMoney: 0, ID: 0,
State: '', //状态 1确认 2已邮寄 3设置自提 4收损 OrderId: 0,
SelffetchAddress: '' OrderType: 0,
}, PreferPrice: 0,
msgParameter: { Money: 0,
IsUpdateMailing: 1, ApplyForReason: "",
OrderId: 0, RefuseReason: "",
Money: 0.0, ApplyForState: 1,
Remark: '', setPlatDialog: false, //是否显示弹出框
MailingState: '1', //邮寄状态 1自取 2邮寄 outerVisible: false,
MailingAddress: '', //MailingState =2 填写邮寄 outerVisible2: false
UseDate: '', //门票日期 },
Name: '', msg: {
EName: '', OrderId: "",
Sex: '1', //1男2女 LossMoney: 0,
Birthday: '', State: "", //状态 1确认 2已邮寄 3设置自提 4收损
Mobile: '', SelffetchAddress: ""
CouponsId: '', //景点id },
DetailList: [], msgParameter: {
}, IsUpdateMailing: 1,
rules2: { OrderId: 0,
Name: [{ Money: 0.0,
Remark: "",
MailingState: "1", //邮寄状态 1自取 2邮寄
MailingAddress: "", //MailingState =2 填写邮寄
UseDate: "", //门票日期
Name: "",
EName: "",
Sex: "1", //1男2女
Birthday: "",
Mobile: "",
CouponsId: "", //景点id
DetailList: []
},
rules2: {
Name: [
{
required: true, required: true,
message: '请输入中文名', message: "请输入中文名",
trigger: 'blur' trigger: "blur"
}], }
EName: [{ ],
EName: [
{
required: true, required: true,
message: '请输入英文名', message: "请输入英文名",
trigger: 'blur' trigger: "blur"
}], }
Mobile: [{ ],
required: true, Mobile: [
message: "请输入联系电话", {
trigger: "blur"
},
{
pattern: this.$commonUtils.Regex.el_ISphone,
message: "请输入正确的电话"
}
],
MailingAddress: [{
required: true, required: true,
message: '请输入邮寄地址', message: "请输入联系电话",
trigger: 'blur' trigger: "blur"
}], },
}, {
outerVisible: false, pattern: this.$commonUtils.Regex.el_ISphone,
rules: { message: "请输入正确的电话"
State: [{ }
],
MailingAddress: [
{
required: true,
message: "请输入邮寄地址",
trigger: "blur"
}
]
},
outerVisible: false,
rules: {
State: [
{
required: true, required: true,
message: "请选择订单状态", message: "请选择订单状态",
trigger: "change" trigger: "change"
}], }
SelffetchAddress: [{ ],
SelffetchAddress: [
{
required: true, required: true,
message: "请输入自提地址", message: "请输入自提地址",
trigger: "blur" trigger: "blur"
}], }
LossMoney: [{ ],
LossMoney: [
{
required: true, required: true,
message: "请输入收损金额", message: "请输入收损金额",
trigger: "blur" trigger: "blur"
}] }
}, ]
cancelOrderDialog: false,
cancelRemark: "",
cancelOrderId: 0,
uploadOrderId: 0,
loading: false,
fileList: [],
GuestFile: '',
ChangeOrderDialog: false,
OrderStatusType: [{
Name: this.$t('OrderList.orderStatus.apply'),
ID: '1'
},
{
Name: this.$t('OrderList.orderStatus.check'),
ID: '2'
},
{
Name: this.$t('OrderList.orderStatus.cancel'),
ID: '3'
},
{
Name: this.$t('OrderList.orderStatus.sun'),
ID: '4'
},
],
items: null,
typeState: '',
Title: ''
};
},
watch: {
pagesTitle(val, oldval) {
this.Title = val
}, },
OrderList: { cancelOrderDialog: false,
handler(val, oldVal) { cancelRemark: "",
cancelOrderId: 0,
uploadOrderId: 0,
loading: false,
fileList: [],
GuestFile: "",
ChangeOrderDialog: false,
OrderStatusType: [
{
Name: this.$t("OrderList.orderStatus.apply"),
ID: "1"
},
{
Name: this.$t("OrderList.orderStatus.check"),
ID: "2"
},
{
Name: this.$t("OrderList.orderStatus.cancel"),
ID: "3"
},
{
Name: this.$t("OrderList.orderStatus.sun"),
ID: "4"
} }
} ],
items: null,
typeState: "",
Title: ""
};
},
watch: {
pagesTitle(val, oldval) {
this.Title = val;
}, },
methods: { OrderList: {
goTuanDetails(row) { handler(val, oldVal) {}
let name = '' }
if (row.IsOneDayOrder == 1) { },
name = 'groupTourOrderByTuanOne' methods: {
} else { setChangePrice() {
name = 'groupTourOrderByTuan' this.apipost(
"CarSingle_post_SetOrderChangePrice",
this.changePriceMsg,
res => {
if (res.data.resultCode == 1) {
this.changePriceMsg.setPlatDialog = true;
this.changePriceMsg.outerVisible = false;
this.changePriceMsg.outerVisible2 = false;
this.$message.info(res.data.message);
this.$emit("success");
} else {
this.$message.info(res.data.message);
}
} }
this.$router.push({ );
name: name, },
query: { //点击修改订单总价
id: row.TCID, ckChangePrice(item, type) {
tcmun: row.TCNUM, if (!type) this.titlePrice = "申请改价";
blank: "y", if (type == 1) this.titlePrice = "修改改价";
if (type == 2) this.titlePrice = "应收总金额改价审核";
if (type == 3) this.titlePrice = "改价详情";
this.changePriceMsg.ID = type ? item.OrderChangePriceId : 0;
this.changePriceMsg.OrderId = item.OrderId;
this.changePriceMsg.OrderType = item.OrderType;
// this.changePriceMsg.PreferPrice = item.PreferPrice;
// this.changePriceMsg.Money = item.Money;
this.changePriceMsg.setPlatDialog = false;
if (!type || type == 1) this.changePriceMsg.outerVisible = true;
if (type == 2 || type == 3) this.changePriceMsg.outerVisible2 = true;
this.getGetOrderChangePriceDetai(item);
},
getGetOrderChangePriceDetai(item) {
this.apipost(
"CarSingle_post_GetOrderChangePriceDetail",
{
ID: item.OrderChangePriceId
},
res => {
if (res.data.resultCode == 1) {
let data = res.data.data;
this.changePriceMsg.Money2 = item.Money;
this.changePriceMsg.Money = data.Money;
this.changePriceMsg.ApplyForState = data.ApplyForState;
this.changePriceMsg.ApplyForReason = data.ApplyForReason;
this.changePriceMsg.PreferPrice = data.ApplyForMoney;
this.changePriceMsg.RefuseReason = data.RefuseReason;
} }
}); }
}, );
goDetails(row) { },
let data = [{
goTuanDetails(row) {
let name = "";
if (row.IsOneDayOrder == 1) {
name = "groupTourOrderByTuanOne";
} else {
name = "groupTourOrderByTuan";
}
this.$router.push({
name: name,
query: {
id: row.TCID,
tcmun: row.TCNUM,
blank: "y"
}
});
},
goDetails(row) {
let data = [
{
path: "", path: "",
OrderId: row.OrderId, OrderId: row.OrderId,
Type: '' Type: ""
}] }
let href ];
let url = this.domainManager().crmRoutingUrl; let href;
let url = this.domainManager().crmRoutingUrl;
if (row.OrderType == 1) {
if (row.OrderType == 1) {
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { if (
data[0].path = 'myCustomerOrderAllType' this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
data[0].path = "myCustomerOrderAllType";
} else {
data[0].path = "customerOrderAllType";
}
href =
url +
"automaticLogin?token=" +
this.getLocalStorage().token +
"&data=" +
JSON.stringify(data);
window.open(href);
} else {
let name = "";
if (row.OrderType == 6) {
if (
this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
name = "VisaProductEditOrder";
} else { } else {
data[0].path = 'customerOrderAllType' name = "VisaProductEditOrderOP";
} }
href = url + 'automaticLogin?token=' + this.getLocalStorage().token + '&data=' + JSON.stringify(data) this.$router.push({
window.open(href); name: name
});
} else { } else if (row.OrderType == 2) {
let name = '' //跟团 一日游
if (row.OrderType == 6) { if (
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { this.pagesTitle == "销售" ||
name = 'VisaProductEditOrder' (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
if (row.IsOneDayOrder == 1) {
name = "groupTourOrderOne";
} else { } else {
name = 'VisaProductEditOrderOP' name = "groupTourOrder";
} }
this.$router.push({ } else {
name: name, name = "enrollTotal";
});
} else if (row.OrderType == 2) { //跟团 一日游
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) {
if (row.IsOneDayOrder == 1) {
name = 'groupTourOrderOne'
} else {
name = 'groupTourOrder'
}
} else {
name = 'enrollTotal'
}
} else if (row.OrderType == 3) { //酒店
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) {
name = 'singleProductHotelOrder'
} else {
name = 'singleProductHotelOrderOP'
}
} else if (row.OrderType == 4) { //门票
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) {
name = 'SingleticketOrderList'
} else {
name = 'SingleticketOrderListOP'
}
} else if (row.OrderType == 5) { //包车
if(row.CarType==''||row.CarType==null){
this.GetAdminCarOrderPageList(row,url,href,data)
}else{
if(this.pagesTitle=='销售'){
name = 'CharterOrderList'
}else{
name = 'CharterOrderListOP'
}
data[0].Type = row.CarType==null||!row.CarType?4:row.CarType
}
} else if (row.OrderType == 7) { //jalan酒店
this.$message.info('jalan酒店暂不支持查看')
// if(this.pagesTitle=='销售'){
// name = 'CharterOrderList'
// }else{
// name = 'CharterOrderListOP'
// }
} }
if (name) { } else if (row.OrderType == 3) {
this.$router.push({ //酒店
name: name, if (
query: { this.pagesTitle == "销售" ||
OrderId: row.OrderId, (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
OrderType: data[0].Type?data[0].Type:null, ) {
blank: "y", name = "singleProductHotelOrder";
} } else {
}); name = "singleProductHotelOrderOP";
} }
} else if (row.OrderType == 4) {
} //门票
}, if (
GetAdminCarOrderPageList(row, url, href, data) { this.pagesTitle == "销售" ||
let msg = { (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
pageIndex: 1, ) {
pageSize: 5, name = "SingleticketOrderList";
OrderType: '', } else {
OrderId: row.OrderId, name = "SingleticketOrderListOP";
OrderNo: '', }
SurName: '', } else if (row.OrderType == 5) {
Name: '', //包车
OrderStatus: 0, if (row.CarType == "" || row.CarType == null) {
StartTime: '', this.GetAdminCarOrderPageList(row, url, href, data);
EndTime: '', } else {
OrderSTime: '', if (this.pagesTitle == "销售") {
OrderETime: '', name = "CharterOrderList";
ProductName: '',
Mobile: '', //电话
IsSelectSale: 1,
EnterID: 0, //业务员
}
let name
this.apipost('CarSingle_post_GetAdminCarOrderPageList', msg, res => {
if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData
let OrderType
if (pageData && pageData.length > 0) {
OrderType = pageData[0].OrderType
}
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) {
name = 'CharterOrderList'
} else { } else {
name = 'CharterOrderListOP' name = "CharterOrderListOP";
} }
this.$router.push({ data[0].Type =
name: name, row.CarType == null || !row.CarType ? 4 : row.CarType;
query: {
OrderId: row.OrderId,
OrderType: OrderType ? OrderType : 4,
blank: "y",
}
});
} }
}) } else if (row.OrderType == 7) {
}, //jalan酒店
this.$message.info("jalan酒店暂不支持查看");
}, // if(this.pagesTitle=='销售'){
mounted() { // name = 'CharterOrderList'
let userInfo = this.getLocalStorage(); // }else{
let ActionMenuCode = userInfo.ActionMenuCode; // name = 'CharterOrderListOP'
this.userInfo = this.getLocalStorage(); // }
// 判断是否销售 }
if (ActionMenuCode.indexOf('S_CheckBranchOrder') != -1) { if (name) {
this.S_CheckBranchOrder = true this.$router.push({
} name: name,
if (ActionMenuCode.indexOf('S_CheckAllOrder') != -1) { query: {
this.S_CheckAllOrder = true OrderId: row.OrderId,
OrderType: data[0].Type ? data[0].Type : null,
blank: "y"
}
});
}
} }
},
GetAdminCarOrderPageList(row, url, href, data) {
let msg = {
pageIndex: 1,
pageSize: 5,
OrderType: "",
OrderId: row.OrderId,
OrderNo: "",
SurName: "",
Name: "",
OrderStatus: 0,
StartTime: "",
EndTime: "",
OrderSTime: "",
OrderETime: "",
ProductName: "",
Mobile: "", //电话
IsSelectSale: 1,
EnterID: 0 //业务员
};
let name;
this.apipost("CarSingle_post_GetAdminCarOrderPageList", msg, res => {
if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData;
let OrderType;
if (pageData && pageData.length > 0) {
OrderType = pageData[0].OrderType;
}
if (
this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
name = "CharterOrderList";
} else {
name = "CharterOrderListOP";
}
this.$router.push({
name: name,
query: {
OrderId: row.OrderId,
OrderType: OrderType ? OrderType : 4,
blank: "y"
}
});
}
});
} }
}; },
mounted() {
let userInfo = this.getLocalStorage();
let ActionMenuCode = userInfo.ActionMenuCode;
this.userInfo = this.getLocalStorage();
// 判断是否销售
if (ActionMenuCode.indexOf("S_CheckBranchOrder") != -1) {
this.S_CheckBranchOrder = true;
}
if (ActionMenuCode.indexOf("S_CheckAllOrder") != -1) {
this.S_CheckAllOrder = true;
}
}
};
</script> </script>
<style scoped> <style scoped>
.row { .row {
display: flex; display: flex;
} }
.row-c {
display: flex;
align-items: center;
}
.column {
display: flex;
flex-direction: column;
}
.column-jac {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.column-ac {
display: flex;
flex-direction: column;
align-items: center;
}
.wrap {
flex-wrap: wrap;
}
.justify-sb {
justify-content: space-between;
}
.justify-c {
justify-content: center;
}
.justify-e {
justify-content: flex-end;
align-items: flex-end;
}
.flex-g {
flex-grow: 1;
}
.flex-s {
flex-shrink: 0;
}
.align-c {
align-items: center;
}
.cblack {
color: black;
}
.cf {
color: #ffffff;
}
.c9e {
color: #9e9e9e;
}
.c20C997 {
color: #20c997;
}
.c02C854 {
color: #02c854;
}
.cff9800 {
color: #ff9800;
}
.cF1416C {
color: #f1416c;
}
.cF57A98 {
color: #f57a98;
}
.c04C8C8 {
color: #04c8c8;
}
.c059FF6 {
color: #059ff6;
}
.c3FC4FF {
color: #3fc4ff;
}
.fz10 {
font-size: 10px;
}
.fz11 {
font-size: 11px;
}
.fz12 {
font-size: 12px;
}
.fz13 {
font-size: 13px;
}
.fz14 {
font-size: 14px;
}
.fz15 {
font-size: 15px;
}
.fz16 {
font-size: 16px;
}
.fz17 {
font-size: 17px;
}
.fz18 {
font-size: 18px;
}
.fbold {
font-weight: bold;
}
.ml {
margin-left: 10px;
}
.row-c { .mr {
display: flex; margin-right: 10px;
align-items: center; }
}
.column { .mt {
display: flex; margin-top: 10px;
flex-direction: column; }
}
.column-jac {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.column-ac {
display: flex;
flex-direction: column;
align-items: center;
}
.wrap {
flex-wrap: wrap;
}
.justify-sb {
justify-content: space-between;
}
.justify-c {
justify-content: center;
}
.justify-e {
justify-content: flex-end;
align-items: flex-end;
}
.flex-g {
flex-grow: 1;
}
.flex-s {
flex-shrink: 0;
}
.align-c {
align-items: center;
}
.cblack {
color: black;
}
.cf {
color: #ffffff;
}
.c9e {
color: #9e9e9e;
}
.c20C997 {
color: #20c997;
}
.c02C854 {
color: #02c854;
}
.cff9800 {
color: #ff9800;
}
.cF1416C {
color: #f1416c;
}
.cF57A98 {
color: #f57a98;
}
.c04C8C8 {
color: #04c8c8;
}
.c059FF6 {
color: #059ff6;
}
.c3FC4FF {
color: #3fc4ff;
}
.fz10 {
font-size: 10px;
}
.fz11 {
font-size: 11px;
}
.fz12 {
font-size: 12px;
}
.fz13 {
font-size: 13px;
}
.fz14 {
font-size: 14px;
}
.fz15 {
font-size: 15px;
}
.fz16 {
font-size: 16px;
}
.fz17 {
font-size: 17px;
}
.fz18 {
font-size: 18px;
}
.fbold {
font-weight: bold;
}
.ml {
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 { .mt20 {
padding: 10px 20px; margin-top: 20px;
} }
.pa20 { .mb {
padding: 20px; margin-bottom: 10px;
} }
.pt20 { .mb20 {
padding: 20px 0; margin-bottom: 20px;
} }
.borderD { .mx {
border-bottom: 1px dashed #dddddd; margin-left: 10px;
} margin-right: 10px;
}
.mx5 {
margin-left: 5px;
margin-right: 5px;
}
.bgf { .mb5 {
background: #ffffff; margin-bottom: 5px;
} }
.bgf5 { .py {
background: #f5f5f5; padding: 15px 0;
} }
.bgE8F5E9 { .py5 {
background: #e8f5e9; padding: 5px 0;
} }
.bgD9F3FF { .px5 {
background: #d9f3ff; padding: 0 5px;
} }
.bgFAEAED { .px15 {
background: #faeaed; padding: 0 15px;
} }
.bj { .pa15 {
background: #ffffff; padding: 15px;
} }
.bjFFF3E0 { .py20 {
background: #FFF3E0; 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;
}
.radius5 { .top0 {
border-radius: 5px; top: 0;
} }
.cursor-pointer { .bottom0 {
cursor: pointer; bottom: 0;
} }
.relative { .left20 {
position: relative; left: 020px;
} }
.absolute { .right20 {
position: absolute; right: 20px;
} }
.left0 { .top20 {
left: 0; top: 20px;
} }
.right0 { .bottom20 {
right: 0; bottom: 20px;
} }
.top0 {
top: 0;
}
.bottom0 {
bottom: 0;
}
.left20 {
left: 020px;
}
.right20 {
right: 20px;
}
.top20 {
top: 20px;
}
.bottom20 {
bottom: 20px;
}
.text-center {
text-align: center;
}
.text-center {
text-align: center;
}
</style> </style>
src/components/myOrdersAllType/components/allList.vue
View file @ 2ada4d98
...@@ -87,32 +87,35 @@ ...@@ -87,32 +87,35 @@
<div class="HotelWorkList"> <div class="HotelWorkList">
<div class="query-box HotelWorkInput" style="border-bottom: none;"> <div class="query-box HotelWorkInput" style="border-bottom: none;">
<ul> <ul>
<!-- <li> <li v-if="Title=='审核'">
<span><em>客人姓名</em> <span>
<el-input clearable v-model="msg.CustomerName" placeholder="客人姓名" class="w200"/> <em>审核状态</em>
</span> <el-select v-model='msg.OrderState' class="w200">
</li> --> <!-- <el-option :value="0" label="不限"></el-option> -->
<li> <el-option v-for='item in OrderStatusList'
:label='item.Name'
:value='item.Id'
:key='item.Id'>
</el-option>
</el-select>
</span>
</li>
<li v-if="Title!='申请'&&Title!='审核'">
<span><em>商品名称</em> <span><em>商品名称</em>
<el-input clearable type="" v-model="msg.ProductName" placeholder="请输入商品名称" class="w200"/> <el-input clearable type="" v-model="msg.ProductName" placeholder="请输入商品名称" class="w200"/>
</span> </span>
</li> </li>
<li> <li v-if="Title!='申请'&&Title!='审核'">
<span><em>订单Id</em> <span><em>订单Id</em>
<el-input clearable type="Number" v-model="msg.OrderId" placeholder="请输入订单Id" class="w200"/> <el-input clearable type="Number" v-model="msg.OrderId" placeholder="请输入订单Id" class="w200"/>
</span> </span>
</li> </li>
<li> <li v-if="Title!='申请'&&Title!='审核'">
<span><em>团号</em> <span><em>团号</em>
<el-input clearable type="" v-model="msg.TCNUM" placeholder="请输入团号" class="w200"/> <el-input clearable type="" v-model="msg.TCNUM" placeholder="请输入团号" class="w200"/>
</span> </span>
</li> </li>
<!-- <li> <li v-if="Title!='销售'&&Title!='申请'&&Title!='审核'">
<span><em>电话</em>
<el-input clearable v-model="msg.Mobile" placeholder="电话" class="w200"/>
</span>
</li> -->
<li v-if="Title!='销售'">
<span> <span>
<em>业务员</em> <em>业务员</em>
<el-select filterable v-model='msg.EnterId' class="w200" clearable> <el-select filterable v-model='msg.EnterId' class="w200" clearable>
...@@ -125,7 +128,7 @@ ...@@ -125,7 +128,7 @@
</el-select> </el-select>
</span> </span>
</li> </li>
<li v-if="Title!='销售'"> <li v-if="Title!='销售'&&Title!='申请'&&Title!='审核'">
<span> <span>
<em>引流人</em> <em>引流人</em>
<el-select filterable v-model='msg.LureEmpId' class="w200" clearable> <el-select filterable v-model='msg.LureEmpId' class="w200" clearable>
...@@ -138,7 +141,7 @@ ...@@ -138,7 +141,7 @@
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li v-if="Title!='审核'">
<span> <span>
<em>订单类型</em> <em>订单类型</em>
<el-select v-model="msg.OrderType" class="w200 HworkInput"> <el-select v-model="msg.OrderType" class="w200 HworkInput">
...@@ -148,7 +151,7 @@ ...@@ -148,7 +151,7 @@
</li> </li>
<li> <li v-if="Title!='申请'&&Title!='审核'">
<span> <span>
<em>订单状态</em> <em>订单状态</em>
<el-select v-model='msg.OrderState' class="w200"> <el-select v-model='msg.OrderState' class="w200">
...@@ -161,7 +164,7 @@ ...@@ -161,7 +164,7 @@
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li v-if="Title!='申请'&&Title!='审核'">
<span> <span>
<em>收款状态</em> <em>收款状态</em>
<el-select v-model='msg.Q_IsCollect' class="w200"> <el-select v-model='msg.Q_IsCollect' class="w200">
...@@ -175,7 +178,7 @@ ...@@ -175,7 +178,7 @@
</li> </li>
<li> <li v-if="Title!='审核'">
<span> <span>
<em>报名时间</em> <em>报名时间</em>
<el-date-picker <el-date-picker
...@@ -189,7 +192,7 @@ ...@@ -189,7 +192,7 @@
</el-date-picker> </el-date-picker>
</span> </span>
</li> </li>
<li style="line-height: 30px; padding-left: 30px;"> <li style="line-height: 30px; padding-left: 30px;" v-if="Title!='申请'&&Title!='审核'">
<el-popover width="350" trigger="click"> <el-popover width="350" trigger="click">
<div class="groupSuperSearchLayer"> <div class="groupSuperSearchLayer">
<p style="padding-bottom: 10px;">订单高级查询</p> <p style="padding-bottom: 10px;">订单高级查询</p>
...@@ -268,7 +271,7 @@ ...@@ -268,7 +271,7 @@
</ul> </ul>
</div> </div>
<!-- 统计版块 --> <!-- 统计版块 -->
<div class="groupTourOrder_count"> <div class="groupTourOrder_count" v-if="pagesTitle=='销售'||pagesTitle=='OP'">
<!-- <el-row :gutter="20"> <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8"></el-col></el-row> --> <!-- <el-row :gutter="20"> <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8"></el-col></el-row> -->
<div class="groupTourOrder_count_item HT_total" v-for="(item,index) in SummaryList"> <div class="groupTourOrder_count_item HT_total" v-for="(item,index) in SummaryList">
<div> <div>
...@@ -365,7 +368,7 @@ ...@@ -365,7 +368,7 @@
OrderList: [], OrderList: [],
//默认高度 //默认高度
tableHeight: 0, tableHeight: 0,
msg:{ msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
OrderId: "", //订单id OrderId: "", //订单id
...@@ -432,6 +435,12 @@ ...@@ -432,6 +435,12 @@
], ],
LineList: [], LineList: [],
SummaryList: [], SummaryList: [],
OrderStatusList: [
{ Name: "不限", Id: "0" },
{ Name: "待审核", Id: "1" },
{ Name: "已通过", Id: "2" },
{ Name: "已取消", Id: "3" },
]
}; };
}, },
watch: { watch: {
...@@ -575,14 +584,28 @@ ...@@ -575,14 +584,28 @@
//获取酒店订单列表 //获取酒店订单列表
GetList() { GetList() {
this.loading = true this.loading = true
let msgObj
let msg = {
OrderId: '',
OrderState: '0',
OrderType: '0',
papageIndex: 1,
pagesize: 15
}
let url = "CarSingle_post_GetGuestOrderStatisticsPageList" let url = "CarSingle_post_GetGuestOrderStatisticsPageList"
// 销售 OP // 销售 OP
if(this.pagesTitle=='销售'){ if(this.pagesTitle=='销售'){
this.msg.IsMyOrder = '1' this.msg.IsMyOrder = '1'
}else{ }else if(this.pagesTitle=='申请'){
url = "CarSingle_post_GetChangePriceOrderPageList"
this.msg.IsMyOrder = '1'
}else if(this.pagesTitle=='审核'){
url = "CarSingle_post_GetExaminePriceOrderPageList"
} else{
this.msg.IsMyOrder = '0' this.msg.IsMyOrder = '0'
} }
this.apipost(url, this.msg, msgObj = this.pagesTitle=='审核'?msg:this.msg
this.apipost(url, msgObj,
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.getSummaryData() this.getSummaryData()
...@@ -633,9 +656,17 @@ ...@@ -633,9 +656,17 @@
this.employeeMsg.GroupId = userInfo.RB_Group_id; //集团ID this.employeeMsg.GroupId = userInfo.RB_Group_id; //集团ID
this.msg.EnterId = this.$route.query.EnterId?Number(this.$route.query.EnterId):0//userInfo.EmployeeId; this.msg.EnterId = this.$route.query.EnterId?Number(this.$route.query.EnterId):0//userInfo.EmployeeId;
this.msg.LureEmpId = this.$route.query.LureEmpId?Number(this.$route.query.LureEmpId):0 this.msg.LureEmpId = this.$route.query.LureEmpId?Number(this.$route.query.LureEmpId):0
this.msg.StartTime = this.getBeforeDate(0, new Date()) if(this.pagesTitle=='销售'||this.pagesTitle=='OP'){
this.msg.EndTime = this.getBeforeDate(0, new Date()) this.msg.StartTime = this.getBeforeDate(0, new Date())
this.DatelistBM = [new Date(this.msg.StartTime),new Date()] this.msg.EndTime = this.getBeforeDate(0, new Date())
this.DatelistBM = [new Date(this.msg.StartTime),new Date()]
}else{
this.msg.DepartSTime = this.getBeforeDate(200, new Date())
this.msg.DepartETime = this.getBeforeDate(0, new Date())
this.DatelistBM = [this.msg.DepartSTime,this.msg.DepartETime]
this.msg.Q_IsCollect = '2'
}
if(this.$route.query.OrderId){ if(this.$route.query.OrderId){
this.msg.OrderId=this.$route.query.OrderId this.msg.OrderId=this.$route.query.OrderId
this.msg.StartTime = '' this.msg.StartTime = ''
......
src/components/myOrdersAllType/erpChangePricehOrder.vue
View file @ 2ada4d98
...@@ -7,12 +7,13 @@ ...@@ -7,12 +7,13 @@
</div> </div>
</template> </template>
<script> <script>
import allList from './components/allListChangePrice.vue'; // import allList from './components/allListChangePrice.vue';
import allList from './components/allList.vue';
export default { export default {
components: { allList }, components: { allList },
data() { data() {
return { return {
pagesTitle: '销售', pagesTitle: '申请',
dataObj:{ dataObj:{
OrderId: '', OrderId: '',
} }
...@@ -20,14 +21,14 @@ ...@@ -20,14 +21,14 @@
}, },
watch: { watch: {
pagesTitle(val,oldval){ pagesTitle(val,oldval){
}, },
}, },
methods: { methods: {
}, },
created() { created() {
}, },
mounted() { mounted() {
if(this.$route.query.OrderId){ if(this.$route.query.OrderId){
......
src/components/myOrdersAllType/erpExaminePricehOrder.vue
View file @ 2ada4d98
...@@ -7,12 +7,13 @@ ...@@ -7,12 +7,13 @@
</div> </div>
</template> </template>
<script> <script>
import allList from './components/allListExaminePrice.vue'; // import allList from './components/allListExaminePrice.vue';
import allList from './components/allList.vue';
export default { export default {
components: { allList }, components: { allList },
data() { data() {
return { return {
pagesTitle: '销售', pagesTitle: '审核',
dataObj:{ dataObj:{
OrderId: '', OrderId: '',
} }
...@@ -20,14 +21,14 @@ ...@@ -20,14 +21,14 @@
}, },
watch: { watch: {
pagesTitle(val,oldval){ pagesTitle(val,oldval){
}, },
}, },
methods: { methods: {
}, },
created() { created() {
}, },
mounted() { mounted() {
if(this.$route.query.OrderId){ if(this.$route.query.OrderId){
......
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