applyfor.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <template>
  2. <view style="padding: 0 32upx;">
  3. <van-field
  4. :value="name"
  5. placeholder="请输入您的姓名"
  6. label="姓名"
  7. />
  8. <van-field
  9. :value="name"
  10. placeholder="请输入您的手机号码"
  11. label="手机号码"
  12. />
  13. <van-field
  14. :value="name"
  15. placeholder="请输入您的身份证号码"
  16. label="身份证号码"
  17. />
  18. <van-field
  19. :value="name"
  20. placeholder="请输入您的联系地址"
  21. label="联系地址"
  22. />
  23. <view>
  24. <view class="cell-pd">
  25. <view class="uni-uploader">
  26. <view class="uni-uploader-body">
  27. <view class="uni-uploader__files">
  28. <block v-for="(image,index) in imageList" :key="index">
  29. <view class="uni-uploader__file">
  30. <image class="uni-uploader__img" :src="image" :data-src="image" @tap="previewImage"></image>
  31. </view>
  32. </block>
  33. <view class="uni-uploader__input-box deepHeight">
  34. <view class="uni-uploader__input" @tap="chooseImage"></view>
  35. </view>
  36. </view>
  37. </view>
  38. </view>
  39. </view>
  40. <view>须上传营业执照和手持身份证照</view>
  41. </view>
  42. <view class="submitRemin">申请代理</view>
  43. </view>
  44. </template>
  45. <script>
  46. export default {
  47. data(){
  48. return{
  49. name:'',
  50. imageList:[]
  51. }
  52. },
  53. methods: {
  54. chooseImage() {
  55. if (this.imageList.length === 3) {
  56. // let isContinue = await this.isFullImg();
  57. // console.log("是否继续?", isContinue);
  58. // if (!isContinue) {
  59. // return;
  60. // }
  61. return;
  62. }
  63. uni.chooseImage({
  64. sourceType: this.sourceType,
  65. sizeType: this.sizeType,
  66. count: this.imageList.length + this.count[this.countIndex] > 3 ? 3 - this.imageList.length : this.count[this.countIndex],
  67. success: (res) => {
  68. this.imageList = this.imageList.concat(res.tempFilePaths);
  69. uni.uploadFile({
  70. url: 'https://www.example.com/upload', //仅为示例,非真实的接口地址
  71. filePath: tempFilePaths[0],
  72. name: 'file',
  73. formData: {
  74. 'user': 'test'
  75. },
  76. success: (uploadFileRes) => {
  77. console.log(uploadFileRes.data);
  78. }
  79. });
  80. }
  81. })
  82. },
  83. }
  84. }
  85. </script>
  86. <style>
  87. .deepHeight {
  88. height: 108upx;
  89. width: 108upx;
  90. }
  91. </style>