jiazhengUserManager.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view class="admin-jiazheng-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. <v-tabs v-model="current" :tabs="tabs" :scroll="false" @change="changeTab" field="name" class="admin-tab-box"></v-tabs>
  8. <gerenZiliao ref="gerenZiliao" @goNext="gerenziliaoNext" v-show="tabCurrent ==0"></gerenZiliao>
  9. <qiuzhiXinxi ref="qiuzhiXinxi" v-show="tabCurrent ==1"></qiuzhiXinxi>
  10. <zhaopianZiliao ref="zhaopianZiliao" v-show="tabCurrent ==2"></zhaopianZiliao>
  11. <banzhengXinxi ref="banzhengXinxi" v-show="tabCurrent ==3"></banzhengXinxi>
  12. </view>
  13. </template>
  14. <script>
  15. import {
  16. ref
  17. } from "vue";
  18. import banzhengXinxi from './banzhengXinxi.vue';
  19. import qiuzhiXinxi from './qiuzhiXinxi.vue';
  20. import zhaopianZiliao from './zhaopianZiliao.vue';
  21. import gerenZiliao from './gerenZiliao.vue';
  22. export default {
  23. data() {
  24. return {
  25. current: 0,
  26. tabCurrent: 0,
  27. // tabs: ['个人资料', '求职信息', '照片资料', '办证信息']
  28. tabs: [
  29. { id: 1, name: '个人资料', disabled: false },
  30. { id: 2, name: '求职信息', disabled: true },
  31. { id: 3, name: '照片资料', disabled: true },
  32. { id: 4, name: '办证信息', disabled: true },
  33. ],
  34. }
  35. },
  36. components: {
  37. banzhengXinxi,
  38. qiuzhiXinxi,
  39. gerenZiliao,
  40. zhaopianZiliao,
  41. },
  42. methods: {
  43. changeTab(data) {
  44. console.log('data',data);
  45. },
  46. goUpPage() {
  47. uni.redirectTo({
  48. url: `/pages/admin/Jiazheng/jiazhengUserInfo`
  49. })
  50. },
  51. gerenziliaoNext(data,num) {
  52. console.log('data',data);
  53. console.log('num',num);
  54. // this.current = num + 1
  55. }
  56. }
  57. }
  58. </script>