makeinvoice.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <template>
  2. <view>
  3. <view class="title">发票详情</view>
  4. <u-form class="form" :model="form" ref="uForm">
  5. <u-form-item label="公司名称" label-width="160rpx" prop="name">
  6. <u-radio-group v-model="radio" @change="radioGroupChange" :width="radioCheckWidth" :wrap="radioCheckWrap">
  7. <u-radio shape="circle" v-for="(item, index) in radioList" :key="index" :name="item.name">{{ item.name }}</u-radio>
  8. </u-radio-group>
  9. </u-form-item>
  10. <u-form-item label="公司名称" label-width="160rpx" prop="name">
  11. <u-input v-model="form.name" placeholder="请输入公司名称" />
  12. </u-form-item>
  13. <u-form-item label="公司税号" label-width="160rpx">
  14. <u-input v-model="form.name" placeholder="选填" />
  15. </u-form-item>
  16. <u-form-item label="注册地址" label-width="160rpx">
  17. <u-input v-model="form.name" placeholder="选填" />
  18. </u-form-item>
  19. <u-form-item label="注册电话" label-width="160rpx">
  20. <u-input v-model="form.name" placeholder="选填" />
  21. </u-form-item>
  22. <u-form-item label="开户银行" label-width="160rpx">
  23. <u-input v-model="form.name" placeholder="选填" />
  24. </u-form-item>
  25. <u-form-item label="银行账号" label-width="160rpx">
  26. <u-input v-model="form.name" placeholder="选填" />
  27. </u-form-item>
  28. </u-form>
  29. <u-button @click="submit">提交</u-button>
  30. </view>
  31. </template>
  32. <script>
  33. export default{
  34. data(){
  35. return{
  36. form:{
  37. name:'',
  38. invoiceType:'',
  39. payType:null,
  40. },
  41. radioList: [
  42. {
  43. name: '支付宝',
  44. checked: true,
  45. disabled: false
  46. },
  47. {
  48. name: '微信',
  49. checked: false,
  50. disabled: false
  51. }
  52. ],
  53. }
  54. },
  55. onLoad(page){
  56. console.log('page',page)
  57. },
  58. methods:{
  59. // radio选择发生变化
  60. radioGroupChange(e) {
  61. this.form.payType = e;
  62. },
  63. }
  64. }
  65. </script>
  66. <style lang="scss" scoped>
  67. @import "./makeinvoice.scss";
  68. </style>