This Beta Sprint Essay is about the uni-app development

Catalog

SCRUM section

Ⅰ. Team Members and Task Progress

check-in

Ⅱ. Interface and Code

login page

<template>
    <view class="login-container">
        <!-- Logo -->
        <image class="logo" src="/static/login/logo.jpg" mode="aspectFit"></image>
    
        <!-- 协议勾选框 -->
        <!-- <view class="agreement-container">
            <checkbox class="agreement-checkbox" v-model="agreeProtocol">勾选以同意XXX协议</checkbox>
        </view> -->
    
        <!-- 登录按钮 -->
        <button class="login-button" @click="loginByWechat()">微信授权一键登录</button>
    </view>
</template>

Task Publishing Interface

<template>
    <view>
        <!-- 使用z-paging-swiper为根节点可以免计算高度 -->
        <z-paging-swiper>
            <!-- 此处代码复制了uView中tabsSwiper全屏选项卡的代码 -->
            <!-- 需要固定在顶部不滚动的view放在slot="top"的view中 -->
            <view slot="top">
                <view class="topBox">
                    <u-search shape="round" margin="0 20rpx" placeholder="关键字搜索" :showAction="false" bgColor="#fff"
                        @click="searchPage" disabled></u-search>
                    <view class="select" @tap="showValue = true;
                        iconArrow = 'arrow-up';
                        hideKeyboard();">
                        <!-- <uni-data-select  v-model="selectValue" :localdata="range" @change="change" :clear="false"></uni-data-select> -->
                        <u--input v-model="selectedTxt" readonly customStyle="border:1px solid #e7e6e4"
                            :suffixIcon="iconArrow"></u--input>
                        <!-- //弹出层 -->
                        <u-action-sheet :show="showValue" :actions="list" :closeOnClickOverlay="true" round="8"
                            cancelText="取消" @select="typeSelect" @close="closeAction"></u-action-sheet>
                    </view>
                </view>
                <u-tabs-swiper class="tasktypes" ref="taskTabs" :list="tabList" :current="current" @change="tabsChange" :is-scroll="false"
                    swiperWidth="750"></u-tabs-swiper>
            </view>
            <!-- swiper必须设置height:100%，因为swiper有默认的高度，只有设置高度100%才可以铺满页面  -->
            <swiper class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
                <swiper-item class="swiper-item" v-for="(item, index) in tabList" :key="index">
                    <swiper-list-item :tabIndex="index" :currentIndex="swiperCurrent"
                        :selectValue="selectValue"></swiper-list-item>
                </swiper-item>
            </swiper>
        </z-paging-swiper>
        
        <!-- 使用新手引导提示组件 见https://ext.dcloud.net.cn/plugin?id=6653 -->
        <xky-guideStep :step="step"></xky-guideStep>
    </view>


</template>

Personal Center

>
                </view>


            </view>


            <!-- 我的钱包 -->
            <view class="cu-bar wallet-bar bg-white solid-bottom margin-top-xs">
                <view class="action">
                    <text class="cuIcon-title text-blue"></text>我的钱包
                </view>
            </view>
            <view class="padding bg-white">
                <view class="flex">
                    <view class="flex-sub padding-xs text-center ">
                        <view class="text-lg text-bold margin-bottom-xs">{{userInfo.money_left.toFixed(2)}}</view>
                        <text class="text-sm text-gray">余额</text>
                    </view>
                    <view class="flex-sub padding-xs text-center text-sm">
                        <view class="text-lg text-bold margin-bottom-xs">{{userInfo.deposit.toFixed(2)}}</view>
                        <text class="text-sm text-gray">保证金</text>
                    </view>
                </view>
            </view>

        </view>

        <view class="task-list">
            <view class="list" @click="navigateToPublishTaskList()">
                <image src="@/static/user/icon-no-sub.png" mode="aspectFit"></image>
                <text>已发布</text>
                <view class="round bg-red cu-tag  user-fuchuan13" v-if="taskStatistics.uncompleted>0">
                    {{taskStatistics.uncompleted}}
                </view>
            </view>
            <view class="list" @click="navigateToSubmitList(1)">
                <image src="@/static/user/icon-examine.png" mode="aspectFit"></image>
                <text>审核中</text>
                <view class="round bg-red cu-tag  user-fuchuan13" v-if="taskStatistics.wait_check>0">
                    {{taskStatistics.wait_check}}
                </view>
            </view>
            <view class="list" @click="navigateToSubmitList(3)">
                <image src="@/static/user/icon-fail.png" mode="aspectFit"></image>
                <text>不合格</text>
                <view class="round bg-red cu-tag  user-fuchuan13" v-if="taskStatistics.process>0">
                    {{taskStatistics.process}}
                </view>
            </view>
            <view class="list" @click="navigateToSubmitList(2)">
                <image src="@/static/user/icon-order-taking.png" mode="aspectFit"></image>
                <text>已通过</text>
            </view>
        </view>



        <!-- list -->
        <view class="cu-list menu solid-top margin-top-xs">
            <view class="cu-item">
                <view class="content" @click="navigateToFavoritePage">
                    <text class="cuIcon-circlefill text-green"></text>
                    <text class="text-grey">我的收藏</text>
                </view>
                <view class="action">
                    <text class="text-grey text-sm cuIcon-right"></text>
                </view>
            </view>
            <view class="cu-item" @click="navigateToContrbutionPage">
                <view class="content">
                    <text class="cuIcon-circlefill text-yellow"></text>
                    <text class="text-grey">我的贡献</text>
                </view>
                <view class="action">
                    <text class="text-grey text-sm cuIcon-right"></text>
                </view>
            </view>
            <view class="cu-item" @click="navigateToFeedbackPage">
                <view class="content">
                    <text class="cuIcon-circlefill text-orange"></text>
                    <text class="text-grey">反馈建议</text>
                </view>
                <view class="action">
                    <text class="text-grey text-sm cuIcon-right"></text>
                </view>
            </view>
            <view class="cu-item" @click="loginOut">
                <view class="content">
                    <text class="cuIcon-circlefill text-blue"></text>
                    <text class="text-grey">退出</text>
                </view>
                <view class="action">
                    <text class="text-grey text-sm cuIcon-right"></text>
                </view>
            </view>

        </view>

        <u-action-sheet :actions="loginList" :show="loginout" closeOnClickOverlay closeOnClickAction cancelText="取消"
            round="8" @close="loginout = false" @select="chooseAction"></u-action-sheet>

    </view>

</template>

Ⅲ. Code Inspection and Test Results

Unit Testing: We employed unit testing methods in the WeChat Mini Program, tested the functions submitTask and uploadSubmitImages.

Integration Testing: We conducted tests on the task submission module, login module, and page navigation.

UI Testing: We ran the WeChat Mini Program on devices and screens of different sizes, identified some components that were not displaying correctly, and are actively working to fix this issue.

Mock Data Testing: We used mock data for testing to validate the behavior of the WeChat Mini Program under different data scenarios, and found no issues during testing.

Ⅳ. Meeting Photo

PM report

Ⅴ. Project Progress Summary

(1) Expected tasks: Completed the coding for the login page, task page, user homepage, and other components, as well as the integration with backend API. The expected duration for this work is 10 days.
(2) Completed tasks: Completed the coding for the majority of pages and integrated some of the backend API.
(3) Remaining work: Complete the full integration of interfaces and refine the project code. The expected time of the remaining work is 4 days.
(4) Issues encountered: The map loads too slowly when publishing a task, and the API interfaces integrated with the backend lack error handling in the code.

Ⅵ. burn-up chart

Ⅶ. Task Amount Change

New Tasks:
Real-device testing and code debugging.
Adaptation issues for devices of different sizes.

Ⅷ. Demo Video