Skip to content

S
SuperMan
Commit 27c7066e authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent f3e396fa
Hide whitespace changes
Inline Side-by-side
Showing with 650 additions and 678 deletions
src/components/scenicSpot/domesticScenicSpotPackagePrice.vue
View file @ 27c7066e
<style> <style>
.domesticScenicSpotPackagePrice .query_box { .domesticScenicSpotPackagePrice .query_box {
font-size: 12px; font-size: 12px;
padding: 29px 0; padding: 29px 0;
padding-right: 30px; padding-right: 30px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.domesticScenicSpotPackagePrice .el-switch.is-checked .el-switch__core { .domesticScenicSpotPackagePrice .el-switch.is-checked .el-switch__core {
border-color: #4bca81; border-color: #4bca81;
background-color: #4bca81; background-color: #4bca81;
} }
.domesticScenicSpotPackagePrice .addCompany { .domesticScenicSpotPackagePrice .addCompany {
width: 440px; width: 440px;
max-height: 600px; max-height: 600px;
} }
.domesticScenicSpotPackagePrice .addCompany .el-dialog__body { .domesticScenicSpotPackagePrice .addCompany .el-dialog__body {
height: 486px; height: 486px;
overflow: auto; overflow: auto;
} }
.domesticScenicSpotPackagePrice .query_box div label { .domesticScenicSpotPackagePrice .query_box div label {
display: inline-block; display: inline-block;
min-width: 80px; min-width: 80px;
text-align: right; text-align: right;
font-style: normal; font-style: normal;
margin: 0 20px 0 0; margin: 0 20px 0 0;
} }
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type="number"] { input[type="number"] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }
.lineType { .lineType {
width: 51px; width: 51px;
height: 24px; height: 24px;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
margin-top: 25px; margin-top: 25px;
border-radius: 4px; border-radius: 4px;
background-color: #ff9c00; background-color: #ff9c00;
color: #ffffff; color: #ffffff;
} }
.domesticScenicSpotPackagePrice .LMTable tr { .domesticScenicSpotPackagePrice .LMTable tr {
height: 70px; height: 70px;
text-align: center !important; text-align: center !important;
background-color: #fff; background-color: #fff;
} }
.comPanyNum { .comPanyNum {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
margin-bottom: 5px; margin-bottom: 5px;
text-decoration: underline; text-decoration: underline;
} }
.comPanyNum:hover { .comPanyNum:hover {
color: #e95252; color: #e95252;
} }
.zhicai:first-child { .zhicai:first-child {
margin-top: 23px; margin-top: 23px;
} }
.zhicai { .zhicai {
color: #47bf8c; color: #47bf8c;
} }
.partCompany { .partCompany {
padding: 0; padding: 0;
box-shadow: 0px 1px 3px 0px #dedede; box-shadow: 0px 1px 3px 0px #dedede;
} }
.partCompany .popper__arrow::after { .partCompany .popper__arrow::after {
border-bottom-color: #ededed !important; border-bottom-color: #ededed !important;
} }
.partCompany table { .partCompany 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;
} }
.partCompany table th { .partCompany table th {
background-color: #ededed; background-color: #ededed;
padding: 5px; padding: 5px;
} }
.partCompany table td { .partCompany 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;
} }
.partCompany table td._d_name { .partCompany table td._d_name {
background-color: #ededed; background-color: #ededed;
} }
.partCompany table ._color_666 { .partCompany table ._color_666 {
color: #666666; color: #666666;
} }
.partCompany table tr._color_666 th { .partCompany table tr._color_666 th {
padding: 9px 15px; padding: 9px 15px;
} }
.LineName { .LineName {
display: inline-block; display: inline-block;
width: 170px; width: 170px;
margin: 30px 0 0 20px; margin: 30px 0 0 20px;
text-align: left; text-align: left;
} }
.domesticScenicSpotPackagePrice .LM_Back { .domesticScenicSpotPackagePrice .LM_Back {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
.redType { .redType {
color: #e95252; color: #e95252;
} }
.domesticScenicSpotPackagePrice .tbDiv { .domesticScenicSpotPackagePrice .tbDiv {
overflow-y: auto; overflow-y: auto;
} }
.departListDiv { .departListDiv {
width: 100%; width: 100%;
height: 200px; height: 200px;
overflow-y: auto; overflow-y: auto;
} }
.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar { .domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar {
width: 4px; width: 4px;
height: 8px; height: 8px;
} }
.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-track { .domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px; border-radius: 4px;
background: #ededed; background: #ededed;
} }
.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-thumb { .domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-thumb {
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9; background: #c9c9c9;
} }
.departListDiv::-webkit-scrollbar { .departListDiv::-webkit-scrollbar {
width: 4px; width: 4px;
height: 8px; height: 8px;
} }
.departListDiv::-webkit-scrollbar-track { .departListDiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px; border-radius: 4px;
background: #ededed; background: #ededed;
} }
.departListDiv::-webkit-scrollbar-thumb { .departListDiv::-webkit-scrollbar-thumb {
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9; background: #c9c9c9;
} }
.LMTable { .LMTable {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
} }
.domesticScenicSpotPackagePrice .LMTable tr th { .domesticScenicSpotPackagePrice .LMTable tr th {
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
} }
.domesticScenicSpotPackagePrice .tbDiv .LMTable td { .domesticScenicSpotPackagePrice .tbDiv .LMTable td {
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
position: relative; position: relative;
text-align: center; text-align: center;
padding: 5px; padding: 5px;
min-width: 250px; min-width: 250px;
} }
.domesticScenicSpotPackagePrice .tbDiv table { .domesticScenicSpotPackagePrice .tbDiv table {
padding-right: 80px; padding-right: 80px;
margin-top: 10px; margin-top: 10px;
border-top: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
} }
.upFentan { .upFentan {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: 13px; right: 13px;
top: 32%; top: 32%;
} }
.subCountryList { .subCountryList {
width: 150px; width: 150px;
text-align: left; text-align: left;
display: inline-block; display: inline-block;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
top: 3px; top: 3px;
} }
.domesticScenicSpotPackagePrice ._addLineTB tr { .domesticScenicSpotPackagePrice ._addLineTB tr {
height: 40px !important; height: 40px !important;
} }
.saveCompanyBtn { .saveCompanyBtn {
margin-top: 20px; margin-top: 20px;
} }
.setItem { .setItem {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
position: absolute; position: absolute;
right: 13px; right: 13px;
top: 32%; top: 32%;
} }
._LMComdiv { ._LMComdiv {
float: left; float: left;
width: 32%; width: 32%;
text-align: left; text-align: left;
margin-top: 20px; margin-top: 20px;
} }
.LineRank { .LineRank {
width: 24px; width: 24px;
height: 24px; height: 24px;
background-color: #2aaef2; background-color: #2aaef2;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
color: #fff; color: #fff;
margin: 15px auto 5px; margin: 15px auto 5px;
} }
.domesticScenicSpotPackagePrice .joinDepart { .domesticScenicSpotPackagePrice .joinDepart {
display: inline-block; display: inline-block;
margin-right: 50px; margin-right: 50px;
text-align: left; text-align: left;
float: left; float: left;
width: 180px; width: 180px;
} }
.domesticScenicSpotPackagePrice .LM_Rank { .domesticScenicSpotPackagePrice .LM_Rank {
text-align: center; text-align: center;
} }
._LowDisMoney { ._LowDisMoney {
text-align: left; text-align: left;
margin: 20px 0 0 25px; margin: 20px 0 0 25px;
} }
.LM_Btcontent { .LM_Btcontent {
margin-left: 20px; margin-left: 20px;
} }
.LM_ul li { .LM_ul li {
height: 78px; height: 78px;
margin: 20px 0 0px 0px; margin: 20px 0 0px 0px;
transition: linear all 0.5s; transition: linear all 0.5s;
background-color: #fff; background-color: #fff;
font-size: 12px; font-size: 12px;
border: 1px solid #dddddd; border: 1px solid #dddddd;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
.LM_BTNList { .LM_BTNList {
margin-top: 25px; margin-top: 25px;
} }
.domesticScenicSpotPackagePrice .el-button-group .el-button { .domesticScenicSpotPackagePrice .el-button-group .el-button {
padding: 5px; padding: 5px;
} }
.domesticScenicSpotPackagePrice .LM_ul > li:hover { .domesticScenicSpotPackagePrice .LM_ul>li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1); box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s; transition: all linear 0.5s;
} }
.domesticScenicSpotPackagePrice .el-date-editor.el-input,
.el-date-editor.el-input__inner { .domesticScenicSpotPackagePrice .el-date-editor.el-input,
width: auto; .el-date-editor.el-input__inner {
} width: auto;
.SP_datePicker .el-input__inner { }
padding-right: 0 !important;
} .SP_datePicker .el-input__inner {
.SP_AddTicket { padding-right: 0 !important;
margin: 10px 10px 0 30px; }
}
.SP_AddTicket {
margin: 10px 10px 0 30px;
}
</style> </style>
<template> <template>
<div class="flexOne domesticScenicSpotPackagePrice"> <div class="flexOne domesticScenicSpotPackagePrice">
...@@ -325,8 +329,11 @@ input[type="number"] { ...@@ -325,8 +329,11 @@ input[type="number"] {
</span> </span>
</li> </li>
<li> <li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),initDataTable()" /> <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
<input type="button" class="normalBtn" :value="$t('pub.addBtn')" @click="clearInfo(),isShowDIv=true,divTitle='新增报价'" /> @click="resetPageIndex(),initDataTable()" />
<input type="button" class="normalBtn" value="门票列表" @click="gotoTicket()" />
<input type="button" class="normalBtn" :value="$t('pub.addBtn')"
@click="clearInfo(),isShowDIv=true,divTitle='新增报价'" />
</li> </li>
</ul> </ul>
</div> </div>
...@@ -361,25 +368,13 @@ input[type="number"] { ...@@ -361,25 +368,13 @@ input[type="number"] {
<div>{{item.B2CPrice}}</div> <div>{{item.B2CPrice}}</div>
</div> </div>
</el-col> </el-col>
<!-- <el-col :span="2">
<div class="_LowDisMoney">
<div>原价</div>
<div>{{item.SalesPrice}}</div>
</div>
</el-col> -->
<!-- <el-col :span="3">
<div class="_LowDisMoney">
<div>供应商</div>
<div>{{item.SupplierName}}</div>
</div>
</el-col> -->
<el-col :span="2"> <el-col :span="2">
<div class="_LowDisMoney"> <div class="_LowDisMoney">
<div>备注</div> <div>备注</div>
<div>{{item.Remark}}</div> <div>{{item.Remark}}</div>
</div> </div>
</el-col> </el-col>
<el-col :span="2"> <!-- <el-col :span="2">
<div class="_LowDisMoney"> <div class="_LowDisMoney">
<div>币种</div> <div>币种</div>
<div>{{ getCurrencyName(item.CurrencyId )}}</div> <div>{{ getCurrencyName(item.CurrencyId )}}</div>
...@@ -390,15 +385,16 @@ input[type="number"] { ...@@ -390,15 +385,16 @@ input[type="number"] {
<div>汇率</div> <div>汇率</div>
<div>{{item.CurrentRate}}</div> <div>{{item.CurrentRate}}</div>
</div> </div>
</el-col> </el-col> -->
<el-col :span="2"> <el-col :span="2">
<div class="LM_BTNList"> <div class="LM_BTNList">
<el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start"> <el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
<el-button type="primary" circle icon="el-icon-edit" @click="isShowDIv = true,divTitle='修改报价',updateData(item.ID)"></el-button> <el-button type="primary" circle icon="el-icon-edit"
</el-tooltip> @click="isShowDIv = true,divTitle='修改报价',updateData(item.ID)"></el-button>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start"> </el-tooltip>
<el-button type="danger" circle icon="el-icon-delete" @click="isdelete(item.ID)"></el-button> <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
</el-tooltip> <el-button type="danger" circle icon="el-icon-delete" @click="isdelete(item.ID)"></el-button>
</el-tooltip>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -414,54 +410,43 @@ input[type="number"] { ...@@ -414,54 +410,43 @@ input[type="number"] {
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_StartDate')" prop="StartDate"> <el-form-item :label="$t('hotel.hotel_StartDate')" prop="StartDate">
<el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.StartDate' type="date" :picker-options="addPickerBeginDateBefore" <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.StartDate' type="date"
value-format="yyyy-MM-dd" placeholder=""> :picker-options="addPickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder="">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_EndDate')" prop="EndDate"> <el-form-item :label="$t('hotel.hotel_EndDate')" prop="EndDate">
<el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.EndDate' type="date" value-format="yyyy-MM-dd" :picker-options="addPickerBeginDateAfter" <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.EndDate' type="date"
placeholder=""> value-format="yyyy-MM-dd" :picker-options="addPickerBeginDateAfter" placeholder="">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_CostPrice')" prop="CostPrice"> <el-form-item :label="$t('hotel.hotel_CostPrice')" prop="CostPrice">
<el-input v-model="addMsg.CostPrice" @keyup.native="checkPrice(addMsg,'CostPrice')"></el-input> <el-input v-model="addMsg.CostPrice" @keyup.native="checkPrice(addMsg,'CostPrice')" maxlength="8"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_Inventory')" prop="Inventory"> <el-form-item :label="$t('hotel.hotel_Inventory')" prop="Inventory">
<el-input type="text" maxlength="8" v-model="addMsg.Inventory" @keyup.native="checkInteger(addMsg,'Inventory')"></el-input> <el-input type="text" maxlength="8" v-model="addMsg.Inventory"
@keyup.native="checkInteger(addMsg,'Inventory')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_B2BPrice')" prop="B2BPrice"> <el-form-item :label="$t('hotel.hotel_B2BPrice')" prop="B2BPrice">
<el-input type="text" v-model="addMsg.B2BPrice" @keyup.native="checkPrice(addMsg,'B2BPrice')"></el-input> <el-input type="text" v-model="addMsg.B2BPrice" @keyup.native="checkPrice(addMsg,'B2BPrice')" maxlength="8"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_B2CPrice')" prop="B2CPrice"> <el-form-item :label="$t('hotel.hotel_B2CPrice')" prop="B2CPrice">
<el-input type="text" v-model="addMsg.B2CPrice" @keyup.native="checkPrice(addMsg,'B2CPrice')"></el-input> <el-input type="text" v-model="addMsg.B2CPrice" @keyup.native="checkPrice(addMsg,'B2CPrice')" maxlength="8"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="4"> <!-- <el-col :span="4">
<el-form-item label="原价" prop="SalesPrice">
<el-input type="text" v-model="addMsg.SalesPrice" @keyup.native="checkPrice(addMsg,'SalesPrice')"></el-input>
</el-form-item>
</el-col> -->
<!-- <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_Supplier')" v-if="IsSelfBook" prop="Supplier">
<el-select v-model="addMsg.Supplier" filterable :placeholder="$t('hotel.hotel_inputholder')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in SupplierList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="4">
<el-form-item :label="$t('hotel.hotel_Currency')" prop="CurrencyId"> <el-form-item :label="$t('hotel.hotel_Currency')" prop="CurrencyId">
<el-select placeholder="请选币种" filterable @change="getCurrentRate(addMsg.CurrencyId)" v-model="addMsg.CurrencyId"> <el-select placeholder="请选币种" filterable @change="getCurrentRate(addMsg.CurrencyId)"
v-model="addMsg.CurrencyId">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID"> <el-option v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option> </el-option>
...@@ -472,370 +457,357 @@ input[type="number"] { ...@@ -472,370 +457,357 @@ input[type="number"] {
<el-form-item :label="$t('hotel.hotel_CurrentRate')" prop="CurrentRate"> <el-form-item :label="$t('hotel.hotel_CurrentRate')" 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-form-item>
</el-col> </el-col> -->
<el-col :span="8"> <el-col :span="8">
<el-form-item :label="$t('hotel.hotel_remark')" prop="Remark"> <el-form-item :label="$t('hotel.hotel_remark')" prop="Remark">
<el-input type="textarea" v-model="addMsg.Remark"></el-input> <el-input type="textarea" v-model="addMsg.Remark"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<button type="success" class="normalBtn subPrice" @click="submitForm('addMsg')">{{comBtnText}}</button> <input type="button" class="normalBtn subPrice" @click="submitForm('addMsg')" :value="comBtnText"></input>
<input type="button" class="normalBtn" @click="isShowDIv=false" value="取消" /> <input type="button" class="normalBtn" @click="isShowDIv=false" value="取消" />
</el-col> </el-col>
</el-form> </el-form>
</div> </div>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" layout="total,prev, pager, next, jumper" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
:page-size="msg.pageSize" :total="msg.total"> layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total">
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
var validateCurrent = (rule, value, callback) => { var validateCurrent = (rule, value, callback) => {
if (value === 0) { if (value === 0) {
callback(new Error("请选择币种")); callback(new Error("请选择币种"));
} }
}; };
return { return {
//供应商列表 //供应商列表
SupplierList: [], SupplierList: [],
//门票编号 //门票编号
TicketID: "", TicketID: "",
//景点编号 //景点编号
CouponsId: "", CouponsId: "",
//是否自定(自定-不需要选择供应商，) //是否自定(自定-不需要选择供应商，)
IsSelfBook: false, IsSelfBook: false,
//提交报价中 //提交报价中
comBtnText: "保存", comBtnText: "保存",
//新增数据 //新增数据
addMsg: { addMsg: {
ID: 0, ID: 0,
CouponsId: 0, CouponsId: 0,
TicketID: 0, TicketID: 0,
Supplier: 0, Supplier: 0,
Inventory: 0, Inventory: 0,
B2BPrice: 0.0, B2BPrice: 0.0,
B2CPrice: 0.0, B2CPrice: 0.0,
SalesPrice: 0.0, SalesPrice: 0.0,
Remark: "", Remark: "",
CostPrice: 0.0, CostPrice: 0.0,
StartDate: "", StartDate: "",
EndDate: "", EndDate: "",
CurrencyId: 1, CurrencyId: 1,
CurrentRate: 0.0 CurrentRate: 0.0
}, },
rules: { rules: {
//表单必填验证 //表单必填验证
StartDate: [ StartDate: [{
{
required: true, required: true,
message: "开始日期必填", message: "开始日期必填",
trigger: "change" trigger: "change"
} }],
], EndDate: [{
EndDate: [
{
required: true, required: true,
message: "结束日期必填", message: "结束日期必填",
trigger: "change" trigger: "change"
} }],
], CostPrice: [{
CostPrice: [ required: true,
{ message: "请输入成本价",
required: true, trigger: "change"
message: "请输入成本价", },
trigger: "change" {
}, pattern: this.$commonUtils.Regex.el_Isdecimal,
{ message: "请输入两位小数"
pattern: this.$commonUtils.Regex.el_Isdecimal, }
message: "请输入两位小数" ],
} Inventory: [{
], required: true,
Inventory: [ message: "请输入库存",
{ trigger: "change"
required: true, },
message: "请输入库存", {
trigger: "change" pattern: this.$commonUtils.Regex.el_isInteger,
}, message: "请输入正确的数字"
{ }
pattern: this.$commonUtils.Regex.el_isInteger, ],
message: "请输入正确的数字" B2BPrice: [{
} required: true,
], message: "请输入B2B价格",
B2BPrice: [ trigger: "change"
{ },
required: true, {
message: "请输入B2B价格", pattern: this.$commonUtils.Regex.el_Isdecimal,
trigger: "change" message: "请输入两位小数"
}, }
{ ],
pattern: this.$commonUtils.Regex.el_Isdecimal, B2CPrice: [{
message: "请输入两位小数" required: true,
} message: "请输入B2C价格",
], trigger: "change"
B2CPrice: [ },
{ {
required: true, pattern: this.$commonUtils.Regex.el_Isdecimal,
message: "请输入B2C价格", message: "请输入两位小数"
trigger: "change" }
}, ],
{ SalesPrice: [{
pattern: this.$commonUtils.Regex.el_Isdecimal, required: true,
message: "请输入两位小数" message: "请输入原价",
} trigger: "change"
], },
SalesPrice: [ {
{ pattern: this.$commonUtils.Regex.el_Isdecimal,
required: true, message: "请输入两位小数"
message: "请输入原价", }
trigger: "change" ],
}, Supplier: [{
{
pattern: this.$commonUtils.Regex.el_Isdecimal,
message: "请输入两位小数"
}
],
Supplier: [
{
required: true, required: true,
message: "请输选择供应商", message: "请输选择供应商",
trigger: "change" trigger: "change"
} }],
], CurrencyId: [
CurrencyId: [ // {
// { // validator:validateCurrent,
// validator:validateCurrent, // trigger: "change"
// trigger: "change" // }
// } ],
], CurrentRate: [{
CurrentRate: [
{
required: true, required: true,
message: "请输输入汇率", message: "请输输入汇率",
trigger: "change" trigger: "change"
} }]
]
},
msg: {
pageIndex: 1,
pageSize: 14,
CouponsId: 0,
TicketID: 0,
StartDate: "",
EndDate: "",
total: 0,
currentPage: 1
},
tableData: [],
isShowDIv: false,
loading: true,
noData: false,
SelectDefaultValue: 0,
//所有币种
allCurrencyList: [],
addPickerBeginDateBefore: {
disabledDate: time => {
let endTime = new Date(this.addMsg.EndDate);
return endTime.getTime() < time.getTime();
}
},
addPickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.addMsg.StartDate);
return startTime.getTime() >= time.getTime();
}
}
};
},
methods: {
//初始化列表数据
initDataTable() {
this.loading = true;
this.apipost(
"appletsticketcouponsprice_post_GetPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.msg.total = res.data.data.count;
this.tableData = res.data.data.pageData;
this.noData = !this.msg.total > 0;
}
}, },
null msg: {
); pageIndex: 1,
}, pageSize: 14,
resetPageIndex() { CouponsId: 0,
this.msg.pageIndex = 1; TicketID: 0,
this.msg.currentPage = 1; StartDate: "",
}, EndDate: "",
handleCurrentChange(val) { total: 0,
this.msg.pageIndex = val; currentPage: 1
this.initDataTable();
},
//重置信息
clearInfo() {
this.addMsg.ID = 0;
this.addMsg.Supplier = 0;
this.addMsg.Inventory = "";
this.addMsg.B2BPrice = "";
this.addMsg.B2CPrice = "";
this.addMsg.SalesPrice = 0;
this.addMsg.Remark = "";
this.addMsg.CostPrice = "";
this.addMsg.StartDate = "";
this.addMsg.EndDate = "";
this.addMsg.CurrencyId = 1;
this.addMsg.CurrentRate = 1;
},
//修改报价信息
updateData(ID) {
this.apipost(
"appletsticketcouponsprice_post_Get",
{ID:ID},
res => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
}
}, },
err => {} tableData: [],
); isShowDIv: false,
}, loading: true,
//获取所有币种 noData: false,
getAllCurrency() { SelectDefaultValue: 0,
this.apipost( //所有币种
"financeinfo_post_GetList", allCurrencyList: [],
{}, addPickerBeginDateBefore: {
res => { disabledDate: time => {
if (res.data.resultCode == 1) { let endTime = new Date(this.addMsg.EndDate);
this.allCurrencyList = res.data.data; return endTime.getTime() < time.getTime();
} }
}, },
err => {} addPickerBeginDateAfter: {
); disabledDate: time => {
}, let startTime = new Date(this.addMsg.StartDate);
//获取当前下拉选中币种汇率 return startTime.getTime() >= time.getTime();
getCurrentRate(currencyId) { }
this.addMsg.CurrentRate = 0.0;
this.allCurrencyList.forEach(x => {
if (x.ID == currencyId) {
this.addMsg.CurrentRate = x.Rate;
}
});
},
//获取去币种名
getCurrencyName(currencyId) {
let currencyName = "";
this.allCurrencyList.forEach(x => {
if (x.ID == currencyId) {
currencyName = x.Name + "(" + x.Code + ")";
} }
}); };
return currencyName;
}, },
//HK新增查询条件 methods: {
initSupplier() { //初始化列表数据
this.apipost( initDataTable() {
"supplier_post_GetAllList", this.loading = true;
{ Type: 3 }, this.apipost(
response => { "appletsticketcouponsprice_post_GetPageList",
if (response.data.resultCode == 1) { this.msg,
this.SupplierList = response.data.data; res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.msg.total = res.data.data.count;
this.tableData = res.data.data.pageData;
this.noData = !this.msg.total > 0;
}
},
null
);
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.msg.currentPage = 1;
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.initDataTable();
},
//重置信息
clearInfo() {
this.addMsg.ID = 0;
this.addMsg.Supplier = 0;
this.addMsg.Inventory = "";
this.addMsg.B2BPrice = "";
this.addMsg.B2CPrice = "";
this.addMsg.SalesPrice = 0;
this.addMsg.Remark = "";
this.addMsg.CostPrice = "";
this.addMsg.StartDate = "";
this.addMsg.EndDate = "";
this.addMsg.CurrencyId = 1;
this.addMsg.CurrentRate = 1;
},
//修改报价信息
updateData(ID) {
this.apipost(
"appletsticketcouponsprice_post_Get", {
ID: ID
},
res => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
}
},
err => {}
);
},
//获取所有币种
getAllCurrency() {
this.apipost(
"financeinfo_post_GetList", {},
res => {
if (res.data.resultCode == 1) {
this.allCurrencyList = res.data.data;
}
},
err => {}
);
},
//获取当前下拉选中币种汇率
getCurrentRate(currencyId) {
this.addMsg.CurrentRate = 0.0;
this.allCurrencyList.forEach(x => {
if (x.ID == currencyId) {
this.addMsg.CurrentRate = x.Rate;
} }
}, });
null },
); //获取去币种名
}, getCurrencyName(currencyId) {
//提交景点报价 let currencyName = "";
hotelOfferSet() { this.allCurrencyList.forEach(x => {
this.addMsg.TicketID = this.TicketID; if (x.ID == currencyId) {
this.addMsg.CouponsId = this.CouponsId; currencyName = x.Name + "(" + x.Code + ")";
this.apipost(
"appletsticketcouponsprice_post_Set",
this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.initDataTable();
this.Success("保存成功！");
this.isShowDIv = false;
this.resetForm("addMsg");
this.goUrl('domesticTicketManagement',this.CouponsId);
} else {
this.Error(res.data.message);
} }
}, });
null return currencyName;
); },
}, //HK新增查询条件
isdelete(ID) { initSupplier() {
var that = this; this.apipost(
that.Confirm("是否删除?", function() { "supplier_post_GetAllList", {
that.apipost( Type: 3
"appletsticketcouponsprice_post_Remove",
{
ID: ID
}, },
response => {
if (response.data.resultCode == 1) {
this.SupplierList = response.data.data;
}
},
null
);
},
//提交景点报价
hotelOfferSet() {
this.addMsg.TicketID = this.TicketID;
this.addMsg.CouponsId = this.CouponsId;
this.apipost(
"appletsticketcouponsprice_post_Set",
this.addMsg,
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.Success("删除成功！"); this.initDataTable();
that.initDataTable(); this.Success("保存成功！");
that.goUrl('ticketManagement',that.CouponsId); this.isShowDIv = false;
this.clearInfo();
} else { } else {
that.Error(res.data.message); this.Error(res.data.message);
} }
}, },
null null
); );
}); },
}, //返回门票列表
//提交创建、修改表单 gotoTicket() {
submitForm(addMsg) { this.goUrl('domesticTicketManagement', this.CouponsId);
let that = this; },
that.$refs[addMsg].validate(valid => { isdelete(ID) {
if (valid) { var that = this;
that.hotelOfferSet(); that.Confirm("是否删除?", function () {
} else { that.apipost(
return false; "appletsticketcouponsprice_post_Remove", {
} ID: ID
}); },
}, res => {
resetForm(formName) { if (res.data.resultCode == 1) {
this.$refs[formName].resetFields(); that.Success("删除成功！");
}, that.initDataTable();
//获取供应商是否显示 } else {
getSuplier() { that.Error(res.data.message);
this.apipost( }
"ticketcoupons_post_Get", },
{ null
ID: this.CouponsId );
}, });
res => { },
if (res.data.resultCode == 1) { //提交创建、修改表单
this.IsSelfBook = res.data.data.IsSelfBook; submitForm(addMsg) {
let that = this;
that.$refs[addMsg].validate(valid => {
if (valid) {
that.hotelOfferSet();
} else {
return false;
} }
} });
); },
}, //获取供应商是否显示
goUrl(path, id) { getSuplier() {
this.$router.push({ this.apipost(
name: path, "ticketcoupons_post_Get", {
query: { ID: this.CouponsId
id: id },
} res => {
}); if (res.data.resultCode == 1) {
this.IsSelfBook = res.data.data.IsSelfBook;
}
}
);
},
goUrl(path, id) {
this.$router.push({
name: path,
query: {
id: id
}
});
},
}, },
}, mounted() {
mounted() { this.CouponsId = this.$route.query.CouponsId;
this.CouponsId = this.$route.query.CouponsId; this.TicketID = this.$route.query.TicketID;
this.TicketID = this.$route.query.TicketID; this.msg.CouponsId = this.$route.query.CouponsId;
this.msg.CouponsId = this.$route.query.CouponsId; this.msg.TicketID = this.$route.query.TicketID;
this.msg.TicketID = this.$route.query.TicketID; this.getSuplier();
this.getSuplier(); this.initSupplier();
this.initSupplier(); this.getAllCurrency();
this.getAllCurrency(); this.initDataTable();
this.initDataTable(); }
} };
};
</script> </script>
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