Commit 5d34ced9 authored by 黄奎's avatar 黄奎

页面修改

parent 59bfd7bb
This source diff could not be displayed because it is too large. You can view the blob instead.
<style> <style>
@import "../../../assets/css/newTravelManager.css"; @import "../../../assets/css/newTravelManager.css";
.people-item {
.people-item {
margin-top: 5px; margin-top: 5px;
font-size: 14px; font-size: 14px;
} }
.people-item-title {
.people-item-title {
font-size: 12px; font-size: 12px;
color: #666; color: #666;
margin-right: 4px; margin-right: 4px;
} }
.productQueryList {
.productQueryList {
width: 100%; width: 100%;
min-width: 1366px; min-width: 1366px;
padding-left: 10px; padding-left: 10px;
} }
.productQueryList li { .productQueryList li {
width: 100%; width: 100%;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
background: #fff; background: #fff;
margin-bottom: 10px; margin-bottom: 10px;
color: #333; color: #333;
font-size: 14px; font-size: 14px;
} }
.productQueryList li::after { .productQueryList li::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.productQueryList li i.iconfont { .productQueryList li i.iconfont {
color: #bbb; color: #bbb;
margin-right: 8px; margin-right: 8px;
} }
.productQueryList li > div:first-child { .productQueryList li>div:first-child {
display: table; display: table;
width: 100%; width: 100%;
} }
.productQueryList li > div > div { .productQueryList li>div>div {
display: table-cell; display: table-cell;
border-right: 1px dashed #dcdfe6; border-right: 1px dashed #dcdfe6;
} }
.productQueryList li > div > div:last-child { .productQueryList li>div>div:last-child {
border-right: none; border-right: none;
} }
.productQueryList li .d11 { .productQueryList li .d11 {
float: left; float: left;
width: 160px; width: 160px;
height: 120px; height: 120px;
margin: 14px 14px 0 14px; margin: 14px 14px 0 14px;
} }
.productQueryList li .d11 > li { .productQueryList li .d11>li {
width: 160px; width: 160px;
height: 120px; height: 120px;
border: none; border: none;
} }
.productQueryList li .d11 > li > img { .productQueryList li .d11>li>img {
width: 160px; width: 160px;
height: 120px; height: 120px;
} }
.productQueryList li .d12 { .productQueryList li .d12 {
float: left; float: left;
padding-top: 18px; padding-top: 18px;
width: 200px; width: 200px;
} }
.productQueryList li .d12 .d12p { .productQueryList li .d12 .d12p {
margin-top: 3px; margin-top: 3px;
font-size: 12px; font-size: 12px;
color: #999; color: #999;
...@@ -85,32 +88,32 @@ ...@@ -85,32 +88,32 @@
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.productQueryList li .d12 .d12p:hover { .productQueryList li .d12 .d12p:hover {
text-decoration: underline; text-decoration: underline;
color: #333; color: #333;
} }
.productQueryList li .d12 .d12TC { .productQueryList li .d12 .d12TC {
margin: 5px 0; margin: 5px 0;
color: #666666; color: #666666;
font-size: 12px; font-size: 12px;
} }
.productQueryList li .d1 { .productQueryList li .d1 {
width: 18%; width: 18%;
position: relative; position: relative;
padding: 0 20px; padding: 0 20px;
} }
.productQueryList li .d2 { .productQueryList li .d2 {
width: 14%; width: 14%;
text-align: center; text-align: center;
padding-top: 20px; padding-top: 20px;
} }
.productQueryList li .d2 p.flightNo { .productQueryList li .d2 p.flightNo {
background: #ccc; background: #ccc;
width: 136px; width: 136px;
margin: 5px 0; margin: 5px 0;
...@@ -119,210 +122,210 @@ ...@@ -119,210 +122,210 @@
line-height: 22px; line-height: 22px;
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
} }
.productQueryList li .d2 p.flightNo em { .productQueryList li .d2 p.flightNo em {
font-style: normal; font-style: normal;
color: #333; color: #333;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
} }
.productQueryList li .d2 p.flightNo .flem { .productQueryList li .d2 p.flightNo .flem {
height: 22px; height: 22px;
width: 50px; width: 50px;
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.productQueryList li .d2 p > span { .productQueryList li .d2 p>span {
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
border-radius: 10px; border-radius: 10px;
background: #2aaef2; background: #2aaef2;
padding: 2px 5px; padding: 2px 5px;
cursor: pointer; cursor: pointer;
} }
.productQueryList li .d2 > div > div { .productQueryList li .d2>div>div {
display: inline-block; display: inline-block;
line-height: 24px; line-height: 24px;
font-size: 12px; font-size: 12px;
} }
.productQueryList li .d3 { .productQueryList li .d3 {
width: 17%; width: 17%;
padding-left: 40px; padding-left: 40px;
padding-top: 20px; padding-top: 20px;
} }
.productQueryList li .d3 p { .productQueryList li .d3 p {
line-height: 24px; line-height: 24px;
} }
.productQueryList li .d3 p > span { .productQueryList li .d3 p>span {
color: #666; color: #666;
font-size: 12px; font-size: 12px;
margin-right: 10px; margin-right: 10px;
} }
.productQueryList li .d3 p > em { .productQueryList li .d3 p>em {
background: #ff9c00; background: #ff9c00;
font-style: normal; font-style: normal;
margin-left: 8px; margin-left: 8px;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4px;
padding: 2px 5px; padding: 2px 5px;
} }
.productQueryList li .d4 { .productQueryList li .d4 {
width: 10%; width: 10%;
padding-left: 20px; padding-left: 20px;
padding-top: 20px; padding-top: 20px;
} }
.productQueryList li .d4 p span.price { .productQueryList li .d4 p span.price {
color: #333; color: #333;
text-decoration: underline; text-decoration: underline;
font-size: 12px; font-size: 12px;
} }
.productQueryList li .d4 p span.price:hover { .productQueryList li .d4 p span.price:hover {
color: #e95252; color: #e95252;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
} }
.productQueryList li .d5 { .productQueryList li .d5 {
width: 15%; width: 15%;
padding-left: 40px; padding-left: 40px;
padding-top: 20px; padding-top: 20px;
} }
.productQueryList li .d5 p { .productQueryList li .d5 p {
line-height: 26px; line-height: 26px;
} }
.productQueryList li .d5 p > span { .productQueryList li .d5 p>span {
color: #666; color: #666;
font-size: 12px; font-size: 12px;
margin-right: 10px; margin-right: 10px;
} }
.productQueryList li .d5 p > i { .productQueryList li .d5 p>i {
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
.productQueryList li .d8 { .productQueryList li .d8 {
width: 15%; width: 15%;
padding-left: 40px; padding-left: 40px;
padding-top: 20px; padding-top: 20px;
} }
.productQueryList li .d8 p { .productQueryList li .d8 p {
line-height: 26px; line-height: 26px;
} }
.productQueryList li .d8 p > span { .productQueryList li .d8 p>span {
color: #666; color: #666;
font-size: 12px; font-size: 12px;
margin-right: 10px; margin-right: 10px;
} }
.productQueryList li .d8 p > i { .productQueryList li .d8 p>i {
font-style: normal; font-style: normal;
} }
.productQueryList li .d6 { .productQueryList li .d6 {
padding: 20px 40px; padding: 20px 40px;
width: 100%; width: 100%;
height: inherit; height: inherit;
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
} }
.productQueryList li .d6 p { .productQueryList li .d6 p {
display: table-cell; display: table-cell;
color: #e95252; color: #e95252;
} }
.productQueryList li .d6 p:nth-child(1) { .productQueryList li .d6 p:nth-child(1) {
width: 60px; width: 60px;
font-size: 12px; font-size: 12px;
} }
.productQueryList li .d7 { .productQueryList li .d7 {
width: 10%; width: 10%;
min-width: 160px; min-width: 160px;
text-align: center; text-align: center;
padding: 40px 20px; padding: 40px 20px;
border-right: none; border-right: none;
} }
.productQueryList li .d7 button { .productQueryList li .d7 button {
width: 30px; width: 30px;
height: 30px; height: 30px;
border-radius: 4px; border-radius: 4px;
} }
.productQueryList li .d7 .el-button--primary { .productQueryList li .d7 .el-button--primary {
padding: 5px; padding: 5px;
margin: 0; margin: 0;
font-size: 14px !important; font-size: 14px !important;
color: #fff; color: #fff;
} }
.productQueryList li .d7 i.iconfont { .productQueryList li .d7 i.iconfont {
color: #fff; color: #fff;
margin: 0; margin: 0;
} }
.pro_tripDetails { .pro_tripDetails {
padding: 0; padding: 0;
box-shadow: 0px 1px 3px 0px #dedede; box-shadow: 0px 1px 3px 0px #dedede;
max-height: 400px; max-height: 400px;
overflow-y: auto; overflow-y: auto;
} }
.pro_tripDetails .popper__arrow::after { .pro_tripDetails .popper__arrow::after {
border-bottom-color: #ededed !important; border-bottom-color: #ededed !important;
} }
.pro_tripDetails table { .pro_tripDetails table {
padding: 10px 0 0 20px; padding: 10px 0 0 20px;
background-color: #ededed; background-color: #ededed;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
font-size: 12px; font-size: 12px;
} }
.pro_tripDetails table th { .pro_tripDetails table th {
background-color: #ededed; background-color: #ededed;
padding: 5px; padding: 5px;
} }
.pro_tripDetails table td { .pro_tripDetails table td {
background-color: #ffffff; background-color: #ffffff;
padding: 9px 15px; padding: 9px 15px;
color: #333333; color: #333333;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
} }
.pro_tripDetails table td._d_name { .pro_tripDetails table td._d_name {
background-color: #ededed; background-color: #ededed;
} }
.pro_tripDetails table ._color_666 { .pro_tripDetails table ._color_666 {
color: #666666; color: #666666;
} }
.pro_tripDetails table tr._color_666 th { .pro_tripDetails table tr._color_666 th {
padding: 9px 15px; padding: 9px 15px;
} }
.productQuerybottomLayer { .productQuerybottomLayer {
overflow: auto; overflow: auto;
position: fixed; position: fixed;
/* max-height: 300px; */ /* max-height: 300px; */
...@@ -333,13 +336,13 @@ ...@@ -333,13 +336,13 @@
background-color: #ffffff; background-color: #ffffff;
padding: 10px 10px 0; padding: 10px 10px 0;
width: 100%; width: 100%;
} }
.productQuerybottomLayer .el-form-item__label { .productQuerybottomLayer .el-form-item__label {
font-size: 12px !important; font-size: 12px !important;
} }
.productQuerybottomLayer > p { .productQuerybottomLayer>p {
border-left: 3px solid #e95252; border-left: 3px solid #e95252;
text-indent: 15px; text-indent: 15px;
height: 16px; height: 16px;
...@@ -348,18 +351,18 @@ ...@@ -348,18 +351,18 @@
margin-bottom: 20px; margin-bottom: 20px;
line-height: 14px; line-height: 14px;
color: #000; color: #000;
} }
.productQuerybottomLayer .el-input { .productQuerybottomLayer .el-input {
width: auto !important; width: auto !important;
} }
.productQueryList .disabledBtn { .productQueryList .disabledBtn {
background: #999 !important; background: #999 !important;
border-color: #999 !important; border-color: #999 !important;
} }
.product_union { .product_union {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
...@@ -369,9 +372,9 @@ ...@@ -369,9 +372,9 @@
border-bottom: 15px solid transparent; border-bottom: 15px solid transparent;
border-left: 15px solid red; border-left: 15px solid red;
border-right: 15px solid transparent; border-right: 15px solid transparent;
} }
.product_union::after { .product_union::after {
content: "联"; content: "联";
position: absolute; position: absolute;
top: -14px; top: -14px;
...@@ -379,9 +382,9 @@ ...@@ -379,9 +382,9 @@
white-space: nowrap; white-space: nowrap;
color: #ffffff; color: #ffffff;
font-size: 12px; font-size: 12px;
} }
.product_union1 { .product_union1 {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
...@@ -391,9 +394,9 @@ ...@@ -391,9 +394,9 @@
border-bottom: 15px solid transparent; border-bottom: 15px solid transparent;
border-left: 15px solid red; border-left: 15px solid red;
border-right: 15px solid transparent; border-right: 15px solid transparent;
} }
.product_union1::after { .product_union1::after {
content: "内"; content: "内";
position: absolute; position: absolute;
top: -14px; top: -14px;
...@@ -401,9 +404,9 @@ ...@@ -401,9 +404,9 @@
white-space: nowrap; white-space: nowrap;
color: #ffffff; color: #ffffff;
font-size: 12px; font-size: 12px;
} }
.product_warning { .product_warning {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
...@@ -413,9 +416,9 @@ ...@@ -413,9 +416,9 @@
border-bottom: 10px solid transparent; border-bottom: 10px solid transparent;
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-right: 10px solid red; border-right: 10px solid red;
} }
.product_warning::after { .product_warning::after {
content: "!"; content: "!";
position: absolute; position: absolute;
top: -12px; top: -12px;
...@@ -423,102 +426,83 @@ ...@@ -423,102 +426,83 @@
white-space: nowrap; white-space: nowrap;
color: #ffffff; color: #ffffff;
font-size: 12px; font-size: 12px;
} }
.PQ_detail { .PQ_detail {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
.PQ_detail tr th, .PQ_detail tr th,
.v-table-title-cell { .v-table-title-cell {
background: #e6e6e6; background: #e6e6e6;
height: 40px; height: 40px;
font-size: 14px; font-size: 14px;
border-right: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
color: #333; color: #333;
} }
.PQ_detail tr { .PQ_detail tr {
background: #fff; background: #fff;
text-align: center; text-align: center;
height: 40px; height: 40px;
} }
.PQ_detail tr td { .PQ_detail tr td {
font-size: 12px; font-size: 12px;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
.PQ_HotelPop { .PQ_HotelPop {
overflow: auto; overflow: auto;
max-height: 350px; max-height: 350px;
} }
.PQ_HotelPop table td { .PQ_HotelPop table td {
padding: 5px 0; padding: 5px 0;
text-align: center; text-align: center;
} }
.PQ_HotelPop table th { .PQ_HotelPop table th {
text-align: center; text-align: center;
} }
.productQuerybottomLayer .el-upload-list { .productQuerybottomLayer .el-upload-list {
width: 200px; width: 200px;
} }
.flex-center {
.flex-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
</style> </style>
<template> <template>
<div class="productQueryList" v-loading="loading"> <div class="productQueryList" v-loading="loading">
<div style="margin-bottom: 10px"> <div style="margin-bottom: 10px">
<el-checkbox v-model="allCheck" @change="changeSelect">全选</el-checkbox> <el-checkbox v-model="allCheck" @change="changeSelect">全选</el-checkbox>
<el-button <el-button style="margin-left: 10px" type="primary" size="small" @click="eidtItems">批量操作</el-button>
style="margin-left: 10px"
type="primary"
size="small"
@click="eidtItems"
>批量操作</el-button
>
</div> </div>
<ul v-if="list.length != 0"> <ul v-if="list.length != 0">
<li v-for="(item, index) in list" :key="index"> <li v-for="(item, index) in list" :key="index">
<div class="dline"> <div class="dline">
<div> <div>
<div class="flex-center"> <div class="flex-center">
<el-checkbox <el-checkbox v-model="item.check" @change="changeSelectItem()"></el-checkbox>
v-model="item.check"
@change="changeSelectItem()"
></el-checkbox>
</div> </div>
</div> </div>
<div class="d1"> <div class="d1">
<div v-if="item.IsB2B === 0" class="product_union1"></div> <div v-if="item.IsB2B === 0" class="product_union1"></div>
<div v-if="item.IsUnionTravel === 1" class="product_union"></div> <div v-if="item.IsUnionTravel === 1" class="product_union"></div>
<div v-if="item.IsWarning === 1" class="product_warning"></div> <div v-if="item.IsWarning === 1" class="product_warning"></div>
<div <div class="d12" style="float: none; margin: auto"
class="d12" :style="{ width: pagesTitle == '跟团游产品' ? '200px' : 'auto' }">
style="float: none; margin: auto"
:style="{ width: pagesTitle == '跟团游产品' ? '200px' : 'auto' }"
>
<p><i class="iconfont icon-biaoti1"></i> {{ item.LineName }}</p> <p><i class="iconfont icon-biaoti1"></i> {{ item.LineName }}</p>
<p class="d12TC">{{ item.TCNUM }}{{ item.TCID }}</p> <p class="d12TC">{{ item.TCNUM }}{{ item.TCID }}</p>
<p>{{ item.LtName }}</p> <p>{{ item.LtName }}</p>
<el-tooltip <el-tooltip class="item" effect="dark" :content="item.Title" placement="top-start"
class="item" popper-class="max-w250">
effect="dark" <p class="d12p" @click="getTitledetail(item)" :title="item.Title">
:content="item.Title"
placement="top-start"
popper-class="max-w250"
>
<p
class="d12p"
@click="getTitledetail(item)"
:title="item.Title"
>
{{ item.Title }} {{ item.Title }}
</p> </p>
</el-tooltip> </el-tooltip>
...@@ -527,8 +511,7 @@ ...@@ -527,8 +511,7 @@
<div class="d3" v-if="pagesTitle == '跟团游产品'"> <div class="d3" v-if="pagesTitle == '跟团游产品'">
<div> <span class="people-item-title">出团公司: </span>{{ item.OutBranchName }}</div> <div> <span class="people-item-title">出团公司: </span>{{ item.OutBranchName }}</div>
<p class="people-item"> <p class="people-item">
<span>{{ $t("Airticket.Air_StartTime") }}:</span <span>{{ $t("Airticket.Air_StartTime") }}:</span>{{ item.StartDate }}
>{{ item.StartDate }}
</p> </p>
<div class="people-item"> <div class="people-item">
<span class="people-item-title">创建人:</span> <span class="people-item-title">创建人:</span>
...@@ -537,11 +520,8 @@ ...@@ -537,11 +520,8 @@
</div> </div>
<div class="d5"> <div class="d5">
<p> <p>
<span>{{ $t("visa.v_yibaoru") }}</span <span>{{ $t("visa.v_yibaoru") }}</span><i>{{ item.Seat == "" ? "0" : item.Seat
><i }}{{ $t("salesModule.PeoPle") }}</i>({{ $t("Operation.Op_takeSeat") }}{{ item.Occupied
>{{ item.Seat == "" ? "0" : item.Seat
}}{{ $t("salesModule.PeoPle") }}</i
>({{ $t("Operation.Op_takeSeat") }}{{ item.Occupied
}}{{ $t("salesModule.PeoPle") }}) }}{{ $t("salesModule.PeoPle") }})
</p> </p>
<span style="font-size: 12px"><span class="people-item-title">联运人数: </span>{{ item.IntermodalCount }}</span> <span style="font-size: 12px"><span class="people-item-title">联运人数: </span>{{ item.IntermodalCount }}</span>
...@@ -570,9 +550,7 @@ ...@@ -570,9 +550,7 @@
</div> </div>
<div> <div>
<div class="flex-center"> <div class="flex-center">
<el-button type="primary" size="small" @click="editItem(item)" <el-button type="primary" size="small" @click="editItem(item)">编辑</el-button>
>编辑</el-button
>
</div> </div>
</div> </div>
</div> </div>
...@@ -581,102 +559,51 @@ ...@@ -581,102 +559,51 @@
<div class="noData" v-else> <div class="noData" v-else>
{{ $t("system.content_noData") }} {{ $t("system.content_noData") }}
</div> </div>
<el-dialog <el-dialog title="编辑" :visible.sync="showDialog" width="600px" height="40%">
title="编辑"
:visible.sync="showDialog"
width="600px"
height="40%"
>
<div v-if="!isVisa"> <div v-if="!isVisa">
<span style="width: 15%; display: inline-block">团OP</span> <span style="width: 15%; display: inline-block">团OP</span>
<el-select <el-select style="width: 80%" v-model="queryData.OPId" filterable :placeholder="$t('pub.pleaseSel')">
style="width: 80%" <el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId" :key="item.EmployeeId">
v-model="queryData.OPId"
filterable
:placeholder="$t('pub.pleaseSel')"
>
<el-option
v-for="item in EmployeeList"
:label="item.EmName"
:value="item.EmployeeId"
:key="item.EmployeeId"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div v-if="!isVisa" style="margin-top: 10px"> <div v-if="!isVisa" style="margin-top: 10px">
<span style="width: 15%; display: inline-block">助手</span> <span style="width: 15%; display: inline-block">助手</span>
<el-select <el-select style="width: 80%" v-model="queryData.AssistantId" multiple filterable
style="width: 80%" :placeholder="$t('pub.pleaseSel')">
v-model="queryData.AssistantId" <el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId" :key="item.EmployeeId">
multiple
filterable
:placeholder="$t('pub.pleaseSel')"
>
<el-option
v-for="item in EmployeeList"
:label="item.EmName"
:value="item.EmployeeId"
:key="item.EmployeeId"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<span style="width: 15%; display: inline-block">签证OP</span> <span style="width: 15%; display: inline-block">签证OP</span>
<el-select <el-select filterable style="width: 80%" v-model="queryData.VisaOPId" :placeholder="$t('pub.pleaseSel')">
filterable <el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId" :key="item.EmployeeId">
style="width: 80%"
v-model="queryData.VisaOPId"
:placeholder="$t('pub.pleaseSel')"
>
<el-option
v-for="item in EmployeeList"
:label="item.EmName"
:value="item.EmployeeId"
:key="item.EmployeeId"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<span style="width: 15%; display: inline-block">签证助手</span> <span style="width: 15%; display: inline-block">签证助手</span>
<el-select <el-select style="width: 80%" v-model="queryData.VisaAssistantId" multiple filterable
style="width: 80%" :placeholder="$t('pub.pleaseSel')">
v-model="queryData.VisaAssistantId" <el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId" :key="item.EmployeeId">
multiple
filterable
:placeholder="$t('pub.pleaseSel')"
>
<el-option
v-for="item in EmployeeList"
:label="item.EmName"
:value="item.EmployeeId"
:key="item.EmployeeId"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div style="margin-top: 10px" v-if="editNum"> <div style="margin-top: 10px" v-if="editNum">
<span style="width: 15%; display: inline-block">签证人数</span <span style="width: 15%; display: inline-block">签证人数</span>
><el-input <el-input type="number" style="width: 80%; margin-left: 4px" v-model="queryData.VisaNum" />
type="number"
style="width: 80%; margin-left: 4px"
v-model="queryData.VisaNum"
/>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="showDialog = false">取 消</el-button> <el-button @click="showDialog = false">取 消</el-button>
<el-button style="margin-right: 24px" type="primary" @click="submitOP" <el-button style="margin-right: 24px" type="primary" @click="submitOP">确 定</el-button>
>确 定</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: ["loading", "list", "pagesTitle", "isVisa"], props: ["loading", "list", "pagesTitle", "isVisa"],
data() { data() {
return { return {
...@@ -752,7 +679,6 @@ export default { ...@@ -752,7 +679,6 @@ export default {
}, },
methods: { methods: {
changeSelect() { changeSelect() {
console.log("changeSelect");
this.list.forEach((element) => { this.list.forEach((element) => {
element.check = this.allCheck; element.check = this.allCheck;
}); });
...@@ -765,7 +691,10 @@ export default { ...@@ -765,7 +691,10 @@ export default {
}); });
}, },
submitOP() { submitOP() {
let params = { TCIDs: this.TCIDs, Type: this.isVisa ? 1 : 0 }; let params = {
TCIDs: this.TCIDs,
Type: this.isVisa ? 1 : 0
};
if (!this.isVisa) { if (!this.isVisa) {
params.OPId = this.queryData.OPId; params.OPId = this.queryData.OPId;
if (!this.queryData.AssistantId || !this.queryData.AssistantId.length) { if (!this.queryData.AssistantId || !this.queryData.AssistantId.length) {
...@@ -810,18 +739,17 @@ export default { ...@@ -810,18 +739,17 @@ export default {
editItem(item) { editItem(item) {
this.TCIDs = item.TCID; this.TCIDs = item.TCID;
this.editObj = item; this.editObj = item;
console.log("editItem", item);
this.queryData = { this.queryData = {
OPId: item.OPId || "", OPId: item.OPId || "",
AssistantId: AssistantId:
!item.AssistantId || item.AssistantId == "0" !item.AssistantId || item.AssistantId == "0" ?
? [] [] :
: item.AssistantId.split(",").map((item) => Number(item)), item.AssistantId.split(",").map((item) => Number(item)),
VisaOPId: item.VisaOPId || "", VisaOPId: item.VisaOPId || "",
VisaAssistantId: VisaAssistantId:
!item.VisaAssistantId || item.VisaAssistantId == "0" !item.VisaAssistantId || item.VisaAssistantId == "0" ?
? [] [] :
: item.VisaAssistantId.split(",").map((item) => Number(item)), item.VisaAssistantId.split(",").map((item) => Number(item)),
VisaNum: item.VisaNum == -1 ? item.NeedVisaNum : item.VisaNum, VisaNum: item.VisaNum == -1 ? item.NeedVisaNum : item.VisaNum,
}; };
this.editNum = true; this.editNum = true;
...@@ -829,7 +757,6 @@ export default { ...@@ -829,7 +757,6 @@ export default {
}, },
eidtItems() { eidtItems() {
this.TCIDs = this.getSelcetedIds(); this.TCIDs = this.getSelcetedIds();
console.log("eidtItems eidtItems", this.TCIDs);
if (!this.TCIDs) { if (!this.TCIDs) {
this.$message.error("请选择要编辑的内容"); this.$message.error("请选择要编辑的内容");
return; return;
...@@ -847,8 +774,7 @@ export default { ...@@ -847,8 +774,7 @@ export default {
//根据当前员工所在部门获取该部门及子部门员工信息 //根据当前员工所在部门获取该部门及子部门员工信息
getEmployeeList() { getEmployeeList() {
this.apipost( this.apipost(
"admin_get_EmployeeGetList", "admin_get_EmployeeGetList", {},
{},
(res) => { (res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data; this.EmployeeList = res.data.data;
...@@ -887,8 +813,7 @@ export default { ...@@ -887,8 +813,7 @@ export default {
if (this.list[key].wxImage === "") { if (this.list[key].wxImage === "") {
this.wxLoading = true; this.wxLoading = true;
this.apipost( this.apipost(
"TaskManagemnet_get_GetWeiXinShare", "TaskManagemnet_get_GetWeiXinShare", {
{
ConfigId: this.list[key].ConfigID, ConfigId: this.list[key].ConfigID,
TCID: this.list[key].TCID, TCID: this.list[key].TCID,
}, },
...@@ -987,8 +912,7 @@ export default { ...@@ -987,8 +912,7 @@ export default {
"b2b_post_SetHotelClickService", "b2b_post_SetHotelClickService",
msg, msg,
(res) => { (res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {}
}
}, },
(err) => {} (err) => {}
); );
...@@ -1010,6 +934,6 @@ export default { ...@@ -1010,6 +934,6 @@ export default {
this.TCIDList = this.$route.query.TCIDList; this.TCIDList = this.$route.query.TCIDList;
} }
}, },
}; };
</script>
</script>
...@@ -524,7 +524,6 @@ ...@@ -524,7 +524,6 @@
}, },
}, },
mounted() { mounted() {
console.log('this.router', this.$route, this.$router)
if(this.$route.path === '/productOrderList') { if(this.$route.path === '/productOrderList') {
this.isVisa = false this.isVisa = false
} else { } else {
......
...@@ -193,7 +193,6 @@ ...@@ -193,7 +193,6 @@
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var tempData = res.data.data; var tempData = res.data.data;
console.log("tempData", tempData);
if (tempData.ID && tempData.ID > 0) { if (tempData.ID && tempData.ID > 0) {
this.postData.ID = tempData.ID; this.postData.ID = tempData.ID;
} }
......
...@@ -159,7 +159,6 @@ ...@@ -159,7 +159,6 @@
return currencyNumList return currencyNumList
} }
this.postData.TravelState = type; this.postData.TravelState = type;
// console.log('this.postData', this.postData, this.postData.LineId)
// 线路必填 // 线路必填
if(!this.postData.LineId) { if(!this.postData.LineId) {
this.$message.error('请选择线路') this.$message.error('请选择线路')
......
<style scoped> <style scoped>
.groupTourOrder_count_item > p > span { .groupTourOrder_count_item>p>span {
margin: 0; margin: 0;
} }
.color_red_order {
.color_red_order {
color: red; color: red;
} }
.HT_total {
.HT_total {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 5px 0; margin: 5px 0;
} }
.HT_total p {
.HT_total p {
width: 100%; width: 100%;
display: block; display: block;
} }
.HT_total p > span {
.HT_total p>span {
float: left; float: left;
display: inline-block; display: inline-block;
width: 25%; width: 25%;
} }
.TC_leftSearch > div {
.TC_leftSearch>div {
padding: 5px 0; padding: 5px 0;
} }
.groupTourOrderByTuan_ico {
.groupTourOrderByTuan_ico {
margin-left: 5px; margin-left: 5px;
} }
.groupTourOrderByTuan_ico > i {
.groupTourOrderByTuan_ico>i {
display: inline-block; display: inline-block;
margin: 0 5px 0 0; margin: 0 5px 0 0;
width: 8px; width: 8px;
height: 8px; height: 8px;
border-radius: 2px; border-radius: 2px;
vertical-align: middle; vertical-align: middle;
} }
.HotelWorkList .has-gutter tr th,
.el-table th.is-leaf { .HotelWorkList .has-gutter tr th,
.el-table th.is-leaf {
background-color: #eaeaea !important; background-color: #eaeaea !important;
} }
.HotelWorkList .HW_hotelDialog { .HotelWorkList .HW_hotelDialog {
width: 900px; width: 900px;
} }
.HotelWorkList .Hw_tableOne { .HotelWorkList .Hw_tableOne {
width: 100%; width: 100%;
height: 40px; height: 40px;
background-color: #eaeaea; background-color: #eaeaea;
} }
.HotelWorkList .Hw_tableOne th { .HotelWorkList .Hw_tableOne th {
text-align: center; text-align: center;
} }
.HotelWorkList .HotelWorkInput .el-input { .HotelWorkList .HotelWorkInput .el-input {
width: 223px; width: 223px;
} }
.HotelWorkList .HworkInput .el-input { .HotelWorkList .HworkInput .el-input {
width: 210px; width: 210px;
} }
/deep/.query-box li span > em {
/deep/.query-box li span>em {
min-width: 60px; min-width: 60px;
} }
</style> </style>
<template> <template>
<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>
<span> <span>
<em>公司</em> <em>公司</em>
<el-select <el-select filterable v-model="queryMsg.RB_Branch_Id" @change="getDepartment">
filterable <el-option :value="-1" :label="$t('pub.unlimitedSel')"></el-option>
v-model="queryMsg.RB_Branch_Id" <el-option v-for="item in CompanyList" :label="item.BName" :value="item.Id" :key="item.Id"></el-option>
@change="getDepartment"
>
<el-option
:value="-1"
:label="$t('pub.unlimitedSel')"
></el-option>
<el-option
v-for="item in CompanyList"
:label="item.BName"
:value="item.Id"
:key="item.Id"
></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>部门</em> <em>部门</em>
<el-select <el-select filterable v-model="queryMsg.RB_Department_Id" @change="getEmployee">
filterable
v-model="queryMsg.RB_Department_Id"
@change="getEmployee"
>
<el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option> <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
<el-option <el-option v-for="item in DepartmentList" :label="item.DepartmentName" :value="item.DepartmentID"
v-for="item in DepartmentList" :key="item.DepartmentID"></el-option>
:label="item.DepartmentName"
:value="item.DepartmentID"
:key="item.DepartmentID"
></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
...@@ -112,49 +102,30 @@ ...@@ -112,49 +102,30 @@
<em>人员</em> <em>人员</em>
<el-select filterable v-model="queryMsg.EnterID" class> <el-select filterable v-model="queryMsg.EnterID" class>
<el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option> <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
<el-option <el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId"
v-for="item in EmployeeList" :key="item.EmployeeId"></el-option>
:label="item.EmName"
:value="item.EmployeeId"
:key="item.EmployeeId"
></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>出团日期</em> <em>出团日期</em>
<el-date-picker <el-date-picker v-model="queryMsg.tStartDates" type="daterange" range-separator="-"
v-model="queryMsg.tStartDates" :start-placeholder="$t('hotel.hotel_StartDate')" :end-placeholder="$t('hotel.hotel_EndDate')"
type="daterange" value-format="yyyy-MM-dd" :picker-options="pickerOptions"></el-date-picker>
range-separator="-"
:start-placeholder="$t('hotel.hotel_StartDate')"
:end-placeholder="$t('hotel.hotel_EndDate')"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions"
></el-date-picker>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>报名日期</em> <em>报名日期</em>
<el-date-picker <el-date-picker v-model="queryMsg.qStartDates" type="daterange" range-separator="-"
v-model="queryMsg.qStartDates" :start-placeholder="$t('hotel.hotel_StartDate')" :end-placeholder="$t('hotel.hotel_EndDate')"
type="daterange" value-format="yyyy-MM-dd"></el-date-picker>
range-separator="-"
:start-placeholder="$t('hotel.hotel_StartDate')"
:end-placeholder="$t('hotel.hotel_EndDate')"
value-format="yyyy-MM-dd"
></el-date-picker>
</span> </span>
</li> </li>
<li> <li>
<input <input type="button" class="normalBtn" :value="$t('pub.searchBtn')"
type="button" @click.stop="(msg.pageIndex = 1), (currentPage = 1), GetList()" />
class="normalBtn"
:value="$t('pub.searchBtn')"
@click.stop="(msg.pageIndex = 1), (currentPage = 1), GetList()"
/>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -168,24 +139,20 @@ ...@@ -168,24 +139,20 @@
<span>{{ item.CurrencyName }}</span> <span>{{ item.CurrencyName }}</span>
</div> </div>
<p> <p>
<span <span>销售额:
>销售额:
{{ (item.SumPreferPrice|| 0).toFixed(2) }} {{ (item.SumPreferPrice|| 0).toFixed(2) }}
</span> </span>
<span <span>收款金额:
>收款金额:
{{ (item.Income|| 0).toFixed(2) }} {{ (item.Income|| 0).toFixed(2) }}
</span> </span>
<!-- <span <!-- <span
>手续费: >手续费:
{{ item.PlatformTax.toFixed(2) }} {{ item.PlatformTax.toFixed(2) }}
</span> --> </span> -->
<span <span>未收金额:
>未收金额:
{{ (item.notInCome|| 0).toFixed(2) }} {{ (item.notInCome|| 0).toFixed(2) }}
</span> </span>
<span <span>正常收客数:
>正常收客数:
{{ item.TotalGuestNum }} {{ item.TotalGuestNum }}
</span> </span>
<!-- <span <!-- <span
...@@ -198,36 +165,24 @@ ...@@ -198,36 +165,24 @@
</template> </template>
</el-row> </el-row>
</div> </div>
<OrderList <OrderList :pagesTitle="Title" :OrderList="OrderList" v-loading="loading" @success="(msg.pageIndex = 1), GetList()">
:pagesTitle="Title"
:OrderList="OrderList"
v-loading="loading"
@success="(msg.pageIndex = 1), GetList()"
>
</OrderList> </OrderList>
<div <div v-if="OrderList && OrderList.length == 0" style="text-align: center; padding: 100px">
v-if="OrderList && OrderList.length == 0"
style="text-align: center; padding: 100px"
>
暂无数据 暂无数据
</div> </div>
<el-pagination <el-pagination v-if="OrderList && OrderList.length > 0" background @current-change="handleCurrentChange"
v-if="OrderList && OrderList.length > 0" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" :page-size="msg.pageSize"
background :total="total">
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize"
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
import OrderList from "./OrderList.vue"; import OrderList from "./OrderList.vue";
export default { export default {
props: ["pagesTitle", "dataObj"], props: ["pagesTitle", "dataObj"],
components: { OrderList }, components: {
OrderList
},
data() { data() {
return { return {
pickerOptions: { pickerOptions: {
...@@ -327,14 +282,27 @@ export default { ...@@ -327,14 +282,27 @@ export default {
total: 0, total: 0,
currentPage: 1, currentPage: 1,
OrderTypeList: [], OrderTypeList: [],
OrderStateType: [ OrderStateType: [{
{ Name: "接机", ID: "1" }, Name: "接机",
{ Name: "送机", ID: "2" }, ID: "1"
{ Name: "包车", ID: "3" }, },
{
Name: "送机",
ID: "2"
},
{
Name: "包车",
ID: "3"
},
], ],
orderType: [ orderType: [{
{ Name: this.$t("OrderList.orderType.tour"), ID: "1" }, Name: this.$t("OrderList.orderType.tour"),
{ Name: this.$t("OrderList.orderType.guest"), ID: "2" }, ID: "1"
},
{
Name: this.$t("OrderList.orderType.guest"),
ID: "2"
},
], ],
Datelist: "", Datelist: "",
DatelistUse: "", DatelistUse: "",
...@@ -372,11 +340,9 @@ export default { ...@@ -372,11 +340,9 @@ export default {
"admin_get_BranchGetList", "admin_get_BranchGetList",
this.getCompanyMsg, this.getCompanyMsg,
(res) => { (res) => {
console.log("getCompanyList", res);
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.CompanyList = res.data.data; this.CompanyList = res.data.data;
} else { } else {}
}
}, },
(err) => {} (err) => {}
); );
...@@ -500,29 +466,23 @@ export default { ...@@ -500,29 +466,23 @@ export default {
let param = { let param = {
pageIndex: this.msg.pageIndex, pageIndex: this.msg.pageIndex,
pageSize: 15, pageSize: 15,
RB_Branch_Id: RB_Branch_Id: this.queryMsg.RB_Branch_Id == -1 ? null : this.queryMsg.RB_Branch_Id,
this.queryMsg.RB_Branch_Id == -1 ? null : this.queryMsg.RB_Branch_Id, RB_Department_Id: this.queryMsg.RB_Department_Id == 0 ?
RB_Department_Id: null :
this.queryMsg.RB_Department_Id == 0 this.queryMsg.RB_Department_Id,
? null
: this.queryMsg.RB_Department_Id,
EnterID: this.queryMsg.EnterID == 0 ? null : this.queryMsg.EnterID, EnterID: this.queryMsg.EnterID == 0 ? null : this.queryMsg.EnterID,
QStartDate: QStartDate: this.queryMsg.tStartDates && this.queryMsg.tStartDates.length == 2 ?
this.queryMsg.tStartDates && this.queryMsg.tStartDates.length == 2 this.queryMsg.tStartDates[0] :
? this.queryMsg.tStartDates[0] null,
: null, QEndDate: this.queryMsg.tStartDates && this.queryMsg.tStartDates.length == 2 ?
QEndDate: this.queryMsg.tStartDates[1] :
this.queryMsg.tStartDates && this.queryMsg.tStartDates.length == 2 null,
? this.queryMsg.tStartDates[1] CStartDate: this.queryMsg.qStartDates && this.queryMsg.qStartDates.length == 2 ?
: null, this.queryMsg.qStartDates[0] :
CStartDate: null,
this.queryMsg.qStartDates && this.queryMsg.qStartDates.length == 2 CEndDate: this.queryMsg.qStartDates && this.queryMsg.qStartDates.length == 2 ?
? this.queryMsg.qStartDates[0] this.queryMsg.qStartDates[1] :
: null, null,
CEndDate:
this.queryMsg.qStartDates && this.queryMsg.qStartDates.length == 2
? this.queryMsg.qStartDates[1]
: null,
GroupBy: this.queryMsg.GroupBy, GroupBy: this.queryMsg.GroupBy,
QueryType: this.queryMsg.QueryType, QueryType: this.queryMsg.QueryType,
}; };
...@@ -557,7 +517,7 @@ export default { ...@@ -557,7 +517,7 @@ export default {
); );
}, },
getSummaryData() { getSummaryData() {
if(this.msg.pageIndex != 1) { if (this.msg.pageIndex != 1) {
return return
} }
let param = this.getParams(); let param = this.getParams();
...@@ -597,14 +557,14 @@ export default { ...@@ -597,14 +557,14 @@ export default {
} }
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
this.employeeMsg.GroupId = userInfo.RB_Group_id; //集团ID this.employeeMsg.GroupId = userInfo.RB_Group_id; //集团ID
// this.msg.EnterID = userInfo.EmployeeId;
}, },
mounted() { mounted() {
this.getCompanyMsg.RB_Group_Id = this.getLocalStorage().RB_Group_id; this.getCompanyMsg.RB_Group_Id = this.getLocalStorage().RB_Group_id;
this.getDepartmentMsg.RB_Group_Id = this.getLocalStorage().RB_Group_id; this.getDepartmentMsg.RB_Group_Id = this.getLocalStorage().RB_Group_id;
this.employeeMsg.employeeMsg = this.getLocalStorage().RB_Group_id; this.employeeMsg.employeeMsg = this.getLocalStorage().RB_Group_id;
const { BranchId = 0, EnterID = 0, RB_Department_Id = 0, tStartDates = [],qStartDates=[] } = this.$route.query; const {
console.log("this.$route.query.", this.$route); BranchId = 0, EnterID = 0, RB_Department_Id = 0, tStartDates = [], qStartDates = []
} = this.$route.query;
this.queryMsg.RB_Branch_Id = Number(BranchId); this.queryMsg.RB_Branch_Id = Number(BranchId);
this.queryMsg.EnterID = Number(EnterID); this.queryMsg.EnterID = Number(EnterID);
this.queryMsg.RB_Department_Id = Number(RB_Department_Id); this.queryMsg.RB_Department_Id = Number(RB_Department_Id);
...@@ -634,6 +594,6 @@ export default { ...@@ -634,6 +594,6 @@ export default {
this.com_onresize(); this.com_onresize();
}; };
}, },
}; };
</script>
</script>
...@@ -532,7 +532,6 @@ export default { ...@@ -532,7 +532,6 @@ export default {
let date = moment().format('yyyy-MM-DD') let date = moment().format('yyyy-MM-DD')
let start = moment().subtract(1, 'months').format('yyyy-MM-DD') let start = moment().subtract(1, 'months').format('yyyy-MM-DD')
this.msg.tStartDates = [start, date] this.msg.tStartDates = [start, date]
console.log('settStartDates',date,start)
}, },
handleClick(tab, event) { handleClick(tab, event) {
this.msg.EnterID = 0; this.msg.EnterID = 0;
......
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