89 lines
2.3 KiB
Vue
89 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import { ref, reactive } from "vue"
|
|
import { onShow } from "@dcloudio/uni-app"
|
|
|
|
import { hooks, router } from "@@/index"
|
|
import { faceApi } from "@@/api"
|
|
|
|
import { filePath } from "@@/utils/file"
|
|
|
|
const state = reactive<any>({
|
|
pa: {
|
|
pagesize: 10,
|
|
},
|
|
})
|
|
|
|
const pageRef = ref<any>(null)
|
|
const pageHook = hooks.usePage(pageRef, faceApi.page, null, "data.records")
|
|
const query = (page: number, pagesize: number) => {
|
|
pageHook.startPage(page, pagesize, false, state.pa)
|
|
}
|
|
|
|
onShow(() => {
|
|
if (pageRef.value) {
|
|
pageRef.value.reload(false)
|
|
}
|
|
})
|
|
|
|
const doAdd = () => {
|
|
router.jump("/pages/human-face/apply")
|
|
}
|
|
|
|
const doEdit = (id: string) => {
|
|
router.jump("/pages/human-face/apply", { type: "edit", id })
|
|
}
|
|
|
|
const doDel = (id: string) => {
|
|
faceApi.del({ id }).then(
|
|
() => {
|
|
uni.showToast({ title: "删除成功", icon: "none" })
|
|
pageRef.value.reload(true)
|
|
},
|
|
() => {
|
|
uni.showToast({ title: "删除失败", icon: "none" })
|
|
},
|
|
)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<crud-layout title="人脸管理" bg="/static/page/blue-bg.png">
|
|
<z-paging
|
|
ref="pageRef"
|
|
height="100%"
|
|
:fixed="false"
|
|
v-model="pageHook.list"
|
|
:default-page-size="10"
|
|
safe-area-inset-bottom
|
|
:loading-more-enabled="true"
|
|
:show-scrollbar="false"
|
|
@query="query"
|
|
:auto-clean-list-when-reload="false"
|
|
:auto-scroll-to-top-when-reload="false"
|
|
@scroll="pageHook.scroll"
|
|
>
|
|
<view class="h-20rpx" />
|
|
<view class="card flex-col-center p-20rpx mb-20rpx" v-for="(v, i) in pageHook.list" :key="v.id">
|
|
<image
|
|
class="w-300rpx h-300rpx rounded-50rpx mb-2"
|
|
:src="filePath(v.faceImg)"
|
|
mode="aspectFill"
|
|
@click.stop="hooks.usePreviewImage(filePath(v.faceImg))"
|
|
/>
|
|
<view class="sub-text-30 mb-2">{{ v.username }}·{{ v.deptName }}</view>
|
|
<view v-if="false" class="flex w-full items-center justify-end gap-2 second-text-26">
|
|
<text class="botder_btn" @click="doEdit(v.id)">修改</text>
|
|
<tm-modal title="确定删除吗？" height="auto" @confirm="doDel(v.id)">
|
|
<template v-slot:trigger><text class="botder_btn">删除</text></template>
|
|
</tm-modal>
|
|
</view>
|
|
</view>
|
|
<template #bottom>
|
|
<view v-if="false" class="bg-#0094ff py-20rpx text-center rounded-40rpx mx-30rpx my-4 sub-text-30 color-white!" @tap="doAdd">
|
|
添加
|
|
</view>
|
|
</template>
|
|
</z-paging>
|
|
</crud-layout>
|
|
</template>
|