|
|
|
@ -5,16 +5,22 @@ |
|
|
|
请在 {{orderInfos.order.pay_overdue_time | formatDate }}前完成订单支付! |
|
|
|
</p> |
|
|
|
<div class="steps"> |
|
|
|
<el-steps :active="orderInfos.order.status" align-center> |
|
|
|
<el-step title="下单成功" description=""></el-step> |
|
|
|
<el-step title="等待付款" description=""></el-step> |
|
|
|
<el-step title="付款成功" description=""></el-step> |
|
|
|
<el-step title="等待公示" description=""></el-step> |
|
|
|
<el-step title="公示完毕" description=""></el-step> |
|
|
|
<el-step title="等待交付" description=""></el-step> |
|
|
|
<el-step title="交付成功" description=""></el-step> |
|
|
|
<el-step title="等待结算" description=""></el-step> |
|
|
|
<el-step title="订单完成" description=""></el-step> |
|
|
|
<el-steps :active="orderInfos.order.status " align-center> |
|
|
|
<template v-if="orderInfos.order.type==0"> |
|
|
|
<el-step title="待付款" description=""></el-step> |
|
|
|
<el-step title="待审核付款" description=""></el-step> |
|
|
|
<el-step title="待上传签约合同" description=""></el-step> |
|
|
|
<el-step title="待确认签约合同" description=""></el-step> |
|
|
|
<el-step title="待交付" description=""></el-step> |
|
|
|
<el-step title="待确认交付" description=""></el-step> |
|
|
|
<el-step title="待结算" description=""></el-step> |
|
|
|
<el-step title="已完成" description=""></el-step> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-step title="下单成功" description=""></el-step> |
|
|
|
<el-step title="等待付款" description=""></el-step> |
|
|
|
<el-step title="订单完成" description=""></el-step> |
|
|
|
</template> |
|
|
|
</el-steps> |
|
|
|
</div> |
|
|
|
<div class="order_title"> |
|
|
|
@ -37,18 +43,26 @@ |
|
|
|
<p class="order_info_p">收货人电话:{{orderInfos.order.express_userphone}} </p> |
|
|
|
<p class="order_info_p">邮政编码:{{orderInfos.order.postal_code}} </p> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="订单合同" name="second" :disabled="orderInfos.order.status<4"> |
|
|
|
<el-tab-pane label="订单合同" name="second" :disabled="orderInfos.order.status<4" v-if="orderInfos.order.type==0"> |
|
|
|
<p class="order_info_p1"> |
|
|
|
摘牌方签约合同 |
|
|
|
摘牌方签约合同详情 |
|
|
|
<a :href="orderInfos.order.buy_contract" download class="upload_span">点击下载</a> |
|
|
|
</p> |
|
|
|
<p class="order_info_p1"> |
|
|
|
挂牌方签约合同 |
|
|
|
挂牌方签约合同详情 |
|
|
|
<a :href="orderInfos.order.sell_contract" download class="upload_span">点击下载</a> |
|
|
|
</p> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="成交公示" name="third" :disabled="orderInfos.order.status>=6">角色管理</el-tab-pane> |
|
|
|
<el-tab-pane label="交易账单" name="fourth">定时任务补偿</el-tab-pane> |
|
|
|
<el-tab-pane label="交易凭证" name="third" :disabled="orderInfos.order.status<6"> |
|
|
|
<p class="order_info_p1"> |
|
|
|
交易凭证详情 |
|
|
|
<a :href="orderInfos.order.buy_contract" download class="upload_span">点击下载</a> |
|
|
|
</p> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="交易账单" name="fourth"> |
|
|
|
<p class="order_info_p">订单金额:{{orderInfos.order.total_price}} </p> |
|
|
|
<p class="order_info_p">结算金额:{{orderInfos.order.settlement_price}} </p> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
<div class="order_switch"> |
|
|
|
<span>订单状态</span> |
|
|
|
@ -56,7 +70,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button type="primary" @click="settlement" v-if="orderInfos.order.status==5">结 算</el-button> |
|
|
|
<el-button type="primary" @click="settlement" v-if="orderInfos.order.status==6">结 算</el-button> |
|
|
|
<el-button @click="MisShow">返 回</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
@ -70,6 +84,10 @@ |
|
|
|
v-model="query.message"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div class="msg1"> |
|
|
|
<span>操作员:</span> |
|
|
|
<el-input placeholder="请输入内容" v-model="query.operator_name" class="msg1_input"></el-input> |
|
|
|
</div> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="editVisible2 = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="close">确 定</el-button> |
|
|
|
@ -102,7 +120,8 @@ export default ({ |
|
|
|
}, |
|
|
|
query:{ |
|
|
|
message:'', |
|
|
|
batchcode:'' |
|
|
|
batchcode:'', |
|
|
|
operator_name:'' |
|
|
|
}, |
|
|
|
editVisible2:false |
|
|
|
} |
|
|
|
@ -118,6 +137,7 @@ export default ({ |
|
|
|
console.info(res) |
|
|
|
if (res.code==100) { |
|
|
|
this.$message.success('结算订单成功!'); |
|
|
|
this.getData() |
|
|
|
}else{ |
|
|
|
this.$message.error(res.msg) |
|
|
|
} |
|
|
|
@ -126,6 +146,8 @@ export default ({ |
|
|
|
close(){ |
|
|
|
if (this.query.message=='') { |
|
|
|
this.$message.error('请输入关闭订单的原因!') |
|
|
|
}else if(this.query.operator_name==''){ |
|
|
|
this.$message.error('请输入操作员的名字!') |
|
|
|
}else{ |
|
|
|
close(this.query).then(res=>{ |
|
|
|
console.info(res) |
|
|
|
@ -169,6 +191,15 @@ export default ({ |
|
|
|
.tips{ |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
.msg1{ |
|
|
|
/* display: flex; |
|
|
|
align-items: center; */ |
|
|
|
margin-top: 15px; |
|
|
|
} |
|
|
|
.msg1>.msg1_input{ |
|
|
|
/* width: 80%; */ |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
.steps{ |
|
|
|
margin-top: 30px; |
|
|
|
margin-bottom: 15px; |
|
|
|
|