Skip to content

S
SuperMan
Commit fa8097e7 authored by youjie's avatar youjie
Browse files
Options

no message

parent a2a6415c
Hide whitespace changes
Inline Side-by-side
Showing with 121 additions and 25 deletions
src/components/Hotel/reservation/OrderList.vue
View file @ fa8097e7
......@@ -15,6 +15,7 @@
.radius5{border-radius: 5px;}.cursor-pointer{cursor: pointer;}
.relative{position: relative;}.absolute{position: absolute;}.left0{left: 0;}.right0{right: 0;}.top0{top: 0;}.bottom0{bottom: 0;}
.left20{left: 020px;}.right20{right: 20px;}.top20{top: 20px;}.bottom20{bottom: 20px;}
.text-center{text-align: center;}
.orderType{
padding: 3px 15px;
border-radius: 3px;
......@@ -58,14 +59,22 @@
background-color: #F3DCE2;
}
.confirm:hover{
background-color: #E8F5E9;
background-color: #F3DCE2;
}
.change:hover{
background-color: #D7E9F3;
}
.change1:hover{
background-color: #DCEDC8;
}
.orderop{
text-align: center;
}
.orderop div{
padding: 0 15px;
width: 100px;
height: 50%;
display: flex;
justify-content: center;
}
.RoomList div{
border-bottom: 1px solid #E7E7E7;
......@@ -76,6 +85,9 @@
.el-table{
font-size: 13px;
}
.shezhifrom{position: relative;}
.shebox{ position: absolute;top: 0;left: -100px;display: none;}
.shezhifrom:hover .shebox{display: block;}
</style>
......@@ -103,10 +115,10 @@
</div>
<div class="row c9e fz12">
<span>下单时间：</span>
<span class="mr">2022/11/14 11:36</span>
<span class="mr">{{item.CreateTime}}</span>
<div class="">
<i v-if="item.OrderStatus==2" class="el-icon-check mx5 cblack"></i>
<i v-else class="el-icon-alarm-clock mx5 c20C997"></i>
<i v-else class="mx5 c20C997" :class="{'el-icon-alarm-clock':item.OrderStatusName!='已取消'}"></i>
<span class="fz12 cblack" :class="{'c20C997':item.OrderStatus!=2}">
{{item.OrderStatusName}}
</span>
......@@ -313,38 +325,69 @@
</div>
</div>
</div>
<div v-if="item.OrderStatus==1" class="column justify-c px15 bgf5 radius5 ml fz12 orderop pa20 flex-s">
<div class="row-c cursor-pointer radius5 cancel" @click="clickRightButtom(item,0)">
<div class="column justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s">
<div v-if="item.OrderStatus==1&&(item.IncomeList.length==0&&
item.RefundList.length==0&&
item.CostList.length==0&&
item.HandFittingFinanceList.length==0)" class="row-c cursor-pointer radius5 cancel py5"
@click="clickRightButtom(item,0)">
<i v-loading="loading0"></i>
<span class="cF1416C">取消订单</span>
</div>
<div class="row-c cursor-pointer radius5 confirm" @click="clickRightButtom(item,1)">
<div v-if="item.OrderStatus==1" class="row-c cursor-pointer radius5 confirm py5"
@click="clickRightButtom(item,1)">
<i v-loading="loading1"></i>
<span class="c20C997">确认订单</span>
</div>
<div v-if="item.OrderStatus==2" class="row-c cursor-pointer radius5 change" @click="goRoomDetails(item,'订房详情')">
<div class="row-c cursor-pointer radius5 change py5" @click="goRoomDetails(item,'订房详情')">
<span class="c059FF6">明细/编辑</span>
</div>
<div v-if="item.OrderStatus==1" class="row-c cursor-pointer radius5 change1 py5"
@click="clickRightButtom(item,2)">
<i v-loading="loading2"></i>
<span class="c20C997">收损</span>
</div>
</div>
<div v-if="item.OrderStatus==2" class="column-jac px15 bgE8F5E9 radius5 ml fz12 pa20 flex-s c20C997">
<!-- <div class="mb5">已支付</div>
<!-- <div v-if="item.OrderStatus==2" class="column-jac px15 bgE8F5E9 radius5 ml fz12 pa20 flex-s c20C997">
<div class="mb5">已支付</div>
<div>
<span class="fbold fz14">{{item.Income}}</span>
<span>{{item.CurrencyName}}</span>
</div> -->
</div>
<div v-if="item.OrderStatus==2" class="orderop">
<div class="row-c cursor-pointer radius5 change mt mb" @click="goRoomDetails(item,'订房详情')">
<span class="c059FF6">明细/编辑</span>
</div>
</div>
</div>
</div> -->
</div>
</div>
<el-dialog custom-class="w400" title="修改收损金额" :visible.sync="outerVisible">
<div class="MyCustomerDetailbottomLayer ownScrollbarStyle" style="height:150px;">
<el-form label-width="80px" :model="msg" :rules="rules" ref="msg">
<el-row :gutter="20">
<el-col :span="20">
<el-form-item label="收损金额" prop="LossMoney">
<el-input-number class='w200' v-model="msg.LossMoney" :min="0" :max="10000000"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;">
<input type="button" class="normalBtn" value="保存" @click="submitForm('msg')" />
<input type="button" class="hollowFixedBtn" value="取消" @click="outerVisible=false,$refs[msg].resetFields()" />
</el-col>
</el-row>
</el-form>
</div>
</el-dialog>
<!-- <div class="shezhi column">
<el-input v-model="msg.LossMoney":placeholder="$t('pub.pleaseImport')"></el-input>
<div>
<button type="button" class="normalBtn" @click="saveVisa(item)">{{$t('pub.saveBtn')}}</button>
</div>
</div> -->
</div>
</template>
......@@ -366,6 +409,18 @@
ReFinanceId2: ''
},
userInfo:{},
msg:{
OrderId: '',
LossMoney: 0
},
outerVisible: false,
rules: {
LossMoney: [{
required: true,
message: '请输入收损金额',
trigger: "blur"
}],
}
};
},
......@@ -418,12 +473,6 @@
name: path,
query: {
"id": obj.OrderId,
// 'TCNUM': obj.TCNUMS,
// 'flightTotal': obj.TotalSeat,
// 'GuestNum': obj.CommonReport.HouseStatistics.RealityNum,
// 'NewCombinationNum': outItem.NewCombinationNum,
// 'LeaderName': obj.LeaderName,
// 'GuideName': obj.GuideName,
'OrderType': 1,
blank: 'y',
tab: title
......@@ -433,13 +482,60 @@
clickRightButtom(item,type){
// 0取消订单 1确认订单
if(type==0){
this.cancelFun(item)
if(!this.loading0){
this.cancelFun(item)
}
}else if(type==1){
if(!this.loading1){
this.confirmFun(item)
}
}else if(type==2){
if(!this.loading2){
this.outerVisible = true
this.msg.OrderId = item.OrderId
this.msg.LossMoney = item.LossMoney
}
}
},
//提交
submitForm(msg) {
//提交创建、修改表单
this.$refs[msg].validate(valid => {
if (valid) {
this.saveUpdate();
} else {
// this.Error("请完成必填项");
return false;
}
});
},
saveUpdate(){
this.$confirm("是否确认设置收损?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.loading2 = true
this.apipost(
"dict_post_SetCustomerOrderLoss", this.msg,
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit('success')
}else {
this.Error(res.data.message);
}
this.loading2 = false
this.outerVisible = false
},
err => {this.loading2 = false,this.outerVisible = false}
);
})
.catch(() => {
});
},
cancelFun(item){
this.$confirm("是否确认取消订单?", "提示", {
confirmButtonText: "确定",
......@@ -449,7 +545,7 @@
.then(() => {
this.loading0 = true
this.apipost(
"dict_post_CancelCustomerOrder", {
"dict_post_CancelAdminCustomerOrder", {
OrderId: item.OrderId
},
res => {
......
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