cxc/construction_site_supervision
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

80%

Browse Source
This commit is contained in:
cxc
2022-09-14 16:15:22 +08:00
parent f272e21b7c
commit f8ccdae9d8
25 changed files with 15243 additions and 4536 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pages/project_supervision/project_detail/quality_manage/inspection/inspection.vue Normal file
View File

@ -0,0 +1,18 @@
<template>
<view>
质量巡检
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {}
}
</script>
<style>
</style>

118
pages/project_supervision/project_detail/quality_manage/issue-item/issue-item.vue Normal file
View File

@ -0,0 +1,118 @@
<template>
<view>
<view class="quality-issue-item">
<image class="banner" src="@/static/quality_manage_example.png"></image>
<view class="issue-title">
<text>电缆</text>
<view class="issue-level">
三级
</view>
</view>
<view class="issue-content">
<view class="issue-item" v-for="item in Object.keys(fields)" :key="item">
<text class="key">
{{fields[item]}}
</text>
<text class="value">
{{data && data[item]}}
</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
components: {
},
data() {
return {}
},
props: {
fields: {
type: Object
},
data: {
type: Object
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
// .quality-issues {
// padding: 20rpx;
.quality-issue-item:not(:last-child) {
margin-bottom: 36rpx;
}
.quality-issue-item {
border-radius: 16rpx;
background-color: #fff;
.banner {
width: 100%;
height: 454rpx;
border-radius: 16rpx 16rpx 0 0;
}
.issue-title {
display: flex;
justify-content: space-between;
margin-top: 28rpx;
text {
margin-left: 20rpx;
font-size: 32rpx;
color: #232930;
line-height: 48rpx;
font-weight: 400;
}
.issue-level {
text-align: center;
font-size: 24rpx;
color: #FFFFFF;
line-height: 24px;
font-weight: 400;
width: 120rpx;
height: 48rpx;
background-image: linear-gradient(219deg, #39DAAA 0%, #02C489 99%);
border-radius: 0px 8px 0px 32px;
}
}
.issue-content {
padding: 14rpx 20rpx 11rpx;
.issue-item {
display: flex;
margin-bottom: 28rpx;
.key {
width: 120rpx;
display: block;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #8F959E;
line-height: 22px;
font-weight: 400;
}
.value {
width: 540rpx;
font-family: PingFangSC-Regular;
font-size: 28rpx;
color: #333333;
line-height: 44rpx;
font-weight: 400;
}
}
}
}
// }
</style>

109
pages/project_supervision/project_detail/quality_manage/quality_manage.vue
View File

@ -1,44 +1,119 @@
<template>
<view>
<view class="quality-issues">
<view class="quality-issue-item">
<image class="banner" src="@/static/quality_manage_example.png"></image>
<view class="issue-title"></view>
<view class="filter-bar">
<view :class="`inspection left-btn ${activedIndex==0? 'active':''}`" @tap="switchTab(0)">
质量巡检
</view>
<view :class="`rectification left-btn ${activedIndex==1? 'active':''}`" @tap="switchTab(1)">
质量整改
</view>
<u-button class='filter-btn' icon="map" text="筛选"></u-button>
</view>
<view class="quality-inspection" v-if="activedIndex==0">
<IssueItems :fields="{inspectDate:'巡检日期',person:'填报人员',content:'检查情况',prevention:'纠正预防措施',remark:'备注',}"
:data="{
inspectDate:'2022/07/03',person:'离散多',content:'墙体是否水平线垂直',remark:'无',prevention:'无'
}">
</IssueItems>
<IssueItems :fields="{inspectDate:'巡检日期',person:'填报人员',content:'检查情况',prevention:'纠正预防措施',remark:'备注',}"
:data="{
inspectDate:'2022/07/03',person:'离散多',content:'墙体是否水平线垂直',remark:'无',prevention:'无'
}">
</IssueItems>
<IssueItems :fields="{inspectDate:'巡检日期',person:'填报人员',content:'检查情况',prevention:'纠正预防措施',remark:'备注',}"
:data="{
inspectDate:'2022/07/03',person:'离散多',content:'墙体是否水平线垂直',remark:'无',prevention:'无'
}">
</IssueItems>
</view>
<view class="quality-inspection" v-if="activedIndex==1">
<IssueItems
:fields="{issuesName:'质量问题',person:'填报人员',submitDate:'填报日期',content:'整改内容',assignDate:'指派日期',feedback:'整改反馈',rectificationDate:'整改日期'}"
:data="{
issuesName:'采购电缆发现存在残次品',person:'离散多',submitDate:'2022/07/03',content:'发现800捆电缆中66捆存在残次品，需联系供应商进行全面更换',assignDate:'2022/07/03',
feedback:'已联系供应商进行全面更换，等待更换',rectificationDate:'2022/07/03',assignDate:'2020/11/32'
}">
</IssueItems>
<IssueItems
:fields="{issuesName:'质量问题',person:'填报人员',submitDate:'填报日期',content:'整改内容',assignDate:'指派日期',feedback:'整改反馈',rectificationDate:'整改日期'}"
:data="{
issuesName:'采购电缆发现存在残次品',person:'离散多',submitDate:'2022/07/03',content:'发现800捆电缆中66捆存在残次品，需联系供应商进行全面更换',assignDate:'2022/07/03',
feedback:'已联系供应商进行全面更换，等待更换',rectificationDate:'2022/07/03',assignDate:'2020/11/32'
}">
</IssueItems>
<IssueItems
:fields="{issuesName:'质量问题',person:'填报人员',submitDate:'填报日期',content:'整改内容',assignDate:'指派日期',feedback:'整改反馈',rectificationDate:'整改日期'}"
:data="{
issuesName:'采购电缆发现存在残次品',person:'离散多',submitDate:'2022/07/03',content:'发现800捆电缆中66捆存在残次品，需联系供应商进行全面更换',assignDate:'2022/07/03',
feedback:'已联系供应商进行全面更换，等待更换',rectificationDate:'2022/07/03',assignDate:'2020/11/32'
}">
</IssueItems>
</view>
</view>
</template>
<script>
import IssueItems from './issue-item/issue-item.vue'
import Inspection from './inspection/inspection.vue'
export default {
components: {
IssueItems,
Inspection
},
data() {
return {
activedIndex: 0
}
},
methods: {
switchTab(index) {
this.activedIndex = index
}
}
}
</script>
<style lang="scss" scoped>
.quality-issues {
.quality-inspection {
// margin-top: 88rpx;
padding: 20rpx;
}
.quality-issue-item:not(:last-child) {
margin-bottom: 36rpx;
.filter-bar {
// position: fixed;
width: 750rpx;
height: 88rpx;
display: flex;
align-items: center;
background-color: #fff;
// z-index: 99;
.left-btn {
display: flex;
align-items: center;
justify-content: center;
width: 187rpx;
height: 88rpx;
font-family: PingFangSC-Regular;
font-size: 24rpx;
color: #8F959E;
letter-spacing: 0;
line-height: 24rpx;
font-weight: 400;
}
.quality-issue-item {
.banner {
width: 100%;
height: 454rpx;
border-radius: 16rpx 16rpx 0 0;
}
.active {
color: #466DF6;
}
border-radius: 16rpx;
background-color: #fff;
.inspection {}
.rectification {}
.filter-btn {
width: 122rpx;
height: 56rpx;
margin-right: 32rpx;
}
}
</style>