index.vue 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template>
  2. <view>
  3. <view class="shop ddflex">
  4. <image src="../static/images/dzico.png" class="dzico"></image>
  5. <view class="fflex">
  6. <view class="name">循力源河西梅溪湖总店</view>
  7. <view class="tel" @click="call">0731-88888888</view>
  8. </view>
  9. </view>
  10. <view class="pro">
  11. <view class="li ddflex">
  12. <image :src="picUrlss + 'wdbg1.png'" mode="aspectFill"></image>
  13. <view class="fflex">
  14. <view class="proname">牙齿抛光</view>
  15. <view class="sta"><text>服务医生</text>刘婷</view>
  16. <!-- <view class="sta"><text>使用时间</text>2022-06-08 14:36:45</view> -->
  17. <view class="price ddflex">
  18. <view class="money"><text>¥</text>39.9</view>
  19. <view class="count">×1</view>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="list">
  25. <view class="li ddflex">
  26. <view class="label">使用时间</view>
  27. <view class="item spe-colors fflex">2022-06-08 08:05:45</view>
  28. </view>
  29. <view class="li ddflex">
  30. <view class="label">收费人</view>
  31. <view class="item fflex">李思澄</view>
  32. </view>
  33. <view class="li ddflex">
  34. <view class="label">医生</view>
  35. <view class="item fflex">刘婷</view>
  36. </view>
  37. <view class="li ddflex">
  38. <view class="label">护士</view>
  39. <view class="item fflex">刘婷</view>
  40. </view>
  41. <view class="li ddflex">
  42. <view class="label">咨询师</view>
  43. <view class="item fflex">刘三</view>
  44. </view>
  45. <view class="li ddflex">
  46. <view class="label">网电咨询师</view>
  47. <view class="item fflex">刘三</view>
  48. </view>
  49. <view class="li ddflex">
  50. <view class="label">牙医助理</view>
  51. <view class="item fflex">刘三</view>
  52. </view>
  53. <view class="li ddflex">
  54. <view class="label">销售人员</view>
  55. <view class="item fflex">刘三</view>
  56. </view>
  57. </view>
  58. </view>
  59. </template>
  60. <script>
  61. const app = getApp();
  62. const req = require("../../utils/request.js");
  63. export default {
  64. data() {
  65. return {
  66. picUrlss: req.public.picUrls,
  67. };
  68. },
  69. components: {},
  70. props: {},
  71. onLoad: async function(options) {
  72. },
  73. methods: {
  74. call(){
  75. uni.makePhoneCall({
  76. phoneNumber: '0731-88888888'
  77. })
  78. }
  79. }
  80. };
  81. </script>
  82. <style>
  83. @import "./index";
  84. </style>