clauseDetail.vue 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <template>
  2. <view>
  3. <view v-if="type === 1">
  4. <view class="item">
  5. <view class="label">计租方式</view>
  6. <view class="value">{{$field.findTypeName('rentWay', detail.rentWay)}}</view>
  7. </view>
  8. <view class="item">
  9. <view class="label">开始时间</view>
  10. <view class="value">{{detail.startTime}}</view>
  11. </view>
  12. <view class="item">
  13. <view class="label">结束时间</view>
  14. <view class="value">{{detail.endTime}}</view>
  15. </view>
  16. <view class="item">
  17. <view class="label">合同单价(元/月)</view>
  18. <view class="value">{{detail.unitPrice}}</view>
  19. </view>
  20. <view class="item">
  21. <view class="label">付款时间</view>
  22. <view class="value">{{$field.findTypeName('payTime', detail.payTime)}}</view>
  23. </view>
  24. <view class="item">
  25. <view class="label">计费类型</view>
  26. <view class="value">{{$field.findTypeName('chargingType', detail.chargingType)}}</view>
  27. </view>
  28. <view class="item">
  29. <view class="label">非自然月计费方式</view>
  30. <view class="value">
  31. {{$field.findTypeName('unnaturalMonthChargingWay', detail.unnaturalMonthChargingWay)}}
  32. </view>
  33. </view>
  34. <view class="item">
  35. <view class="label">年天数</view>
  36. <view class="value">{{detail.yearDays}}天</view>
  37. </view>
  38. <view class="item">
  39. <view class="label">付款周期(几月一付)</view>
  40. <view class="value">{{detail.payCycle}}月</view>
  41. </view>
  42. <view class="item">
  43. <view class="label">租期划分方式</view>
  44. <view class="value">{{$field.findTypeName('unnaturalMonthChargingWay', detail.leaseTermWay)}}</view>
  45. </view>
  46. </view>
  47. <view v-if="type === 2">
  48. <view class="item">
  49. <view class="label">保证金类型</view>
  50. <view class="value">{{$field.findTypeName('earnestMoneyType', detail.earnestMoneyType)}}</view>
  51. </view>
  52. <view class="item">
  53. <view class="label">保证金金额</view>
  54. <view class="value">{{detail.earnestMoney}}</view>
  55. </view>
  56. <view class="item">
  57. <view class="label">币种</view>
  58. <view class="value">{{$field.findTypeName('currencyType', detail.currencyType)}}</view>
  59. </view>
  60. </view>
  61. <view v-if="type === 3">
  62. <view class="item">
  63. <view class="label">递增时间点</view>
  64. <view class="value">{{detail.incrementalTime}}</view>
  65. </view>
  66. <view class="item">
  67. <view class="label">单价递增</view>
  68. <view class="value">{{detail.incrementalUnitPrice}}</view>
  69. </view>
  70. <view class="item">
  71. <view class="label">保证金递增</view>
  72. <view class="value">{{detail.incrementalEarnestMoney}}</view>
  73. </view>
  74. </view>
  75. <view v-if="type === 4">
  76. <view class="item">
  77. <view class="label">优惠类型</view>
  78. <view class="value">{{$field.findTypeName('preferentialType', detail.preferentialType)}}</view>
  79. </view>
  80. <view class="item">
  81. <view class="label">开始时间</view>
  82. <view class="value">{{detail.preferentialStartTime}}</view>
  83. </view>
  84. <view class="item">
  85. <view class="label">结束时间</view>
  86. <view class="value">{{detail.preferentialEndTime}}</view>
  87. </view>
  88. <view class="item">
  89. <view class="label">免租期划分方式</view>
  90. <view class="value">
  91. {{$field.findTypeName('preferentialRentFreeWay', detail.preferentialRentFreeWay)}}
  92. </view>
  93. </view>
  94. <view class="item">
  95. <view class="label">备注</view>
  96. <view class="value">{{detail.preferentialRemark}}</view>
  97. </view>
  98. </view>
  99. </view>
  100. </template>
  101. <script>
  102. export default {
  103. props: ['type', 'detail'],
  104. data() {
  105. return {}
  106. },
  107. created() {},
  108. methods: {},
  109. }
  110. </script>
  111. <style lang="scss"></style>