Merge branch 'missingDetectionStatistics' into dev

src/api/missedInspection/missedInspection.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 查询漏检列表
+export function listMissedInspection(query) {
+  return request({
+    url: '/blocked/missReview/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询漏检详细
+export function getMissedInspection(id) {
+  return request({
+    url: `/blocked/missReview/${id}`,
+    method: 'get'
+  })
+}
+
+// 新增漏检
+export function addMissedInspection(data) {
+  return request({
+    url: '/blocked/missReview',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改漏检
+export function updateMissedInspection(data) {
+  return request({
+    url: '/blocked/missReview',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除漏检
+export function delMissedInspection(ids) {
+  return request({
+    url: `/blocked/missReview/${ids}`,
+    method: 'delete'
+  })
+}
+
+// 导出漏检
+export function exportMissedInspection(data) {
+  return request({
+    url: '/blocked/missReview/export',
+    method: 'post',
+    data: data
+  })
+}
+
+// 下载导入模板
+export function downloadTemplate() {
+  return request({
+    url: '/blocked/missReview/importTemplate',
+    method: 'get',
+    responseType: 'blob'
+  })
+}

src/api/system/category.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 查询漏检物品分类列表
+export function listCategory(query) {
+  return request({
+    url: '/system/category/list',
+    method: 'get',
+    params: query
+  })
+}

src/api/system/dept/dept.js

@@ -29,3 +29,11 @@ export function getDeptDetail(deptId) {
     method: 'get',
   })
 }
+// 查询部门列表
+export function listDept(query) {
+  return request({
+    url: '/system/dept/list',
+    method: 'get',
+    params: query
+  })
+}

src/api/system/position.js

@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+// 查询位置列表
+export function listPosition(query) {
+  return request({
+    url: '/system/position/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询位置详细
+export function getPosition(id) {
+  return request({
+    url: '/system/position/' + id,
+    method: 'get'
+  })
+}
+
+// 新增位置
+export function addPosition(data) {
+  return request({
+    url: '/system/position',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改位置
+export function updatePosition(data) {
+  return request({
+    url: '/system/position',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除位置
+export function delPosition(id) {
+  return request({
+    url: '/system/position/' + id,
+    method: 'delete'
+  })
+}
+//查询位置列表树形结构
+export function treePosition() {
+  return request({
+    url: '/system/position/listTree',
+    method: 'get'
+  })
+}

src/api/system/user.js

@@ -125,4 +125,12 @@ export function getPostAllList() {
     url: '/system/post/listAllTree',
     method: 'get',
   })
+}
+//根据用户ID和角色编码列表查询各级直属领导列表
+export function selectUserLeaderListByCondition(data) {
+  return request({
+    url: '/system/user/selectUserLeaderListByCondition',
+    method: 'post',
+    data: data
+  })
 }

src/config.js

@@ -4,8 +4,9 @@ module.exports = {
  // baseUrl: process.env.NODE_ENV === 'development' ? 'http://192.168.3.221:82/prod-api' : '/prod-api', //生产
   //  baseUrl: process.env.NODE_ENV === 'development' ? 'http://192.168.3.221:8080' : '/prod-api',
 // baseUrl: process.env.NODE_ENV === 'development' ? 'http://guangxi.qinghe.sundot.cn:8088' : 'http://guangxi.qinghe.sundot.cn:8088/prod-api',
-    baseUrl: 'http://airport.samsundot.com:9024/prod-api',//测试
-// baseUrl:'http://airport.samsundot.com:9021/prod-api',//生产
+
+    baseUrl: 'http://airport-test.samsundot.com:9025/prod-api',//测试
+ //baseUrl:'http://airport.samsundot.com:9021/prod-api',//生产
   // 应用信息
   appInfo: {
     // 应用名称

src/pages.json

@@ -315,6 +315,12 @@
       }
     },
     {
+      "path": "pages/missedInspectionList/index",
+      "style": {
+        "navigationBarTitleText": "漏检统计"
+      }
+    },
+    {
       "path": "pages/seizureRecord/index",
       "style": {
         "navigationBarTitleText": "查获记录"

src/pages/missedInspectionList/index.vue

@@ -0,0 +1,524 @@
+<template>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <scroll-view scroll-y class="form-scroll">
+            <view class="form-container">
+                <uni-forms ref="formRef" :rules="rules" :modelValue="formData" label-position="left" err-show-type="modal"
+                    :label-width="150">
+                    <view class="form-row">
+                        <uni-forms-item label="大队" name="brigadeId" required>
+                            <uni-data-picker :localdata="brigadeOptions" popup-title="请选择大队" v-model="formData.brigadeId"
+                                @change="handleFormBrigadeChange" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="被回查人" name="reviewedUserId" required>
+                            <uni-data-picker :localdata="personOptions" popup-title="请选择被回查人" v-model="formData.reviewedUserId"
+                                @change="handleReviewedUserChange" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="回查日期" name="reviewDate" required>
+                            <uni-datetime-picker type="date" v-model="formData.reviewDate" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检时间" name="missCheckTime" required>
+                            <uni-datetime-picker type="datetime" v-model="formData.missCheckTime" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检时间段" name="missCheckTimePeriod" required>
+                            <uni-data-picker :localdata="blockedTimePeriodOptions" popup-title="请选择漏检时间段"
+                                v-model="formData.missCheckTimePeriod" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="上岗位置" name="channelId" required>
+                            <uni-data-picker :localdata="areaOptions" popup-title="请选择上岗位置" v-model="formData.channelId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检物品" name="missCheckItem" required>
+                            <uni-data-picker :localdata="missCheckItemOptions" popup-title="请选择漏检物品"
+                                v-model="formData.missCheckItem" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="分管主管" name="supervisorId" required>
+                            <uni-data-picker :localdata="supervisorOptions" popup-title="请选择分管主管"
+                                v-model="formData.supervisorId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="代管主管" name="actingSupervisorId">
+                            <uni-data-picker :localdata="supervisorOptions" popup-title="请选择代管主管"
+                                v-model="formData.actingSupervisorId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="分管班组长" name="teamLeaderId" required>
+                            <uni-data-picker :localdata="teamLeaderOptions" popup-title="请选择分管班组长"
+                                v-model="formData.teamLeaderId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="物品位置" name="itemLocation" required>
+                            <uni-data-picker :localdata="blockedItemPositionOptions" popup-title="请选择物品位置"
+                                v-model="formData.itemLocation" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="简单/难" name="difficultyLevel" required>
+                            <uni-data-picker :localdata="difficultyLevelOptions" popup-title="请选择难度"
+                                v-model="formData.difficultyLevel" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="回查人" name="reviewUserId" required>
+                            <uni-data-picker :localdata="personOptions" popup-title="请选择回查人" v-model="formData.reviewUserId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="判别类型" name="discriminationType" required>
+                            <uni-data-picker :localdata="discriminationTypeOptions" popup-title="请选择判别类型"
+                                v-model="formData.discriminationType" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="是否追回" name="isRecovered" required>
+                            <uni-data-picker :localdata="isRecoveredOptions" popup-title="请选择是否追回"
+                                v-model="formData.isRecovered" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="开机年限" name="machineOperatingYears" required>
+                            <uni-data-picker :localdata="blockedOperatingYearsOptions" popup-title="请选择开机年限"
+                                v-model="formData.machineOperatingYears" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="证书级别" name="certificateLevel" required>
+                            <uni-data-picker :localdata="certificateLevelOptions" popup-title="请选择证书级别"
+                                v-model="formData.certificateLevel" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="人员性别" name="gender" required>
+                            <uni-data-picker :localdata="genderOptions" popup-title="请选择人员性别" v-model="formData.gender" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检原因分类" name="missCheckReasonCategory" required>
+                            <uni-data-picker :localdata="blockedMissCheckReasonOptions" popup-title="请选择漏检原因分类"
+                                v-model="formData.missCheckReasonCategory" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="月考成绩" name="monthlyAssessment" required>
+                            <uni-data-picker :localdata="blockedMonthlyExamResultOptions" popup-title="请选择月考成绩"
+                                v-model="formData.monthlyAssessment" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="本月自测有无漏检（请输入0-2的整数）" name="selfTestHasMissCheck" required>
+                            <uni-number-box :min="0" :max="2" v-model="formData.selfTestHasMissCheck"  ></uni-number-box>
+                        </uni-forms-item>
+                    </view>
+                </uni-forms>
+            </view>
+        </scroll-view>
+
+        <view class="submit-bar">
+            <view class="submit-btn" @click="submitForm">提交</view>
+        </view>
+    </home-container>
+</template>
+
+<script>
+import HomeContainer from "@/components/HomeContainer.vue";
+import { listPosition } from '@/api/system/position';
+import { addMissedInspection } from '@/api/missedInspection/missedInspection';
+import { listDept } from '@/api/system/dept/dept';
+import { getUserList, selectUserLeaderListByCondition, getUserInfoById } from '@/api/system/user';
+import { listCategory } from '@/api/system/category';
+import { formatTime } from '@/utils/formatUtils';
+import useDictMixin from '@/utils/dict';
+
+export default {
+    name: 'MissedInspectionAdd',
+    components: {
+        HomeContainer
+    },
+    mixins: [useDictMixin],
+    data() {
+        return {
+            formData: {
+                id: null,
+                brigadeId: null,
+                brigadeName: null,
+                reviewedUserId: null,
+                reviewedUserName: null,
+                reviewDate: '',
+                missCheckTime: '',
+                missCheckTimePeriod: null,
+                channelId: null,
+                channelName: null,
+                missCheckItem: null,
+                supervisorId: null,
+                supervisorName: null,
+                actingSupervisorId: null,
+                actingSupervisorName: null,
+                teamLeaderId: null,
+                teamLeaderName: null,
+                itemLocation: null,
+                difficultyLevel: null,
+                reviewUserId: null,
+                reviewUserName: null,
+                discriminationType: null,
+                isRecovered: null,
+                machineOperatingYears: null,
+                certificateLevel: null,
+                gender: null,
+                missCheckReasonCategory: null,
+                monthlyAssessment: null,
+                selfTestHasMissCheck: 0
+            },
+
+            rules: {
+                brigadeId: [{ required: true, errorMessage: '大队不能为空' }],
+                reviewedUserId: [{ required: true, errorMessage: '被回查人不能为空' }],
+                reviewDate: [{ required: true, errorMessage: '回查日期不能为空' }],
+                missCheckTime: [{ required: true, errorMessage: '漏检时间不能为空' }],
+                missCheckTimePeriod: [{ required: true, errorMessage: '漏检时间段不能为空' }],
+                channelId: [{ required: true, errorMessage: '上岗位置不能为空' }],
+                missCheckItem: [{ required: true, errorMessage: '漏检物品不能为空' }],
+                supervisorId: [{ required: true, errorMessage: '分管主管不能为空' }],
+                teamLeaderId: [{ required: true, errorMessage: '分管班组长不能为空' }],
+                itemLocation: [{ required: true, errorMessage: '物品位置不能为空' }],
+                difficultyLevel: [{ required: true, errorMessage: '简单/难不能为空' }],
+                reviewUserId: [{ required: true, errorMessage: '回查人不能为空' }],
+                discriminationType: [{ required: true, errorMessage: '判别类型不能为空' }],
+                isRecovered: [{ 
+                    validateFunction: function(rule, value, data, callback) {
+                        if (value === null || value === undefined || value === '') {
+                            callback('是否追回不能为空');
+                        }
+                        callback();
+                    }
+                }],
+                machineOperatingYears: [{ required: true, errorMessage: '开机年限不能为空' }],
+                certificateLevel: [{ required: true, errorMessage: '证书级别不能为空' }],
+                gender: [{ required: true, errorMessage: '人员性别不能为空' }],
+                missCheckReasonCategory: [{ required: true, errorMessage: '漏检原因分类不能为空' }],
+                monthlyAssessment: [{ required: true, errorMessage: '月考成绩不能为空' }],
+                selfTestHasMissCheck: [{ required: true, errorMessage: '本月自测有无漏检不能为空' }]
+            },
+
+            brigadeOptions: [],
+            personOptions: [],
+            teamLeaderOptions: [],
+            supervisorOptions: [],
+            areaOptions: [],
+            missCheckItemOptions: [],
+
+            discriminationTypeOptions: [],
+            blockedTimePeriodOptions: [],
+            blockedItemPositionOptions: [],
+            blockedMonthlyExamResultOptions: [],
+            blockedOperatingYearsOptions: [],
+            blockedMissCheckReasonOptions: [],
+            difficultyLevelOptions: [
+                { text: '简单', value: '简单' },
+                { text: '难', value: '难' }
+            ],
+            isRecoveredOptions: [
+                { text: '是', value: 1 },
+                { text: '否', value: 0 }
+            ],
+            certificateLevelOptions: [
+                { text: '高级', value: '高级' },
+                { text: '中级', value: '中级' },
+                { text: '初级', value: '初级' }
+            ],
+            genderOptions: [
+                { text: '男', value: '男' },
+                { text: '女', value: '女' }
+            ]
+        }
+    },
+    onLoad() {
+        this.initData();
+    },
+    methods: {
+        initData() {
+            this.getUserAll();
+            this.getDeptList();
+            this.getPositionList();
+            this.getTeamLeaderOptions();
+            this.getSupervisorOptions();
+            this.getMissCheckItemOptions();
+            this.getDictData();
+            this.formData.missCheckTime = formatTime(new Date(), 'YYYY-MM-DD hh:mm');
+            this.formData.reviewDate = formatTime(new Date(), 'YYYY-MM-DD');
+        },
+
+        async getDictData() {
+            const dict = await this.useDict(
+                'discrimination_type',
+                'blocked_time_period',
+                'blocked_item_position',
+                'blocked_monthly_exam_result',
+                'blocked_operating_years',
+                'blocked_miss_check_reason'
+            );
+
+            const formatDict = (options) => {
+                return (options || []).map(item => ({
+                    value: item.value,
+                    text: item.label || item.text
+                }));
+            };
+
+            this.discriminationTypeOptions = formatDict(dict.discrimination_type);
+            this.blockedTimePeriodOptions = formatDict(dict.blocked_time_period);
+            this.blockedItemPositionOptions = formatDict(dict.blocked_item_position);
+            this.blockedMonthlyExamResultOptions = formatDict(dict.blocked_monthly_exam_result);
+            this.blockedOperatingYearsOptions = formatDict(dict.blocked_operating_years);
+            this.blockedMissCheckReasonOptions = formatDict(dict.blocked_miss_check_reason);
+        },
+
+        getDeptList() {
+            listDept({}).then(res => {
+                const deptList = res.data || [];
+                this.brigadeOptions = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+                    value: item.deptId,
+                    text: item.deptName
+                }));
+            });
+        },
+
+        getUserAll() {
+            getUserList({ pageNum: 1, pageSize: 1000 }).then(res => {
+                this.personOptions = (res.rows || []).map(item => ({
+                    value: item.userId,
+                    text: item.nickName
+                }));
+            });
+        },
+
+        getPositionList() {
+            listPosition({ positionType: 'CHANNEL' }).then(res => {
+                this.areaOptions = (res.data || []).map(item => ({
+                    value: item.id,
+                    text: item.name
+                }));
+            });
+        },
+
+        getTeamLeaderOptions() {
+            selectUserLeaderListByCondition({ roleKeyList: ['banzuzhang'] }).then(res => {
+                this.teamLeaderOptions = (res.data || []).map(item => ({
+                    value: item.userId,
+                    text: item.nickName
+                }));
+            });
+        },
+
+        getSupervisorOptions() {
+            selectUserLeaderListByCondition({ roleKeyList: ['kezhang'] }).then(res => {
+                this.supervisorOptions = (res.data || []).map(item => ({
+                    value: item.userId,
+                    text: item.nickName
+                }));
+            });
+        },
+
+        getMissCheckItemOptions() {
+            listCategory().then(res => {
+                const data = res.data || [];
+                this.missCheckItemOptions = this.flattenTree(data);
+            });
+        },
+
+        flattenTree(data, parentLabel = '') {
+            const result = [];
+            data.forEach(item => {
+                const label = parentLabel ? `${parentLabel} / ${item.name}` : item.name;
+                if (item.children && item.children.length > 0) {
+                    result.push(...this.flattenTree(item.children, label));
+                } else {
+                    result.push({
+                        value: item.name,
+                        text: label
+                    });
+                }
+            });
+            return result;
+        },
+
+        handleReviewedUserChange(e) {
+            let userId = e.detail.value;
+            if (Array.isArray(userId)) {
+                userId = userId[0]?.value;
+            } else if (userId && typeof userId === 'object') {
+                userId = userId.value;
+            }
+            if (userId) {
+                selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['banzuzhang'] }).then(res => {
+                    if (res.data && res.data.length > 0) {
+                        this.formData.teamLeaderId = res.data[0].userId;
+                    }
+                });
+                selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['kezhang'] }).then(res => {
+                    if (res.data && res.data.length > 0) {
+                        this.formData.supervisorId = res.data[0].userId;
+                    }
+                });
+                getUserInfoById(userId).then(res => {
+                    const data = res?.data;
+                    if (data) {
+                        this.formData.gender = data.sex === '0' ? '男' : '女';
+                    }
+                });
+            } else {
+                this.formData.supervisorId = null;
+                this.formData.teamLeaderId = null;
+                this.formData.gender = null;
+            }
+        },
+
+        handleFormBrigadeChange(e) {
+            const brigadeId = e.detail.value;
+            const brigade = this.brigadeOptions.find(item => item.value === brigadeId);
+            this.formData.brigadeName = brigade ? brigade.label : null;
+        },
+
+        submitForm() {
+       
+
+            const requiredFields = [
+                { key: 'brigadeId', label: '大队' },
+                { key: 'reviewedUserId', label: '被回查人' },
+                { key: 'reviewDate', label: '回查日期' },
+                { key: 'missCheckTime', label: '漏检时间' },
+                { key: 'missCheckTimePeriod', label: '漏检时间段' },
+                { key: 'channelId', label: '上岗位置' },
+                { key: 'missCheckItem', label: '漏检物品' },
+                { key: 'supervisorId', label: '分管主管' },
+                { key: 'teamLeaderId', label: '分管班组长' },
+                { key: 'itemLocation', label: '物品位置' },
+                { key: 'difficultyLevel', label: '简单/难' },
+                { key: 'reviewUserId', label: '回查人' },
+                { key: 'discriminationType', label: '判别类型' },
+                { key: 'isRecovered', label: '是否追回' },
+                { key: 'machineOperatingYears', label: '开机年限' },
+                { key: 'certificateLevel', label: '证书级别' },
+                { key: 'gender', label: '人员性别' },
+                { key: 'missCheckReasonCategory', label: '漏检原因分类' },
+                { key: 'monthlyAssessment', label: '月考成绩' },
+                { key: 'selfTestHasMissCheck', label: '本月自测有无漏检' }
+            ];
+
+            for (const field of requiredFields) {
+                const value = this.formData[field.key];
+                if (value === null || value === undefined || value === '') {
+                    uni.showToast({ title: `${field.label}不能为空`, icon: 'none' });
+                    return;
+                }
+            }
+
+            this.mapNames();
+            console.log(this.formData);
+            addMissedInspection(this.formData).then(() => {
+                uni.showToast({ title: '新增成功', icon: 'success' });
+                
+                setTimeout(() => {
+                    uni.navigateBack();
+                }, 1500);
+            }).catch(() => {
+                uni.showToast({ title: '新增失败', icon: 'none' });
+            });
+        },
+        
+    
+
+        mapNames() {
+            if (this.formData.brigadeId) {
+                console.log(this.formData.brigadeId,this.brigadeOptions,11);
+                const brigade = this.brigadeOptions.find(item => item.value === this.formData.brigadeId);
+                this.formData.brigadeName = brigade ? brigade.text : null;
+            }
+
+            if (this.formData.reviewedUserId) {
+                const reviewedUser = this.personOptions.find(item => item.value === this.formData.reviewedUserId);
+                this.formData.reviewedUserName = reviewedUser ? reviewedUser.text : null;
+            }
+
+            if (this.formData.channelId) {
+                const channel = this.areaOptions.find(item => item.value === this.formData.channelId);
+                this.formData.channelName = channel ? channel.text : null;
+            }
+
+            if (this.formData.supervisorId) {
+                const supervisor = this.supervisorOptions.find(item => item.value === this.formData.supervisorId);
+                this.formData.supervisorName = supervisor ? supervisor.text : null;
+            }
+
+            if (this.formData.actingSupervisorId) {
+                const actingSupervisor = this.supervisorOptions.find(item => item.value === this.formData.actingSupervisorId);
+                this.formData.actingSupervisorName = actingSupervisor ? actingSupervisor.text : null;
+            }
+
+            if (this.formData.teamLeaderId) {
+                const teamLeader = this.teamLeaderOptions.find(item => item.value === this.formData.teamLeaderId);
+                this.formData.teamLeaderName = teamLeader ? teamLeader.text : null;
+            }
+
+            if (this.formData.reviewUserId) {
+                const reviewUser = this.personOptions.find(item => item.value === this.formData.reviewUserId);
+                this.formData.reviewUserName = reviewUser ? reviewUser.text : null;
+            }
+        }
+    }
+}
+</script>
+
+<style scoped>
+.form-scroll {
+    height: calc(100vh - 160rpx);
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.form-container {
+    padding: 20rpx;
+    background-color: #fff;
+}
+
+.form-row {
+    margin-bottom: 20rpx;
+}
+
+.submit-bar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: #fff;
+    padding: 15rpx 20rpx;
+    border-top: 1px solid #f0f0f0;
+    padding-bottom: calc(15rpx + env(safe-area-inset-bottom));
+    box-sizing: border-box;
+}
+
+.submit-btn {
+    height: 88rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8rpx;
+    font-size: 32rpx;
+    color: #fff;
+    background-color: #409EFF;
+}
+</style>