防腐
This commit is contained in:
@@ -1,7 +0,0 @@
|
|||||||
{
|
|
||||||
"permissions": {
|
|
||||||
"allow": [
|
|
||||||
"Bash(git checkout *)"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -167,3 +167,22 @@ export const reqGetGrooveTypeList = ()=>get(`BaseInfo/GetGrooveType`)
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export const reqSaveFitupCheck = (data)=>post(`PreWeldInspection/SaveFitupCheck`, data)
|
export const reqSaveFitupCheck = (data)=>post(`PreWeldInspection/SaveFitupCheck`, data)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取防腐等级
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const reqPaintCodeList = ()=>get(`/AntiCorrosionCheck/GetPaintCodeList`)
|
||||||
|
/**
|
||||||
|
* 保存防腐填报记录
|
||||||
|
* @param {Object} data
|
||||||
|
*/
|
||||||
|
export const reqSaveAntiCorrosionCheck = (data={})=>post(`/AntiCorrosionCheck/SaveRecord`,data)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取防腐填报记录
|
||||||
|
* @param {String} materialCode
|
||||||
|
*/
|
||||||
|
export const reqGetAntiCorrosionCheck = (params) => get(`/AntiCorrosionCheck/GetRecordsByMaterialCode?materialCode=${params.materialCode}&projectId=${params.projectId}`)
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: "nbd-icon"; /* Project id 5193086 */
|
font-family: "nbd-icon"; /* Project id 5193086 */
|
||||||
src: url('//at.alicdn.com/t/c/font_5193086_0r8nbjxfoygi.woff2?t=1781694668587') format('woff2'),
|
src: url('//at.alicdn.com/t/c/font_5193086_mkaqbwmfan.woff2?t=1782898376381') format('woff2'),
|
||||||
url('//at.alicdn.com/t/c/font_5193086_0r8nbjxfoygi.woff?t=1781694668587') format('woff'),
|
url('//at.alicdn.com/t/c/font_5193086_mkaqbwmfan.woff?t=1782898376381') format('woff'),
|
||||||
url('//at.alicdn.com/t/c/font_5193086_0r8nbjxfoygi.ttf?t=1781694668587') format('truetype');
|
url('//at.alicdn.com/t/c/font_5193086_mkaqbwmfan.ttf?t=1782898376381') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.nbd-icon {
|
.nbd-icon {
|
||||||
@@ -13,8 +13,12 @@
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nbd-icon-chuxiufangfu:before {
|
||||||
|
content: "\e65a";
|
||||||
|
}
|
||||||
|
|
||||||
.nbd-icon-zudui:before {
|
.nbd-icon-zudui:before {
|
||||||
content: "\e619";
|
content: "\ebf6";
|
||||||
}
|
}
|
||||||
|
|
||||||
.nbd-icon-xialiaochoujianjilu:before {
|
.nbd-icon-xialiaochoujianjilu:before {
|
||||||
|
|||||||
@@ -0,0 +1,359 @@
|
|||||||
|
<template>
|
||||||
|
<view class="anti-record">
|
||||||
|
<!-- 加载中 -->
|
||||||
|
<view v-if="loading" class="anti-record__loading">
|
||||||
|
<text class="anti-record__loading-text">加载中...</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 无记录 -->
|
||||||
|
<view v-else-if="!loading && list.length === 0" class="anti-record__empty">
|
||||||
|
<text class="anti-record__empty-text">暂无防腐记录</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 有记录 -->
|
||||||
|
<template v-else>
|
||||||
|
<view class="anti-record__section">
|
||||||
|
<view class="anti-record__header">
|
||||||
|
<view class="anti-record__bar"></view>
|
||||||
|
<text class="anti-record__title">防腐记录</text>
|
||||||
|
<text
|
||||||
|
v-if="list.length > 1"
|
||||||
|
class="anti-record__more"
|
||||||
|
@click="showPopup = true"
|
||||||
|
>查看全部({{ list.length }})</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 最新一条记录 -->
|
||||||
|
<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">
|
||||||
|
<text class="anti-record__label">防腐等级</text>
|
||||||
|
<text class="anti-record__value">{{ latest.AnticorrosionLevel || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">检查时间</text>
|
||||||
|
<text class="anti-record__value">{{ latest.CheckTime || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view v-if="latest.CheckResult === '不合格' && latest.UnqualifiedReason" class="anti-record__row anti-record__row--stack">
|
||||||
|
<text class="anti-record__label">不合格原因</text>
|
||||||
|
<text class="anti-record__value anti-record__value--fail">{{ latest.UnqualifiedReason }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 弹窗：全部记录 -->
|
||||||
|
<view class="anti-record__overlay" v-if="showPopup" @click="showPopup = false">
|
||||||
|
<view class="anti-record__popup" @click.stop>
|
||||||
|
<view class="anti-record__popup-hd">
|
||||||
|
<text class="anti-record__popup-title">全部防腐记录</text>
|
||||||
|
<text class="anti-record__popup-close" @click="showPopup = false">✕</text>
|
||||||
|
</view>
|
||||||
|
<scroll-view class="anti-record__popup-bd" scroll-y>
|
||||||
|
<view
|
||||||
|
v-for="(item, index) in list"
|
||||||
|
:key="index"
|
||||||
|
class="anti-record__card anti-record__card--popup"
|
||||||
|
: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">
|
||||||
|
<text class="anti-record__label">防腐等级</text>
|
||||||
|
<text class="anti-record__value">{{ item.AnticorrosionLevel || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="anti-record__row">
|
||||||
|
<text class="anti-record__label">检查时间</text>
|
||||||
|
<text class="anti-record__value">{{ item.CheckTime || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.CheckResult === '不合格' && item.UnqualifiedReason" class="anti-record__row anti-record__row--stack">
|
||||||
|
<text class="anti-record__label">不合格原因</text>
|
||||||
|
<text class="anti-record__value anti-record__value--fail">{{ item.UnqualifiedReason }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed, watch } from 'vue'
|
||||||
|
import { reqGetAntiCorrosionCheck } from '@/api/hj.js'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
params: { type: Object, default: () => ({}) }
|
||||||
|
})
|
||||||
|
|
||||||
|
const list = ref([])
|
||||||
|
const loading = ref(false)
|
||||||
|
const showPopup = ref(false)
|
||||||
|
|
||||||
|
const latest = computed(() => list.value[0] || null)
|
||||||
|
|
||||||
|
const fetchRecords = async () => {
|
||||||
|
const { materialCode, projectId } = props.params
|
||||||
|
if (!materialCode || !projectId) return
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const res = await reqGetAntiCorrosionCheck(props.params)
|
||||||
|
if (res.code === 1 && res.data) {
|
||||||
|
list.value = res.data
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error('获取防腐记录失败:', err)
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const materialCode = computed(() => props.params?.materialCode)
|
||||||
|
const projectId = computed(() => props.params?.projectId)
|
||||||
|
|
||||||
|
watch([materialCode, projectId], fetchRecords, { immediate: true })
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
$primary: #2979ff;
|
||||||
|
$bg: #f4f2ee;
|
||||||
|
$card-bg: #fff;
|
||||||
|
$card-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||||
|
$text: #1a1a2e;
|
||||||
|
$text-secondary: #8e99a4;
|
||||||
|
|
||||||
|
.anti-record {
|
||||||
|
&__loading,
|
||||||
|
&__empty {
|
||||||
|
padding: 40rpx 24rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__loading-text,
|
||||||
|
&__empty-text {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: $text-secondary;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__section {
|
||||||
|
margin: 0 24rpx 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__bar {
|
||||||
|
width: 6rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
border-radius: 3rpx;
|
||||||
|
background: $primary;
|
||||||
|
margin-right: 14rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__title {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
color: $text;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__more {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: $primary;
|
||||||
|
padding: 6rpx 16rpx;
|
||||||
|
background: rgba($primary, 0.08);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__card {
|
||||||
|
position: relative;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
background: $card-bg;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
box-shadow: $card-shadow;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 6rpx;
|
||||||
|
transition: background 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--pass::before {
|
||||||
|
background: #22c55e;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--fail::before {
|
||||||
|
background: #ef4444;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 8rpx 0;
|
||||||
|
|
||||||
|
& + & {
|
||||||
|
border-top: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--stack {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.anti-record__value {
|
||||||
|
margin-top: 8rpx;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__label {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: $text-secondary;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-right: 24rpx;
|
||||||
|
width: 140rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__value {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: $text;
|
||||||
|
flex: 1;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
&--fail {
|
||||||
|
color: #dc2626;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__tag {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6rpx;
|
||||||
|
padding: 6rpx 16rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
min-width: 100rpx;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
&--pass {
|
||||||
|
background: #ebf9f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--fail {
|
||||||
|
background: #fef2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-icon {
|
||||||
|
font-size: 22rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--pass &-icon {
|
||||||
|
color: #22c55e;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--fail &-icon {
|
||||||
|
color: #ef4444;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-text {
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--pass &-text {
|
||||||
|
color: #16a34a;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--fail &-text {
|
||||||
|
color: #dc2626;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ===== 弹窗 =====
|
||||||
|
&__overlay {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
z-index: 999;
|
||||||
|
background: rgba(0, 0, 0, 0.45);
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__popup {
|
||||||
|
width: 100%;
|
||||||
|
height: 70vh;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 24rpx 24rpx 0 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
animation: slideUp 0.3s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__popup-hd {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 24rpx 28rpx 12rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__popup-title {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
color: $text;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__popup-close {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: $text-secondary;
|
||||||
|
padding: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__popup-bd {
|
||||||
|
flex: 1;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow-y: auto;
|
||||||
|
background: #f5f5f5;
|
||||||
|
padding: 12rpx 28rpx 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__card--popup {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
box-shadow: $card-shadow;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__card--popup:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideUp {
|
||||||
|
0% { transform: translateY(100%); }
|
||||||
|
100% { transform: translateY(0); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,118 @@
|
|||||||
|
<template>
|
||||||
|
<view class="check-seg">
|
||||||
|
<view
|
||||||
|
class="check-seg__item"
|
||||||
|
:class="{ 'check-seg__item--active': isPass, 'is-active-anim': isPass && animKey === 'pass' }"
|
||||||
|
@click="select(passKey)"
|
||||||
|
>
|
||||||
|
<text class="check-seg__icon">{{ '\u2713' }}</text>
|
||||||
|
<text class="check-seg__text">{{ passText }}</text>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="check-seg__item"
|
||||||
|
:class="{ 'check-seg__item--active': isFail, 'is-active-anim': isFail && animKey === 'fail' }"
|
||||||
|
@click="select(failKey)"
|
||||||
|
>
|
||||||
|
<text class="check-seg__icon">{{ '\u2717' }}</text>
|
||||||
|
<text class="check-seg__text">{{ failText }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, ref, watch, nextTick } from 'vue'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: { type: [Boolean, Object], default: null },
|
||||||
|
passKey: { type: String, default: 'pass' },
|
||||||
|
failKey: { type: String, default: 'fail' },
|
||||||
|
passText: { type: String, default: '通过' },
|
||||||
|
failText: { type: String, default: '不通过' }
|
||||||
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
|
const isPass = computed(() => props.modelValue === props.passKey)
|
||||||
|
const isFail = computed(() => props.modelValue === props.failKey)
|
||||||
|
|
||||||
|
const animKey = ref('')
|
||||||
|
|
||||||
|
watch(() => props.modelValue, async () => {
|
||||||
|
animKey.value = ''
|
||||||
|
await nextTick()
|
||||||
|
animKey.value = isPass.value ? 'pass' : 'fail'
|
||||||
|
})
|
||||||
|
|
||||||
|
const select = (key) => {
|
||||||
|
emit('update:modelValue', key)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.check-seg {
|
||||||
|
display: inline-flex;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1rpx solid #e5e7eb;
|
||||||
|
|
||||||
|
&__item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6rpx;
|
||||||
|
padding: 12rpx 24rpx;
|
||||||
|
transition: all 0.25s ease;
|
||||||
|
background: #f9fafb;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-right: 1rpx solid #e5e7eb;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
transform: scale(0.96);
|
||||||
|
}
|
||||||
|
|
||||||
|
&--active {
|
||||||
|
background: #ebf9f0;
|
||||||
|
|
||||||
|
.check-seg__icon { color: #22c55e; }
|
||||||
|
.check-seg__text { color: #16a34a; font-weight: 600; }
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-right-color: #b7ebc6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&--active:not(:first-child) {
|
||||||
|
background: #fef2f2;
|
||||||
|
|
||||||
|
.check-seg__icon { color: #ef4444; }
|
||||||
|
.check-seg__text { color: #dc2626; font-weight: 600; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__icon {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #9ca3af;
|
||||||
|
font-weight: 700;
|
||||||
|
transition: color 0.25s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__text {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #6b7280;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: color 0.25s ease;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ===== 激活动画（双选分段） =====
|
||||||
|
@keyframes popIn {
|
||||||
|
0% { transform: scale(0.5); opacity: 0; }
|
||||||
|
60% { transform: scale(1.15); }
|
||||||
|
100% { transform: scale(1); opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-seg__item.is-active-anim .check-seg__icon {
|
||||||
|
animation: popIn 0.3s ease-out;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,91 @@
|
|||||||
|
<template>
|
||||||
|
<view class="submit-bar">
|
||||||
|
<view
|
||||||
|
class="submit-btn"
|
||||||
|
:class="{ 'submit-btn--loading': loading }"
|
||||||
|
:style="btnStyle"
|
||||||
|
@click="handleClick"
|
||||||
|
>
|
||||||
|
<text v-if="icon" class="submit-btn__icon">{{ icon }}</text>
|
||||||
|
<text class="submit-btn__text">{{ loading ? '提交中...' : text }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
text: { type: String, default: '提交' },
|
||||||
|
icon: { type: String, default: '' },
|
||||||
|
color: { type: String, default: '#2979ff' },
|
||||||
|
loading: { type: Boolean, default: false }
|
||||||
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['click'])
|
||||||
|
|
||||||
|
const lighten = (hex, amount = 0.25) => {
|
||||||
|
const c = hex.replace('#', '')
|
||||||
|
const r = Math.round(parseInt(c.substring(0, 2), 16) * (1 - amount) + 255 * amount)
|
||||||
|
const g = Math.round(parseInt(c.substring(2, 4), 16) * (1 - amount) + 255 * amount)
|
||||||
|
const b = Math.round(parseInt(c.substring(4, 6), 16) * (1 - amount) + 255 * amount)
|
||||||
|
return `rgb(${r},${g},${b})`
|
||||||
|
}
|
||||||
|
|
||||||
|
const btnStyle = computed(() => ({
|
||||||
|
background: `linear-gradient(135deg, ${props.color}, ${lighten(props.color)})`,
|
||||||
|
boxShadow: `0 6rpx 24rpx ${props.color}4d`
|
||||||
|
}))
|
||||||
|
|
||||||
|
const handleClick = () => {
|
||||||
|
if (!props.loading) emit('click')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
$primary: #2979ff;
|
||||||
|
$bg: #f4f2ee;
|
||||||
|
|
||||||
|
.submit-bar {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 100;
|
||||||
|
padding: 20rpx 24rpx;
|
||||||
|
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||||
|
background: linear-gradient(180deg, rgba($bg, 0) 0%, $bg 20%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 24rpx;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
opacity: 0.9;
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
|
||||||
|
&--loading {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__icon {
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__text {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #fff;
|
||||||
|
letter-spacing: 2rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -21,6 +21,7 @@
|
|||||||
})()
|
})()
|
||||||
|
|
||||||
import App from './App'
|
import App from './App'
|
||||||
|
import './utils/formatTime'
|
||||||
|
|
||||||
// #ifndef VUE3
|
// #ifndef VUE3
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
|
|||||||
@@ -145,6 +145,12 @@
|
|||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "焊接日报"
|
"navigationBarTitleText": "焊接日报"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "hj/do_anti_rust",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "防腐处理"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -267,6 +267,10 @@
|
|||||||
* 菜单扫一扫
|
* 菜单扫一扫
|
||||||
*/
|
*/
|
||||||
const handleMenuScan = (path) => {
|
const handleMenuScan = (path) => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: path + `?id=PPA031S03-25607419-2511410009`
|
||||||
|
})
|
||||||
|
return
|
||||||
wx.scanCode({
|
wx.scanCode({
|
||||||
scanType: ['datamatrix', 'barCode', 'qrCode', 'wxCode', 'pdf417'],
|
scanType: ['datamatrix', 'barCode', 'qrCode', 'wxCode', 'pdf417'],
|
||||||
success(res) {
|
success(res) {
|
||||||
|
|||||||
@@ -0,0 +1,670 @@
|
|||||||
|
<template>
|
||||||
|
<view class="detail-page">
|
||||||
|
<!-- 焊口主标识 -->
|
||||||
|
<view class="joint-hero">
|
||||||
|
<text class="joint-hero__code">{{ form.MaterialCode || '--' }}</text>
|
||||||
|
<view class="joint-hero__meta">
|
||||||
|
<view class="joint-hero__pill">
|
||||||
|
<text class="pill-label">材料编码</text>
|
||||||
|
<text class="pill-value">{{ form.Code || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="joint-hero__pill">
|
||||||
|
<text class="pill-label">材料名称</text>
|
||||||
|
<text class="pill-value">{{ form.MaterialName }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 材料信息 -->
|
||||||
|
<view class="section">
|
||||||
|
<view class="section__header">
|
||||||
|
<view class="section__bar"></view>
|
||||||
|
<text class="section__title">材料信息</text>
|
||||||
|
</view>
|
||||||
|
<view class="card">
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">炉号</text>
|
||||||
|
<text class="card__value">
|
||||||
|
{{ form.HeatNo || '--' }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">批号</text>
|
||||||
|
<text class="card__value">{{ form.BatchNo || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">规格</text>
|
||||||
|
<text class="card__value">{{ form.MaterialSpec || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">单位</text>
|
||||||
|
<text class="card__value">{{ form.MaterialUnit || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="card__row card__row--stack">
|
||||||
|
<text class="card__label">材料描述</text>
|
||||||
|
<text class="card__value">{{ form.MaterialDef || '--' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 防腐记录 -->
|
||||||
|
<nbd-anti-record :params="{ materialCode: form.MaterialCode, projectId: currentProject.ProjectId }" />
|
||||||
|
|
||||||
|
<!-- 防腐填报 -->
|
||||||
|
<view class="section">
|
||||||
|
<view class="section__header">
|
||||||
|
<view class="section__bar"></view>
|
||||||
|
<text class="section__title">防腐填报</text>
|
||||||
|
</view>
|
||||||
|
<view class="card">
|
||||||
|
<!-- 防腐等级/涂漆代码（下拉选择） -->
|
||||||
|
<view class="card__row" @click="showPaintCodePicker = true">
|
||||||
|
<text class="card__label">防腐等级</text>
|
||||||
|
<view class="card__value-wrap card__value-wrap--clickable">
|
||||||
|
<text class="card__value" :class="{ 'card__value--placeholder': !antiForm.AnticorrosionLevel }">
|
||||||
|
{{ antiForm.AnticorrosionLevel || '请选择防腐等级' }}
|
||||||
|
</text>
|
||||||
|
<u-icon name="arrow-down" :size="24" color="#bbb" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 中间漆 -->
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">中间漆</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
{{ antiForm.IntermediatePaint || '--' }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 面漆 -->
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">面漆</text>
|
||||||
|
<view class="card__value">
|
||||||
|
{{ antiForm.Topcoat || '--' }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 漆膜厚度 -->
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">漆膜厚度</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
<input class="card__input" v-model="antiForm.FilmThickness" type="digit"
|
||||||
|
placeholder="请输入漆膜厚度" />
|
||||||
|
<text class="card__unit">μm</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 喷砂情况 -->
|
||||||
|
<view class="card__row card__row--stack">
|
||||||
|
<text class="card__label">喷砂情况</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
<textarea class="remark-input" v-model="antiForm.SandBlasting" placeholder="请输入"
|
||||||
|
:maxlength="200" auto-height />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 除锈喷砂情况 -->
|
||||||
|
<view class="card__row card__row--stack">
|
||||||
|
<text class="card__label">除锈喷砂情况</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
<textarea class="remark-input" v-model="antiForm.RustSandBlasting" placeholder="请输入"
|
||||||
|
:maxlength="200" auto-height />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 自检 -->
|
||||||
|
<view class="section">
|
||||||
|
<view class="section__header">
|
||||||
|
<view class="section__bar"></view>
|
||||||
|
<text class="section__title">自检信息</text>
|
||||||
|
</view>
|
||||||
|
<view class="card">
|
||||||
|
<!-- 自检结果 -->
|
||||||
|
<view class="card__row">
|
||||||
|
<text class="card__label">自检结果</text>
|
||||||
|
<view class="card__value-wrap card__value-wrap--clickable">
|
||||||
|
<nbd-check-btn v-model="antiForm.CheckResult" passKey="合格" failKey="不合格" passText="合格" failText="不合格" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view
|
||||||
|
class="fail-section"
|
||||||
|
:class="{ 'is-visible': failVisible, 'is-enter': failAnimating, 'is-leave': failLeaving }"
|
||||||
|
>
|
||||||
|
<!-- 不合格原因 -->
|
||||||
|
<view class="card__row card__row--stack">
|
||||||
|
<text class="card__label">不合格原因</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
<textarea class="remark-input" v-model="antiForm.UnqualifiedReason" placeholder="请输入"
|
||||||
|
:maxlength="200" auto-height />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 整改要求 -->
|
||||||
|
<view class="card__row card__row--stack">
|
||||||
|
<text class="card__label">整改要求</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
<textarea class="remark-input" v-model="antiForm.RectifyRequirement" placeholder="请输入"
|
||||||
|
:maxlength="200" auto-height />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 备注 -->
|
||||||
|
<view class="card__row card__row--stack">
|
||||||
|
<text class="card__label">备注</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
<textarea class="remark-input" v-model="antiForm.Remark" placeholder="请输入备注信息（选填）"
|
||||||
|
:maxlength="200" auto-height />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 照片 -->
|
||||||
|
<view class="card__row card__row--stack">
|
||||||
|
<text class="card__label">照片</text>
|
||||||
|
<view class="card__value-wrap">
|
||||||
|
<nbd-photo-upload ref="photoRef" v-model:attachUrl="files" typeName="AntiRust" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<nbd-submit-bar text="提交" :loading="submitting" @click="handleSubmit" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<nbd-select v-model="showPaintCodePicker" title="选择防腐等级" :list="paintCodeList" label-key="PaintCode" value-key="Id"
|
||||||
|
@confirm="selectPaintCode" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import { onLoad } from '@dcloudio/uni-app'
|
||||||
|
import { storeToRefs } from 'pinia'
|
||||||
|
import { watch, nextTick } from 'vue'
|
||||||
|
import { useUserStore } from '@/store'
|
||||||
|
import { reqMaterialInfoByMaterialCode, reqPaintCodeList, reqSaveAntiCorrosionCheck } from '@/api/hj.js'
|
||||||
|
|
||||||
|
const userStore = useUserStore()
|
||||||
|
const { userInfo, currentProject } = storeToRefs(userStore)
|
||||||
|
const form = ref({})
|
||||||
|
const showPaintCodePicker = ref(false)
|
||||||
|
const paintCodeList = ref([])
|
||||||
|
|
||||||
|
const files = ref('')
|
||||||
|
|
||||||
|
// 防腐填报
|
||||||
|
const antiForm = ref({
|
||||||
|
AnticorrosionLevel: '', // 防腐等级（显示用）
|
||||||
|
PaintId: '', // 防腐代码字典ID
|
||||||
|
IntermediatePaint: '', // 中间漆
|
||||||
|
Topcoat: '', // 面漆
|
||||||
|
FilmThickness: '', // 漆膜厚度 （两位小数，单位μm）
|
||||||
|
RustSandBlasting: '', // 除锈喷砂信息
|
||||||
|
SandBlasting: '', // 喷砂信息
|
||||||
|
Remark: '', // 备注
|
||||||
|
CheckResult: '合格', // 检查结果
|
||||||
|
UnqualifiedReason: '', // 不合格原因
|
||||||
|
RectifyRequirement: '', // 整改要求
|
||||||
|
})
|
||||||
|
|
||||||
|
const photoRef = ref(null)
|
||||||
|
const submitting = ref(false)
|
||||||
|
const failVisible = ref(antiForm.value.CheckResult === '不合格')
|
||||||
|
const failAnimating = ref(false)
|
||||||
|
const failLeaving = ref(false)
|
||||||
|
|
||||||
|
watch(() => antiForm.value.CheckResult, async (val) => {
|
||||||
|
if (val === '不合格') {
|
||||||
|
failVisible.value = true
|
||||||
|
await nextTick()
|
||||||
|
failAnimating.value = true
|
||||||
|
failLeaving.value = false
|
||||||
|
} else {
|
||||||
|
failLeaving.value = true
|
||||||
|
failAnimating.value = false
|
||||||
|
setTimeout(() => {
|
||||||
|
failVisible.value = false
|
||||||
|
failLeaving.value = false
|
||||||
|
}, 250)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const fetchPaintCodes = async () => {
|
||||||
|
try {
|
||||||
|
const res = await reqPaintCodeList()
|
||||||
|
if (res.code === 1 && res.data) {
|
||||||
|
paintCodeList.value = res.data
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error('获取防腐等级列表失败:', err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const selectPaintCode = (item) => {
|
||||||
|
antiForm.value.PaintId = item.Id
|
||||||
|
antiForm.value.AnticorrosionLevel = item.PaintCode
|
||||||
|
antiForm.value.IntermediatePaint = item.IntermediatePaint
|
||||||
|
antiForm.value.Topcoat = item.Topcoat
|
||||||
|
|
||||||
|
showPaintCodePicker.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
onLoad((opt) => {
|
||||||
|
fetchPaintCodes()
|
||||||
|
if (opt?.id) {
|
||||||
|
loadData(opt.id)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const loadData = async (id) => {
|
||||||
|
try {
|
||||||
|
uni.showLoading({ title: '加载中...', mask: true })
|
||||||
|
const res = await reqMaterialInfoByMaterialCode(encodeURIComponent(id))
|
||||||
|
if (res.code === 1 && res.data) {
|
||||||
|
form.value = res.data
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error('加载焊口数据失败:', err)
|
||||||
|
uni.showToast({ title: '加载失败', icon: 'none' })
|
||||||
|
} finally {
|
||||||
|
uni.hideLoading()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
// if (!antiForm.value.PaintId) {
|
||||||
|
// uni.showToast({ title: '请选择防腐等级', icon: 'none' })
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
if( !antiForm.value.UnqualifiedReason && antiForm.value.CheckResult === '不合格') {
|
||||||
|
uni.showToast({ title: '请输入不合格原因', icon: 'none' })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if( !antiForm.value.RectifyRequirement && antiForm.value.CheckResult === '不合格') {
|
||||||
|
uni.showToast({ title: '请输入整改要求', icon: 'none' })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认提交',
|
||||||
|
content: '确定提交防腐处理结果吗？',
|
||||||
|
success: async (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
submitting.value = true
|
||||||
|
if (photoRef.value?.hasPending()) {
|
||||||
|
uni.showLoading({ title: '上传照片中...', mask: true })
|
||||||
|
await photoRef.value.uploadAll()
|
||||||
|
uni.hideLoading()
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
ProjectId: currentProject.value.ProjectId, // 项目ID
|
||||||
|
MaterialCode: form.value.MaterialCode, // 材料编码
|
||||||
|
AnticorrosionLevel: antiForm.value.AnticorrosionLevel, // 防腐等级
|
||||||
|
PaintId: antiForm.value.PaintId, // 防腐代码字典ID
|
||||||
|
FilmThickness: antiForm.value.FilmThickness, // 漆膜厚度
|
||||||
|
SandBlasting: antiForm.value.SandBlasting, // 喷砂信息
|
||||||
|
RustSandBlasting: antiForm.value.RustSandBlasting, // 除锈喷砂信息
|
||||||
|
Remark: antiForm.value.Remark, // 备注
|
||||||
|
CheckResult: antiForm.value.CheckResult, // 检查结果
|
||||||
|
UnqualifiedReason: antiForm.value.UnqualifiedReason, // 不合格原因
|
||||||
|
RectifyRequirement: antiForm.value.RectifyRequirement, // 整改要求
|
||||||
|
CheckPerson: userInfo.value.PersonId, // 检查人员
|
||||||
|
CheckTime: uni.formatTime(new Date().getTime(), 'YYYY-MM-DD HH:mm'), // 检查时间
|
||||||
|
CreateUser: userInfo.PersonId, // 创建人员
|
||||||
|
AttachUrl1: files.value, // 照片
|
||||||
|
}
|
||||||
|
console.log("提交数据==============>",data)
|
||||||
|
try {
|
||||||
|
const res = await reqSaveAntiCorrosionCheck(data)
|
||||||
|
if (res.code === 1) {
|
||||||
|
uni.showToast({ title: '提交成功', icon: 'success' })
|
||||||
|
setTimeout(() => uni.navigateBack(), 1500)
|
||||||
|
} else {
|
||||||
|
uni.showToast({ title: res.msg || '提交失败', icon: 'none' })
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error('提交防腐填报失败:', err)
|
||||||
|
uni.showToast({ title: '提交失败', icon: 'none' })
|
||||||
|
} finally {
|
||||||
|
submitting.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
$primary: #2979ff;
|
||||||
|
$primary-light: #e8f0fe;
|
||||||
|
$primary-mid: #d0ddff;
|
||||||
|
$primary-dark: #1a56cc;
|
||||||
|
$bg: #f4f2ee;
|
||||||
|
$text: #0f1724;
|
||||||
|
$text-secondary: #6b7c93;
|
||||||
|
$border: #e8ecf1;
|
||||||
|
$card-bg: #fefdfb;
|
||||||
|
$radius: 16rpx;
|
||||||
|
$shadow-md: 0 2rpx 12rpx rgba(0, 0, 0, 0.04), 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||||
|
|
||||||
|
.detail-page {
|
||||||
|
min-height: 100vh;
|
||||||
|
background: $bg;
|
||||||
|
padding-bottom: 180rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ===== 焊口主标识 =====
|
||||||
|
.joint-hero {
|
||||||
|
position: relative;
|
||||||
|
margin: 24rpx;
|
||||||
|
padding: 36rpx 32rpx 28rpx;
|
||||||
|
background: $card-bg;
|
||||||
|
border-radius: $radius;
|
||||||
|
box-shadow: $shadow-md;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 4rpx;
|
||||||
|
background: linear-gradient(90deg, $primary, #6ba3ff, $primary);
|
||||||
|
background-size: 200% 100%;
|
||||||
|
animation: shimmer 3s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes shimmer {
|
||||||
|
|
||||||
|
0%,
|
||||||
|
100% {
|
||||||
|
background-position: 0% 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-position: 100% 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__code {
|
||||||
|
display: block;
|
||||||
|
font-size: 52rpx;
|
||||||
|
font-weight: 800;
|
||||||
|
color: $text;
|
||||||
|
line-height: 1.2;
|
||||||
|
word-break: break-all;
|
||||||
|
font-family: monospace;
|
||||||
|
letter-spacing: 2rpx;
|
||||||
|
margin-bottom: 28rpx;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 24rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 6rpx;
|
||||||
|
bottom: 6rpx;
|
||||||
|
width: 4rpx;
|
||||||
|
background: $primary;
|
||||||
|
border-radius: 2rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 12rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__pill {
|
||||||
|
display: inline-flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8rpx;
|
||||||
|
background: $primary-light;
|
||||||
|
padding: 10rpx 18rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border: 1rpx solid $primary-mid;
|
||||||
|
|
||||||
|
.pill-label {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: $text-secondary;
|
||||||
|
width: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill-value {
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: $primary-dark;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ===== 动效关键帧 =====
|
||||||
|
@keyframes fadeUp {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(24rpx);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes breathe {
|
||||||
|
0%, 100% {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ===== 区块标题 =====
|
||||||
|
.section {
|
||||||
|
margin: 0 24rpx 20rpx;
|
||||||
|
animation: fadeUp 0.5s ease-out both;
|
||||||
|
|
||||||
|
&:nth-child(2) { animation-delay: 0.05s; }
|
||||||
|
&:nth-child(3) { animation-delay: 0.15s; }
|
||||||
|
|
||||||
|
&__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12rpx;
|
||||||
|
margin-bottom: 14rpx;
|
||||||
|
padding: 0 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__bar {
|
||||||
|
width: 6rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
background: linear-gradient(180deg, $primary, #6ba3ff);
|
||||||
|
border-radius: 3rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
animation: breathe 2.5s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__title {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: $text;
|
||||||
|
letter-spacing: 0.5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-box {
|
||||||
|
padding: 20rpx;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ===== 信息卡片 =====
|
||||||
|
.card {
|
||||||
|
background: $card-bg;
|
||||||
|
border-radius: $radius;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: $shadow-md;
|
||||||
|
|
||||||
|
&__row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 22rpx 28rpx;
|
||||||
|
border-bottom: 1rpx solid $border;
|
||||||
|
transition: background 0.25s ease;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background: #f5f4f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--stack {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.card__label {
|
||||||
|
width: auto;
|
||||||
|
padding-left: 16rpx;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 4rpx;
|
||||||
|
height: 16rpx;
|
||||||
|
background: $primary-mid;
|
||||||
|
border-radius: 2rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__value {
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__value-wrap {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__input {
|
||||||
|
text-align: left;
|
||||||
|
min-height: 132rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.remark-input {
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: $text;
|
||||||
|
padding: 20rpx 24rpx;
|
||||||
|
background: #f7f8fa;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
line-height: 1.6;
|
||||||
|
min-height: 140rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
&::placeholder {
|
||||||
|
color: #b0bec5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__label {
|
||||||
|
width: 180rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: $text-secondary;
|
||||||
|
flex-shrink: 0;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 16rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 4rpx;
|
||||||
|
height: 16rpx;
|
||||||
|
background: $primary-mid;
|
||||||
|
border-radius: 2rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__value {
|
||||||
|
flex: 1;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: $text;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
&--placeholder {
|
||||||
|
color: #888888;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__value-wrap {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
gap: 8rpx;
|
||||||
|
|
||||||
|
&--clickable {
|
||||||
|
min-height: 48rpx;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__unit {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: $text-secondary;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__input {
|
||||||
|
flex: 1;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: $text;
|
||||||
|
text-align: left;
|
||||||
|
height: 48rpx;
|
||||||
|
|
||||||
|
&::placeholder {
|
||||||
|
color: #b0bec5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ===== 不合格区域切换动画 =====
|
||||||
|
.fail-section {
|
||||||
|
max-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-20rpx);
|
||||||
|
transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
|
||||||
|
|
||||||
|
&.is-visible {
|
||||||
|
max-height: 600rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-enter {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-leave {
|
||||||
|
max-height: 0;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-20rpx);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -90,20 +90,8 @@
|
|||||||
<text class="check-item__label">材料编码及炉批号校验</text>
|
<text class="check-item__label">材料编码及炉批号校验</text>
|
||||||
<text class="check-item__desc">核对实物编码与批次信息</text>
|
<text class="check-item__desc">核对实物编码与批次信息</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="check-item__action" @click="toggleCheck('CodeBatch')">
|
<view class="check-item__action">
|
||||||
<view class="check-btn" :class="{
|
<nbd-check-btn v-model="check.CodeBatch" :passKey="true" :failKey="false" passText="通过" failText="不通过" />
|
||||||
'check-btn--pass': check.CodeBatch === true,
|
|
||||||
'check-btn--fail': check.CodeBatch === false
|
|
||||||
}">
|
|
||||||
<template v-if="check.CodeBatch === true">
|
|
||||||
<text class="check-btn__icon">✓</text>
|
|
||||||
<text class="check-btn__text">通过</text>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<text class="check-btn__icon">✗</text>
|
|
||||||
<text class="check-btn__text">不通过</text>
|
|
||||||
</template>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="check-item">
|
<view class="check-item">
|
||||||
@@ -111,20 +99,8 @@
|
|||||||
<text class="check-item__label">材料数量校验</text>
|
<text class="check-item__label">材料数量校验</text>
|
||||||
<text class="check-item__desc">核对实物数量与单据一致</text>
|
<text class="check-item__desc">核对实物数量与单据一致</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="check-item__action" @click="toggleCheck('Quantity')">
|
<view class="check-item__action">
|
||||||
<view class="check-btn" :class="{
|
<nbd-check-btn v-model="check.Quantity" :passKey="true" :failKey="false" passText="通过" failText="不通过" />
|
||||||
'check-btn--pass': check.Quantity === true,
|
|
||||||
'check-btn--fail': check.Quantity === false
|
|
||||||
}">
|
|
||||||
<template v-if="check.Quantity === true">
|
|
||||||
<text class="check-btn__icon">✓</text>
|
|
||||||
<text class="check-btn__text">通过</text>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<text class="check-btn__icon">✗</text>
|
|
||||||
<text class="check-btn__text">不通过</text>
|
|
||||||
</template>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -192,11 +168,6 @@
|
|||||||
// 照片组件引用
|
// 照片组件引用
|
||||||
const photoRef = ref(null)
|
const photoRef = ref(null)
|
||||||
|
|
||||||
const toggleCheck = (key) => {
|
|
||||||
const val = check.value[key]
|
|
||||||
check.value[key] = val === true ? false : true
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSubmit = () => {
|
const handleSubmit = () => {
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: '确认提交',
|
title: '确认提交',
|
||||||
@@ -581,55 +552,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.check-btn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8rpx;
|
|
||||||
padding: 12rpx 24rpx;
|
|
||||||
border-radius: 12rpx;
|
|
||||||
transition: all 0.25s ease;
|
|
||||||
min-width: 120rpx;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
&--pass {
|
|
||||||
background: #ebf9f0;
|
|
||||||
border: 1rpx solid #b7ebc6;
|
|
||||||
|
|
||||||
.check-btn__icon {
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #22c55e;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check-btn__text {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #16a34a;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&--fail {
|
|
||||||
background: #fef2f2;
|
|
||||||
border: 1rpx solid #fecaca;
|
|
||||||
|
|
||||||
.check-btn__icon {
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #ef4444;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check-btn__text {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #dc2626;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
transform: scale(0.96);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ===== 提交栏（悬浮底部） =====
|
// ===== 提交栏（悬浮底部） =====
|
||||||
.submit-bar {
|
.submit-bar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
@@ -67,5 +67,14 @@ export const defaultApps = [{
|
|||||||
isScan: true,
|
isScan: true,
|
||||||
prefix: 'nbd-icon',
|
prefix: 'nbd-icon',
|
||||||
selected: false
|
selected: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '防腐处理',
|
||||||
|
icon: 'chuxiufangfu',
|
||||||
|
menuId: "",
|
||||||
|
path: "/scanpages/hj/do_anti_rust",
|
||||||
|
isScan: true,
|
||||||
|
prefix: 'nbd-icon',
|
||||||
|
selected: false
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -0,0 +1,38 @@
|
|||||||
|
/**
|
||||||
|
* 时间格式化工具
|
||||||
|
* 挂载到 uni.formatTime，支持以下格式：
|
||||||
|
* uni.formatTime(date, 'YYYY-MM-DD HH:mm:ss')
|
||||||
|
* uni.formatTime(timestamp, 'YYYY/MM/DD')
|
||||||
|
*/
|
||||||
|
|
||||||
|
const pad = (n) => String(n).padStart(2, '0')
|
||||||
|
|
||||||
|
const formatTime = (date, fmt = 'YYYY-MM-DD HH:mm:ss') => {
|
||||||
|
if (!date) return ''
|
||||||
|
const d = date instanceof Date ? date : new Date(date)
|
||||||
|
if (isNaN(d.getTime())) return ''
|
||||||
|
|
||||||
|
const tokens = {
|
||||||
|
'Y+': d.getFullYear(),
|
||||||
|
'M+': d.getMonth() + 1,
|
||||||
|
'D+': d.getDate(),
|
||||||
|
'H+': d.getHours(),
|
||||||
|
'm+': d.getMinutes(),
|
||||||
|
's+': d.getSeconds(),
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const [key, val] of Object.entries(tokens)) {
|
||||||
|
const match = fmt.match(new RegExp(key))
|
||||||
|
if (match) {
|
||||||
|
const len = match[0].length
|
||||||
|
const str = key === 'Y+' ? String(val).slice(-len) : len === 1 ? String(val) : pad(val)
|
||||||
|
fmt = fmt.replace(match[0], str)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return fmt
|
||||||
|
}
|
||||||
|
|
||||||
|
uni.formatTime = formatTime
|
||||||
|
|
||||||
|
export default formatTime
|
||||||
Reference in New Issue
Block a user