qa-regulatory-gwj-app/pages/key-project-management/key-project-out/list.vue

99 lines
2.6 KiB
Vue

<template>
<view class="content">
<view class="search card">
<u--input
prefixIcon="search"
placeholder="请输入关键字"
border="surround"
v-model="CORP_NAME"
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 v-if="item.CORPINFO_ID != '1'">属地:{{item.prvinceName}}-{{item.cityName}}-{{item.countryName}}</text>
<text v-else="item.prvinceName">属地:河北省-秦皇岛市-海港区</text>
</view>
<view class="flex-between mt-10 subtitle">
<text v-if="item.CORPINFO_ID != '1'">所属行业:{{item.INDUSTRY_NAME}}</text>
<text v-else>所属行业:交通运输、仓储和邮政业</text>
</view>
<view class="flex-between mt-10 subtitle">
<text>重点工程数:{{item.OUTSOURCED_COUNT}}</text>
<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 {getKeyProjectsListListByCorp} from "../../../api";
export default {
data() {
return {
CORP_NAME: '',
pageSize: 10,
currentPage: 1,
totalPage: 0,
list: [],
}
},
onShow() {
this.resetList()
},
computed: {
userInfo() {
return this.$store.getters.getUserInfo
}
},
methods:{
async getData(){
let resData = await getKeyProjectsListListByCorp({
CORP_NAME: this.CORP_NAME,
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/key-project-management/index/index',
params: {
CORPINFO_ID
}
})
},
scrolltolower() {
this.currentPage++;
if(this.totalPage >= this.currentPage) this.getData();
},
}
}
</script>
<style scoped>
</style>