addnewdrawer.vue 4.5 KB

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