adviserchange.vue 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <view class="pd16_15">
  3. <view v-if="resultType == 0">
  4. <view class="box noshadow pd10_15 flex alcenter space">
  5. <input placeholder="输入顾问ID" placeholder-class="cl-notice" style="width: 300rpx;" class="ft16 cl-main" />
  6. <button class="btn-mid" :style="getBtnStyle" style="width: 160rpx;">确定</button>
  7. </view>
  8. <view class="text-center pt60 ft14 cl-info2">或</view>
  9. <view class="box noshadow mt60 pd32">
  10. <view class="text-center">
  11. <text class="iconfont iconicon_saoma ft40" :style="{color:tempColor}"></text>
  12. </view>
  13. <view class="text-center mt16 ft14 cl-main">扫描顾问码</view>
  14. </view>
  15. </view>
  16. <view v-if="resultType == 1">
  17. <view class="box noshadow pd16_15">
  18. <view class="flex alcenter">
  19. <image class="adviser-face-big" :src="statics.defaultFace"></image>
  20. <view style="width: calc(100% - 160rpx);" class=" pl15">
  21. <view class="ft16 cl-main ftw600">张顾问</view>
  22. <view class="flex alcenter mt8">
  23. <view class="flex alcenter cl-notice">
  24. <text class="iconfont iconicon_weixin ft14"></text>
  25. <text class="ft14 ml5">ffy1203605498</text>
  26. </view>
  27. </view>
  28. <view class="flex alcenter space mt8">
  29. <view class="flex alcenter cl-notice">
  30. <text class="iconfont iconicon_call ft14"></text>
  31. <text class="ft14 ml5">13515608638</text>
  32. </view>
  33. </view>
  34. </view>
  35. </view>
  36. </view>
  37. <view class="mt16">
  38. <button class="btn-big" :style="getBtnStyle">确定更换</button>
  39. </view>
  40. </view>
  41. <view v-if="resultType == -1">
  42. <com-empty title="未找到顾问,请返回重新操作"></com-empty>
  43. <view class="flex center">
  44. <button class="btn-mid" :style="getBtnStyle">返回</button>
  45. </view>
  46. </view>
  47. </view>
  48. </template>
  49. <script>
  50. export default{
  51. data(){
  52. return {
  53. resultType: -1, //1 -1
  54. }
  55. }
  56. }
  57. </script>
  58. <style>
  59. .adviser-face-big{
  60. width: 160rpx;
  61. height: 160rpx;
  62. border-radius: 80rpx;
  63. background: #FFFFFF;
  64. }
  65. </style>