上传
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
.data-summary-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
.search {
|
||||
height: 120rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.scroll {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
padding: 20rpx 20rpx 40rpx 20rpx;
|
||||
.scroll-view {
|
||||
height: 100%;
|
||||
.card {
|
||||
border-radius: 20rpx;
|
||||
background-color: #ffffff;
|
||||
padding: 0 24rpx 24rpx 24rpx;
|
||||
.header {
|
||||
height: 80rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.card-item {
|
||||
border-radius: 10rpx;
|
||||
.con {
|
||||
padding: 20rpx;
|
||||
background-color: #f5faff;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 16rpx;
|
||||
.con-title {
|
||||
color: #9a9da8;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<view class="data-summary-page">
|
||||
<view class="search u-flex u-padding-left-24 u-padding-right-24">
|
||||
<u-search placeholder="请输入单位名称" v-model="searchVal" :show-action="false" @change="changePut"></u-search>
|
||||
</view>
|
||||
<view class="scroll">
|
||||
<scroll-view class="scroll-view" scroll-y>
|
||||
<template v-if="projectData.length > 0">
|
||||
<view
|
||||
class="card u-margin-bottom-20"
|
||||
v-for="(item, index) in projectData"
|
||||
:key="index"
|
||||
@click="router.push('/pages/quality/constructionPlanDetails/index', { unitId: item.UnitId, companyName: item.UnitName })">
|
||||
<view class="header u-flex u-border-bottom">
|
||||
<text class="header-title">{{ item.UnitName }}</text>
|
||||
</view>
|
||||
<view class="card-item">
|
||||
<view class="con u-flex u-row-between">
|
||||
<text class="con-title">方案总数</text>
|
||||
<text class="u-margin-top-6">{{ item.ConstructSolutionNum }}</text>
|
||||
</view>
|
||||
<view class="con u-flex u-row-between">
|
||||
<text class="con-title">企业审批总数</text>
|
||||
<text class="u-margin-top-6">{{ item.ConstructSolutionUnitApproveNum }}</text>
|
||||
</view>
|
||||
<view class="con u-flex u-row-between">
|
||||
<text class="con-title">项目审批总数</text>
|
||||
<text class="u-margin-top-6">{{ item.ConstructSolutionProjectApproveNum }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<u-empty text="暂无数据" mode="list"></u-empty>
|
||||
</template>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { getQMSConstructSolution } from '@/api/moduleApi/index.js';
|
||||
import { debounce, router } from '@/utils';
|
||||
let searchVal = ref('');
|
||||
|
||||
let projectData = ref([]);
|
||||
const getApiData = async () => {
|
||||
let res = await getQMSConstructSolution({
|
||||
searchText: searchVal.value
|
||||
});
|
||||
projectData.value = res;
|
||||
};
|
||||
const changePut = debounce((ev) => {
|
||||
searchVal.value = ev;
|
||||
getApiData();
|
||||
}, 500);
|
||||
onLoad(() => {
|
||||
getApiData();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import 'index.scss';
|
||||
</style>
|
||||
<style>
|
||||
page {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user