Skip to content

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

页面修改

parent f3e396fa
Show whitespace changes
Inline Side-by-side
Showing with 650 additions and 678 deletions
src/components/scenicSpot/domesticScenicSpotPackagePrice.vue
View file @ 27c7066e
<style>
.domesticScenicSpotPackagePrice .query_box {
.domesticScenicSpotPackagePrice .query_box {
font-size: 12px;
padding: 29px 0;
padding-right: 30px;
display: flex;
justify-content: space-between;
}
}
.domesticScenicSpotPackagePrice .el-switch.is-checked .el-switch__core {
.domesticScenicSpotPackagePrice .el-switch.is-checked .el-switch__core {
border-color: #4bca81;
background-color: #4bca81;
}
}
.domesticScenicSpotPackagePrice .addCompany {
.domesticScenicSpotPackagePrice .addCompany {
width: 440px;
max-height: 600px;
}
}
.domesticScenicSpotPackagePrice .addCompany .el-dialog__body {
.domesticScenicSpotPackagePrice .addCompany .el-dialog__body {
height: 486px;
overflow: auto;
}
}
.domesticScenicSpotPackagePrice .query_box div label {
.domesticScenicSpotPackagePrice .query_box div label {
display: inline-block;
min-width: 80px;
text-align: right;
font-style: normal;
margin: 0 20px 0 0;
}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
}
input[type="number"] {
input[type="number"] {
-moz-appearance: textfield;
}
}
.lineType {
.lineType {
width: 51px;
height: 24px;
display: inline-block;
......@@ -49,15 +49,15 @@ input[type="number"] {
border-radius: 4px;
background-color: #ff9c00;
color: #ffffff;
}
}
.domesticScenicSpotPackagePrice .LMTable tr {
.domesticScenicSpotPackagePrice .LMTable tr {
height: 70px;
text-align: center !important;
background-color: #fff;
}
}
.comPanyNum {
.comPanyNum {
font-size: 14px;
color: #333333;
display: inline-block;
......@@ -65,155 +65,155 @@ input[type="number"] {
cursor: pointer;
margin-bottom: 5px;
text-decoration: underline;
}
}
.comPanyNum:hover {
.comPanyNum:hover {
color: #e95252;
}
}
.zhicai:first-child {
.zhicai:first-child {
margin-top: 23px;
}
}
.zhicai {
.zhicai {
color: #47bf8c;
}
}
.partCompany {
.partCompany {
padding: 0;
box-shadow: 0px 1px 3px 0px #dedede;
}
}
.partCompany .popper__arrow::after {
.partCompany .popper__arrow::after {
border-bottom-color: #ededed !important;
}
}
.partCompany table {
.partCompany table {
padding: 10px 0 0 20px;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
}
.partCompany table th {
.partCompany table th {
background-color: #ededed;
padding: 5px;
}
}
.partCompany table td {
.partCompany table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
}
.partCompany table td._d_name {
.partCompany table td._d_name {
background-color: #ededed;
}
}
.partCompany table ._color_666 {
.partCompany table ._color_666 {
color: #666666;
}
}
.partCompany table tr._color_666 th {
.partCompany table tr._color_666 th {
padding: 9px 15px;
}
}
.LineName {
.LineName {
display: inline-block;
width: 170px;
margin: 30px 0 0 20px;
text-align: left;
}
}
.domesticScenicSpotPackagePrice .LM_Back {
.domesticScenicSpotPackagePrice .LM_Back {
background-color: #f2f2f2;
}
}
.redType {
.redType {
color: #e95252;
}
}
.domesticScenicSpotPackagePrice .tbDiv {
.domesticScenicSpotPackagePrice .tbDiv {
overflow-y: auto;
}
}
.departListDiv {
.departListDiv {
width: 100%;
height: 200px;
overflow-y: auto;
}
}
.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar {
.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar {
width: 4px;
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);
border-radius: 4px;
background: #ededed;
}
}
.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-thumb {
.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-thumb {
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
}
.departListDiv::-webkit-scrollbar {
.departListDiv::-webkit-scrollbar {
width: 4px;
height: 8px;
}
}
.departListDiv::-webkit-scrollbar-track {
.departListDiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #ededed;
}
}
.departListDiv::-webkit-scrollbar-thumb {
.departListDiv::-webkit-scrollbar-thumb {
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
}
.LMTable {
.LMTable {
width: 100%;
font-size: 12px;
}
}
.domesticScenicSpotPackagePrice .LMTable tr th {
.domesticScenicSpotPackagePrice .LMTable tr th {
border-bottom: 1px solid #d1d1d1;
}
}
.domesticScenicSpotPackagePrice .tbDiv .LMTable td {
.domesticScenicSpotPackagePrice .tbDiv .LMTable td {
border-bottom: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
position: relative;
text-align: center;
padding: 5px;
min-width: 250px;
}
}
.domesticScenicSpotPackagePrice .tbDiv table {
.domesticScenicSpotPackagePrice .tbDiv table {
padding-right: 80px;
margin-top: 10px;
border-top: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
}
}
.upFentan {
.upFentan {
text-decoration: underline;
cursor: pointer;
position: absolute;
right: 13px;
top: 32%;
}
}
.subCountryList {
.subCountryList {
width: 150px;
text-align: left;
display: inline-block;
......@@ -222,32 +222,32 @@ input[type="number"] {
white-space: nowrap;
position: relative;
top: 3px;
}
}
.domesticScenicSpotPackagePrice ._addLineTB tr {
.domesticScenicSpotPackagePrice ._addLineTB tr {
height: 40px !important;
}
}
.saveCompanyBtn {
.saveCompanyBtn {
margin-top: 20px;
}
}
.setItem {
.setItem {
cursor: pointer;
text-decoration: underline;
position: absolute;
right: 13px;
top: 32%;
}
}
._LMComdiv {
._LMComdiv {
float: left;
width: 32%;
text-align: left;
margin-top: 20px;
}
}
.LineRank {
.LineRank {
width: 24px;
height: 24px;
background-color: #2aaef2;
......@@ -256,30 +256,30 @@ input[type="number"] {
line-height: 24px;
color: #fff;
margin: 15px auto 5px;
}
}
.domesticScenicSpotPackagePrice .joinDepart {
.domesticScenicSpotPackagePrice .joinDepart {
display: inline-block;
margin-right: 50px;
text-align: left;
float: left;
width: 180px;
}
}
.domesticScenicSpotPackagePrice .LM_Rank {
.domesticScenicSpotPackagePrice .LM_Rank {
text-align: center;
}
}
._LowDisMoney {
._LowDisMoney {
text-align: left;
margin: 20px 0 0 25px;
}
}
.LM_Btcontent {
.LM_Btcontent {
margin-left: 20px;
}
}
.LM_ul li {
.LM_ul li {
height: 78px;
margin: 20px 0 0px 0px;
transition: linear all 0.5s;
......@@ -288,30 +288,34 @@ input[type="number"] {
border: 1px solid #dddddd;
overflow: hidden;
position: relative;
}
}
.LM_BTNList {
.LM_BTNList {
margin-top: 25px;
}
}
.domesticScenicSpotPackagePrice .el-button-group .el-button {
.domesticScenicSpotPackagePrice .el-button-group .el-button {
padding: 5px;
}
}
.domesticScenicSpotPackagePrice .LM_ul > li:hover {
.domesticScenicSpotPackagePrice .LM_ul>li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.domesticScenicSpotPackagePrice .el-date-editor.el-input,
.el-date-editor.el-input__inner {
}
.domesticScenicSpotPackagePrice .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: auto;
}
.SP_datePicker .el-input__inner {
}
.SP_datePicker .el-input__inner {
padding-right: 0 !important;
}
.SP_AddTicket {
}
.SP_AddTicket {
margin: 10px 10px 0 30px;
}
}
</style>
<template>
<div class="flexOne domesticScenicSpotPackagePrice">
......@@ -325,8 +329,11 @@ input[type="number"] {
</span>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),initDataTable()" />
<input type="button" class="normalBtn" :value="$t('pub.addBtn')" @click="clearInfo(),isShowDIv=true,divTitle='新增报价'" />
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@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>
</ul>
</div>
......@@ -361,25 +368,13 @@ input[type="number"] {
<div>{{item.B2CPrice}}</div>
</div>
</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">
<div class="_LowDisMoney">
<div>备注</div>
<div>{{item.Remark}}</div>
</div>
</el-col>
<el-col :span="2">
<!-- <el-col :span="2">
<div class="_LowDisMoney">
<div>币种</div>
<div>{{ getCurrencyName(item.CurrencyId )}}</div>
......@@ -390,11 +385,12 @@ input[type="number"] {
<div>汇率</div>
<div>{{item.CurrentRate}}</div>
</div>
</el-col>
</el-col> -->
<el-col :span="2">
<div class="LM_BTNList">
<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"
@click="isShowDIv = true,divTitle='修改报价',updateData(item.ID)"></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" circle icon="el-icon-delete" @click="isdelete(item.ID)"></el-button>
......@@ -414,54 +410,43 @@ input[type="number"] {
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-col :span="4">
<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"
value-format="yyyy-MM-dd" placeholder="">
<el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.StartDate' type="date"
:picker-options="addPickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder="">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4">
<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"
placeholder="">
<el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.EndDate' type="date"
value-format="yyyy-MM-dd" :picker-options="addPickerBeginDateAfter" placeholder="">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4">
<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-col>
<el-col :span="4">
<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-col>
<el-col :span="4">
<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-col>
<el-col :span="4">
<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-col>
<!-- <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-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 v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
......@@ -472,26 +457,26 @@ input[type="number"] {
<el-form-item :label="$t('hotel.hotel_CurrentRate')" prop="CurrentRate">
<el-input v-model='addMsg.CurrentRate' @keyup.native="checkRate(addMsg,'CurrentRate')"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item :label="$t('hotel.hotel_remark')" prop="Remark">
<el-input type="textarea" v-model="addMsg.Remark"></el-input>
</el-form-item>
</el-col>
<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="取消" />
</el-col>
</el-form>
</div>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize" :total="msg.total">
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total">
</el-pagination>
</div>
</template>
<script>
export default {
export default {
data() {
var validateCurrent = (rule, value, callback) => {
if (value === 0) {
......@@ -528,22 +513,17 @@ export default {
},
rules: {
//表单必填验证
StartDate: [
{
StartDate: [{
required: true,
message: "开始日期必填",
trigger: "change"
}
],
EndDate: [
{
}],
EndDate: [{
required: true,
message: "结束日期必填",
trigger: "change"
}
],
CostPrice: [
{
}],
CostPrice: [{
required: true,
message: "请输入成本价",
trigger: "change"
......@@ -553,8 +533,7 @@ export default {
message: "请输入两位小数"
}
],
Inventory: [
{
Inventory: [{
required: true,
message: "请输入库存",
trigger: "change"
......@@ -564,8 +543,7 @@ export default {
message: "请输入正确的数字"
}
],
B2BPrice: [
{
B2BPrice: [{
required: true,
message: "请输入B2B价格",
trigger: "change"
......@@ -575,8 +553,7 @@ export default {
message: "请输入两位小数"
}
],
B2CPrice: [
{
B2CPrice: [{
required: true,
message: "请输入B2C价格",
trigger: "change"
......@@ -586,8 +563,7 @@ export default {
message: "请输入两位小数"
}
],
SalesPrice: [
{
SalesPrice: [{
required: true,
message: "请输入原价",
trigger: "change"
......@@ -597,26 +573,22 @@ export default {
message: "请输入两位小数"
}
],
Supplier: [
{
Supplier: [{
required: true,
message: "请输选择供应商",
trigger: "change"
}
],
}],
CurrencyId: [
// {
// validator:validateCurrent,
// trigger: "change"
// }
],
CurrentRate: [
{
CurrentRate: [{
required: true,
message: "请输输入汇率",
trigger: "change"
}
]
}]
},
msg: {
pageIndex: 1,
......@@ -693,8 +665,9 @@ export default {
//修改报价信息
updateData(ID) {
this.apipost(
"appletsticketcouponsprice_post_Get",
{ID:ID},
"appletsticketcouponsprice_post_Get", {
ID: ID
},
res => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
......@@ -706,8 +679,7 @@ export default {
//获取所有币种
getAllCurrency() {
this.apipost(
"financeinfo_post_GetList",
{},
"financeinfo_post_GetList", {},
res => {
if (res.data.resultCode == 1) {
this.allCurrencyList = res.data.data;
......@@ -738,8 +710,9 @@ export default {
//HK新增查询条件
initSupplier() {
this.apipost(
"supplier_post_GetAllList",
{ Type: 3 },
"supplier_post_GetAllList", {
Type: 3
},
response => {
if (response.data.resultCode == 1) {
this.SupplierList = response.data.data;
......@@ -760,8 +733,8 @@ export default {
this.initDataTable();
this.Success("保存成功！");
this.isShowDIv = false;
this.resetForm("addMsg");
this.goUrl('domesticTicketManagement',this.CouponsId);
this.clearInfo();
} else {
this.Error(res.data.message);
}
......@@ -769,19 +742,21 @@ export default {
null
);
},
//返回门票列表
gotoTicket() {
this.goUrl('domesticTicketManagement', this.CouponsId);
},
isdelete(ID) {
var that = this;
that.Confirm("是否删除?", function() {
that.Confirm("是否删除?", function () {
that.apipost(
"appletsticketcouponsprice_post_Remove",
{
"appletsticketcouponsprice_post_Remove", {
ID: ID
},
res => {
if (res.data.resultCode == 1) {
that.Success("删除成功！");
that.initDataTable();
that.goUrl('ticketManagement',that.CouponsId);
} else {
that.Error(res.data.message);
}
......@@ -801,14 +776,10 @@ export default {
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
//获取供应商是否显示
getSuplier() {
this.apipost(
"ticketcoupons_post_Get",
{
"ticketcoupons_post_Get", {
ID: this.CouponsId
},
res => {
......@@ -837,5 +808,6 @@ export default {
this.getAllCurrency();
this.initDataTable();
}
};
};
</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