index.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <view class="phone-zjzgs-page">
  3. <view class="icon-title-navBar-box">
  4. <view @click="goUpPage" class="nav-bar-icon"></view>
  5. <text class="nav-bar-title">子家政公司</text>
  6. </view>
  7. <view class="jiazheng-search-box">
  8. <uni-datetime-picker v-model="data.range" type="daterange" @change="onDateSelect" style="flex: 1" class="yishou-date-box"/>
  9. </view>
  10. <view class="zjzgs-body-box">
  11. <view class="zjzgs-num-box">
  12. <view class="zjzgs-title">爱家家政公司</view>
  13. <view class="num-item-box">
  14. <view>家政人员数量:10</view>
  15. <view class="num-btn">详情</view>
  16. </view>
  17. <view class="num-item-box">
  18. <view>申请办证数量:100</view>
  19. <view class="num-btn">详情</view>
  20. </view>
  21. <view class="num-item-box">
  22. <view>已办证数量:200</view>
  23. <view class="num-btn">详情</view>
  24. </view>
  25. </view>
  26. </view>
  27. </view>
  28. </template>
  29. <script setup>
  30. import {
  31. reactive,
  32. ref
  33. } from "vue";
  34. const data = reactive({
  35. list: [], // 办证列表
  36. startDate: '',
  37. endDate: '',
  38. range: []
  39. })
  40. function goUpPage() {
  41. uni.redirectTo({
  42. url: `/pages/admin/ShouYe/shouye`
  43. })
  44. }
  45. </script>
  46. <style>
  47. </style>