You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
2.5 KiB
124 lines
2.5 KiB
<template>
|
|
<view>
|
|
<view class="head">
|
|
<view class="lf-row-between list">
|
|
<view>订单编号</view>
|
|
<view class="lf-color-black">{{ order.q_sn }}</view>
|
|
</view>
|
|
<view class="lf-row-between list">
|
|
<view>订单状态</view>
|
|
<view class="quoted-price">{{ order.state }}</view>
|
|
</view>
|
|
<view class="lf-row-between list">
|
|
<view>报价商</view>
|
|
<view class="lf-color-black">{{ order.contact_name }}</view>
|
|
</view>
|
|
</view>
|
|
<self-line></self-line>
|
|
<view class="lf-m-t-30 lf-m-l-32">
|
|
<view class="lf-font-32 lf-color-black lf-font-bold lf-m-b-20">报价明细</view>
|
|
<!-- TODO 表格对接 -->
|
|
<wyb-table :first-line-fixed="true" contentBgColor="#eef6fe" width="100%" height="350rpx"></wyb-table>
|
|
</view>
|
|
<view style="height: 100rpx;"></view>
|
|
<!-- 操作按钮 -->
|
|
<view class="fixed-bottom">
|
|
<button class="btn btn1">编辑</button>
|
|
<button class="btn btn2">发起报价</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import wybTable from '@/components/wyb-table/wyb-table';
|
|
export default {
|
|
components: { wybTable },
|
|
data(){
|
|
return {
|
|
order: {}
|
|
}
|
|
},
|
|
onLoad(options){
|
|
this.getDetail(options.q_sn)
|
|
},
|
|
methods: {
|
|
getDetail(q_sn){
|
|
this.$http(this.API.API_SUPPLIER_QUOTATIONDETAIL, {
|
|
q_sn: q_sn
|
|
}).then(res => {
|
|
console.log("getDetail", res);
|
|
this.order = res.data.order || {};
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped="scoped">
|
|
.head{
|
|
padding: 0 32rpx;
|
|
width: 750rpx;
|
|
box-sizing: border-box;
|
|
height: auto;
|
|
.list{
|
|
padding: 30rpx 0;
|
|
border-bottom: 1rpx solid #e5e5e5;
|
|
font-size: 28rpx;
|
|
color: #555555;
|
|
&:last-child{
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
.fixed-bottom{
|
|
position: fixed;
|
|
bottom: 0rpx;
|
|
left: 0rpx;
|
|
z-index: 99;
|
|
width: 750rpx;
|
|
height: 98rpx;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
border-top: 1rpx solid #E5E5E5;
|
|
background-color: #FFFFFF;
|
|
box-sizing: border-box;
|
|
padding: 0 32rpx;
|
|
.btn{
|
|
width: 212rpx;
|
|
height: 82rpx;
|
|
border-radius: 41rpx;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 32rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.btn1{
|
|
border: 2rpx solid #555555;
|
|
opacity: .5;
|
|
}
|
|
.btn2{
|
|
background: #1833F2;
|
|
color: #FFFFFF;
|
|
margin-left: 20rpx;
|
|
}
|
|
}
|
|
// 已报价，等待审核
|
|
.quoted-price{
|
|
color: #777777;
|
|
}
|
|
// 等待报价
|
|
.wait{
|
|
color: #1833F2;
|
|
}
|
|
// 已通过审核
|
|
.passed{
|
|
color: #0BCE5F;
|
|
}
|
|
// 报价被拒绝
|
|
.refuse{
|
|
color: #FF0000;
|
|
}
|
|
</style>
|