Skip to content

S
SuperMan
Commit 9695d499 authored by 黄奎's avatar 黄奎
Browse files
Options

车辆报价修改

parent 13209c71
Hide whitespace changes
Inline Side-by-side
Showing with 1049 additions and 875 deletions
src/components/Ticketing/airlineManagement.vue
View file @ 9695d499
<style> <style>
.airlineMg .addCompany { .airlineMg .addCompany {
width: 440px; width: 440px;
max-height: 600px; max-height: 600px;
} }
.airlineMg .addCompany .el-dialog__body {
height: 486px; .airlineMg .addCompany .el-dialog__body {
overflow: auto; height: 486px;
} overflow: auto;
.airlineMg .airline_item_box { }
padding-left: 50px;
padding-top: 30px; .airlineMg .airline_item_box {
} padding-left: 50px;
.airlineMg .airline_item_box .item { padding-top: 30px;
width: 208px; }
float: left;
padding: 14px 14px 20px 14px; .airlineMg .airline_item_box .item {
margin-right: 30px; width: 208px;
text-align: center; float: left;
color: #333333; padding: 14px 14px 20px 14px;
border:1px solid #DDDDDD; margin-right: 30px;
background-color: white; text-align: center;
position: relative; color: #333333;
margin-bottom: 20px; border: 1px solid #DDDDDD;
} background-color: white;
.airlineMg .airline_item_box .item .tit { position: relative;
font-size: 12px; margin-bottom: 20px;
color:#333333; }
white-space: nowrap;
margin-top:10px; .airlineMg .airline_item_box .item .tit {
text-overflow: ellipsis; font-size: 12px;
overflow: hidden; color: #333333;
} white-space: nowrap;
.airlineMg .airline_item_box .item .logo img { margin-top: 10px;
width:100px; text-overflow: ellipsis;
height:100px; overflow: hidden;
}
.airlineMg .airline_item_box .item .logo img {
width: 100px;
height: 100px;
display: block; display: block;
border-radius: 50%; border-radius: 50%;
border: 1px solid #F4F4F4; border: 1px solid #F4F4F4;
margin: 0 auto; margin: 0 auto;
} }
.airlineMg .airline_item_box .item .info {
display: block; .airlineMg .airline_item_box .item .info {
flex-direction: row; display: block;
margin-bottom: 20px; flex-direction: row;
} margin-bottom: 20px;
.airlineMg .airline_item_box .item .info div { }
width: 84px;
height: 50px; .airlineMg .airline_item_box .item .info div {
float: left; width: 84px;
background-color: #f9f9f9; height: 50px;
} float: left;
.airlineMg .airline_item_box .item .info div:nth-child(2) { background-color: #f9f9f9;
float: right; }
margin-left:10px;
} .airlineMg .airline_item_box .item .info div:nth-child(2) {
.airlineMg .airline_item_box .item .edit { float: right;
background-color: rgba(0, 0, 0, 0.5); margin-left: 10px;
height: 50px; }
width: 200px;
position: absolute; .airlineMg .airline_item_box .item .edit {
left: 0; background-color: rgba(0, 0, 0, 0.5);
bottom: 0px; height: 50px;
color: white; width: 200px;
font-size: 12px; position: absolute;
cursor: pointer; left: 0;
} bottom: 0px;
.airlineMg .airline_item_box .item .edit p { color: white;
display: flex; font-size: 12px;
justify-content: center; cursor: pointer;
padding: 15px; }
}
.airlineMg .airline_item_box .item .edit:hover { .airlineMg .airline_item_box .item .edit p {
color: #fc6262; display: flex;
} justify-content: center;
.airlineMg .airline_item_box .item .edit i { padding: 15px;
font-size: 18px; }
}
.airlineMg .airline_item_box .item .phone { .airlineMg .airline_item_box .item .edit:hover {
font-size: 12px; color: #fc6262;
color:#333333; }
margin-bottom:15px;
height:37px; .airlineMg .airline_item_box .item .edit i {
padding-bottom:12px; font-size: 18px;
border-bottom:1px solid #DDDDDD; }
}
.airlineMg { .airlineMg .airline_item_box .item .phone {
background-color: #f9f9f9; font-size: 12px;
} color: #333333;
.airlineMg .IATA { margin-bottom: 15px;
padding-bottom: 5px; height: 37px;
margin-top: 5px; padding-bottom: 12px;
font-size:14px; border-bottom: 1px solid #DDDDDD;
color:#333333; }
}
.airlineMg .IATAs { .airlineMg {
color: #999999; background-color: #f9f9f9;
font-size: 12px; }
}
.airlineMg .el-switch.is-checked .el-switch__core:after { .airlineMg .IATA {
left: 100%; padding-bottom: 5px;
margin-left: -17px; margin-top: 5px;
} font-size: 14px;
.airlineMg .el-switch__core:after { color: #333333;
content: ""; }
position: absolute;
top: 1px; .airlineMg .IATAs {
left: 1px; color: #999999;
border-radius: 100%; font-size: 12px;
transition: all 0.3s; }
width: 16px;
height: 16px; .airlineMg .el-switch.is-checked .el-switch__core:after {
background-color: #fff; left: 100%;
} margin-left: -17px;
.airlineMg .el-switch.is-checked .el-switch__core { }
border-color: #4bca81;
background-color: #4bca81; .airlineMg .el-switch__core:after {
} content: "";
.airlineMg .query-box .el-input, position: absolute;
.airlineMg .query-box .el-input .el-input__inner, top: 1px;
.airlineMg .el-select .el-input { left: 1px;
height: 34px !important; border-radius: 100%;
width: 208px !important; transition: all 0.3s;
border-radius: 17px; width: 16px;
} height: 16px;
.airlineMg .query-box li label { background-color: #fff;
display: inline-block; }
min-width: 80px;
text-align: right; .airlineMg .el-switch.is-checked .el-switch__core {
font-style: normal; border-color: #4bca81;
margin: 0 20px 0 0; background-color: #4bca81;
} }
.airlineMg .el-dialog .el-form-item__label {
width: 100px !important; .airlineMg .query-box .el-input,
} .airlineMg .query-box .el-input .el-input__inner,
.airlineMg .addCompany input { .airlineMg .el-select .el-input {
width: 208px; height: 34px !important;
} width: 208px !important;
/* 上传样式 */ border-radius: 17px;
.airlineMg .avatar-uploader .el-upload { }
border: 1px dashed #d9d9d9;
cursor: pointer; .airlineMg .query-box li label {
position: relative; display: inline-block;
overflow: hidden; min-width: 80px;
width: 100px; text-align: right;
height: 100px; font-style: normal;
border-radius: 50%; margin: 0 20px 0 0;
} }
.airlineMg .avatar-uploader .el-upload:hover {
border-color: #409eff; .airlineMg .el-dialog .el-form-item__label {
} width: 100px !important;
.airlineMg .avatar-uploader-icon { }
font-size: 28px;
color: white; .airlineMg .addCompany input {
width: 100px; width: 208px;
height: 100px; }
line-height: 80px;
text-align: center; /* 上传样式 */
position: absolute; .airlineMg .avatar-uploader .el-upload {
left: 0; border: 1px dashed #d9d9d9;
top: 0; cursor: pointer;
background: rgba(0, 0, 0, 0.5); position: relative;
} overflow: hidden;
.airlineMg .avatar { width: 100px;
width: 100px; height: 100px;
height: 100px; border-radius: 50%;
display: block; }
position: absolute;
left: 0; .airlineMg .avatar-uploader .el-upload:hover {
top: 0; border-color: #409eff;
} }
.airlineMg .repUp {
font-size: 12px; .airlineMg .avatar-uploader-icon {
position: absolute; font-size: 28px;
left: 25px; color: white;
bottom: 10px; width: 100px;
color: white; height: 100px;
} line-height: 80px;
.airlineMg .tips { text-align: center;
width: 85px; position: absolute;
color: #e95252; left: 0;
font-size: 12px; top: 0;
line-height: 20px; background: rgba(0, 0, 0, 0.5);
position: absolute; }
top: 30px;
right: 90px; .airlineMg .avatar {
} width: 100px;
.airlineMg .el-checkbox .el-checkbox, height: 100px;
.el-checkbox + .el-checkbox { display: block;
margin: 0; position: absolute;
margin-left: 10px; left: 0;
} top: 0;
.airlineMg .el-checkbox { }
margin: 0;
width: 90px; .airlineMg .repUp {
margin-left: 10px; font-size: 12px;
} position: absolute;
.airlineMg .ckek_box { left: 25px;
position: relative; bottom: 10px;
} color: white;
.airlineMg .chekAll { }
position: absolute;
left: -67px; .airlineMg .tips {
top: 45px; width: 85px;
margin: 0; color: #e95252;
} font-size: 12px;
.airlineMg .query-box li label { line-height: 20px;
display: inline-block; position: absolute;
min-width: 80px; top: 30px;
text-align: right; right: 90px;
font-style: normal; }
margin: 0 20px 0 0;
} .airlineMg .el-checkbox .el-checkbox,
.airlineMg .el-dialog .el-form-item__label { .el-checkbox+.el-checkbox {
width: 100px !important; margin: 0;
} margin-left: 10px;
.airlineMg .airUpBtn{float:left;margin-left:0!important;} }
.airlineUpbtn{margin-right:7px;}
.airlineMg .icon-weibiaoti-{position: relative;top:2px;} .airlineMg .el-checkbox {
margin: 0;
width: 90px;
margin-left: 10px;
}
.airlineMg .ckek_box {
position: relative;
}
.airlineMg .chekAll {
position: absolute;
left: -67px;
top: 45px;
margin: 0;
}
.airlineMg .query-box li label {
display: inline-block;
min-width: 80px;
text-align: right;
font-style: normal;
margin: 0 20px 0 0;
}
.airlineMg .el-dialog .el-form-item__label {
width: 100px !important;
}
.airlineMg .airUpBtn {
float: left;
margin-left: 0 !important;
}
.airlineUpbtn {
margin-right: 7px;
}
.airlineMg .icon-weibiaoti- {
position: relative;
top: 2px;
}
</style> </style>
<template> <template>
<div class="flexOne airlineMg"> <div class="flexOne airlineMg">
...@@ -228,11 +275,13 @@ ...@@ -228,11 +275,13 @@
</li> </li>
<li> <li>
<label class="">{{$t('system.query_IATA')}}</label> <label class="">{{$t('system.query_IATA')}}</label>
<el-input v-model="msg.AlCode" :placeholder="$t('system.ph_in')" maxlength="3" @keyup.native.enter="getList"></el-input> <el-input v-model="msg.AlCode" :placeholder="$t('system.ph_in')" maxlength="3" @keyup.native.enter="getList">
</el-input>
</li> </li>
<li> <li>
<label class="">{{$t('system.query_ICAO')}}</label> <label class="">{{$t('system.query_ICAO')}}</label>
<el-input v-model="msg.TicketCode" :placeholder="$t('system.ph_in')" maxlength="4" @keyup.native.enter="getList"></el-input> <el-input v-model="msg.TicketCode" :placeholder="$t('system.ph_in')" maxlength="4"
@keyup.native.enter="getList"></el-input>
</li> </li>
<li> <li>
<input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList()" /> &nbsp; <input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList()" /> &nbsp;
...@@ -262,15 +311,16 @@ ...@@ -262,15 +311,16 @@
<!-- <div class="edit" v-show="chosenIndex==index" @click="outerVisible = true,dialogTitle='修改航空公司',updateData(index)"> <!-- <div class="edit" v-show="chosenIndex==index" @click="outerVisible = true,dialogTitle='修改航空公司',updateData(index)">
<p><i class='el-icon-edit-outline'></i>{{$t('system.table_edit')}}</p> <p><i class='el-icon-edit-outline'></i>{{$t('system.table_edit')}}</p>
</div> --> </div> -->
<input type="button" class="normalBtn airUpBtn airlineUpbtn" value="修改信息" @click="outerVisible = true,dialogTitle='修改航空公司',updateData(index)" /> <input type="button" class="normalBtn airUpBtn airlineUpbtn" value="修改信息"
@click="outerVisible = true,dialogTitle='修改航空公司',updateData(index)" />
<input type="button" class="normalBtn airUpBtn" value="账户管理" @click="goBackAccount(item)" /> <input type="button" class="normalBtn airUpBtn" value="账户管理" @click="goBackAccount(item)" />
</div> </div>
</div> </div>
<div class="noData" v-show="noData"> <div class="noData" v-show="noData">
{{$t('system.content_noData')}} {{$t('system.content_noData')}}
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
:page-size=msg.pageSize :total=total> layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
</el-pagination> </el-pagination>
<el-dialog center custom-class='insideDialog' width="100" title="提示信息" :visible.sync="innerVisible" append-to-body> <el-dialog center custom-class='insideDialog' width="100" title="提示信息" :visible.sync="innerVisible" append-to-body>
{{this.insideDialogTxt}} {{this.insideDialogTxt}}
...@@ -278,29 +328,34 @@ ...@@ -278,29 +328,34 @@
<button class="normalBtn" type="primary" @click="innerVisible=false">{{$t('pub.sureBtn')}}</button> <button class="normalBtn" type="primary" @click="innerVisible=false">{{$t('pub.sureBtn')}}</button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center :before-close="closeChangeMachie"> <el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center
:before-close="closeChangeMachie">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item :label="$t('system.query_airName')" prop="AlName"> <el-form-item :label="$t('system.query_airName')" prop="AlName">
<el-input type="text" v-model="addMsg.AlName" :placeholder="$t('system.ph_airName')" maxlength="20"></el-input> <el-input type="text" v-model="addMsg.AlName" :placeholder="$t('system.ph_airName')" maxlength="20">
</el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system.query_IATA')" prop="AlCode"> <el-form-item :label="$t('system.query_IATA')" prop="AlCode">
<el-input type="text" v-model="addMsg.AlCode" :placeholder="$t('system.ph_IATA')" maxlength="3"></el-input> <el-input type="text" v-model="addMsg.AlCode" :placeholder="$t('system.ph_IATA')" maxlength="3"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system.query_ICAO')" prop="TicketCode"> <el-form-item :label="$t('system.query_ICAO')" prop="TicketCode">
<el-input type="text" v-model="addMsg.TicketCode" :placeholder="$t('system.ph_ICAO')" maxlength="4"></el-input> <el-input type="text" v-model="addMsg.TicketCode" :placeholder="$t('system.ph_ICAO')" maxlength="4">
</el-input>
</el-form-item> </el-form-item>
<el-form-item label="父级公司" prop="TicketCode"> <el-form-item label="父级公司" prop="TicketCode">
<el-select v-model="addMsg.ParentId" filterable placeholder="请选择"> <el-select v-model="addMsg.ParentId" filterable placeholder="请选择">
<el-option label="无" value='0'></el-option> <el-option label="无" value='0'></el-option>
<el-option :label="item.AlName" :value='item.AirLineId' v-for="item in allCompanyData" :key="item.ID"></el-option> <el-option :label="item.AlName" :value='item.AirLineId' v-for="item in allCompanyData" :key="item.ID">
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system.table_kfPhone')" prop="ServiceTel"> <el-form-item :label="$t('system.table_kfPhone')" prop="ServiceTel">
<el-input type="text" v-model="addMsg.ServiceTel" :placeholder="$t('system.ph_kfphone')" maxlength="12"></el-input> <el-input type="text" v-model="addMsg.ServiceTel" :placeholder="$t('system.ph_kfphone')" maxlength="12">
</el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system.table_logoImg')"> <el-form-item :label="$t('system.table_logoImg')">
<el-upload class="avatar-uploader" :action="importFileUrl" :show-file-list="false" :on-success="handleAvatarSuccess" <el-upload class="avatar-uploader" :action="importFileUrl" :show-file-list="false"
:before-upload="beforeAvatarUpload"> :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
<img v-if="imageUrl" :src="imageUrl" class="avatar"> <img v-if="imageUrl" :src="imageUrl" class="avatar">
<i class="el-icon-upload2 avatar-uploader-icon"></i> <i class="el-icon-upload2 avatar-uploader-icon"></i>
<span v-if="imageUrl" class="repUp">{{$t('system.up_againUp')}}</span> <span v-if="imageUrl" class="repUp">{{$t('system.up_againUp')}}</span>
...@@ -314,7 +369,8 @@ ...@@ -314,7 +369,8 @@
<el-switch v-model="addMsg.AutomaticGeneration" active-value="1" inactive-value="0"></el-switch> <el-switch v-model="addMsg.AutomaticGeneration" active-value="1" inactive-value="0"></el-switch>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system.table_ticketCont')" calss="ckek_box" v-if='addMsg.AutomaticGeneration=="1"'> <el-form-item :label="$t('system.table_ticketCont')" calss="ckek_box" v-if='addMsg.AutomaticGeneration=="1"'>
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange" class="chekAll">{{$t('system.table_chekAll')}}</el-checkbox> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"
class="chekAll">{{$t('system.table_chekAll')}}</el-checkbox>
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange"> <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
...@@ -323,293 +379,291 @@ ...@@ -323,293 +379,291 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp; <button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
<button class="hollowFixedBtn" @click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button> <button class="hollowFixedBtn"
@click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
const cityOptions = [ const cityOptions = [
"客人姓", "客人姓",
"客人名", "客人名",
"英文姓", "英文姓",
"英文名", "英文名",
"性别", "性别",
"出生日期", "出生日期",
"出生地", "出生地",
"签发地", "签发地",
"酒店寄房间", "酒店寄房间",
"客户手机", "客户手机",
"客户Email", "客户Email",
"护照证件", "护照证件",
"签注类型", "签注类型",
"身份证号", "身份证号",
"证件类型", "证件类型",
"PNR组别", "PNR组别",
"条码号", "条码号",
"备注", "备注",
"分房" "分房"
]; ];
export default { export default {
data() { data() {
return { return {
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 14, pageSize: 14,
AlName: "", AlName: "",
AlCode: "", AlCode: "",
TicketCode: "" TicketCode: ""
}, },
addMsg: { addMsg: {
AirLineId: 0, AirLineId: 0,
AlCode: "", AlCode: "",
AlName: "", AlName: "",
TicketCode: "", TicketCode: "",
ServiceTel: "", ServiceTel: "",
image: "", image: "",
AutomaticGeneration: "", AutomaticGeneration: "",
ticket_requirements: "", ticket_requirements: "",
ParentId: "0" ParentId: "0"
}, },
importFileUrl: importFileUrl: this.domainManager().UploadFileUrl +
this.domainManager().UploadFileUrl + "?cmd=User_post_FileUpload&fileType=1&fileLimit=10",
"?cmd=User_post_FileUpload&fileType=1&fileLimit=10", defaultImg: 'this.src="' + require("../../assets/img/bg_z1@2x.png") + '"',
defaultImg: 'this.src="' + require("../../assets/img/bg_z1@2x.png") + '"', checkAll: false,
checkAll: false, checkedCities: [],
checkedCities: [], cities: cityOptions,
cities: cityOptions, isIndeterminate: true,
isIndeterminate: true, DataList: [],
DataList: [], loading: true,
loading: true, imageUrl: "",
imageUrl: "", total: 0,
total: 0, chosenIndex: -1,
chosenIndex: -1, currentPage: 1,
currentPage: 1, outerVisible: false,
outerVisible: false, innerVisible: false,
innerVisible: false, noData: false,
noData: false, insideDialogTxt: "保存成功！",
insideDialogTxt: "保存成功！", dialogTitle: "",
dialogTitle: "", rules: {
rules: { AlName: [{
AlName: [
{
required: true, required: true,
message: "请输入航空公司名称", message: "请输入航空公司名称",
trigger: "blur" trigger: "blur"
} }],
], AlCode: [{
AlCode: [ required: true,
{ message: "请输入IATA",
required: true, trigger: "blur"
message: "请输入IATA", },
trigger: "blur" {
pattern: this.$commonUtils.Regex.el_IsNumEn,
message: "请输正确的IATA"
}
],
TicketCode: [{
required: true,
message: "请输入ICAO",
trigger: "blur"
},
{
pattern: this.$commonUtils.Regex.el_IsNumEn,
message: "请输正确的ICAO"
}
]
},
allCompanyData: []
};
},
methods: {
getList() {
//获取数据分页
this.loading = true;
this.apipost(
"airline_post_GetPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
if (this.total > 0) {
res.data.data.pageData.forEach(x => {
if (x.image) {
x.image = this.domainManager().ViittoFileUrl + x.image;
}
});
this.noData = false;
this.DataList = res.data.data.pageData;
} else {
this.noData = true;
this.DataList = [];
}
} else {
this.Error(res.data.message);
}
}, },
{ err => {}
pattern: this.$commonUtils.Regex.el_IsNumEn, );
message: "请输正确的IATA" },
} getAllAirCompany() {
], this.apipost(
TicketCode: [ "airline_post_GetList", {},
{ res => {
required: true, if (res.data.resultCode == 1) {
message: "请输入ICAO", this.allCompanyData = res.data.data;
trigger: "blur" }
}, },
{ err => {}
pattern: this.$commonUtils.Regex.el_IsNumEn, );
message: "请输正确的ICAO"
}
]
}, },
allCompanyData: [] addAirline() {
}; //新增航空公司
}, if (this.addMsg.AirLineId == "") {
methods: { this.addMsg.AirLineId = 0;
getList() { }
//获取数据分页 if (this.addMsg.image == null) {
this.loading = true; this.addMsg.image = "";
this.apipost( }
"airline_post_GetPageList", this.addMsg.ticket_requirements = JSON.stringify(this.checkedCities);
this.msg, this.apipost(
res => { "airline_post_Set",
this.loading = false; this.addMsg,
if (res.data.resultCode == 1) { res => {
this.total = res.data.data.count; if (res.data.resultCode == 1) {
if (this.total > 0) { this.tips("保存成功！", "success");
res.data.data.pageData.forEach(x => { this.getList();
if (x.image) { this.outerVisible = false;
x.image =this.domainManager().ViittoFileUrl+ x.image; this.resetForm("addMsg");
}
});
this.noData = false;
this.DataList = res.data.data.pageData;
} else { } else {
this.noData = true; this.tips(res.data.message, "warning");
this.DataList = []; this.innerVisible = true;
this.insideDialogTxt = res.data.message;
}
},
err => {}
);
},
showEdit(index) {
//鼠标移入
this.chosenIndex = this.chosenIndex == index ? -1 : index;
},
updateData(index) {
//修改
let msg = {
ID: this.DataList[index].AirLineId
};
this.apipost(
"airline_post_Get",
msg,
res => {
res.data.data.AutomaticGeneration = res.data.data.AutomaticGeneration.toString();
if (res.data.data.ParentId == 0) res.data.data.ParentId = "0";
if (res.data.data.ticket_requirements.length > 0) {
this.imageUrl = res.data.data.image;
this.checkedCities = JSON.parse(res.data.data.ticket_requirements);
} }
this.addMsg = res.data.data;
},
err => {}
);
},
handleCurrentChange(val) {
//翻页功能按钮
this.msg.pageIndex = val;
this.getList();
},
submitForm(addMsg) {
//提交创建、修改表单
this.$refs[addMsg].validate(valid => {
if (valid) {
this.addAirline();
} else { } else {
this.Error(res.data.message); return false;
} }
}, });
err => {} },
); initAddMsg() {
}, //初始化查询数据
getAllAirCompany() { let newMsg = {
this.apipost( AirLineId: "",
"airline_post_GetList", AlCode: "",
{}, AlName: "",
res => { TicketCode: "",
if (res.data.resultCode == 1) { ServiceTel: "",
this.allCompanyData = res.data.data; image: "",
AutomaticGeneration: "",
ticket_requirements: "",
ParentId: "0"
};
this.addMsg = newMsg;
},
resetPageIndex() {
//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1;
},
closeChangeMachie(done) {
done();
this.resetForm("addMsg");
},
resetForm(formName) {
this.initAddMsg();
this.$refs[formName].resetFields();
},
handleAvatarSuccess(res, file) {
if (res.resultCode == 1) {
var img_path = res.data.FullFilePath;
this.addMsg.image = res.data.FilePath;
this.imageUrl = img_path;
}
},
beforeAvatarUpload(file) {
//上传-
const isJPG = file.type === "image/jpeg";
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isJPG) {
this.$message.error("上传头像图片只能是 JPG 格式!");
}
if (!isLt2M) {
this.$message.error("上传头像图片大小不能超过 2MB!");
}
return isJPG && isLt2M;
},
tips(msg, type) {
this.$message({
message: msg,
duration: 2000,
type: type
});
},
handleCheckAllChange(val) {
//多选
this.checkedCities = val ? cityOptions : [];
this.isIndeterminate = false;
},
handleCheckedCitiesChange(value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.cities.length;
this.isIndeterminate =
checkedCount > 0 && checkedCount < this.cities.length;
},
goBackAccount(item) {
this.$router.push({
name: "empBankAccount",
query: {
id: item.AirLineId,
type: 6,
blank: 'y',
tab: '账户管理'
} }
}, });
err => {}
);
},
addAirline() {
//新增航空公司
if (this.addMsg.AirLineId == "") {
this.addMsg.AirLineId = 0;
}
if (this.addMsg.image == null) {
this.addMsg.image = "";
} }
this.addMsg.ticket_requirements = JSON.stringify(this.checkedCities);
this.apipost(
"airline_post_Set",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.tips("保存成功！", "success");
this.getList();
this.outerVisible = false;
this.resetForm("addMsg");
} else {
this.tips(res.data.message, "warning");
this.innerVisible = true;
this.insideDialogTxt = res.data.message;
}
},
err => {}
);
},
showEdit(index) {
//鼠标移入
this.chosenIndex = this.chosenIndex == index ? -1 : index;
},
updateData(index) {
//修改
let msg = {
ID: this.DataList[index].AirLineId
};
this.apipost(
"airline_post_Get",
msg,
res => {
res.data.data.AutomaticGeneration = res.data.data.AutomaticGeneration.toString();
if (res.data.data.ParentId == 0) res.data.data.ParentId = "0";
if (res.data.data.ticket_requirements.length > 0) {
this.imageUrl = res.data.data.image;
this.checkedCities = JSON.parse(res.data.data.ticket_requirements);
}
this.addMsg = res.data.data;
},
err => {}
);
}, },
handleCurrentChange(val) { mounted() {
//翻页功能按钮
this.msg.pageIndex = val;
this.getList(); this.getList();
}, this.getAllAirCompany();
submitForm(addMsg) {
//提交创建、修改表单
this.$refs[addMsg].validate(valid => {
if (valid) {
this.addAirline();
} else {
console.log("error submit!!");
return false;
}
});
},
initAddMsg() {
//初始化查询数据
let newMsg = {
AirLineId: "",
AlCode: "",
AlName: "",
TicketCode: "",
ServiceTel: "",
image: "",
AutomaticGeneration: "",
ticket_requirements: "",
ParentId: "0"
};
this.addMsg = newMsg;
},
resetPageIndex() {
//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1;
},
closeChangeMachie(done) {
done();
this.resetForm("addMsg");
},
resetForm(formName) {
this.initAddMsg();
this.$refs[formName].resetFields();
},
handleAvatarSuccess(res, file) {
//上传
console.log("上传文件", res);
if (res.resultCode == 1) {
var img_path = res.data.FullFilePath;
this.addMsg.image = res.data.FilePath;
this.imageUrl = img_path;
}
},
beforeAvatarUpload(file) {
//上传-
const isJPG = file.type === "image/jpeg";
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isJPG) {
this.$message.error("上传头像图片只能是 JPG 格式!");
}
if (!isLt2M) {
this.$message.error("上传头像图片大小不能超过 2MB!");
}
return isJPG && isLt2M;
},
tips(msg, type) {
this.$message({
message: msg,
duration: 2000,
type: type
});
},
handleCheckAllChange(val) {
//多选
this.checkedCities = val ? cityOptions : [];
this.isIndeterminate = false;
},
handleCheckedCitiesChange(value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.cities.length;
this.isIndeterminate =
checkedCount > 0 && checkedCount < this.cities.length;
},
goBackAccount(item) {
this.$router.push({
name: "empBankAccount",
query: { id: item.AirLineId, type: 6 ,blank:'y',tab:'账户管理'}
});
} }
}, };
mounted() {
this.getList();
this.getAllAirCompany();
}
};
</script> </script>
src/components/busManagement/busUsePrice.vue
View file @ 9695d499
<style> <style>
.busUsePrice .busList { .busUsePrice .busList {
width: 200px; width: 230px;
height: 280px; height: 240px;
float: left; float: left;
margin:0 10px 10px 0; margin: 0 10px 10px 0;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
font-size: 12px; font-size: 12px;
overflow: hidden; overflow: hidden;
} }
.busUsePrice .busListTop {
width: 100%; .busUsePrice .busListTable{
position: relative; width: 98%;
text-align: center; margin: 0px 2px 0px 2px;
} }
.busUsePrice .usePricediv { .busUsePrice .busListTable tr td{
margin: 7px 0 0 20px; height: 20px;
} line-height: 20px;
.busUsePrice .btmAddStore { }
border-top: 1px solid #d1d1d1; .busUsePrice .busListTop {
width: 100%; width: 100%;
display: none; position: relative;
overflow-x: auto; text-align: center;
overflow-y: auto; }
position: fixed;
background: #f9f9f9; .busUsePrice .usePricediv {
bottom: 0; margin: 7px 0 0 20px;
} }
.busUsePrice .changeMsg {
width: 80%; .busUsePrice .btmAddStore {
} border-top: 1px solid #d1d1d1;
.busUsePrice .changeMsg li { width: 100%;
float: left; display: none;
} overflow-x: auto;
.busUsePrice .changeMsg li:first-child { overflow-y: auto;
margin-left: 20px; position: fixed;
} background: #f9f9f9;
.busUsePrice .btmTitle { bottom: 0;
padding: 0 10px; }
margin: 20px 0 20px 25px;
border-left: 3px solid #e95252; .busUsePrice .changeMsg {
font-size: 14px; width: 80%;
color: #000000; }
}
.busUsePrice .busUsePeople .el-input__inner { .busUsePrice .changeMsg li {
border-top-right-radius: 0; float: left;
border-bottom-right-radius: 0; }
}
.busUsePrice .busType { .busUsePrice .changeMsg li:first-child {
margin: 10px 0 0 31px; margin-left: 20px;
font-size: 14px; }
display: inline-block;
} .busUsePrice .btmTitle {
.busUsePrice .cityBtnList { padding: 0 10px;
margin: 10px 0 20px 20px; margin: 20px 0 20px 25px;
} border-left: 3px solid #e95252;
.busUsePrice .busUserBtnList { font-size: 14px;
width: 100%; color: #000000;
text-align: center; }
margin-top: 10px;
} .busUsePrice .busUsePeople .el-input__inner {
.busUsePrice .busListTop img { border-top-right-radius: 0;
width: 100%; border-bottom-right-radius: 0;
} }
.busUsePrice .BusTypeStr {
position: absolute; .busUsePrice .busType {
top: 15px; margin: 10px 0 0 31px;
color: #fff; font-size: 14px;
font-size: 25px; display: inline-block;
left: 63px; }
}
.busUsePrice .UPBtn { .busUsePrice .cityBtnList {
width: 70px; margin: 10px 0 20px 20px;
height: 23px; }
}
.busUsePrice .topNotice { .busUsePrice .busUserBtnList {
width: 100%; width: 100%;
height: 20px; text-align: center;
font-size: 12px; margin-top: 10px;
text-align: left; }
margin: 20px 0;
} .busUsePrice .busListTop img {
.busUsePrice .delScien { width: 100%;
position: absolute; }
right: 10px;
top: 10px; .busUsePrice .BusTypeStr {
display: none; position: absolute;
} top: 15px;
.busUsePrice .delScien:hover { color: #fff;
color: #f76f6f; font-size: 25px;
cursor: pointer; left: 63px;
} }
.busUsePrice .busList:hover .delScien {
display: block; .busUsePrice .UPBtn {
} width: 70px;
.busUsePrice .busDiv { height: 23px;
margin-top: 20px; }
}
.busUsePrice .busList:hover { .busUsePrice .topNotice {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1); width: 100%;
transition: all linear 0.5s; height: 20px;
} font-size: 12px;
.Bus_BtnList{text-align: right;margin-bottom: 10px;} text-align: left;
.Bus_Spacing{margin-left:24px;} margin: 20px 0;
.busUsePrice .combottomDiv .el-select{ }
width:100%;
} .busUsePrice .delScien {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.busUsePrice .delScien:hover {
color: #f76f6f;
cursor: pointer;
}
.busUsePrice .busList:hover .delScien {
display: block;
}
.busUsePrice .busDiv {
margin-top: 20px;
}
.busUsePrice .busList:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.Bus_BtnList {
text-align: right;
margin-bottom: 10px;
}
.Bus_Spacing {
margin-left: 24px;
}
.busUsePrice .combottomDiv .el-select {
width: 100%;
}
</style> </style>
<template> <template>
<div class="flexOne busUsePrice"> <div class="flexOne busUsePrice">
...@@ -122,36 +159,53 @@ ...@@ -122,36 +159,53 @@
<div class="busDiv clearfix" v-loading="loading"> <div class="busDiv clearfix" v-loading="loading">
<div class="busList" v-for="item in dataList" :key="item.subCode"> <div class="busList" v-for="item in dataList" :key="item.subCode">
<div class="busListTop"> <div class="busListTop">
<img src="../../assets/img/suplier.jpg"> <img v-if="item.ShowBusImage" :src="item.ShowBusImage" style="width:230px;height:60px;" />
<img v-else src="../../assets/img/suplier.jpg" style="width:200px;height:60px;" />
<span class="BusTypeStr">{{item.BusTypeStr}}</span> <span class="BusTypeStr">{{item.BusTypeStr}}</span>
<div class="delScien" @click="isdelete(item.Id)"> <div class="delScien" @click="isdelete(item.Id)">
<i class="iconfont icon-xingzhuang"></i> <i class="iconfont icon-xingzhuang"></i>
</div> </div>
</div> </div>
<div class="usePricediv">使用人数：{{item.UseNum}}人</div> <table class="busListTable">
<div class="usePricediv">接机报价：{{item.ReceivePrice}}</div> <tr>
<div class="usePricediv">送机报价：{{item.SendPrice}}</div> <td style="width:49%;">使用人数：{{item.UseNum}}人</td>
<div class="usePricediv">全天报价：{{item.AllDayPrice}}</div> <td style="width:49%;">地<span class="Bus_Spacing">区</span>：{{getArea(item.AreaType)}}</td>
<div class="usePricediv">半天报价：{{item.HalfDayPrice}}</div> </tr>
<div class="usePricediv">小时报价：{{item.HourPrice}}</div> <tr>
<div class="usePricediv">地<span class="Bus_Spacing">区</span>：{{getArea(item.AreaType)}}</div> <td>接送报价：{{item.ReceivePrice}}</td>
<td>全天报价：{{item.AllDayPrice}}</td>
</tr>
<tr>
<td colspan="2">
半天报价：{{item.HalfDayPrice}}
</td>
</tr>
<tr>
<td>全天高速：{{item.AllDayHighSpeedFee}}</td>
<td>接送高速：{{item.PickUpHighSpeedFee}}</td>
</tr>
<tr>
<td>全天茶代：{{item.AllDayChaDaiFee}}</td>
<td>接送茶代：{{item.PickUpChaDaiFee}}</td>
</tr>
</table>
<div class="busUserBtnList"> <div class="busUserBtnList">
<input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价"> <input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价">
</div> </div>
</div> </div>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
:page-size="this.msg.pageSize" :total="total"> layout="total,prev, pager, next, jumper" :page-size="this.msg.pageSize" :total="total">
</el-pagination> </el-pagination>
<div class="combottomDiv" v-if="isShow"> <div class="combottomDiv" v-if="isShow">
<el-row> <el-row>
<el-col :span="18"> <el-col :span="18">
<div class="combottomTitle">报价管理</div> <div class="combottomTitle">报价管理</div>
</el-col> </el-col>
<el-col :span="4" class="Bus_BtnList"> <el-col :span="4" class="Bus_BtnList">
<input type="button" class="hollowFixedBtn" @click="cancelPanel" value="取消" /> <input type="button" class="hollowFixedBtn" @click="cancelPanel" value="取消" />
<input type="button" class="normalBtn" @click="submitForm('addMsg')" value="保存" /> <input type="button" class="normalBtn" @click="submitForm('addMsg')" value="保存" />
</el-col> </el-col>
</el-row> </el-row>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
...@@ -173,18 +227,19 @@ ...@@ -173,18 +227,19 @@
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="使用人数" prop="UseNum"> <el-form-item label="使用人数" prop="UseNum">
<el-input placeholder="人数" v-model="addMsg.UseNum" @keyup.native="checkInteger(addMsg,'UseNum')" class="busUsePeople"> <el-input placeholder="人数" v-model="addMsg.UseNum" @keyup.native="checkInteger(addMsg,'UseNum')"
class="busUsePeople">
<template slot="append">以下</template> <template slot="append">以下</template>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="接机报价" prop="ReceivePrice"> <el-form-item label="接送报价" prop="ReceivePrice">
<el-input v-model="addMsg.ReceivePrice" @keyup.native="checkPrice(addMsg,'ReceivePrice')"></el-input> <el-input v-model="addMsg.ReceivePrice" @keyup.native="checkPrice(addMsg,'ReceivePrice')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="送机报价" prop="SendPrice"> <el-form-item label="送机报价" prop="SendPrice" style="display:none;">
<el-input v-model="addMsg.SendPrice" @keyup.native="checkPrice(addMsg,'SendPrice')"></el-input> <el-input v-model="addMsg.SendPrice" @keyup.native="checkPrice(addMsg,'SendPrice')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -198,22 +253,57 @@ ...@@ -198,22 +253,57 @@
<el-input v-model="addMsg.HalfDayPrice" @keyup.native="checkPrice(addMsg,'HalfDayPrice')"></el-input> <el-input v-model="addMsg.HalfDayPrice" @keyup.native="checkPrice(addMsg,'HalfDayPrice')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5" style="display:none;">
<el-form-item label="小时报价" prop="HourPrice"> <el-form-item label="小时报价" prop="HourPrice">
<el-input v-model="addMsg.HourPrice" @keyup.native="checkPrice(addMsg,'HourPrice')"></el-input> <el-input v-model="addMsg.HourPrice" @keyup.native="checkPrice(addMsg,'HourPrice')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5">
<el-form-item label="全天高速" prop="AllDayHighSpeedFee">
<el-input v-model="addMsg.AllDayHighSpeedFee" @keyup.native="checkPrice(addMsg,'HourPrice')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="接送高速" prop="PickUpHighSpeedFee">
<el-input v-model="addMsg.PickUpHighSpeedFee" @keyup.native="checkPrice(addMsg,'PickUpHighSpeedFee')">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="全天茶代" prop="AllDayChaDaiFee">
<el-input v-model="addMsg.AllDayChaDaiFee" @keyup.native="checkPrice(addMsg,'AllDayChaDaiFee')">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="接送茶代" prop="PickUpChaDaiFee">
<el-input v-model="addMsg.PickUpChaDaiFee" @keyup.native="checkPrice(addMsg,'PickUpChaDaiFee')">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="币种" prop="CurrencyId"> <el-form-item label="币种" prop="CurrencyId">
<el-select filterable v-model='addMsg.CurrencyId' @change="getRate(addMsg.CurrencyId)" > <el-select filterable v-model='addMsg.CurrencyId' @change="getRate(addMsg.CurrencyId)">
<el-option label='不限' :value="selectDefauleValue"></el-option> <el-option label='不限' :value="selectDefauleValue"></el-option>
<el-option v-for="item in currencyTypeList" :key="item.ID" :value="item.ID" :label="item.Name"></el-option> <el-option v-for="item in currencyTypeList" :key="item.ID" :value="item.ID" :label="item.Name">
</el-select> </el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item label="汇率" prop="CurrentRate"> <el-form-item label="汇率" prop="CurrentRate">
<el-input v-model="addMsg.CurrentRate" @keyup.native="checkRate(addMsg,'CurrentRate')"></el-input> <el-input v-model="addMsg.CurrentRate" @keyup.native="checkRate(addMsg,'CurrentRate')"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="车辆图片">
<el-upload class="avatar-uploader" :http-request="UploadImage" :multiple="false"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<img v-if="addMsg.ShowBusImage&&addMsg.ShowBusImage!=''" :src="addMsg.ShowBusImage"
style="width:200px;height:100px">
<i class="el-icon-upload2 avatar-uploader-icon"></i>
</el-upload>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
...@@ -229,293 +319,323 @@ ...@@ -229,293 +319,323 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
var DealAreaValidate = (rule, value, callback) => { var DealAreaValidate = (rule, value, callback) => {
if (value === 0) { if (value === 0) {
callback(new Error("请选择地区")); callback(new Error("请选择地区"));
} else { } else {
callback(); callback();
} }
}; };
var validateCurrency = (rule, value, callback) => { var validateCurrency = (rule, value, callback) => {
if (value === 0) { if (value === 0) {
callback(new Error("请选择币种")); callback(new Error("请选择币种"));
} else { } else {
callback(); callback();
} }
}; };
return { return {
total: 0, total: 0,
currentPage: 1, currentPage: 1,
dataList: "", dataList: "",
loading: false, loading: false,
isShow: false, isShow: false,
BusTypeList: "", BusTypeList: "",
selectDefauleValue:0, selectDefauleValue: 0,
AreaList:[], AreaList: [],
currencyTypeList:[], currencyTypeList: [],
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 18 pageSize: 18
}, },
//表单json //表单json
addMsg: { addMsg: {
ID: 0, ID: 0,
UseNum: "", UseNum: "",
BusType: "", BusType: "",
ReceivePrice: "", ReceivePrice: "",
SendPrice: "", SendPrice: "",
AllDayPrice: "", AllDayPrice: "",
HalfDayPrice: "", HalfDayPrice: "",
HourPrice: "", HourPrice: "",
Remark: "", Remark: "",
AreaType:0, AreaType: 0,
CurrencyId:0, CurrencyId: 0,
CurrentRate: 0 CurrentRate: 0,
}, AllDayHighSpeedFee: 0, //全天高速费
//表单验证 PickUpHighSpeedFee: 0, //接送高速费
rules: { AllDayChaDaiFee: 0, //全天茶代费
AreaType: [{ PickUpChaDaiFee: 0, //接送茶代费
BusImage: '', //车辆图片
ShowBusImage: "",
},
//表单验证
rules: {
AreaType: [{
validator: DealAreaValidate, validator: DealAreaValidate,
trigger: "change", trigger: "change",
required:true required: true
} }],
], CurrencyId: [{
CurrencyId:[{
validator: validateCurrency, validator: validateCurrency,
trigger: "change", trigger: "change",
required:true required: true
}], }],
BusType: [ BusType: [{
{
required: true, required: true,
message: "请选择车辆类型", message: "请选择车辆类型",
trigger: "change" trigger: "change"
} }],
], UseNum: [{
UseNum: [
{
required: true, required: true,
message: "请输入人数", message: "请输入人数",
trigger: "change" trigger: "change"
} }],
], ReceivePrice: [{
ReceivePrice: [
{
required: true, required: true,
message: "请输入接机价格", message: "请输入接机价格",
trigger: "change" trigger: "change"
} }],
], SendPrice: [{
SendPrice: [
{
required: true, required: true,
message: "请输入送机价格", message: "请输入送机价格",
trigger: "change" trigger: "change"
} }],
], AllDayPrice: [{
AllDayPrice: [
{
required: true, required: true,
message: "请输入全天价格", message: "请输入全天价格",
trigger: "change" trigger: "change"
} }],
], HalfDayPrice: [{
HalfDayPrice: [
{
required: true, required: true,
message: "请输入全天价格", message: "请输入全天价格",
trigger: "change" trigger: "change"
} }],
], HourPrice: [{
HourPrice: [
{
required: true, required: true,
message: "请输入小时价格", message: "请输入小时价格",
trigger: "change" trigger: "change"
} }],
] AllDayHighSpeedFee: [{
} required: true,
}; message: "请输入全天高速价格",
}, trigger: "change"
methods: { }],
handleCurrentChange(val) { PickUpHighSpeedFee: [{
this.msg.pageIndex = val; required: true,
this.initData(); message: "请输入接送高速价格",
}, trigger: "change"
resetPageIndex() { }],
this.msg.pageIndex = 1; AllDayChaDaiFee: [{
this.currentPage = 1; required: true,
}, message: "请输入全天茶代价格",
initData() { trigger: "change"
this.loading = true; }],
this.apipost( PickUpChaDaiFee: [{
"busprice_get_GetBusPricePageList", required: true,
this.msg, message: "请输入接送茶代价格",
res => { trigger: "change"
this.loading = false; }]
if(res.data.resultCode==1){
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
}
},
null
);
},
saveInfo() {
this.apipost(
"busprice_post_SetBusPrice",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.initData();
this.Success("保存成功");
this.isShow = false;
this.resetForm("addMsg");
} else {
this.Error(res.data.message);
}
},
null
);
},
//获取地区下拉
getAreaList(){
this.apipost(
"busprice_get_GetBusAreaType",
{},
res => {
if(res.data.resultCode==1){
this.AreaList = res.data.data;
}
},
null
);
},
//根据ID获取地区
getArea(AreaType){
var AreaName='';
this.AreaList.forEach(item=>{
if(item.Id==AreaType){
AreaName = item.Name
} }
})
return AreaName;
},
getCurrencyType(){ // 币种类型
this.apipost('financeinfo_post_GetList',{Name:''},res=>{
if(res.data.resultCode==1){
this.currencyTypeList = res.data.data;
}else{
}
},err=>{})
},
//修改管理报价
managePrice(ID) {
this.addMsg.ID = ID;
this.isShow = true;
let msg = {
ID: ID
}; };
this.apipost(
"busprice_get_GetBusPrice",
msg,
res => {
this.addMsg = res.data.data;
},
null
);
}, },
/*获取车辆类型列表*/ methods: {
getBusTypeList() { //上传图片
this.apipost( UploadImage(file) {
"bus_get_GetBusTypeList", let newArr = [];
null, newArr.push(file.file);
res => { let fileName = file.file.name;
var path = "/Upload/DMC/";
this.UploadSelfFileT(path, newArr, x => {
var obj = this.$DMCUtils.DMCImageObj();
var str = x.name;
var imgUrl = this.domainManager().ViittoFileUrl + x.data.FilePath;
this.addMsg.BusImage = x.data.FilePath;
this.addMsg.ShowBusImage = imgUrl;
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.initData();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
initData() {
this.loading = true;
this.apipost(
"busprice_get_GetBusPricePageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
}
},
null
);
},
saveInfo() {
this.apipost(
"busprice_post_SetBusPrice",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.initData();
this.Success("保存成功");
this.isShow = false;
this.resetForm("addMsg");
} else {
this.Error(res.data.message);
}
},
null
);
},
//获取地区下拉
getAreaList() {
this.apipost(
"busprice_get_GetBusAreaType", {},
res => {
if (res.data.resultCode == 1) {
this.AreaList = res.data.data;
}
},
null
);
},
//根据ID获取地区
getArea(AreaType) {
var AreaName = '';
this.AreaList.forEach(item => {
if (item.Id == AreaType) {
AreaName = item.Name
}
})
return AreaName;
},
getCurrencyType() { // 币种类型
this.apipost('financeinfo_post_GetList', {
Name: ''
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.BusTypeList = res.data.data; this.currencyTypeList = res.data.data;
} }
}, }, err => {})
null },
);
}, //修改管理报价
//币种下拉获取汇率 managePrice(ID) {
getRate(ID) { this.addMsg.ID = ID;
this.currencyTypeList.forEach(x => { this.isShow = true;
if (x.ID == ID) { let msg = {
this.addMsg.CurrentRate = x.Rate;
}
});
},
//取消
cancelPanel() {
this.isShow = false;
this.resetForm("addMsg");
},
//添加
addPanel() {
this.isShow = true;
this.addMsg.ID = 0;
this.clearInfo();
},
clearInfo() {
this.addMsg = {
ID: 0,
UseNum: "",
BusType: "",
ReceivePrice: "",
SendPrice: "",
AllDayPrice: "",
HalfDayPrice: "",
HourPrice: "",
Remark: "",
AreaType:0,
CurrencyId:0,
CurrentRate: 0
};
},
submitForm(addMsg) {
//提交创建、修改表单
let that = this;
that.$refs[addMsg].validate(valid => {
if (valid) {
that.saveInfo();
} else {
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
//删除
isdelete(ID) {
var that = this;
this.Confirm("是否删除?", function() {
var msg = {
ID: ID ID: ID
}; };
that.apipost( this.apipost(
"busprice_post_RemoveBusPrice", "busprice_get_GetBusPrice",
msg, msg,
res => {
this.addMsg = res.data.data;
},
null
);
},
/*获取车辆类型列表*/
getBusTypeList() {
this.apipost(
"bus_get_GetBusTypeList",
null,
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.initData(); this.BusTypeList = res.data.data;
} }
}, },
null null
); );
}); },
//币种下拉获取汇率
getRate(ID) {
this.currencyTypeList.forEach(x => {
if (x.ID == ID) {
this.addMsg.CurrentRate = x.Rate;
}
});
},
//取消
cancelPanel() {
this.isShow = false;
this.resetForm("addMsg");
},
//添加
addPanel() {
this.isShow = true;
this.addMsg.ID = 0;
this.clearInfo();
},
clearInfo() {
this.addMsg = {
ID: 0,
UseNum: "",
BusType: "",
ReceivePrice: "",
SendPrice: "",
AllDayPrice: "",
HalfDayPrice: "",
HourPrice: "",
Remark: "",
AreaType: 0,
CurrencyId: 0,
CurrentRate: 0,
AllDayHighSpeedFee: 0,
PickUpHighSpeedFee: 0,
AllDayChaDaiFee: 0,
PickUpChaDaiFee: 0,
BusImage: ''
};
},
submitForm(addMsg) {
//提交创建、修改表单
let that = this;
that.$refs[addMsg].validate(valid => {
if (valid) {
that.saveInfo();
} else {
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
//删除
isdelete(ID) {
var that = this;
this.Confirm("是否删除?", function () {
var msg = {
ID: ID
};
that.apipost(
"busprice_post_RemoveBusPrice",
msg,
res => {
if (res.data.resultCode == 1) {
that.initData();
}
},
null
);
});
}
},
mounted() {
this.initData();
this.getAreaList();
this.getCurrencyType();
this.getBusTypeList();
} }
}, };
mounted() {
this.initData(); </script>
this.getAreaList();
this.getCurrencyType();
this.getBusTypeList();
}
};
</script>
\ No newline at end of file
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