addnewacpt.vue 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. <template>
  2. <view class="content">
  3. <view class="acountbox">
  4. <view class="inacount">
  5. <text class="acoutitle">承兑人名称</text>
  6. <input type="text" v-model="form.name" class="checkword" placeholder="请输入承兑人名称"
  7. placeholder-style="font-size:30rpx;color:#68625B" />
  8. </view>
  9. <view class="inacount">
  10. <text class="acoutitle">账号</text>
  11. <input type="text" v-model="form.bankAccount" class="checkword" placeholder="请输入承兑账号"
  12. placeholder-style="font-size:30rpx;color:#68625B" />
  13. </view>
  14. <view class="inacount">
  15. <text class="acoutitle">服务费率 </text>
  16. <input type="digit" v-model="form.serviceRate" class="checkword" placeholder="请输入服务费率"
  17. placeholder-style="font-size:30rpx;color:#68625B" />
  18. </view>
  19. <view class="inacount">
  20. <text class="acoutitle">利率</text>
  21. <input type="digit" v-model="form.interest" class="checkword" placeholder="请输入利率"
  22. placeholder-style="font-size:30rpx;color:#68625B" />
  23. </view>
  24. <view class="inacount">
  25. <text class="acoutitle">开户行名称</text>
  26. <input type="text" v-model="form.bankName" class="checkword" placeholder="请输入承兑人开户行名称"
  27. placeholder-style="font-size:30rpx;color:#68625B" />
  28. </view>
  29. </view>
  30. <view class="logininbtn" @click="makeNewAcept">
  31. <text>确认</text>
  32. </view>
  33. </view>
  34. </template>
  35. <script>
  36. let that
  37. export default {
  38. data() {
  39. return {
  40. form: {
  41. name: '',
  42. bankAccount:'',
  43. serviceRate:'',
  44. interest:'',
  45. bankName:''
  46. },
  47. }
  48. },
  49. onLoad() {
  50. that=this
  51. },
  52. methods: {
  53. makeNewAcept(){
  54. if(that.form.name.length==0){
  55. that.$toast("请输入承兑人名称")
  56. return
  57. }
  58. if(that.form.bankAccount.length==0){
  59. that.$toast("请输入账号")
  60. return
  61. }
  62. if(that.form.serviceRate.length==0){
  63. that.$toast("请输入服务费率")
  64. return
  65. }
  66. if(that.form.interest.length==0){
  67. that.$toast("请输入利率")
  68. return
  69. }
  70. if(that.form.bankName.length==0){
  71. that.$toast("请输入开户行名称")
  72. return
  73. }
  74. uni.showLoading()
  75. uni.$u.http.post('/api/Acceptor',that.form,{
  76. custom: {
  77. auth: true
  78. }
  79. }).then((res) => {
  80. uni.hideLoading()
  81. that.$toast("提交成功")
  82. setTimeout(()=>{
  83. uni.navigateBack({
  84. delta:1
  85. })
  86. },500)
  87. }).catch((err) => {
  88. uni.hideLoading()
  89. that.$toast(err.msg)
  90. })
  91. }
  92. }
  93. }
  94. </script>
  95. <style lang="scss" scoped>
  96. /* uni.scss */
  97. @import 'uview-ui/theme.scss';
  98. .content {
  99. display: flex;
  100. flex-direction: column;
  101. align-items: center;
  102. justify-content: center;
  103. }
  104. .loginbg {
  105. background-image: url("https://t39.9026.com/web/uploads/thumbs/mall10000/20220629/e01b927c95ee1f05364f5e456f281388.png");
  106. height: 559rpx;
  107. width: 750rpx;
  108. background-size: 100% 100%;
  109. // display: flex;
  110. // align-items: center;
  111. // justify-content: center;
  112. }
  113. .logo {
  114. margin: 0 auto;
  115. height: 200rpx;
  116. width: 200rpx;
  117. margin-left: auto;
  118. margin-right: auto;
  119. margin-bottom: 50rpx;
  120. }
  121. .text-area {
  122. display: flex;
  123. justify-content: center;
  124. }
  125. .title {
  126. font-size: 36rpx;
  127. color: #8f8f94;
  128. }
  129. .logobox {
  130. margin: 0 auto;
  131. margin-top: 212rpx;
  132. width: 269rpx;
  133. height: 191rpx;
  134. // background-color: #F1F1F1;
  135. image {
  136. width: 100%;
  137. height: 100%;
  138. }
  139. }
  140. .checkbox {}
  141. .business {
  142. width: 305rpx;
  143. height: 90rpx;
  144. display: flex;
  145. align-items: center;
  146. justify-content: center;
  147. text-align: center;
  148. // background-color: #D8AB5A;
  149. border-raotherdius: 20rpx;
  150. color: #FFFFFF;
  151. margin-top: 57rpx;
  152. }
  153. .bnesper {
  154. background-size: 100%;
  155. background-image: url("@/static/img/loginbtn4.png");
  156. padding-top: 10rpx;
  157. color: #FFF1D8;
  158. line-height: 90rpx;
  159. }
  160. .applyper {
  161. background-image: url("@/static/img/loginbt1.png");
  162. background-size: 100%;
  163. padding-top: 10rpx;
  164. color: #FFF1D8;
  165. }
  166. .actapp {
  167. background-image: url("@/static/img/loginbtn3.png");
  168. background-size: 100%;
  169. color: #D05C39;
  170. }
  171. .actbnes {
  172. background-image: url("@/static/img/loginbt2.png");
  173. background-size: 100%;
  174. color: #D05C39;
  175. }
  176. .acountbox {
  177. .inacount {
  178. display: flex;
  179. padding: 35rpx 20rpx;
  180. box-sizing: border-box;
  181. width: 690rpx;
  182. margin-top: 40rpx;
  183. background-color: #F6F6F6;
  184. border-radius: 20rpx;
  185. font-size: 30rpx;
  186. color: #1F242A;
  187. input {
  188. width: 360rpx;
  189. }
  190. }
  191. .acoutitle {
  192. font-weight: 600;
  193. }
  194. .checkword {
  195. padding-left: 20rpx;
  196. color: #1F242A;
  197. font-size: 30rpx;
  198. }
  199. }
  200. .otherbt {
  201. width: 606rpx;
  202. display: flex;
  203. justify-content: space-between;
  204. font-size: 24rpx;
  205. padding-top: 30rpx;
  206. }
  207. .regbt {
  208. color: $uni-all-theme;
  209. }
  210. .logininbtn {
  211. margin-top: 80rpx;
  212. width:690rpx;
  213. border-radius: 20rpx;
  214. background: linear-gradient(to right, #FFE1AD,#D8AB5A);
  215. box-shadow: 0 10rpx 20rpx 1rpx rgba(179, 116, 5, 0.2);
  216. height: 100rpx;
  217. text-align: center;
  218. color: #fff;
  219. line-height: 100rpx;
  220. }
  221. </style>