109 lines
4.0 KiB
Vue
109 lines
4.0 KiB
Vue
|
<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>
|
||
|
|
<view class="title">
|
||
|
|
<text>{{ decodeURIComponent(queryData.companyName) }}</text>
|
||
|
|
</view>
|
||
|
|
<template v-if="projectItemData.length > 0">
|
||
|
|
<view class="card u-margin-bottom-20" v-for="(item, index) in projectItemData" :key="index">
|
||
|
|
<view class="header u-flex u-border-bottom">
|
||
|
|
<text class="header-title">{{ item.ProjectName }}</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.KeyProcessNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">关键工序验收合格数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.KeyProcessOKNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">特殊过程验收数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.SpecialProcessNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">特殊过程验收合格数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.SpecialProcessOKNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">隐蔽工程验收数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.ConcealedWorksNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">隐蔽工程验收合格数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.ConcealedWorksOKNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">单位工程验收数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.UnitProjectAcceptNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">单位工程验收合格数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.UnitProjectAcceptOKNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">分部工程验收数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.SubProjectAcceptNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">分部工程合格数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.SubProjectAcceptOKNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">分项工程验收数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.SubdivisionalWorksAcceptNum }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="con u-flex u-row-between">
|
||
|
|
<text class="con-title">分项工程合格数</text>
|
||
|
|
<text class="u-margin-top-6">{{ item.SubdivisionalWorksAcceptOKNum }}</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 { getQMSQualityAcceptanceItem } from '@/api/moduleApi/index.js';
|
||
|
|
import { debounce } from '@/utils';
|
||
|
|
let searchVal = ref('');
|
||
|
|
|
||
|
|
let queryData = ref({});
|
||
|
|
onLoad((options) => {
|
||
|
|
queryData.value = options;
|
||
|
|
getApiData(queryData.value.unitId);
|
||
|
|
});
|
||
|
|
let projectItemData = ref([]);
|
||
|
|
const getApiData = async (unitId) => {
|
||
|
|
let res = await getQMSQualityAcceptanceItem({
|
||
|
|
unitId,
|
||
|
|
searchText: searchVal.value
|
||
|
|
});
|
||
|
|
projectItemData.value = res;
|
||
|
|
};
|
||
|
|
const changePut = debounce((ev) => {
|
||
|
|
searchVal.value = ev;
|
||
|
|
getApiData(queryData.value.unitId);
|
||
|
|
}, 500);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import 'index.scss';
|
||
|
|
</style>
|
||
|
|
<style>
|
||
|
|
page {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
</style>
|