移动端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 

173 Zeilen
7.7 KiB

  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. <p class="main_title">基础信息</p>
  14. <div class="main_box" v-if="form">
  15. <van-field readonly label="账户类型" v-model="accountType" input-align="right" label-width="auto" />
  16. <van-field readonly label="所属银行" v-model="bankType" input-align="right" label-width="auto" />
  17. <van-field readonly label="账户分类" v-if="accountType=='银行存款'&&(bankType=='中国银行'||bankType=='山东省农村信用社(农商行)')" v-model="villageAccountType" input-align="right" label-width="auto" />
  18. <van-field readonly label="所属镇账户" v-if="accountType=='银行存款'&&villageAccountType!='村实体账户'" v-model="taccountId" input-align="right" label-width="auto" />
  19. <van-field readonly label="账簿号" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'" v-model="accountNo" input-align="right" label-width="auto" />
  20. <van-cell title="管控类型" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'&&bankType=='山东省农村信用社(农商行)'" >
  21. <template #right-icon>
  22. {{form.managementControlType == '1' ? '账簿余额':'中心账簿'}}
  23. </template>
  24. </van-cell>
  25. <van-field readonly label="中心账套" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralBookId" input-align="right" label-width="auto" />
  26. <!-- <van-field readonly label="会计科目" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralSubjectId" input-align="right" label-width="auto" /> -->
  27. <van-field readonly label="账户名称" v-model="form.accountName" input-align="right" label-width="auto"/>
  28. <van-field readonly label="银行账户" v-if="accountType=='银行存款'" v-model="form.bankAccountNumber" input-align="right" label-width="auto"/>
  29. <van-field readonly label="开户银行" v-if="accountType=='银行存款'" v-model="form.bankName" input-align="right" label-width="auto"/>
  30. <van-field readonly label="联行号" v-if="accountType=='银行存款'" v-model="form.paymentLines" input-align="right" label-width="auto"/>
  31. <!-- <van-field readonly label="关联科目" v-model="subjectValue" input-align="right" label-width="auto" /> -->
  32. <!-- <van-field readonly label="科目名称" v-if="accountType=='银行存款'" v-model="form.subjectNameAll" input-align="right" label-width="auto" /> -->
  33. <van-field readonly label="支付口令" v-if="accountType=='银行存款'" v-model="form.site" input-align="right" label-width="auto"/>
  34. <van-field readonly label="手机号" v-if="accountType=='银行存款'&&bankType=='建设银行'" v-model="form.alternateField1" input-align="right" label-width="auto"/>
  35. <van-field readonly label="账户类别" v-model="bankAccountType" input-align="right" label-width="auto"/>
  36. <van-field readonly label="开户银行地址" v-if="accountType=='银行存款'" v-model="form.site" input-align="right" label-width="auto"/>
  37. <van-field readonly label="账户密码" v-if="accountType=='银行存款'" v-model="form.accountPassword" input-align="right" label-width="auto"/>
  38. <van-field readonly label="初始余额" v-model="form.initialBalance" input-align="right" label-width="auto"/>
  39. <van-field readonly label="内部账号" v-if="accountType=='银行存款'&&bankType=='农业银行'" v-model="alternateField1" input-align="right" label-width="auto"/>
  40. <van-field readonly label="内部户名" v-if="accountType=='银行存款'&&bankType=='农业银行'" v-model="alternateField2" input-align="right" label-width="auto"/>
  41. <van-field readonly label="账簿号" v-if="accountType=='银行存款'&&bankType=='农业银行'" v-model="alternateField3" input-align="right" label-width="auto"/>
  42. <van-cell title="是否停用" v-if="accountType=='银行存款'" >
  43. <template #right-icon>
  44. {{form.status == 'Y' ? '是':'否'}}
  45. </template>
  46. </van-cell>
  47. </div>
  48. <p class="main_title" v-if="accountType=='银行存款'" >账簿信息</p>
  49. <div class="main_box" v-if="accountType=='银行存款'" >
  50. <van-cell title="账簿是否限额">
  51. <template #right-icon>
  52. {{form.status == 'Y' ? '是':'否'}}
  53. </template>
  54. </van-cell>
  55. <van-field readonly label="单笔交易限额" v-model="form.initialBalance" input-align="right" label-width="auto"/>
  56. <van-cell title="账簿是否透支">
  57. <template #right-icon>
  58. {{form.status == 'Y' ? '是':'否'}}
  59. </template>
  60. </van-cell>
  61. <van-field readonly label="投掷类型" v-model="form.initialBalance" input-align="right" label-width="auto"/>
  62. <van-field readonly label="透支额度(元)" v-model="form.initialBalance" input-align="right" label-width="auto"/>
  63. </div>
  64. </div>
  65. </template>
  66. <script>
  67. import { getAccount , getSubjectDetail } from "@/api/onlineHome/bankAgriculture/paymentAccount";
  68. export default {
  69. name: "paymentAccountDetail",
  70. data() {
  71. return {
  72. showAccountType:false,
  73. showSubjectId:false,
  74. minDate: new Date(),
  75. maxDate: new Date(2025, 10, 1),
  76. currentDate: new Date(),
  77. jgList:{},
  78. accountType:'',
  79. bankType:'',
  80. villageAccountType:'',
  81. taccountId:'',
  82. accountNo:'',
  83. managementControlType:'',
  84. centralBookId:'',
  85. centralSubjectId:'',
  86. bankAccountType:'',
  87. alternateField1:'',
  88. alternateField2:'',
  89. alternateField3:'',
  90. subjectValue:'',
  91. wfydlx:'',
  92. wfydlxDictionaries:[],
  93. jglxDictionaries:[],
  94. subjectDictionaries:[],
  95. typeDictionaries:[],
  96. subjectDeatil:[],
  97. form:{}
  98. };
  99. },
  100. created() {
  101. this.getDetail();
  102. },
  103. methods: {
  104. getDetail(){
  105. getAccount(this.$route.query.id).then((response) => {
  106. // 账户类型
  107. this.houseGetDicts("account_type_cashier").then((res) => {
  108. for (var i = 0; i < res.data.length; i++) {
  109. this.typeDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
  110. }
  111. this.accountType = this.selectDictLabel(res.data, response.data.accountType);
  112. });
  113. getSubjectDetail().then((res) => {
  114. for (var i = 0; i < res.rows.length; i++) {
  115. this.subjectDictionaries.push({text: res.rows[i].subjectNameAll, value: res.rows[i].subjectId});
  116. }
  117. this.subjectValue = this.selectSubject(res.rows , response.data.subjectId);
  118. });
  119. this.form = response.data;
  120. });
  121. },
  122. selectSubject(datas, value) {
  123. var actions = [];
  124. Object.keys(datas).some((key) => {
  125. if (datas[key].subjectId == ('' + value)) {
  126. actions.push(datas[key].subjectNameAll);
  127. return true;
  128. }
  129. })
  130. return actions.join('');
  131. },
  132. },
  133. }
  134. </script>
  135. <style scoped lang="scss">
  136. .app-container {
  137. padding: 2% 0;
  138. }
  139. .main_title{
  140. font-size: 0.4rem;
  141. color: #1D6FE9;
  142. margin: 0.2rem 6%;
  143. margin-top: 0;
  144. position: relative;
  145. }
  146. .main_box{
  147. width: 96%;
  148. margin: 0 auto;
  149. border-radius: 6px;
  150. box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  151. overflow: hidden;
  152. background-color: #FFF;
  153. }
  154. .submitButton{
  155. width: 80%;
  156. margin: 0 auto;
  157. background-color: #1D6FE9;
  158. }
  159. .addFamily{
  160. position: absolute;
  161. top: -2px;
  162. right: 0;
  163. border-radius: 50%;
  164. }
  165. </style>