AI 助理
备案控制台
开发者社区 安全 文章 正文

【实训项目】“优品果园”-线上水果商城小程序

2023-11-15 88
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【实训项目】“优品果园”-线上水果商城小程序

1.项目背景

随着现代人对消费水平的追求以及对食物安全的需要，无污染、产地直销的有机水果受到越来越多市民的喜欢。交易过程的简洁化是现代消费者的追求，产地直销也是近期流行的一种新型的交易模式。产地直销的交易模式使得交易过程更加简便快捷，也使消费也更透明化，有助于增加消费者对商家的信任和认可。有机食物又被誉为“朝阳产业”，具有良好的市场，同时，我们对安全食物的需要日益剧烈,对透明化消费的追求日益迫切，因此我们认为国内市场远景非常豁达。

2.项目目标

主要针对上班族以及中老年等人群，可以满足他们对于有机水果的需求，同时也满足其对于透明化消费的需求，以求达到双赢。

3.项目总体描述

3.1发展成果

我们的项目名称是“优品果源”，采用的是C2C模式。我们的程序包括了水果模板、新鲜到家、购物车和会员中心四个主要界面。

我们所设计的小程序主要是为消费者提供有机水果产地直销。在这个小程序里，我们会提供一定的经营产地，并为消费者提供产地全部信息，同时用户可以在线上对自己选择的产地进行实时观测，了解水果的长势，收货等全部过程，还也可以模拟体验农耕各项流程线上体验，（播种、施肥、浇水、除草、采摘）。

3.2功能描述

（1）用户注册

用户在使用“优品果源”时需要必须进行实名注册，包括姓名、年龄、性别、手机号、身份证号

（2）用户订单 包括

用户选择直销产地、购买水果等。

（3）交易中心

用户之间可以将多余的水果信息上传进行交易，也可以与农场之间进行交易。

（4）我的产地

提供一定的经营产地，并为消费提供产地全部信息，同时用户可以在线上对自己选择的产地进行实时观测，了解水果的长势，收货等全部过程。

（5）通知信息

后台会根据用户水果产地的生长情况，定时向客户发送提示信息； 资讯类信息，会根据季节实时发送一些水果种植信息，丰富地主的农耕经验，切实体验种植生活。

（6）客服中心

用户有任何问题可以咨询客服或者投诉商家。

4.项目成果

5.核心代码展示

<view class="goods marUpTop">
  <text class="total">共{{totalNum}}条</text>
  <view class="good" wx:for="{{goods}}" wx:key="id" wx:for-item="good">
    <image class="image" src="{{good.icon}}"></image>
    <text class="name" style='width:{{windowWidth - 80}}px;'>{{good.name}}</text>
  </view>
  <text class="bottomLoad" bindtap='bottomLoad' hidden='{{initLoadDataNum < pageSize}}'>{{bottomLoadMsg}}</text>
</view>
<view class="swiper-tab">  
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">未开始({{notStartTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
</view> 
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px;" bindchange="bindChange">  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{notStartDatas}}" wx:for-item="notStart" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{notStart.id}}" >
            <image bindtap="toTaskDetail" src="/images/notStart.png" class="icon" data-taskId="{{notStart.id}}"></image>
            <text bindtap="toTaskDetail" style="width:{{winWidth - 140}}px;" class="name" data-taskId="{{notStart.id}}">{{notStart.name}}</text>
            <button open-type="share" data-taskId="{{notStart.id}}" data-hookName="{{notStart.userName}}" type='primary' style="background-color: #265a88;" class='btn invite'>邀请</button>
            <form bindsubmit='del' report-submit data-taskId="{{notStart.id}}">
              <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
            </form>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{notStartCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{notStartCurPage}}/{{notStartTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{notStartCurPage == notStartTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
            <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
            <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
            <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
          </view>
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}">
            <image src="/images/done.png" class="icon" data-taskId="{{done.id}}" bindtap="toTaskDetail"></image>
            <text style="width:{{winWidth - 95}}px;" class="name" data-taskId="{{done.id}}" bindtap="toTaskDetail">{{done.name}}</text>
            <form bindsubmit='del' report-submit data-taskId="{{done.id}}">
              <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
            </form>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
</swiper>
<template name="normal">
  <view class="content-msg">{{msg}}</view>
</template>
<template name="apv">
  <view class="content-msg apv">
    <view class="apv-title">审批提醒</view>
    <view class="apv-content">{{msg}}</view>
    <view class="apv-do" data-id="{{id}}" data-attValue="{{attValue}}" bindtap="detail">
      <text>审批</text>
      <image class="right-image" src="/images/right.png"/>
    </view>
  </view>
</template>
<template name="end">
  <view class="msg-end" style='width:{{windowWidth - 70}}px;'>
    <image class="end-image" src="/images/{{attValue.suc ? 'success.png' : 'failure.png'}}"></image>
    <view style="width:{{windowWidth - 145}}px;" class="end-msg">{{msg}}<text style="color:#5D718D;" data-id="{{attValue.id}}" bindtap='endDetail'> [详情]</text></view>
  </view>
</template>
<view wx:if="{{isRefresh}}" class="fresh">
    <image src="/images/timer.gif" class="timer"></image>
</view>
<scroll-view  style="height: {{windowHeight}}px;" scroll-y  bindscroll="scroll" scroll-into-view="msgId_{{scrollInitId}}" bindtouchstart="start" bindtouchend="end" bindscrolltolower="hiddenDownBtn">
  <view class="msg-item" wx:for="{{msgs}}" wx:for-item="msg" wx:key="id" id="msgId_{{msg.id}}">
    <view>
      <image src="{{msg.icon}}" class="msg-icon"></image>
    </view>
    <view class="msg-content">
      <text class="name-time" decode="true">{{msg.sendName}} {{msg.createTime}}</text>
      <block wx:if="{{msg.type == 1}}"><template is="apv" data="{{...msg}}"/></block>
      <block wx:elif="{{msg.type == 2}}"><template is="end" data="{{...msg, windowWidth}}"/></block>
      <block wx:else><template is="normal" data="{{...msg}}"/></block>
    </view>
  </view>
  <form bindsubmit='jumpToUpUnRead' report-submit>
    <button class="toUpUnRead" form-type='submit' hidden='{{upBtnHidden}}'>☝ <text>{{unReadNum}}</text>条未读</button>
  </form>
  <form bindsubmit='jumpToDownUnRead' report-submit>
    <button class="toDownUnRead" form-type='submit' hidden='{{downBtnHidden}}'>︾ <text>{{downUnReadNum}}</text>条未读</button>
  </form>
</scroll-view>
<view class="swiper-tab">
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
</view> 
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px" bindchange="bindChange">  
    <swiper-item>
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>  
        <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
            <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
            <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
            <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
          </view>
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}" bindtap="toTaskDetail">
            <image src="/images/done.png" class="icon" data-taskId="{{done.id}}"></image>
            <text class="name" style="width:{{winWidth - 55}}px;" data-taskId="{{done.id}}">{{done.name}}</text>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
</swiper>
<view class="layout-column marUpTop" style="padding: 5px 15px;">
    拉钩创建成功，邀请Ta和你拉钩吧。
    <button open-type="share" type='primary' style="background-color: #265a88;width:100%;" size='default' class='marUpTop'>邀请</button>
</view>
<form bindsubmit="formSubmit" report-submit>
  <view class="layout-column marUpTop">
    <textarea class="desc border" placeholder="请描述反馈意见" name="content" maxlength="1000"/>
    <view class="marTop border">
      <button type="primary" size="default" style="background-color: #265a88;" formType="submit" disabled='{{disableBtn}}'>提交</button>
    </view>
    <modal hidden="{{formMsgHidden}}" title="提示" confirm-text="去完善" no-cancel="true" bindcancel="cancel" bindconfirm="hiddenFromMsg">
    意见不能为空
    </modal>
  </view>
</form>
<view class="goods marUpTop">
  <text class="total">共{{totalNum}}条</text>
  <view class="good" wx:for="{{goods}}" wx:key="id" wx:for-item="good">
    <image class="image" src="{{good.icon}}"></image>
    <text class="name" style='width:{{windowWidth - 80}}px;'>{{good.name}}</text>
  </view>
  <text class="bottomLoad" bindtap='bottomLoad' hidden='{{initLoadDataNum < pageSize}}'>{{bottomLoadMsg}}</text>
</view>
<view class="swiper-tab">  
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">未开始({{notStartTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
</view> 
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px;" bindchange="bindChange">  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{notStartDatas}}" wx:for-item="notStart" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{notStart.id}}" >
            <image bindtap="toTaskDetail" src="/images/notStart.png" class="icon" data-taskId="{{notStart.id}}"></image>
            <text bindtap="toTaskDetail" style="width:{{winWidth - 140}}px;" class="name" data-taskId="{{notStart.id}}">{{notStart.name}}</text>
            <button open-type="share" data-taskId="{{notStart.id}}" data-hookName="{{notStart.userName}}" type='primary' style="background-color: #265a88;" class='btn invite'>邀请</button>
            <form bindsubmit='del' report-submit data-taskId="{{notStart.id}}">
              <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
            </form>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{notStartCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{notStartCurPage}}/{{notStartTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{notStartCurPage == notStartTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
            <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
            <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
            <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
          </view>
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}">
            <image src="/images/done.png" class="icon" data-taskId="{{done.id}}" bindtap="toTaskDetail"></image>
            <text style="width:{{winWidth - 95}}px;" class="name" data-taskId="{{done.id}}" bindtap="toTaskDetail">{{done.name}}</text>
            <form bindsubmit='del' report-submit data-taskId="{{done.id}}">
              <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
            </form>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
</swiper>
<template name="normal">
  <view class="content-msg">{{msg}}</view>
</template>
<template name="apv">
  <view class="content-msg apv">
    <view class="apv-title">审批提醒</view>
    <view class="apv-content">{{msg}}</view>
    <view class="apv-do" data-id="{{id}}" data-attValue="{{attValue}}" bindtap="detail">
      <text>审批</text>
      <image class="right-image" src="/images/right.png"/>
    </view>
  </view>
</template>
<template name="end">
  <view class="msg-end" style='width:{{windowWidth - 70}}px;'>
    <image class="end-image" src="/images/{{attValue.suc ? 'success.png' : 'failure.png'}}"></image>
    <view style="width:{{windowWidth - 145}}px;" class="end-msg">{{msg}}<text style="color:#5D718D;" data-id="{{attValue.id}}" bindtap='endDetail'> [详情]</text></view>
  </view>
</template>
<view wx:if="{{isRefresh}}" class="fresh">
    <image src="/images/timer.gif" class="timer"></image>
</view>
<scroll-view  style="height: {{windowHeight}}px;" scroll-y  bindscroll="scroll" scroll-into-view="msgId_{{scrollInitId}}" bindtouchstart="start" bindtouchend="end" bindscrolltolower="hiddenDownBtn">
  <view class="msg-item" wx:for="{{msgs}}" wx:for-item="msg" wx:key="id" id="msgId_{{msg.id}}">
    <view>
      <image src="{{msg.icon}}" class="msg-icon"></image>
    </view>
    <view class="msg-content">
      <text class="name-time" decode="true">{{msg.sendName}} {{msg.createTime}}</text>
      <block wx:if="{{msg.type == 1}}"><template is="apv" data="{{...msg}}"/></block>
      <block wx:elif="{{msg.type == 2}}"><template is="end" data="{{...msg, windowWidth}}"/></block>
      <block wx:else><template is="normal" data="{{...msg}}"/></block>
    </view>
  </view>
  <form bindsubmit='jumpToUpUnRead' report-submit>
    <button class="toUpUnRead" form-type='submit' hidden='{{upBtnHidden}}'>☝ <text>{{unReadNum}}</text>条未读</button>
  </form>
  <form bindsubmit='jumpToDownUnRead' report-submit>
    <button class="toDownUnRead" form-type='submit' hidden='{{downBtnHidden}}'>︾ <text>{{downUnReadNum}}</text>条未读</button>
  </form>
</scroll-view>
<view class="swiper-tab">
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
</view> 
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px" bindchange="bindChange">  
    <swiper-item>
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>  
        <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
            <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
            <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
            <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
          </view>
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}" bindtap="toTaskDetail">
            <image src="/images/done.png" class="icon" data-taskId="{{done.id}}"></image>
            <text class="name" style="width:{{winWidth - 55}}px;" data-taskId="{{done.id}}">{{done.name}}</text>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
</swiper>
<view class="layout-column marUpTop" style="padding: 5px 15px;">
    拉钩创建成功，邀请Ta和你拉钩吧。
    <button open-type="share" type='primary' style="background-color: #265a88;width:100%;" size='default' class='marUpTop'>邀请</button>
</view>
<form bindsubmit="formSubmit" report-submit>
  <view class="layout-column marUpTop">
    <textarea class="desc border" placeholder="请描述反馈意见" name="content" maxlength="1000"/>
    <view class="marTop border">
      <button type="primary" size="default" style="background-color: #265a88;" formType="submit" disabled='{{disableBtn}}'>提交</button>
    </view>
    <modal hidden="{{formMsgHidden}}" title="提示" confirm-text="去完善" no-cancel="true" bindcancel="cancel" bindconfirm="hiddenFromMsg">
    意见不能为空
    </modal>
  </view>
</form>
<view class="goods marUpTop">
  <text class="total">共{{totalNum}}条</text>
  <view class="good" wx:for="{{goods}}" wx:key="id" wx:for-item="good">
    <image class="image" src="{{good.icon}}"></image>
    <text class="name" style='width:{{windowWidth - 80}}px;'>{{good.name}}</text>
  </view>
  <text class="bottomLoad" bindtap='bottomLoad' hidden='{{initLoadDataNum < pageSize}}'>{{bottomLoadMsg}}</text>
</view>
<view class="swiper-tab">  
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">未开始({{notStartTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
</view> 
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px;" bindchange="bindChange">  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{notStartDatas}}" wx:for-item="notStart" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{notStart.id}}" >
            <image bindtap="toTaskDetail" src="/images/notStart.png" class="icon" data-taskId="{{notStart.id}}"></image>
            <text bindtap="toTaskDetail" style="width:{{winWidth - 140}}px;" class="name" data-taskId="{{notStart.id}}">{{notStart.name}}</text>
            <button open-type="share" data-taskId="{{notStart.id}}" data-hookName="{{notStart.userName}}" type='primary' style="background-color: #265a88;" class='btn invite'>邀请</button>
            <form bindsubmit='del' report-submit data-taskId="{{notStart.id}}">
              <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
            </form>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{notStartCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{notStartCurPage}}/{{notStartTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{notStartCurPage == notStartTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
            <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
            <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
            <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
          </view>
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}">
            <image src="/images/done.png" class="icon" data-taskId="{{done.id}}" bindtap="toTaskDetail"></image>
            <text style="width:{{winWidth - 95}}px;" class="name" data-taskId="{{done.id}}" bindtap="toTaskDetail">{{done.name}}</text>
            <form bindsubmit='del' report-submit data-taskId="{{done.id}}">
              <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
            </form>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
</swiper>
<template name="normal">
  <view class="content-msg">{{msg}}</view>
</template>
<template name="apv">
  <view class="content-msg apv">
    <view class="apv-title">审批提醒</view>
    <view class="apv-content">{{msg}}</view>
    <view class="apv-do" data-id="{{id}}" data-attValue="{{attValue}}" bindtap="detail">
      <text>审批</text>
      <image class="right-image" src="/images/right.png"/>
    </view>
  </view>
</template>
<template name="end">
  <view class="msg-end" style='width:{{windowWidth - 70}}px;'>
    <image class="end-image" src="/images/{{attValue.suc ? 'success.png' : 'failure.png'}}"></image>
    <view style="width:{{windowWidth - 145}}px;" class="end-msg">{{msg}}<text style="color:#5D718D;" data-id="{{attValue.id}}" bindtap='endDetail'> [详情]</text></view>
  </view>
</template>
<view wx:if="{{isRefresh}}" class="fresh">
    <image src="/images/timer.gif" class="timer"></image>
</view>
<scroll-view  style="height: {{windowHeight}}px;" scroll-y  bindscroll="scroll" scroll-into-view="msgId_{{scrollInitId}}" bindtouchstart="start" bindtouchend="end" bindscrolltolower="hiddenDownBtn">
  <view class="msg-item" wx:for="{{msgs}}" wx:for-item="msg" wx:key="id" id="msgId_{{msg.id}}">
    <view>
      <image src="{{msg.icon}}" class="msg-icon"></image>
    </view>
    <view class="msg-content">
      <text class="name-time" decode="true">{{msg.sendName}} {{msg.createTime}}</text>
      <block wx:if="{{msg.type == 1}}"><template is="apv" data="{{...msg}}"/></block>
      <block wx:elif="{{msg.type == 2}}"><template is="end" data="{{...msg, windowWidth}}"/></block>
      <block wx:else><template is="normal" data="{{...msg}}"/></block>
    </view>
  </view>
  <form bindsubmit='jumpToUpUnRead' report-submit>
    <button class="toUpUnRead" form-type='submit' hidden='{{upBtnHidden}}'>☝ <text>{{unReadNum}}</text>条未读</button>
  </form>
  <form bindsubmit='jumpToDownUnRead' report-submit>
    <button class="toDownUnRead" form-type='submit' hidden='{{downBtnHidden}}'>︾ <text>{{downUnReadNum}}</text>条未读</button>
  </form>
</scroll-view>
<view class="swiper-tab">
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
</view> 
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px" bindchange="bindChange">  
    <swiper-item>
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>  
        <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
            <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
            <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
            <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
          </view>
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
    <swiper-item>  
      <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
        <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
          <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}" bindtap="toTaskDetail">
            <image src="/images/done.png" class="icon" data-taskId="{{done.id}}"></image>
            <text class="name" style="width:{{winWidth - 55}}px;" data-taskId="{{done.id}}">{{done.name}}</text>
          </view> 
        </view>
      </scroll-view>
      <view class="pageCmp">
        <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
        <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
        <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
      </view>
    </swiper-item>  
</swiper>
<view class="layout-column marUpTop" style="padding: 5px 15px;">
    拉钩创建成功，邀请Ta和你拉钩吧。
    <button open-type="share" type='primary' style="background-color: #265a88;width:100%;" size='default' class='marUpTop'>邀请</button>
</view>
<form bindsubmit="formSubmit" report-submit>
  <view class="layout-column marUpTop">
    <textarea class="desc border" placeholder="请描述反馈意见" name="content" maxlength="1000"/>
    <view class="marTop border">
      <button type="primary" size="default" style="background-color: #265a88;" formType="submit" disabled='{{disableBtn}}'>提交</button>
    </view>
    <modal hidden="{{formMsgHidden}}" title="提示" confirm-text="去完善" no-cancel="true" bindcancel="cancel" bindconfirm="hiddenFromMsg">
    意见不能为空
    </modal>
  </view>
</form>

6.PPT展示

文章标签：
小程序
安全
关键词：
商城小程序
码上来科技
目录
相关文章
邹荣乐
|
30天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
邹荣乐
203 3
Codelinghu
|
1月前
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
Codelinghu
40 1
diygwcom
|
1月前
|
小程序 数据可视化 API
低代码可视化-uniapp商城首页小程序-代码生成器
低代码可视化-uniapp商城首页小程序-代码生成器
diygwcom
26 0
明弟有理想
|
1月前
|
缓存 开发框架 移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架，它允许开发者使用 Vue.js 来构建应用程序，并能够同时发布到多个平台，如微信小程序、支付宝小程序、H5、App（通过DCloud的打包服务）等。uni-app 的目标是通过统一的代码库，简化多平台开发过程，提高开发效率。 在这一部分中，我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序，以及实现数据缓存的基本方法。
明弟有理想
50 0
胡东旭
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件，兼容 H5、小程序和 APP，提供丰富的注释和简洁代码，适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
胡东旭
104 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
diygwcom
|
1月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
diygwcom
32 0
热爱技术的小郑
|
3月前
|
JSON 小程序 JavaScript
微信小程序制作 购物商城首页 【内包含源码】
这篇文章提供了一个微信小程序购物商城首页的实现方法和源码，包括页面布局、数据结构、核心代码以及如何配置tabBar和搜索框组件。
热爱技术的小郑
210 4
微信小程序制作 购物商城首页 【内包含源码】
土木林森
|
3月前
|
存储 运维 小程序
后端开发零负担！揭秘支付宝小程序云开发的高效与安全，你的项目也能飞速上线？
【8月更文挑战第27天】支付宝小程序云开发是由阿里云提供的集成开发环境，助力开发者高效、安全地构建小程序后端服务，免去服务器搭建，显著提高开发效率并降低运维成本。它集成了云函数、云数据库及云存储等功能，便于快速搭建后端逻辑。例如，仅需简单几行代码即可创建HTTP接口或进行数据管理。这使得开发者能更专注于业务逻辑和用户体验优化，同时平台还提供了强大的安全保障措施，确保数据安全和用户隐私。无论对于初创团队还是成熟企业，支付宝小程序云开发都能有效提升产品迭代速度和市场竞争力。
土木林森
78 1
热爱技术的小郑
|
3月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记，看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记，涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
热爱技术的小郑
1424 3
热爱技术的小郑
|
3月前
|
小程序 前端开发
微信小程序商城，微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考，该项目在Github上获得18.2k星，提供了详细的使用教程和前端页面实现，适合学习微信小程序开发和作为毕业设计项目。
热爱技术的小郑
154 0
微信小程序商城，微信小程序微店 【毕业设计参考项目】

热门文章

最新文章

  • 1
    小程序审核常见驳回类型
  • 2
    微信小程序：引入阿里巴巴矢量图标库iconfont
  • 3
    【微信小程序登录错误】"code":-1,"error":"ERR_GET_SESSION_KEY\n{\"code\":0,\"message\":\"\",\"codeDesc\":\"Succe
  • 4
    微信小程序获取input值的方法
  • 5
    【视频教程】微信小程序开发-初探篇
  • 6
    微信小程序把玩（十四）button组件
  • 7
    微信小程序新增推广功能，支持自定义关键词
  • 8
    【小程序开发】uniapp引入iconfont图标及使用方式
  • 9
    微信小程序把玩（十三）progress组件
  • 10
    从微信公众平台&#183;小程序内测邀请函看应用号动向
  • 1
    基于微信小程序餐厅点餐系统设计与实现(源码+lw+部署文档+讲解等)
    210
  • 2
    基于微信小程序便捷记账系统设计与实现(源码+lw+部署文档+讲解等)
    130
  • 3
    基于SpringBoot+Vue的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    76
  • 4
    基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    62
  • 5
    基于SpringBoot+Vue的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    92
  • 6
    基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    82
  • 7
    基于SpringBoot+Vue+uniapp的传统戏曲推广微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    55
  • 8
    基于SpringBoot+Vue+uniapp的仓库点单小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    69
  • 9
    基于SpringBoot+Vue+uniapp的“鼻护灵”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    42
  • 10
    基于SpringBoot+Vue+uniapp的“财来财往”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
    42

    • 相关课程

    更多
  • IoT小程序框架课程
  • 场景实践-通过阿里云数据分析工具实现共享单车骑行分析
  • 智能创作赛（复赛）：相册应用中的视频故事生成算法介绍
  • 智能创作赛（初赛）：相册应用中的故事生成算法介绍
  • 重庆烟草2024年度全市系统网信素养能力提升轮训（第二期）暨数字创新培训班
  • 天池新人实战赛o2o优惠券使用预测代码学习分享

    • 相关电子书

    更多
  • 《云市场-小程序》
  • 数字乡村建设方案
  • mPaaS 小程序新品发布

    • 相关实验场景

    更多
  • 奥运时刻！零代码生成奥运风格AI写真。
  • 基于函数计算一键部署掌上游戏机
  • 在PAI ArtLab一键实现欧洲杯粉丝专属贴纸制作
  • 1分钟SAE部署PHP商城小程序
  • 基于阿里云DeepGPU实例，用AI画唯美国风少女
  • 实现淘宝母婴订单实时查询和实时大屏
    • 下一篇
    阿里云OSS设置跨域访问