workOrderBom.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <template>
  2. <view>
  3. <view class="title_box rx-bc">
  4. <view class="name">工单信息</view>
  5. <view class="btn_box rx-bc">
  6. <image class="scan" src="@/static/pda/ScanIt.svg"></image>
  7. 更换工单
  8. </view>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. props: {
  15. item: {
  16. type: Object,
  17. default: () => {}
  18. },
  19. },
  20. data() {
  21. return {
  22. }
  23. },
  24. methods: {
  25. }
  26. }
  27. </script>
  28. <style lang="scss" scoped>
  29. .title_box {
  30. .name {
  31. font-size: 28rpx;
  32. font-style: normal;
  33. font-weight: 400;
  34. color: $theme-color;
  35. padding-left: 20rpx;
  36. position: relative;
  37. &:before {
  38. position: absolute;
  39. content: '';
  40. left: 0rpx;
  41. top: 0rpx;
  42. bottom: 0rpx;
  43. width: 4rpx;
  44. height: 28rpx;
  45. background: $theme-color;
  46. margin: auto;
  47. }
  48. }
  49. .btn_box {
  50. padding: 0 18rpx;
  51. height: 40rpx;
  52. background: $theme-color;
  53. font-size: 24rpx;
  54. font-style: normal;
  55. font-weight: 400;
  56. font-size: 24rpx;
  57. color: #fff;
  58. border-radius: 4rpx;
  59. .scan{
  60. width: 28rpx;
  61. height: 28rpx;
  62. margin-right: 12rpx;
  63. }
  64. }
  65. }
  66. </style>