<template> <view class="content"> <view class="search card"> <u--input prefixIcon="search" placeholder="请输入关键字" border="surround" v-model="keyword" clearable shape="circle" ></u--input> <view class="bth- ml-10"> <u-button type="success" text="确定" @click="resetList"></u-button> </view> </view> <u-list @scrolltolower="scrolltolower" v-if="list.length > 0"> <u-list-item v-for="(item, index) in list" :key="index"> <view> <view class="flex-between main-title"> <text>{{ item.HIDDENDESCR }}</text> <text>发现人:{{ item.CREATORNAME }}</text> </view> <view class="flex-between mt-10 subtitle"> <text>分公司部门领导小组长:{{ item.CONFIRM_USER_NAME }}</text> </view> <view class="flex-between mt-10 subtitle"> <text>分公司安委会办公室主任:{{ item.CHECKER }}</text> </view> <view class="flex-between mt-10 subtitle"> <text>港股公司安委会办公室副主任:{{ item.APPROVED }}</text> </view> <view class="flex-between mt-10 subtitle"> <text>隐患级别:{{ item.NAME }}</text> </view> <view class="see_btn"> <u-button type="primary" text="查看" size="mini" @click="fnNavigatorDetail(item.HIDDEN_ID)"></u-button> </view> </view> </u-list-item> </u-list> <empty v-else></empty> </view> </template> <script> import {getDept, getHiddenType, getMajorHiddenList} from "../../../api"; import tkiTree from "@/components/tki-tree/tki-tree.vue" export default { components: {tkiTree}, data() { return { keyword: '', pageSize: 10, currentPage: 1, totalPage: 0, list: [], CORPINFO_ID: '', } }, onLoad(event) { this.CORPINFO_ID = event.CORPINFO_ID; this.resetList() }, methods: { async getData() { let resData = await getMajorHiddenList({ CORPINFO_ID: this.CORPINFO_ID, HIDDENLEVEL: 'hiddenLevel2002', KEYWORDS: this.keyword, showCount: this.pageSize, currentPage: this.currentPage, }); this.list = [...this.list, ...resData.varList]; this.totalPage = resData.page.totalPage; }, resetList() { this.pageSize = 10 this.currentPage = 1 this.list = [] this.getData() }, fnNavigatorDetail(HIDDEN_ID) { uni.$u.route({ url: '/pages/larger-major-hidden-management/major-hidden-management/detail', params: { HIDDEN_ID, } }) }, scrolltolower() { this.currentPage++; if (this.totalPage >= this.currentPage) this.getData(); }, } } </script> <style scoped lang="scss"> .search{ display: flex; .ml-10{ margin-left: 10rpx; } .bth-mini{ width: 100rpx; } } .see_btn{ //width: 100rpx; float: right; } </style>