shangfutong-ui/jeepay-ui-uapp-merchant/pages/noticeManage/noticeManage.vue

90 lines
2.1 KiB
Vue

<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>