移动端
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.

mortgageDetail.vue 4.5 KiB

3 年之前
3 年之前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <template>
  2. <div class="app-container">
  3. <van-nav-bar
  4. left-arrow
  5. fixed
  6. placeholder
  7. @click-left="$router.back(-1)"
  8. >
  9. <template #title>
  10. <p style="font-weight: bold;">使用权抵押</p>
  11. </template>
  12. </van-nav-bar>
  13. <div class="main_box">
  14. <van-field
  15. readonly
  16. v-model="circulation.zjddm"
  17. label="宅基地代码"
  18. input-align="right"
  19. />
  20. <van-field readonly label="不动产单元号" v-model="circulation.bdcdyh" input-align="right" label-width="auto"/>
  21. <van-field readonly label="不动产权证号" v-model="circulation.bdcqzh" input-align="right" label-width="auto"/>
  22. <van-field readonly label="不动产抵押登记业务号" v-model="circulation.bdcdydjywh" input-align="right" label-width="auto"/>
  23. <van-field readonly label="在建建筑物坐落" v-model="circulation.zjjzwzl" input-align="right" label-width="auto"/>
  24. <van-field readonly label="在建建筑物抵押范围" v-model="circulation.zjjzwdyfw" input-align="right" label-width="auto"/>
  25. <van-field
  26. readonly
  27. v-model="circulation.qszt"
  28. label="权属状态"
  29. input-align="right"
  30. label-width="auto"
  31. />
  32. </div>
  33. <div class="main_box">
  34. <van-field
  35. readonly
  36. v-model="circulation.dybdclx"
  37. label="抵押不动产类型"
  38. input-align="right"
  39. label-width="auto"
  40. />
  41. <van-field readonly label="抵押人" v-model="circulation.dyr" input-align="right" label-width="auto"/>
  42. <van-field
  43. readonly
  44. v-model="circulation.dyfs"
  45. label="抵押方式"
  46. input-align="right"
  47. label-width="auto"
  48. />
  49. </div>
  50. <div class="main_box">
  51. <van-field
  52. readonly
  53. v-model="circulation.djlx"
  54. label="登记类型"
  55. label-width="auto"
  56. input-align="right"
  57. />
  58. <van-field readonly label="登记原因" v-model="circulation.djyy" input-align="right" label-width="auto"/>
  59. <van-field readonly label="登记机构" v-model="circulation.djjg" input-align="right" label-width="auto"/>
  60. <van-field readonly label="登薄人" v-model="circulation.dbr" input-align="right" label-width="auto"/>
  61. <van-field
  62. readonly
  63. v-model="circulation.djsj"
  64. label="登记时间"
  65. input-align="right"
  66. label-width="auto"
  67. />
  68. </div>
  69. <div class="main_box">
  70. <van-field readonly label="附记" v-model="circulation.fj" input-align="right" label-width="auto"/>
  71. <van-field readonly label="备注" v-model="circulation.bz" input-align="right" label-width="auto"/>
  72. </div>
  73. </div>
  74. </template>
  75. <script>
  76. import { getDy } from "@/api/onlineHome/homestead/mortgage";
  77. export default {
  78. name: "mortgageDetail",
  79. data() {
  80. return {
  81. circulation:[]
  82. };
  83. },
  84. created() {
  85. this.getDetail();
  86. },
  87. methods: {
  88. getDetail(){
  89. getDy(this.$route.query.id).then(response => {
  90. console.log(response)
  91. this.circulation = response.data;
  92. //抵押不动产类型
  93. this.houseGetDicts("dybdclx").then((res) => {
  94. this.circulation.dybdclx = this.selectDictLabel(res.data, response.data.dybdclx);
  95. });
  96. //抵押方式
  97. this.houseGetDicts("dyfs").then((res) => {
  98. this.circulation.dyfs = this.selectDictLabel(res.data, response.data.dyfs);
  99. });
  100. //登记类型
  101. this.houseGetDicts("djlx").then((res) => {
  102. this.circulation.djlx = this.selectDictLabel(res.data, response.data.djlx);
  103. });
  104. //权属状态
  105. this.houseGetDicts("qszt").then((res) => {
  106. this.circulation.qszt = this.selectDictLabel(res.data, response.data.qszt);
  107. });
  108. });
  109. }
  110. },
  111. }
  112. </script>
  113. <style scoped lang="scss">
  114. .app-container {
  115. padding-bottom: 5%;
  116. }
  117. .main_title{
  118. font-size: 0.4rem;
  119. color: #1D6FE9;
  120. margin: 0.2rem 6%;
  121. position: relative;
  122. }
  123. .main_box{
  124. width: 96%;
  125. margin: 0 auto;
  126. border-radius: 6px;
  127. box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  128. overflow: hidden;
  129. background-color: #FFF;
  130. margin-top:2%;
  131. }
  132. .submitButton{
  133. width: 80%;
  134. margin: 0 auto;
  135. background-color: #1D6FE9;
  136. }
  137. </style>