yn_img_tools_app/src/pages/qualityInspection/index.vue

<template>
    <!-- 质量检查一级页面 -->
    <view class="quality-inspection" :style="{ paddingTop: safeAreaInsets?.top + 44 + 'px' }">
        <NavBarModal
            :navBarTitle="`质量检查`"
            :uploadRecordUrl="uploadRecordUrl"
            :showUploadRecord="addAndEditFormType == 1 ? true : false"
        />

        <view class="container">
            <AddAndEditForm :addAndEditFormType="addAndEditFormType" :detailsId="detailsId" />
        </view>
    </view>
</template>

<script setup>
import NavBarModal from '@/components/NavBarModal/index'
import AddAndEditForm from './components/addAndEditForm.vue'
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

const { safeAreaInsets } = uni.getSystemInfoSync()
const detailsId = ref('')
const addAndEditFormType = ref(1)
const uploadRecordUrl = ref('/pages/qualityInspection/upload-record/index')

onLoad((query) => {
    if (query.type) {
        addAndEditFormType.value = query.type
    }
    if (query.id) {
        detailsId.value = query.id
    }
})
</script>

<style lang="scss" scoped>
.quality-inspection {
    height: 100%;
    box-sizing: border-box;
    .container {
        background-color: #f6f9ff;
        overflow-y: auto;
    }
}
</style>