kehuCard.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <uni-collapse class="sfht-collapse-box">
  3. <uni-collapse-item title="客户信息" :open="true">
  4. <view class="sfht-add-row">
  5. <view class="sfht-title-add-btn">客户选择<icon></icon></view>
  6. </view>
  7. <view class="form-label-input">
  8. <view class="phone-form-label"><text class="form-label-require">*</text>姓名</view>
  9. <uni-easyinput v-model="info.realName"
  10. placeholder="请输入姓名" />
  11. </view>
  12. <view class="form-label-input">
  13. <view class="phone-form-label"><text class="form-label-require">*</text>电话</view>
  14. <uni-easyinput v-model="info.tel"
  15. placeholder="请输入电话" />
  16. </view>
  17. <view class="form-label-input">
  18. <view class="phone-form-label"><text class="form-label-require"></text>身份证</view>
  19. <uni-easyinput v-model="info.idCard"
  20. placeholder="请输入身份证" />
  21. </view>
  22. <view class="form-label-input">
  23. <view class="phone-form-label"><text class="form-label-require"></text>具体地址</view>
  24. <uni-easyinput v-model="info.dizhi"
  25. placeholder="请输入具体地址" />
  26. </view>
  27. </uni-collapse-item>
  28. </uni-collapse>
  29. </template>
  30. <script setup>
  31. import {
  32. ref,
  33. reactive,
  34. nextTick
  35. } from "vue";
  36. const props = defineProps({
  37. info: {
  38. type: Object
  39. }
  40. })
  41. </script>
  42. <style>
  43. </style>