Skip to content

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

no message

parent 90200eae
Show 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"
:data="OrderList"
style="width: 100%"
:default-sort="{ prop: 'null', order: 'null' }"
:sort-by="[
'Money',
'Income',
'PreferTipAmount',
'PlatformTax',
'Refund',
'CostMoney',
'OrderProfit',
'DueInMoney'
]"
>
<el-table-column
width="200"
prop="CreateTimeStr"
label="订单Id"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
<p class="cursor-pointer c059FF6 fz18 row-c" @click="goDetails(scope.row)"> <p
<el-tag style="margin-right: 5px;" size="mini">{{scope.row.OrderTypeName}}</el-tag> class="cursor-pointer c059FF6 fz18 row-c"
<span>{{scope.row.OrderId}}</span> @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> </p>
<p>{{scope.row.CreateTimeStr}}</p>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="200" prop="CreateTimeStr" label="团号" show-overflow-tooltip> <el-table-column
width="200"
prop="CreateTimeStr"
label="团号"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
<p class=" fz14" :class="{'cursor-pointer c059FF6':scope.row.OrderType==2}" <p
@click="scope.row.OrderType==2?goTuanDetails(scope.row):''">{{scope.row.TCNUM}}</p> class=" fz14"
<p>出发日期：{{scope.row.StartDate}}</p> :class="{ 'cursor-pointer c059FF6': scope.row.OrderType == 2 }"
<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> @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> </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!='详情'}" <span
@click="pagesTitle!='详情'?openNameDetails(scope.row):''"> :class="{ 'colorblue font-color-link': pagesTitle != '详情' }"
{{scope.row.GuestName}} @click="pagesTitle != '详情' ? openNameDetails(scope.row) : ''"
>
{{ scope.row.GuestName }}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="SaleName" label="销售"> <el-table-column prop="SaleName" label="销售"> </el-table-column>
</el-table-column> <el-table-column prop="LureEmpName" label="引流"> </el-table-column>
<el-table-column prop="LureEmpName" label="引流">
</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">
<div style="max-width: 100px;overflow: hidden;text-overflow: ellipsis">{{scope.row.Name}}</div> <div
style="max-width: 100px;overflow: hidden;text-overflow: ellipsis"
>
{{ scope.row.Name }}
</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">
<div style="max-width: 100px;overflow: hidden;text-overflow: ellipsis">{{scope.row.Description}}</div> <div
style="max-width: 100px;overflow: hidden;text-overflow: ellipsis"
>
{{ scope.row.Description }}
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column sortable prop="Money" label="总金额" min-width="100" show-overflow-tooltip> <el-table-column
sortable
prop="Money"
label="总金额"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.Money}}&ensp;({{scope.row.CurrencyName}}) {{ scope.row.Money }}&ensp;({{ scope.row.CurrencyName }})
</template> </template>
</el-table-column> </el-table-column>
<el-table-column sortable prop="Income" label="实收"> <el-table-column sortable prop="Income" label="实收"> </el-table-column>
</el-table-column> <el-table-column
<el-table-column sortable prop="PlatformMoney" label="在途金额" min-width="100"> sortable
</el-table-column> prop="PlatformMoney"
<el-table-column sortable prop="PreferTipAmount" label="人头小费" min-width="101"> label="在途金额"
min-width="110"
>
</el-table-column> </el-table-column>
<el-table-column sortable prop="PlatformTax" label="手续费" min-width="100"> <el-table-column
sortable
prop="PreferTipAmount"
label="人头小费"
min-width="110"
>
</el-table-column> </el-table-column>
<el-table-column sortable prop="Refund" label="退款"> <el-table-column
sortable
prop="PlatformTax"
label="手续费"
min-width="100"
>
</el-table-column> </el-table-column>
<el-table-column sortable prop="CostMoney" label="成本" > <el-table-column sortable prop="Refund" label="退款"> </el-table-column>
<el-table-column sortable prop="CostMoney" label="成本">
</el-table-column> </el-table-column>
<el-table-column sortable prop="DueInMoney" label="待收"> <el-table-column sortable prop="DueInMoney" label="待收">
<template slot-scope="scope"> <template slot-scope="scope">
<span :class="{'red':scope.row.DueInMoney>0}">{{scope.row.DueInMoney}}</span> <span :class="{ red: scope.row.DueInMoney > 0 }">{{
scope.row.DueInMoney
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column sortable prop="OrderProfit" label="预期利润" min-width="100"> <el-table-column
sortable
prop="OrderProfit"
label="预期利润"
min-width="110"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span :class="{'red':scope.row.OrderProfit>0}">{{scope.row.OrderProfit}}</span> <span :class="{ red: scope.row.OrderProfit > 0 }">{{
scope.row.OrderProfit
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column sortable prop="DiscountsMoney" label="优惠"> <el-table-column sortable prop="DiscountsMoney" label="优惠">
</el-table-column> </el-table-column>
<el-table-column prop="StateName" label="状态" show-overflow-tooltip> <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>
<el-table-column
v-if="pagesTitle != '审核'"
prop="StateName"
label="状态"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.StateName}}</span> <span>{{ scope.row.StateName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column <el-table-column label="操作" show-overflow-tooltip>
label="操作"
show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" type="primary" @click="goDetails(scope.row)">查看</el-button> <!-- <el-button size="mini" type="primary" @click="goDetails(scope.row)">查看</el-button> -->
<template v-if="pagesTitle == '申请'">
<el-button
v-if="scope.row.OrderChangePriceId == 0"
size="mini"
type="primary"
@click="ckChangePrice(scope.row)"
>申请改价</el-button
>
<el-button
v-else
size="mini"
type="primary"
@click="ckChangePrice(scope.row, 1)"
>修改改价</el-button
>
</template>
<template v-if="pagesTitle == '审核'">
<el-button
v-if="scope.row.ApplyForState == 1"
size="mini"
type="primary"
@click="ckChangePrice(scope.row, 2)"
>审核</el-button
>
<p
v-else
class=" fz14"
:class="{ 'cursor-pointer c059FF6': scope.row.OrderType > 0 }"
@click="ckChangePrice(scope.row, 3)"
>
查看详情
</p>
</template> </template>
</el-table-column> --> </template>
</el-table-column>
</el-table> </el-table>
<!-- 申请弹窗 -->
<div class="combottomDiv OPremarkDiv" v-if="changePriceMsg.outerVisible">
<div class="combottomTitle">{{ titlePrice }}</div>
<el-form label-width="100px">
<el-col :span="8">
<el-form-item label="应收总金额" prop="">
<el-input
type="textarea"
v-model="changePriceMsg.Money"
rows="6"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="改价原因" prop="">
<el-input
type="textarea"
v-model="changePriceMsg.ApplyForReason"
rows="6"
></el-input>
</el-form-item>
</el-col>
</el-form>
<div slot="footer" class="dialog-footer">
<button
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 {
titlePrice: "",
S_CheckBranchOrder: false, S_CheckBranchOrder: false,
S_CheckAllOrder: false, S_CheckAllOrder: false,
queryObj: null, queryObj: null,
...@@ -116,40 +428,58 @@ ...@@ -116,40 +428,58 @@
ReFinanceId2: "" ReFinanceId2: ""
}, },
userInfo: {}, userInfo: {},
changePriceMsg: {
ID: 0,
OrderId: 0,
OrderType: 0,
PreferPrice: 0,
Money: 0,
ApplyForReason: "",
RefuseReason: "",
ApplyForState: 1,
setPlatDialog: false, //是否显示弹出框
outerVisible: false,
outerVisible2: false
},
msg: { msg: {
OrderId: "", OrderId: "",
LossMoney: 0, LossMoney: 0,
State: '', //状态 1确认 2已邮寄 3设置自提 4收损 State: "", //状态 1确认 2已邮寄 3设置自提 4收损
SelffetchAddress: '' SelffetchAddress: ""
}, },
msgParameter: { msgParameter: {
IsUpdateMailing: 1, IsUpdateMailing: 1,
OrderId: 0, OrderId: 0,
Money: 0.0, Money: 0.0,
Remark: '', Remark: "",
MailingState: '1', //邮寄状态 1自取 2邮寄 MailingState: "1", //邮寄状态 1自取 2邮寄
MailingAddress: '', //MailingState =2 填写邮寄 MailingAddress: "", //MailingState =2 填写邮寄
UseDate: '', //门票日期 UseDate: "", //门票日期
Name: '', Name: "",
EName: '', EName: "",
Sex: '1', //1男2女 Sex: "1", //1男2女
Birthday: '', Birthday: "",
Mobile: '', Mobile: "",
CouponsId: '', //景点id CouponsId: "", //景点id
DetailList: [], DetailList: []
}, },
rules2: { rules2: {
Name: [{ Name: [
{
required: true, required: true,
message: '请输入中文名', message: "请输入中文名",
trigger: 'blur' trigger: "blur"
}], }
EName: [{ ],
EName: [
{
required: true, required: true,
message: '请输入英文名', message: "请输入英文名",
trigger: 'blur' trigger: "blur"
}], }
Mobile: [{ ],
Mobile: [
{
required: true, required: true,
message: "请输入联系电话", message: "请输入联系电话",
trigger: "blur" trigger: "blur"
...@@ -159,29 +489,37 @@ ...@@ -159,29 +489,37 @@
message: "请输入正确的电话" message: "请输入正确的电话"
} }
], ],
MailingAddress: [{ MailingAddress: [
{
required: true, required: true,
message: '请输入邮寄地址', message: "请输入邮寄地址",
trigger: 'blur' trigger: "blur"
}], }
]
}, },
outerVisible: false, outerVisible: false,
rules: { rules: {
State: [{ 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, cancelOrderDialog: false,
cancelRemark: "", cancelRemark: "",
...@@ -189,122 +527,201 @@ ...@@ -189,122 +527,201 @@
uploadOrderId: 0, uploadOrderId: 0,
loading: false, loading: false,
fileList: [], fileList: [],
GuestFile: '', GuestFile: "",
ChangeOrderDialog: false, ChangeOrderDialog: false,
OrderStatusType: [{ OrderStatusType: [
Name: this.$t('OrderList.orderStatus.apply'),
ID: '1'
},
{ {
Name: this.$t('OrderList.orderStatus.check'), Name: this.$t("OrderList.orderStatus.apply"),
ID: '2' ID: "1"
}, },
{ {
Name: this.$t('OrderList.orderStatus.cancel'), Name: this.$t("OrderList.orderStatus.check"),
ID: '3' ID: "2"
}, },
{ {
Name: this.$t('OrderList.orderStatus.sun'), Name: this.$t("OrderList.orderStatus.cancel"),
ID: '4' ID: "3"
}, },
{
Name: this.$t("OrderList.orderStatus.sun"),
ID: "4"
}
], ],
items: null, items: null,
typeState: '', typeState: "",
Title: '' Title: ""
}; };
}, },
watch: { watch: {
pagesTitle(val, oldval) { pagesTitle(val, oldval) {
this.Title = val this.Title = val;
}, },
OrderList: { OrderList: {
handler(val, oldVal) { handler(val, oldVal) {}
}
},
methods: {
setChangePrice() {
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);
}
}
);
},
//点击修改订单总价
ckChangePrice(item, type) {
if (!type) this.titlePrice = "申请改价";
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;
} }
} }
);
}, },
methods: {
goTuanDetails(row) { goTuanDetails(row) {
let name = '' let name = "";
if (row.IsOneDayOrder == 1) { if (row.IsOneDayOrder == 1) {
name = 'groupTourOrderByTuanOne' name = "groupTourOrderByTuanOne";
} else { } else {
name = 'groupTourOrderByTuan' name = "groupTourOrderByTuan";
} }
this.$router.push({ this.$router.push({
name: name, name: name,
query: { query: {
id: row.TCID, id: row.TCID,
tcmun: row.TCNUM, tcmun: row.TCNUM,
blank: "y", blank: "y"
} }
}); });
}, },
goDetails(row) { goDetails(row) {
let data = [{ let data = [
{
path: "", path: "",
OrderId: row.OrderId, OrderId: row.OrderId,
Type: '' Type: ""
}] }
let href ];
let href;
let url = this.domainManager().crmRoutingUrl; let url = this.domainManager().crmRoutingUrl;
if (row.OrderType == 1) { if (row.OrderType == 1) {
if (
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { this.pagesTitle == "销售" ||
data[0].path = 'myCustomerOrderAllType' (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
data[0].path = "myCustomerOrderAllType";
} else { } else {
data[0].path = 'customerOrderAllType' data[0].path = "customerOrderAllType";
} }
href = url + 'automaticLogin?token=' + this.getLocalStorage().token + '&data=' + JSON.stringify(data) href =
url +
"automaticLogin?token=" +
this.getLocalStorage().token +
"&data=" +
JSON.stringify(data);
window.open(href); window.open(href);
} else { } else {
let name = '' let name = "";
if (row.OrderType == 6) { if (row.OrderType == 6) {
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { if (
name = 'VisaProductEditOrder' this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
name = "VisaProductEditOrder";
} else { } else {
name = 'VisaProductEditOrderOP' name = "VisaProductEditOrderOP";
} }
this.$router.push({ this.$router.push({
name: name, name: name
}); });
} else if (row.OrderType == 2) { //跟团 一日游 } else if (row.OrderType == 2) {
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { //跟团 一日游
if (
this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
if (row.IsOneDayOrder == 1) { if (row.IsOneDayOrder == 1) {
name = 'groupTourOrderOne' name = "groupTourOrderOne";
} else { } else {
name = 'groupTourOrder' name = "groupTourOrder";
} }
} else { } else {
name = 'enrollTotal' name = "enrollTotal";
} }
} else if (row.OrderType == 3) { //酒店 } else if (row.OrderType == 3) {
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { //酒店
name = 'singleProductHotelOrder' if (
this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
name = "singleProductHotelOrder";
} else { } else {
name = 'singleProductHotelOrderOP' name = "singleProductHotelOrderOP";
} }
} else if (row.OrderType == 4) { //门票 } else if (row.OrderType == 4) {
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { //门票
name = 'SingleticketOrderList' if (
this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
name = "SingleticketOrderList";
} else { } else {
name = 'SingleticketOrderListOP' name = "SingleticketOrderListOP";
} }
} else if (row.OrderType == 5) { //包车 } else if (row.OrderType == 5) {
if(row.CarType==''||row.CarType==null){ //包车
this.GetAdminCarOrderPageList(row,url,href,data) if (row.CarType == "" || row.CarType == null) {
}else{ this.GetAdminCarOrderPageList(row, url, href, data);
if(this.pagesTitle=='销售'){ } else {
name = 'CharterOrderList' if (this.pagesTitle == "销售") {
}else{ name = "CharterOrderList";
name = 'CharterOrderListOP' } else {
name = "CharterOrderListOP";
} }
data[0].Type = row.CarType==null||!row.CarType?4:row.CarType data[0].Type =
row.CarType == null || !row.CarType ? 4 : row.CarType;
} }
} else if (row.OrderType == 7) { //jalan酒店 } else if (row.OrderType == 7) {
this.$message.info('jalan酒店暂不支持查看') //jalan酒店
this.$message.info("jalan酒店暂不支持查看");
// if(this.pagesTitle=='销售'){ // if(this.pagesTitle=='销售'){
// name = 'CharterOrderList' // name = 'CharterOrderList'
// }else{ // }else{
...@@ -316,376 +733,375 @@ ...@@ -316,376 +733,375 @@
name: name, name: name,
query: { query: {
OrderId: row.OrderId, OrderId: row.OrderId,
OrderType: data[0].Type?data[0].Type:null, OrderType: data[0].Type ? data[0].Type : null,
blank: "y", blank: "y"
} }
}); });
} }
} }
}, },
GetAdminCarOrderPageList(row, url, href, data) { GetAdminCarOrderPageList(row, url, href, data) {
let msg = { let msg = {
pageIndex: 1, pageIndex: 1,
pageSize: 5, pageSize: 5,
OrderType: '', OrderType: "",
OrderId: row.OrderId, OrderId: row.OrderId,
OrderNo: '', OrderNo: "",
SurName: '', SurName: "",
Name: '', Name: "",
OrderStatus: 0, OrderStatus: 0,
StartTime: '', StartTime: "",
EndTime: '', EndTime: "",
OrderSTime: '', OrderSTime: "",
OrderETime: '', OrderETime: "",
ProductName: '', ProductName: "",
Mobile: '', //电话 Mobile: "", //电话
IsSelectSale: 1, IsSelectSale: 1,
EnterID: 0, //业务员 EnterID: 0 //业务员
} };
let name let name;
this.apipost('CarSingle_post_GetAdminCarOrderPageList', msg, res => { this.apipost("CarSingle_post_GetAdminCarOrderPageList", msg, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData let pageData = res.data.data.pageData;
let OrderType let OrderType;
if (pageData && pageData.length > 0) { if (pageData && pageData.length > 0) {
OrderType = pageData[0].OrderType OrderType = pageData[0].OrderType;
} }
if (this.pagesTitle == '销售' || (!this.S_CheckBranchOrder && !this.S_CheckAllOrder)) { if (
name = 'CharterOrderList' this.pagesTitle == "销售" ||
(!this.S_CheckBranchOrder && !this.S_CheckAllOrder)
) {
name = "CharterOrderList";
} else { } else {
name = 'CharterOrderListOP' name = "CharterOrderListOP";
} }
this.$router.push({ this.$router.push({
name: name, name: name,
query: { query: {
OrderId: row.OrderId, OrderId: row.OrderId,
OrderType: OrderType ? OrderType : 4, OrderType: OrderType ? OrderType : 4,
blank: "y", blank: "y"
}
});
} }
}); });
} }
})
},
}, },
mounted() { mounted() {
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
let ActionMenuCode = userInfo.ActionMenuCode; let ActionMenuCode = userInfo.ActionMenuCode;
this.userInfo = this.getLocalStorage(); this.userInfo = this.getLocalStorage();
// 判断是否销售 // 判断是否销售
if (ActionMenuCode.indexOf('S_CheckBranchOrder') != -1) { if (ActionMenuCode.indexOf("S_CheckBranchOrder") != -1) {
this.S_CheckBranchOrder = true this.S_CheckBranchOrder = true;
} }
if (ActionMenuCode.indexOf('S_CheckAllOrder') != -1) { if (ActionMenuCode.indexOf("S_CheckAllOrder") != -1) {
this.S_CheckAllOrder = true this.S_CheckAllOrder = true;
} }
} }
}; };
</script> </script>
<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 { .mr {
margin-right: 10px; margin-right: 10px;
} }
.mt { .mt {
margin-top: 10px; margin-top: 10px;
} }
.mt20 { .mt20 {
margin-top: 20px; margin-top: 20px;
} }
.mb { .mb {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb20 { .mb20 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.mx { .mx {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.mx5 { .mx5 {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
.mb5 { .mb5 {
margin-bottom: 5px; margin-bottom: 5px;
} }
.py { .py {
padding: 15px 0; padding: 15px 0;
} }
.py5 { .py5 {
padding: 5px 0; padding: 5px 0;
} }
.px5 { .px5 {
padding: 0 5px; padding: 0 5px;
} }
.px15 { .px15 {
padding: 0 15px; padding: 0 15px;
} }
.pa15 { .pa15 {
padding: 15px; padding: 15px;
} }
.py20 { .py20 {
padding: 20px 0; padding: 20px 0;
} }
.pb5 { .pb5 {
padding: 0 0 5px 0; padding: 0 0 5px 0;
} }
.pa { .pa {
padding: 10px 20px; padding: 10px 20px;
} }
.pa20 { .pa20 {
padding: 20px; padding: 20px;
} }
.pt20 { .pt20 {
padding: 20px 0; padding: 20px 0;
} }
.borderD { .borderD {
border-bottom: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd;
} }
.bgf { .bgf {
background: #ffffff; background: #ffffff;
} }
.bgf5 { .bgf5 {
background: #f5f5f5; background: #f5f5f5;
} }
.bgE8F5E9 { .bgE8F5E9 {
background: #e8f5e9; background: #e8f5e9;
} }
.bgD9F3FF { .bgD9F3FF {
background: #d9f3ff; background: #d9f3ff;
} }
.bgFAEAED { .bgFAEAED {
background: #faeaed; background: #faeaed;
} }
.bj { .bj {
background: #ffffff; background: #ffffff;
} }
.bjFFF3E0 { .bjFFF3E0 {
background: #FFF3E0; background: #fff3e0;
} }
.radius5 { .radius5 {
border-radius: 5px; border-radius: 5px;
} }
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
} }
.relative { .relative {
position: relative; position: relative;
} }
.absolute { .absolute {
position: absolute; position: absolute;
} }
.left0 { .left0 {
left: 0; left: 0;
} }
.right0 { .right0 {
right: 0; right: 0;
} }
.top0 { .top0 {
top: 0; top: 0;
} }
.bottom0 { .bottom0 {
bottom: 0; bottom: 0;
} }
.left20 { .left20 {
left: 020px; left: 020px;
} }
.right20 { .right20 {
right: 20px; right: 20px;
} }
.top20 { .top20 {
top: 20px; top: 20px;
} }
.bottom20 { .bottom20 {
bottom: 20px; bottom: 20px;
} }
.text-center { .text-center {
text-align: 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>
<el-select v-model='msg.OrderState' class="w200">
<!-- <el-option :value="0" label="不限"></el-option> -->
<el-option v-for='item in OrderStatusList'
:label='item.Name'
:value='item.Id'
:key='item.Id'>
</el-option>
</el-select>
</span> </span>
</li> --> </li>
<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
if(this.pagesTitle=='销售'||this.pagesTitle=='OP'){
this.msg.StartTime = this.getBeforeDate(0, new Date()) this.msg.StartTime = this.getBeforeDate(0, new Date())
this.msg.EndTime = this.getBeforeDate(0, new Date()) this.msg.EndTime = this.getBeforeDate(0, new Date())
this.DatelistBM = [new Date(this.msg.StartTime),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: '',
} }
......
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: '',
} }
......
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