|
|
|
|
@ -7,27 +7,21 @@
|
|
|
|
|
<div slot="content"></div>
|
|
|
|
|
<slot>
|
|
|
|
|
<div>
|
|
|
|
|
<el-date-picker
|
|
|
|
|
class="vm10"
|
|
|
|
|
v-model="visitRange"
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
type="daterange"
|
|
|
|
|
range-separator="至"
|
|
|
|
|
start-placeholder="参观开始时间"
|
|
|
|
|
end-placeholder="参观结束时间">
|
|
|
|
|
<el-date-picker class="vm10" v-model="visitRange" value-format="yyyy-MM-dd" type="daterange"
|
|
|
|
|
range-separator="至" start-placeholder="参观开始时间" end-placeholder="参观结束时间">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
<el-date-picker
|
|
|
|
|
class="vm10"
|
|
|
|
|
v-model="orderRange"
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
type="daterange"
|
|
|
|
|
range-separator="至"
|
|
|
|
|
start-placeholder="订单开始时间"
|
|
|
|
|
end-placeholder="订单结束时间">
|
|
|
|
|
<el-select style="margin-left: 10px;margin-right: 10px;" v-model="searchFields.time" placeholder="预约时段">
|
|
|
|
|
<el-option value="">
|
|
|
|
|
</el-option>
|
|
|
|
|
<el-option v-for="item in parameters.visittime" :key="item.id" :label="item.value" :value="item.value">
|
|
|
|
|
</el-option>
|
|
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-date-picker class="vm10" v-model="orderRange" value-format="yyyy-MM-dd" type="daterange"
|
|
|
|
|
range-separator="至" start-placeholder="订单开始时间" end-placeholder="订单结束时间">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
<el-select class="vm10 vm15" v-model="searchFields.type" placeholder="请选择类型">
|
|
|
|
|
<el-option v-for="item in parameters.type_list" :key="item.id" :label="item.value"
|
|
|
|
|
:value="item.id">
|
|
|
|
|
<el-option v-for="item in parameters.type_list" :key="item.id" :label="item.value" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<Input class="inputwrap" v-model="searchFields.keyword" placeholder="请输入关键词" />
|
|
|
|
|
@ -47,7 +41,7 @@
|
|
|
|
|
:label="column.title" :width="column.width" :fixed="column.fixed">
|
|
|
|
|
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div v-if="column.type=='status'" >
|
|
|
|
|
<div v-if="column.type=='status'">
|
|
|
|
|
<div v-for="item in parameters.status_list">
|
|
|
|
|
<div v-if="item.id==scope.row[column.field]">
|
|
|
|
|
<el-tag v-if="scope.row[column.field]==1" type="warning">{{item.value}}</el-tag>
|
|
|
|
|
@ -87,14 +81,39 @@
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
parameters: {
|
|
|
|
|
type_list:[{
|
|
|
|
|
visittime: [{
|
|
|
|
|
value: "09:00-10:00",
|
|
|
|
|
id: "1"
|
|
|
|
|
}, {
|
|
|
|
|
value: "10:00-11:00",
|
|
|
|
|
id: "2"
|
|
|
|
|
}, {
|
|
|
|
|
value: "11:00-12:00",
|
|
|
|
|
id: "3"
|
|
|
|
|
}, {
|
|
|
|
|
value: "12:00-13:00",
|
|
|
|
|
id: "4"
|
|
|
|
|
}, {
|
|
|
|
|
value: "13:00-14:00",
|
|
|
|
|
id: "41"
|
|
|
|
|
}, {
|
|
|
|
|
value: "14:00-15:00",
|
|
|
|
|
id: "51"
|
|
|
|
|
}, {
|
|
|
|
|
value: "15:00-16:00",
|
|
|
|
|
id: "61"
|
|
|
|
|
}, {
|
|
|
|
|
value: "16:00-17:00",
|
|
|
|
|
id: "71"
|
|
|
|
|
}],
|
|
|
|
|
type_list: [{
|
|
|
|
|
value: '团体',
|
|
|
|
|
id: "1"
|
|
|
|
|
},{
|
|
|
|
|
}, {
|
|
|
|
|
value: '个人',
|
|
|
|
|
id: "2"
|
|
|
|
|
}],
|
|
|
|
|
status_list:[{
|
|
|
|
|
status_list: [{
|
|
|
|
|
value: '待参观',
|
|
|
|
|
id: "1"
|
|
|
|
|
}, {
|
|
|
|
|
@ -103,27 +122,28 @@
|
|
|
|
|
}, {
|
|
|
|
|
value: '已取消',
|
|
|
|
|
id: "0"
|
|
|
|
|
},{
|
|
|
|
|
}, {
|
|
|
|
|
value: '已过期',
|
|
|
|
|
id: "3"
|
|
|
|
|
}]
|
|
|
|
|
},
|
|
|
|
|
tableHeight: 0,
|
|
|
|
|
clientHeight:0,
|
|
|
|
|
clientHeight: 0,
|
|
|
|
|
//查询条件字段
|
|
|
|
|
visitRange:['',''],
|
|
|
|
|
orderRange:['',''],
|
|
|
|
|
tokens:"",
|
|
|
|
|
baseurl:"",
|
|
|
|
|
visitRange: ['', ''],
|
|
|
|
|
orderRange: ['', ''],
|
|
|
|
|
tokens: "",
|
|
|
|
|
baseurl: "",
|
|
|
|
|
searchFields: {
|
|
|
|
|
keyword: "",
|
|
|
|
|
start_date:"",
|
|
|
|
|
end_date:"",
|
|
|
|
|
order_start_date:"",
|
|
|
|
|
order_end_date:"",
|
|
|
|
|
is_export:0,
|
|
|
|
|
type:"",
|
|
|
|
|
unit:""
|
|
|
|
|
start_date: "",
|
|
|
|
|
end_date: "",
|
|
|
|
|
order_start_date: "",
|
|
|
|
|
order_end_date: "",
|
|
|
|
|
is_export: 0,
|
|
|
|
|
type: "",
|
|
|
|
|
unit: "",
|
|
|
|
|
time: ""
|
|
|
|
|
},
|
|
|
|
|
tableData: [],
|
|
|
|
|
paginations: {
|
|
|
|
|
@ -135,72 +155,72 @@
|
|
|
|
|
field: "date",
|
|
|
|
|
title: "预约日期",
|
|
|
|
|
type: "date",
|
|
|
|
|
width:180,
|
|
|
|
|
fixed:"left"
|
|
|
|
|
width: 180,
|
|
|
|
|
fixed: "left"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "person",
|
|
|
|
|
title: "预约人",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:120
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 120
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "personmobile",
|
|
|
|
|
title: "游客电话",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:180,
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 180,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "is_disability",
|
|
|
|
|
title: "是否行动不便",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:120
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 120
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "typeName",
|
|
|
|
|
title: "类型",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:120
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 120
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "leader",
|
|
|
|
|
title: "领队人",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:120
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 120
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "mobile",
|
|
|
|
|
title: "联系电话",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:180,
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 180,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "unit",
|
|
|
|
|
title: "单位",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:200,
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 200,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "created_at",
|
|
|
|
|
title: "下单时间",
|
|
|
|
|
type: "string",
|
|
|
|
|
align:"center",
|
|
|
|
|
width:180,
|
|
|
|
|
align: "center",
|
|
|
|
|
width: 180,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: "status",
|
|
|
|
|
title: "订单状态",
|
|
|
|
|
type: "status",
|
|
|
|
|
align:"center",
|
|
|
|
|
fixed:"right",
|
|
|
|
|
width:120
|
|
|
|
|
align: "center",
|
|
|
|
|
fixed: "right",
|
|
|
|
|
width: 120
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
@ -220,44 +240,50 @@
|
|
|
|
|
var topHeight = 50; //页面 头部
|
|
|
|
|
let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
|
|
|
|
|
that.tableHeight = tableHeight;
|
|
|
|
|
that.tokens = getToken()
|
|
|
|
|
that.baseurl = process.env.VUE_APP_BASE_API
|
|
|
|
|
console.log("aa",process.env)
|
|
|
|
|
that.baseurl = location.host; //process.env.VUE_APP_BASE_API
|
|
|
|
|
console.log("aa", process.env)
|
|
|
|
|
},
|
|
|
|
|
load() {
|
|
|
|
|
load(is_export) {
|
|
|
|
|
console.log(is_export)
|
|
|
|
|
var that = this;
|
|
|
|
|
listvisitor({
|
|
|
|
|
page: this.paginations.page,
|
|
|
|
|
page_size: this.paginations.page_size,
|
|
|
|
|
keyword:this.searchFields.keyword,
|
|
|
|
|
start_date:this.searchFields.start_date,
|
|
|
|
|
is_export:this.searchFields.is_export,
|
|
|
|
|
end_date:this.searchFields.end_date,
|
|
|
|
|
order_start_date:this.searchFields.order_start_date,
|
|
|
|
|
order_end_date:this.searchFields.order_end_date,
|
|
|
|
|
type:this.searchFields.type,
|
|
|
|
|
unit:this.searchFields.unit
|
|
|
|
|
keyword: this.searchFields.keyword,
|
|
|
|
|
start_date: this.searchFields.start_date,
|
|
|
|
|
//is_export: this.searchFields.is_export,
|
|
|
|
|
end_date: this.searchFields.end_date,
|
|
|
|
|
order_start_date: this.searchFields.order_start_date,
|
|
|
|
|
order_end_date: this.searchFields.order_end_date,
|
|
|
|
|
type: this.searchFields.type,
|
|
|
|
|
unit: this.searchFields.unit,
|
|
|
|
|
time: this.searchFields.time
|
|
|
|
|
}).then(res => {
|
|
|
|
|
if(that.searchFields.is_export==1){
|
|
|
|
|
var url = "api/admin/visit/order-detail-index?token="+that.tokens
|
|
|
|
|
for(var m in that.searchFields){
|
|
|
|
|
url +="&"+m+"="+that.searchFields[m]
|
|
|
|
|
let tokens = getToken();
|
|
|
|
|
console.log(is_export)
|
|
|
|
|
console.log(tokens)
|
|
|
|
|
console.log(that.searchFields.is_export)
|
|
|
|
|
if (is_export) {
|
|
|
|
|
var url = "/api/admin/visit/order-detail-index?token=" + tokens
|
|
|
|
|
console.log(url)
|
|
|
|
|
for (var m in that.searchFields) {
|
|
|
|
|
url += "&" + m + "=" + that.searchFields[m]
|
|
|
|
|
}
|
|
|
|
|
url = that.baseurl + url
|
|
|
|
|
console.log(url)
|
|
|
|
|
window.open(url, '_blank')
|
|
|
|
|
that.searchFields.is_export=0
|
|
|
|
|
window.open("http://" + url, '_blank')
|
|
|
|
|
that.searchFields.is_export = 0
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
let _data = [];
|
|
|
|
|
// let result = Object.assign(_data, res.data);
|
|
|
|
|
for(var m of res.data){
|
|
|
|
|
var mod ={};
|
|
|
|
|
mod.date = m.visit_order.date +" "+ m.visit_order.time
|
|
|
|
|
mod.leader = m.visit_order.type==1 ? m.visit_order.leader : m.name
|
|
|
|
|
for (var m of res.data) {
|
|
|
|
|
var mod = {};
|
|
|
|
|
mod.date = m.visit_order.date + " " + m.visit_order.time
|
|
|
|
|
mod.leader = m.visit_order.type == 1 ? m.visit_order.leader : m.name
|
|
|
|
|
mod.mobile = m.visit_order.mobile
|
|
|
|
|
mod.typeName = m.visit_order.type==1 ? "团体" : "个人"
|
|
|
|
|
mod.unit = m.visit_order.type==1 ? m.visit_order.unit : "无"
|
|
|
|
|
mod.typeName = m.visit_order.type == 1 ? "团体" : "个人"
|
|
|
|
|
mod.unit = m.visit_order.type == 1 ? m.visit_order.unit : "无"
|
|
|
|
|
mod.person = m.name
|
|
|
|
|
mod.personmobile = m.mobile
|
|
|
|
|
mod.created_at = m.created_at
|
|
|
|
|
@ -271,42 +297,41 @@
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
searchload(){
|
|
|
|
|
if(this.visitRange){
|
|
|
|
|
searchload() {
|
|
|
|
|
if (this.visitRange) {
|
|
|
|
|
this.searchFields.start_date = this.visitRange[0]
|
|
|
|
|
this.searchFields.end_date = this.visitRange[1]
|
|
|
|
|
}else{
|
|
|
|
|
} else {
|
|
|
|
|
this.searchFields.start_date = ""
|
|
|
|
|
this.searchFields.end_date = ""
|
|
|
|
|
}
|
|
|
|
|
if(this.orderRange){
|
|
|
|
|
if (this.orderRange) {
|
|
|
|
|
this.searchFields.order_start_date = this.orderRange[0]
|
|
|
|
|
this.searchFields.order_end_date = this.orderRange[1]
|
|
|
|
|
}else{
|
|
|
|
|
} else {
|
|
|
|
|
this.searchFields.order_start_date = ""
|
|
|
|
|
this.searchFields.order_end_date = ""
|
|
|
|
|
}
|
|
|
|
|
this.load()
|
|
|
|
|
},
|
|
|
|
|
resetload(){
|
|
|
|
|
resetload() {
|
|
|
|
|
this.searchFields = {
|
|
|
|
|
keyword: "",
|
|
|
|
|
start_date:"",
|
|
|
|
|
end_date:"",
|
|
|
|
|
order_start_date:"",
|
|
|
|
|
order_end_date:"",
|
|
|
|
|
start_date: "",
|
|
|
|
|
end_date: "",
|
|
|
|
|
order_start_date: "",
|
|
|
|
|
order_end_date: "",
|
|
|
|
|
// is_export:0,
|
|
|
|
|
type:"",
|
|
|
|
|
unit:""
|
|
|
|
|
type: "",
|
|
|
|
|
unit: ""
|
|
|
|
|
},
|
|
|
|
|
this.visitRange = ['','']
|
|
|
|
|
this.orderRange = ['','']
|
|
|
|
|
this.visitRange = ['', '']
|
|
|
|
|
this.orderRange = ['', '']
|
|
|
|
|
this.load()
|
|
|
|
|
},
|
|
|
|
|
exportExcel(){
|
|
|
|
|
this.searchFields.is_export = 1
|
|
|
|
|
this.load()
|
|
|
|
|
|
|
|
|
|
exportExcel() {
|
|
|
|
|
this.searchFields.is_export = 1;
|
|
|
|
|
this.load(true);
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChange(page) {
|
|
|
|
|
this.paginations.page = page;
|
|
|
|
|
@ -317,25 +342,29 @@
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.inputwrap{
|
|
|
|
|
width:150px;
|
|
|
|
|
margin:10px;
|
|
|
|
|
margin-left:0;
|
|
|
|
|
.inputwrap {
|
|
|
|
|
width: 150px;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
.inputwrap input{
|
|
|
|
|
height:40px;
|
|
|
|
|
|
|
|
|
|
.inputwrap input {
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.inputwrap .ivu-input-suffix{
|
|
|
|
|
line-height: 40px!important;
|
|
|
|
|
|
|
|
|
|
.inputwrap .ivu-input-suffix {
|
|
|
|
|
line-height: 40px !important;
|
|
|
|
|
}
|
|
|
|
|
.vm10{
|
|
|
|
|
|
|
|
|
|
.vm10 {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
margin:10px;
|
|
|
|
|
margin-left:0;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
width: 360px !important;
|
|
|
|
|
}
|
|
|
|
|
.vm15{
|
|
|
|
|
|
|
|
|
|
.vm15 {
|
|
|
|
|
width: 150px !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
刘翔宇-旅管家
3 years ago