自主项目,食堂系统,前端uniapp
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.

116 lines
2.3 KiB

  1. <template>
  2. <view>
  3. <view class="head">
  4. <view class="lf-row-between list">
  5. <view>订单编号</view>
  6. <view class="lf-color-black">2368492461046128742764</view>
  7. </view>
  8. <view class="lf-row-between list">
  9. <view>订单状态</view>
  10. <view class="quoted-price">已报价等待审核</view>
  11. </view>
  12. <view class="lf-row-between list">
  13. <view>报价商</view>
  14. <view class="lf-color-black">广西美味供应链有限公司</view>
  15. </view>
  16. </view>
  17. <self-line></self-line>
  18. <view class="lf-m-t-30 lf-m-l-32">
  19. <view class="lf-font-32 lf-color-black lf-font-bold lf-m-b-20">报价明细</view>
  20. <wyb-table :first-line-fixed="true" contentBgColor="#eef6fe" width="100%" height="350rpx"></wyb-table>
  21. </view>
  22. <view style="height: 100rpx;"></view>
  23. <!-- 操作按钮 -->
  24. <view class="fixed-bottom">
  25. <button class="btn btn1">编辑</button>
  26. <button class="btn btn2">发起报价</button>
  27. </view>
  28. </view>
  29. </template>
  30. <script>
  31. import wybTable from '@/components/wyb-table/wyb-table';
  32. export default {
  33. components: { wybTable },
  34. data(){
  35. return {
  36. }
  37. },
  38. onLoad(){
  39. },
  40. methods: {
  41. }
  42. }
  43. </script>
  44. <style lang="scss" scoped="scoped">
  45. .head{
  46. padding: 0 32rpx;
  47. width: 750rpx;
  48. box-sizing: border-box;
  49. height: auto;
  50. .list{
  51. padding: 30rpx 0;
  52. border-bottom: 1rpx solid #e5e5e5;
  53. font-size: 28rpx;
  54. color: #555555;
  55. &:last-child{
  56. border-bottom: none;
  57. }
  58. }
  59. }
  60. .fixed-bottom{
  61. position: fixed;
  62. bottom: 0rpx;
  63. left: 0rpx;
  64. z-index: 99;
  65. width: 750rpx;
  66. height: 98rpx;
  67. display: flex;
  68. justify-content: flex-end;
  69. align-items: center;
  70. border-top: 1rpx solid #E5E5E5;
  71. background-color: #FFFFFF;
  72. box-sizing: border-box;
  73. padding: 0 32rpx;
  74. .btn{
  75. width: 212rpx;
  76. height: 82rpx;
  77. border-radius: 41rpx;
  78. margin: 0;
  79. padding: 0;
  80. font-size: 32rpx;
  81. display: flex;
  82. justify-content: center;
  83. align-items: center;
  84. }
  85. .btn1{
  86. border: 2rpx solid #555555;
  87. opacity: .5;
  88. }
  89. .btn2{
  90. background: #1833F2;
  91. color: #FFFFFF;
  92. margin-left: 20rpx;
  93. }
  94. }
  95. // 已报价,等待审核
  96. .quoted-price{
  97. color: #777777;
  98. }
  99. // 等待报价
  100. .wait{
  101. color: #1833F2;
  102. }
  103. // 已通过审核
  104. .passed{
  105. color: #0BCE5F;
  106. }
  107. // 报价被拒绝
  108. .refuse{
  109. color: #FF0000;
  110. }
  111. </style>