<template>
  <view class="page-wrapper" @tap="dbTap">
		<JeepayCustomNavbar title="通知接收人管理" backCtrl="back" />
    <JSearchTitle :pTop="22" place="搜索微信昵称" @tap="go.toSearchPage('wxmpUser')"/>
	
	
	<JeepayTableList ref="jeepayTableListRef" :reqTableDataFunc="reqTableDataFunc" >
		<template #tableBody="{ record }">
			<WxmpUserRender :record="record" />
		</template>
	</JeepayTableList>
	
	
	
    <view class="footer-wrapper">
      <view class="footer-button footer-button-style">
        <button hover-class="hover-button" class="flex-center" @tap="go.to('PAGES_NOTICE_BING_USER')">绑定新的接收人</button>
      </view>
    </view>
  </view>
</template>

<script setup>
import { reactive, ref, computed, provide  } from "vue"
import { onReachBottom } from '@dcloudio/uni-app'
import go from '@/commons/utils/go.js'
import { reqLoad, API_URL_WXMP_USER_LIST } from "@/http/apiManager.js"
import WxmpUserRender from '@/pages/list/render/WxmpUserRender.vue'

onReachBottom(() => { })


// 请求
function reqTableDataFunc (params) {
    return reqLoad.list(API_URL_WXMP_USER_LIST, params)
}

const confirm = (e, val) => {
  console.log("e", e)
  console.log("val", val)
  val.state = Number(e)
}
let tapLastTime = 0
const dbTap = () => {
  const timestamp = Date.parse(new Date())
  const result = timestamp - tapLastTime
  if (result <= 300) {
    uni.pageScrollTo({
      scrollTop: 0,
    })
  }
  tapLastTime = timestamp
}
const navBack = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
.page-wrapper {
  .header-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    font-size: 33rpx;
  }
  .footer-wrapper {
    height: 170rpx;
    .footer-button {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 30rpx;
      background-color: transparent;
      button {
        height: 110rpx;
        font-size: 33rpx;
        font-weight: 500;
        color: $J-color-tff;
        border-radius: 20rpx;
        background: $jeepay-bg-primary;
      }
      .hover-button {
        opacity: 0.5;
      }
    }
  }
}
</style>
