qa-regulatory-gwj-app/pages/risk-level-control/risk-management/list.vue

97 lines
2.6 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view class="content">
<view class="search card">
<u--input
class="ml-10"
prefixIcon="search"
placeholder="请输入关键字"
border="surround"
v-model="keyword"
clearable
shape="circle"
></u--input>
<u-button class="bth-mini ml-10" type="success" text="确定" @click="resetList"></u-button>
</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.CORP_NAME }}</text>
</view>
<view class="flex-between mt-10 subtitle">
<text>
属地
<template v-if="item.CITY_NAME">{{ item.CITY_NAME }}</template>
<template v-if="item.COUNTRY_NAME"> -- {{ item.COUNTRY_NAME }}</template>
</text>
</view>
<view class="flex-between mt-10 subtitle">
<text>风险单元{{ item.unitCount }}</text>
</view>
<view class="flex-between mt-10 subtitle">
<text>辨识部位{{ item.idCount }}</text>
<text>存在风险{{ item.pointCount }}</text>
</view>
<view class="flex-end mt-10">
<u-button type="primary" text="查看" size="mini" class="bth-mini"
@click="fnNavigatorDetail(item.CORPINFO_ID)"></u-button>
</view>
</view>
</u-list-item>
</u-list>
<empty v-else></empty>
</view>
</template>
<script>
import {getCorpInfoRiskStatistics} from "../../../api";
export default {
data() {
return {
keyword: '',
pageSize: 10,
currentPage: 1,
totalPage: 0,
list: [],
}
},
onLoad() {
this.resetList()
},
methods: {
async getData() {
let resData = await getCorpInfoRiskStatistics({
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(CORPINFO_ID) {
uni.$u.route({
url: '/pages/risk-level-control/risk-management/detail-list',
params: {
CORPINFO_ID,
}
})
},
scrolltolower() {
this.currentPage++;
if (this.totalPage >= this.currentPage) this.getData();
},
}
}
</script>
<style scoped>
</style>