zzyd.vue 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <template>
  2. <view class="content">
  3. <view class="item">
  4. <text class="title">地块名称</text>
  5. <text class="val">
  6. {{ objs.dkmc }}
  7. </text>
  8. </view>
  9. <view class="item">
  10. <text class="title">权利人名称</text>
  11. <text class="val">
  12. {{ objs.tdqlr }}
  13. </text>
  14. </view>
  15. <view class="item">
  16. <text class="title">投资项目名称</text>
  17. <text class="val">
  18. {{ objs.tzxmmc }}
  19. </text>
  20. </view>
  21. <view class="item">
  22. <text class="title">面积</text>
  23. <text class="val">
  24. {{ objs.txmj && (objs.txmj * 0.0015).toFixed(2) }} 亩
  25. </text>
  26. </view>
  27. <view class="item">
  28. <text class="title">批准文号</text>
  29. <text class="val">
  30. {{ objs.pzwh }}
  31. </text>
  32. </view>
  33. <view class="item">
  34. <text class="title">电子监管号</text>
  35. <text class="val">
  36. {{ objs.dzjgh }}
  37. </text>
  38. </view>
  39. <view class="item">
  40. <text class="title">受让人地址</text>
  41. <text class="val">
  42. {{ objs.ssrdz }}
  43. </text>
  44. </view>
  45. <view class="item">
  46. <text class="title">坐落</text>
  47. <text class="val">
  48. {{ objs.tdzl }}
  49. </text>
  50. </view>
  51. <view class="item">
  52. <text class="title">签订日期</text>
  53. <text class="val">
  54. {{ (objs.qdrq || '') | formatDate }}
  55. </text>
  56. </view>
  57. <view class="item">
  58. <text class="title">批准日期</text>
  59. <text class="val">
  60. {{ (objs.pzrq || '') | formatDate }}
  61. </text>
  62. </view>
  63. </view>
  64. </template>
  65. <script>
  66. export default {
  67. props: {
  68. objs: {
  69. type: Object,
  70. default(){
  71. return {}
  72. }
  73. }
  74. },
  75. filters: {
  76. formatDate(dateStr){
  77. if(!dateStr) return;
  78. const date = new Date(dateStr);
  79. const year = date.getFullYear();
  80. const month = date.getMonth()+1;
  81. const day = date.getDate();
  82. const monthStr = month < 10 ? `0${month}` : month;
  83. const dayStr = day < 10 ? `0${day}` : day;
  84. return `${year}-${monthStr}-${dayStr}`;
  85. }
  86. },
  87. data() {
  88. return {
  89. }
  90. },
  91. methods: {
  92. }
  93. }
  94. </script>
  95. <style lang="scss" scoped>
  96. @import '../common.scss';
  97. </style>