防腐记录
This commit is contained in:
@@ -16,33 +16,54 @@
|
|||||||
<view class="anti-record__header">
|
<view class="anti-record__header">
|
||||||
<view class="anti-record__bar"></view>
|
<view class="anti-record__bar"></view>
|
||||||
<text class="anti-record__title">防腐记录</text>
|
<text class="anti-record__title">防腐记录</text>
|
||||||
<text
|
<text v-if="list.length > 1" class="anti-record__more" @click="showPopup = true">查看全部({{ list.length
|
||||||
v-if="list.length > 1"
|
}})</text>
|
||||||
class="anti-record__more"
|
|
||||||
@click="showPopup = true"
|
|
||||||
>查看全部({{ list.length }})</text>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 最新一条记录 -->
|
<!-- 最新一条记录 -->
|
||||||
<view class="anti-record__card" v-if="latest">
|
<view class="anti-record__card" v-if="latest">
|
||||||
<view class="anti-record__row">
|
|
||||||
<text class="anti-record__label">检查结果</text>
|
|
||||||
<view class="anti-record__tag" :class="latest.CheckResult === '合格' ? 'anti-record__tag--pass' : 'anti-record__tag--fail'">
|
|
||||||
<text class="anti-record__tag-icon">{{ latest.CheckResult === '合格' ? '\u2713' : '\u2717' }}</text>
|
|
||||||
<text class="anti-record__tag-text">{{ latest.CheckResult || '--' }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="anti-record__row">
|
<view class="anti-record__row">
|
||||||
<text class="anti-record__label">防腐等级</text>
|
<text class="anti-record__label">防腐等级</text>
|
||||||
<text class="anti-record__value">{{ latest.AnticorrosionLevel || '--' }}</text>
|
<text class="anti-record__value">{{ latest.AnticorrosionLevel || '--' }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">中间漆</text>
|
||||||
|
<text class="anti-record__value">{{ latest.IntermediatePaint || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">面漆</text>
|
||||||
|
<text class="anti-record__value">{{ latest.Topcoat || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">漆膜厚度</text>
|
||||||
|
<text class="anti-record__value">{{ latest.FilmThickness || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">检查人</text>
|
||||||
|
<text class="anti-record__value">{{ latest.CheckPersonName || '--' }}</text>
|
||||||
|
</view>
|
||||||
<view class="anti-record__row">
|
<view class="anti-record__row">
|
||||||
<text class="anti-record__label">检查时间</text>
|
<text class="anti-record__label">检查时间</text>
|
||||||
<text class="anti-record__value">{{ latest.CheckTime || '--' }}</text>
|
<text class="anti-record__value">{{ latest.CheckTime || '--' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="latest.CheckResult === '不合格' && latest.UnqualifiedReason" class="anti-record__row anti-record__row--stack">
|
<view class="anti-record__row">
|
||||||
<text class="anti-record__label">不合格原因</text>
|
<text class="anti-record__label">检查结果</text>
|
||||||
<text class="anti-record__value anti-record__value--fail">{{ latest.UnqualifiedReason }}</text>
|
<view class="anti-record__tag"
|
||||||
|
:class="latest.CheckResult === '合格' ? 'anti-record__tag--pass' : 'anti-record__tag--fail'">
|
||||||
|
<text class="anti-record__tag-icon">{{ latest.CheckResult === '合格' ? '\u2713' : '\u2717'
|
||||||
|
}}</text>
|
||||||
|
<text class="anti-record__tag-text">{{ latest.CheckResult || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row anti-record__row--stack">
|
||||||
|
<text class="anti-record__label--stack">不合格原因</text>
|
||||||
|
<text class="anti-record__value anti-record__value--stack">{{ latest.UnqualifiedReason }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row anti-record__row--stack">
|
||||||
|
<text class="anti-record__label--stack">整改要求</text>
|
||||||
|
<text class="anti-record__value anti-record__value--stack">{{ latest.RectifyRequirement
|
||||||
|
}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -55,30 +76,52 @@
|
|||||||
<text class="anti-record__popup-close" @click="showPopup = false">✕</text>
|
<text class="anti-record__popup-close" @click="showPopup = false">✕</text>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view class="anti-record__popup-bd" scroll-y>
|
<scroll-view class="anti-record__popup-bd" scroll-y>
|
||||||
<view
|
<view v-for="(item, index) in list" :key="index"
|
||||||
v-for="(item, index) in list"
|
|
||||||
:key="index"
|
|
||||||
class="anti-record__card anti-record__card--popup"
|
class="anti-record__card anti-record__card--popup"
|
||||||
:class="item.CheckResult === '合格' ? 'anti-record__card--pass' : 'anti-record__card--fail'"
|
:class="item.CheckResult === '合格' ? 'anti-record__card--pass' : 'anti-record__card--fail'">
|
||||||
>
|
|
||||||
<view class="anti-record__row">
|
|
||||||
<text class="anti-record__label">检查结果</text>
|
|
||||||
<view class="anti-record__tag" :class="item.CheckResult === '合格' ? 'anti-record__tag--pass' : 'anti-record__tag--fail'">
|
|
||||||
<text class="anti-record__tag-icon">{{ item.CheckResult === '合格' ? '\u2713' : '\u2717' }}</text>
|
|
||||||
<text class="anti-record__tag-text">{{ item.CheckResult || '--' }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="anti-record__row">
|
<view class="anti-record__row">
|
||||||
<text class="anti-record__label">防腐等级</text>
|
<text class="anti-record__label">防腐等级</text>
|
||||||
<text class="anti-record__value">{{ item.AnticorrosionLevel || '--' }}</text>
|
<text class="anti-record__value">{{ item.AnticorrosionLevel || '--' }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">中间漆</text>
|
||||||
|
<text class="anti-record__value">{{ item.IntermediatePaint || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">面漆</text>
|
||||||
|
<text class="anti-record__value">{{ item.Topcoat || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">漆膜厚度</text>
|
||||||
|
<text class="anti-record__value">{{ item.FilmThickness || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">检查人</text>
|
||||||
|
<text class="anti-record__value">{{ item.CheckPersonName || '--' }}</text>
|
||||||
|
</view>
|
||||||
<view class="anti-record__row">
|
<view class="anti-record__row">
|
||||||
<text class="anti-record__label">检查时间</text>
|
<text class="anti-record__label">检查时间</text>
|
||||||
<text class="anti-record__value">{{ item.CheckTime || '--' }}</text>
|
<text class="anti-record__value">{{ item.CheckTime || '--' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="item.CheckResult === '不合格' && item.UnqualifiedReason" class="anti-record__row anti-record__row--stack">
|
<view class="anti-record__row">
|
||||||
<text class="anti-record__label">不合格原因</text>
|
<text class="anti-record__label">检查结果</text>
|
||||||
<text class="anti-record__value anti-record__value--fail">{{ item.UnqualifiedReason }}</text>
|
<view class="anti-record__tag"
|
||||||
|
:class="item.CheckResult === '合格' ? 'anti-record__tag--pass' : 'anti-record__tag--fail'">
|
||||||
|
<text class="anti-record__tag-icon">{{ item.CheckResult === '合格' ? '\u2713' :
|
||||||
|
'\u2717'
|
||||||
|
}}</text>
|
||||||
|
<text class="anti-record__tag-text">{{ item.CheckResult || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row anti-record__row--stack" v-if="item.CheckResult === '不合格'">
|
||||||
|
<text class="anti-record__label--stack">不合格原因</text>
|
||||||
|
<text class="anti-record__value anti-record__value--stack">{{ item.UnqualifiedReason
|
||||||
|
}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row anti-record__row--stack" v-if="item.CheckResult === '不合格'">
|
||||||
|
<text class="anti-record__label--stack">整改要求</text>
|
||||||
|
<text class="anti-record__value anti-record__value--stack">{{ item.RectifyRequirement
|
||||||
|
}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
@@ -133,6 +176,7 @@ $text: #1a1a2e;
|
|||||||
$text-secondary: #8e99a4;
|
$text-secondary: #8e99a4;
|
||||||
|
|
||||||
.anti-record {
|
.anti-record {
|
||||||
|
|
||||||
&__loading,
|
&__loading,
|
||||||
&__empty {
|
&__empty {
|
||||||
padding: 40rpx 24rpx;
|
padding: 40rpx 24rpx;
|
||||||
@@ -212,12 +256,11 @@ $text-secondary: #8e99a4;
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 8rpx 0;
|
padding: 8rpx 0;
|
||||||
|
|
||||||
& + & {
|
&+& {
|
||||||
border-top: 1rpx solid #f0f0f0;
|
border-top: 1rpx solid #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--stack {
|
&--stack {
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
.anti-record__value {
|
.anti-record__value {
|
||||||
@@ -233,6 +276,15 @@ $text-secondary: #8e99a4;
|
|||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-right: 24rpx;
|
margin-right: 24rpx;
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
|
|
||||||
|
&--stack {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: $text-secondary;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-right: 24rpx;
|
||||||
|
width: 140rpx;
|
||||||
|
margin-top: 8rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__value {
|
&__value {
|
||||||
@@ -241,8 +293,7 @@ $text-secondary: #8e99a4;
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
&--fail {
|
&--stack {
|
||||||
color: #dc2626;
|
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -353,7 +404,12 @@ $text-secondary: #8e99a4;
|
|||||||
}
|
}
|
||||||
|
|
||||||
@keyframes slideUp {
|
@keyframes slideUp {
|
||||||
0% { transform: translateY(100%); }
|
0% {
|
||||||
100% { transform: translateY(0); }
|
transform: translateY(100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -46,10 +46,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 防腐记录 -->
|
|
||||||
<nbd-anti-record :params="{ materialCode: form.MaterialCode, projectId: currentProject.ProjectId }" />
|
|
||||||
|
|
||||||
<!-- 防腐填报 -->
|
<!-- 防腐填报 -->
|
||||||
<view class="section">
|
<view class="section">
|
||||||
<view class="section__header">
|
<view class="section__header">
|
||||||
@@ -110,7 +106,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 自检 -->
|
|
||||||
|
<!-- 自检 -->
|
||||||
<view class="section">
|
<view class="section">
|
||||||
<view class="section__header">
|
<view class="section__header">
|
||||||
<view class="section__bar"></view>
|
<view class="section__bar"></view>
|
||||||
@@ -165,6 +162,11 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<!-- 防腐记录 -->
|
||||||
|
<nbd-anti-record :params="{ materialCode: form.MaterialCode, projectId: currentProject.ProjectId }" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<nbd-submit-bar text="提交" :loading="submitting" @click="handleSubmit" />
|
<nbd-submit-bar text="提交" :loading="submitting" @click="handleSubmit" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user