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

    1.项目背景

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

    2.项目目标

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

    3.项目总体描述

    3.1发展成果

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

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

    3.2功能描述

    （1）用户注册

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

    （2）用户订单 包括

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

    （3）交易中心

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

    （4）我的产地

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

    （5）通知信息

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

    （6）客服中心

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

    4.项目成果

    5.核心代码展示

    1. <view class="goods marUpTop">
    2.   <text class="total">共{{totalNum}}条</text>
    3.   <view class="good" wx:for="{{goods}}" wx:key="id" wx:for-item="good">
    4.     <image class="image" src="{{good.icon}}"></image>
    5.     <text class="name" style='width:{{windowWidth - 80}}px;'>{{good.name}}</text>
    6.   </view>
    7.   <text class="bottomLoad" bindtap='bottomLoad' hidden='{{initLoadDataNum < pageSize}}'>{{bottomLoadMsg}}</text>
    8. </view>
    9. <view class="swiper-tab">  
    10.     <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">未开始({{notStartTotalNums}})</view>  
    11.     <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    12.     <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
    13. </view> 
    14.  
    15. <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px;" bindchange="bindChange">  
    16.     <swiper-item>  
    17.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    18.         <view wx:for="{{notStartDatas}}" wx:for-item="notStart" wx:key="id" wx:for-index="index">
    19.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{notStart.id}}" >
    20.             <image bindtap="toTaskDetail" src="/images/notStart.png" class="icon" data-taskId="{{notStart.id}}"></image>
    21.             <text bindtap="toTaskDetail" style="width:{{winWidth - 140}}px;" class="name" data-taskId="{{notStart.id}}">{{notStart.name}}</text>
    22.             <button open-type="share" data-taskId="{{notStart.id}}" data-hookName="{{notStart.userName}}" type='primary' style="background-color: #265a88;" class='btn invite'>邀请</button>
    23.             <form bindsubmit='del' report-submit data-taskId="{{notStart.id}}">
    24.               <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
    25.             </form>
    26.           </view> 
    27.         </view>
    28.       </scroll-view>
    29.       <view class="pageCmp">
    30.         <image class="page" bindtap='upPage' src="{{notStartCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    31.         <text class="page-no">{{notStartCurPage}}/{{notStartTotalPage}}</text>
    32.         <image class="page" bindtap='downPage' src="{{notStartCurPage == notStartTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    33.       </view>
    34.     </swiper-item>
    35.     <swiper-item>  
    36.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    37.         <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
    38.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
    39.             <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
    40.             <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
    41.             <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
    42.           </view>
    43.         </view>
    44.       </scroll-view>
    45.       <view class="pageCmp">
    46.         <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    47.         <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
    48.         <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    49.       </view>
    50.     </swiper-item>  
    51.     <swiper-item>  
    52.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    53.         <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
    54.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}">
    55.             <image src="/images/done.png" class="icon" data-taskId="{{done.id}}" bindtap="toTaskDetail"></image>
    56.             <text style="width:{{winWidth - 95}}px;" class="name" data-taskId="{{done.id}}" bindtap="toTaskDetail">{{done.name}}</text>
    57.             <form bindsubmit='del' report-submit data-taskId="{{done.id}}">
    58.               <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
    59.             </form>
    60.           </view> 
    61.         </view>
    62.       </scroll-view>
    63.       <view class="pageCmp">
    64.         <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    65.         <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
    66.         <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    67.       </view>
    68.     </swiper-item>  
    69. </swiper>
    70. <template name="normal">
    71.   <view class="content-msg">{{msg}}</view>
    72. </template>
    73. <template name="apv">
    74.   <view class="content-msg apv">
    75.     <view class="apv-title">审批提醒</view>
    76.     <view class="apv-content">{{msg}}</view>
    77.     <view class="apv-do" data-id="{{id}}" data-attValue="{{attValue}}" bindtap="detail">
    78.       <text>审批</text>
    79.       <image class="right-image" src="/images/right.png"/>
    80.     </view>
    81.   </view>
    82. </template>
    83. <template name="end">
    84.   <view class="msg-end" style='width:{{windowWidth - 70}}px;'>
    85.     <image class="end-image" src="/images/{{attValue.suc ? 'success.png' : 'failure.png'}}"></image>
    86.     <view style="width:{{windowWidth - 145}}px;" class="end-msg">{{msg}}<text style="color:#5D718D;" data-id="{{attValue.id}}" bindtap='endDetail'> [详情]</text></view>
    87.   </view>
    88. </template>
    89.  
    90. <view wx:if="{{isRefresh}}" class="fresh">
    91.     <image src="/images/timer.gif" class="timer"></image>
    92. </view>
    93. <scroll-view  style="height: {{windowHeight}}px;" scroll-y  bindscroll="scroll" scroll-into-view="msgId_{{scrollInitId}}" bindtouchstart="start" bindtouchend="end" bindscrolltolower="hiddenDownBtn">
    94.   <view class="msg-item" wx:for="{{msgs}}" wx:for-item="msg" wx:key="id" id="msgId_{{msg.id}}">
    95.     <view>
    96.       <image src="{{msg.icon}}" class="msg-icon"></image>
    97.     </view>
    98.     <view class="msg-content">
    99.       <text class="name-time" decode="true">{{msg.sendName}} {{msg.createTime}}</text>
    100.       <block wx:if="{{msg.type == 1}}"><template is="apv" data="{{...msg}}"/></block>
    101.       <block wx:elif="{{msg.type == 2}}"><template is="end" data="{{...msg, windowWidth}}"/></block>
    102.       <block wx:else><template is="normal" data="{{...msg}}"/></block>
    103.     </view>
    104.   </view>
    105.   <form bindsubmit='jumpToUpUnRead' report-submit>
    106.     <button class="toUpUnRead" form-type='submit' hidden='{{upBtnHidden}}'>☝ <text>{{unReadNum}}</text>条未读</button>
    107.   </form>
    108.   <form bindsubmit='jumpToDownUnRead' report-submit>
    109.     <button class="toDownUnRead" form-type='submit' hidden='{{downBtnHidden}}'>︾ <text>{{downUnReadNum}}</text>条未读</button>
    110.   </form>
    111. </scroll-view>
    112. <view class="swiper-tab">
    113.     <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    114.     <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
    115. </view> 
    116.  
    117. <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px" bindchange="bindChange">  
    118.     <swiper-item>
    119.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>  
    120.         <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
    121.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
    122.             <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
    123.             <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
    124.             <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
    125.           </view>
    126.         </view>
    127.       </scroll-view>
    128.       <view class="pageCmp">
    129.         <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    130.         <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
    131.         <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    132.       </view>
    133.     </swiper-item>  
    134.     <swiper-item>  
    135.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    136.         <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
    137.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}" bindtap="toTaskDetail">
    138.             <image src="/images/done.png" class="icon" data-taskId="{{done.id}}"></image>
    139.             <text class="name" style="width:{{winWidth - 55}}px;" data-taskId="{{done.id}}">{{done.name}}</text>
    140.           </view> 
    141.         </view>
    142.       </scroll-view>
    143.       <view class="pageCmp">
    144.         <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    145.         <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
    146.         <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    147.       </view>
    148.     </swiper-item>  
    149. </swiper>
    150. <view class="layout-column marUpTop" style="padding: 5px 15px;">
    151.     拉钩创建成功，邀请Ta和你拉钩吧。
    152.     <button open-type="share" type='primary' style="background-color: #265a88;width:100%;" size='default' class='marUpTop'>邀请</button>
    153. </view>
    154. <form bindsubmit="formSubmit" report-submit>
    155.   <view class="layout-column marUpTop">
    156.     <textarea class="desc border" placeholder="请描述反馈意见" name="content" maxlength="1000"/>
    157.     <view class="marTop border">
    158.       <button type="primary" size="default" style="background-color: #265a88;" formType="submit" disabled='{{disableBtn}}'>提交</button>
    159.     </view>
    160.     <modal hidden="{{formMsgHidden}}" title="提示" confirm-text="去完善" no-cancel="true" bindcancel="cancel" bindconfirm="hiddenFromMsg">
    161.     意见不能为空
    162.     </modal>
    163.   </view>
    164. </form>
    165. <view class="goods marUpTop">
    166.   <text class="total">共{{totalNum}}条</text>
    167.   <view class="good" wx:for="{{goods}}" wx:key="id" wx:for-item="good">
    168.     <image class="image" src="{{good.icon}}"></image>
    169.     <text class="name" style='width:{{windowWidth - 80}}px;'>{{good.name}}</text>
    170.   </view>
    171.   <text class="bottomLoad" bindtap='bottomLoad' hidden='{{initLoadDataNum < pageSize}}'>{{bottomLoadMsg}}</text>
    172. </view>
    173. <view class="swiper-tab">  
    174.     <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">未开始({{notStartTotalNums}})</view>  
    175.     <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    176.     <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
    177. </view> 
    178.  
    179. <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px;" bindchange="bindChange">  
    180.     <swiper-item>  
    181.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    182.         <view wx:for="{{notStartDatas}}" wx:for-item="notStart" wx:key="id" wx:for-index="index">
    183.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{notStart.id}}" >
    184.             <image bindtap="toTaskDetail" src="/images/notStart.png" class="icon" data-taskId="{{notStart.id}}"></image>
    185.             <text bindtap="toTaskDetail" style="width:{{winWidth - 140}}px;" class="name" data-taskId="{{notStart.id}}">{{notStart.name}}</text>
    186.             <button open-type="share" data-taskId="{{notStart.id}}" data-hookName="{{notStart.userName}}" type='primary' style="background-color: #265a88;" class='btn invite'>邀请</button>
    187.             <form bindsubmit='del' report-submit data-taskId="{{notStart.id}}">
    188.               <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
    189.             </form>
    190.           </view> 
    191.         </view>
    192.       </scroll-view>
    193.       <view class="pageCmp">
    194.         <image class="page" bindtap='upPage' src="{{notStartCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    195.         <text class="page-no">{{notStartCurPage}}/{{notStartTotalPage}}</text>
    196.         <image class="page" bindtap='downPage' src="{{notStartCurPage == notStartTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    197.       </view>
    198.     </swiper-item>
    199.     <swiper-item>  
    200.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    201.         <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
    202.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
    203.             <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
    204.             <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
    205.             <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
    206.           </view>
    207.         </view>
    208.       </scroll-view>
    209.       <view class="pageCmp">
    210.         <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    211.         <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
    212.         <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    213.       </view>
    214.     </swiper-item>  
    215.     <swiper-item>  
    216.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    217.         <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
    218.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}">
    219.             <image src="/images/done.png" class="icon" data-taskId="{{done.id}}" bindtap="toTaskDetail"></image>
    220.             <text style="width:{{winWidth - 95}}px;" class="name" data-taskId="{{done.id}}" bindtap="toTaskDetail">{{done.name}}</text>
    221.             <form bindsubmit='del' report-submit data-taskId="{{done.id}}">
    222.               <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
    223.             </form>
    224.           </view> 
    225.         </view>
    226.       </scroll-view>
    227.       <view class="pageCmp">
    228.         <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    229.         <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
    230.         <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    231.       </view>
    232.     </swiper-item>  
    233. </swiper>
    234. <template name="normal">
    235.   <view class="content-msg">{{msg}}</view>
    236. </template>
    237. <template name="apv">
    238.   <view class="content-msg apv">
    239.     <view class="apv-title">审批提醒</view>
    240.     <view class="apv-content">{{msg}}</view>
    241.     <view class="apv-do" data-id="{{id}}" data-attValue="{{attValue}}" bindtap="detail">
    242.       <text>审批</text>
    243.       <image class="right-image" src="/images/right.png"/>
    244.     </view>
    245.   </view>
    246. </template>
    247. <template name="end">
    248.   <view class="msg-end" style='width:{{windowWidth - 70}}px;'>
    249.     <image class="end-image" src="/images/{{attValue.suc ? 'success.png' : 'failure.png'}}"></image>
    250.     <view style="width:{{windowWidth - 145}}px;" class="end-msg">{{msg}}<text style="color:#5D718D;" data-id="{{attValue.id}}" bindtap='endDetail'> [详情]</text></view>
    251.   </view>
    252. </template>
    253.  
    254. <view wx:if="{{isRefresh}}" class="fresh">
    255.     <image src="/images/timer.gif" class="timer"></image>
    256. </view>
    257. <scroll-view  style="height: {{windowHeight}}px;" scroll-y  bindscroll="scroll" scroll-into-view="msgId_{{scrollInitId}}" bindtouchstart="start" bindtouchend="end" bindscrolltolower="hiddenDownBtn">
    258.   <view class="msg-item" wx:for="{{msgs}}" wx:for-item="msg" wx:key="id" id="msgId_{{msg.id}}">
    259.     <view>
    260.       <image src="{{msg.icon}}" class="msg-icon"></image>
    261.     </view>
    262.     <view class="msg-content">
    263.       <text class="name-time" decode="true">{{msg.sendName}} {{msg.createTime}}</text>
    264.       <block wx:if="{{msg.type == 1}}"><template is="apv" data="{{...msg}}"/></block>
    265.       <block wx:elif="{{msg.type == 2}}"><template is="end" data="{{...msg, windowWidth}}"/></block>
    266.       <block wx:else><template is="normal" data="{{...msg}}"/></block>
    267.     </view>
    268.   </view>
    269.   <form bindsubmit='jumpToUpUnRead' report-submit>
    270.     <button class="toUpUnRead" form-type='submit' hidden='{{upBtnHidden}}'>☝ <text>{{unReadNum}}</text>条未读</button>
    271.   </form>
    272.   <form bindsubmit='jumpToDownUnRead' report-submit>
    273.     <button class="toDownUnRead" form-type='submit' hidden='{{downBtnHidden}}'>︾ <text>{{downUnReadNum}}</text>条未读</button>
    274.   </form>
    275. </scroll-view>
    276. <view class="swiper-tab">
    277.     <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    278.     <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
    279. </view> 
    280.  
    281. <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px" bindchange="bindChange">  
    282.     <swiper-item>
    283.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>  
    284.         <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
    285.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
    286.             <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
    287.             <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
    288.             <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
    289.           </view>
    290.         </view>
    291.       </scroll-view>
    292.       <view class="pageCmp">
    293.         <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    294.         <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
    295.         <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    296.       </view>
    297.     </swiper-item>  
    298.     <swiper-item>  
    299.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    300.         <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
    301.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}" bindtap="toTaskDetail">
    302.             <image src="/images/done.png" class="icon" data-taskId="{{done.id}}"></image>
    303.             <text class="name" style="width:{{winWidth - 55}}px;" data-taskId="{{done.id}}">{{done.name}}</text>
    304.           </view> 
    305.         </view>
    306.       </scroll-view>
    307.       <view class="pageCmp">
    308.         <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    309.         <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
    310.         <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    311.       </view>
    312.     </swiper-item>  
    313. </swiper>
    314. <view class="layout-column marUpTop" style="padding: 5px 15px;">
    315.     拉钩创建成功，邀请Ta和你拉钩吧。
    316.     <button open-type="share" type='primary' style="background-color: #265a88;width:100%;" size='default' class='marUpTop'>邀请</button>
    317. </view>
    318. <form bindsubmit="formSubmit" report-submit>
    319.   <view class="layout-column marUpTop">
    320.     <textarea class="desc border" placeholder="请描述反馈意见" name="content" maxlength="1000"/>
    321.     <view class="marTop border">
    322.       <button type="primary" size="default" style="background-color: #265a88;" formType="submit" disabled='{{disableBtn}}'>提交</button>
    323.     </view>
    324.     <modal hidden="{{formMsgHidden}}" title="提示" confirm-text="去完善" no-cancel="true" bindcancel="cancel" bindconfirm="hiddenFromMsg">
    325.     意见不能为空
    326.     </modal>
    327.   </view>
    328. </form>
    329. <view class="goods marUpTop">
    330.   <text class="total">共{{totalNum}}条</text>
    331.   <view class="good" wx:for="{{goods}}" wx:key="id" wx:for-item="good">
    332.     <image class="image" src="{{good.icon}}"></image>
    333.     <text class="name" style='width:{{windowWidth - 80}}px;'>{{good.name}}</text>
    334.   </view>
    335.   <text class="bottomLoad" bindtap='bottomLoad' hidden='{{initLoadDataNum < pageSize}}'>{{bottomLoadMsg}}</text>
    336. </view>
    337. <view class="swiper-tab">  
    338.     <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">未开始({{notStartTotalNums}})</view>  
    339.     <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    340.     <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
    341. </view> 
    342.  
    343. <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px;" bindchange="bindChange">  
    344.     <swiper-item>  
    345.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    346.         <view wx:for="{{notStartDatas}}" wx:for-item="notStart" wx:key="id" wx:for-index="index">
    347.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{notStart.id}}" >
    348.             <image bindtap="toTaskDetail" src="/images/notStart.png" class="icon" data-taskId="{{notStart.id}}"></image>
    349.             <text bindtap="toTaskDetail" style="width:{{winWidth - 140}}px;" class="name" data-taskId="{{notStart.id}}">{{notStart.name}}</text>
    350.             <button open-type="share" data-taskId="{{notStart.id}}" data-hookName="{{notStart.userName}}" type='primary' style="background-color: #265a88;" class='btn invite'>邀请</button>
    351.             <form bindsubmit='del' report-submit data-taskId="{{notStart.id}}">
    352.               <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
    353.             </form>
    354.           </view> 
    355.         </view>
    356.       </scroll-view>
    357.       <view class="pageCmp">
    358.         <image class="page" bindtap='upPage' src="{{notStartCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    359.         <text class="page-no">{{notStartCurPage}}/{{notStartTotalPage}}</text>
    360.         <image class="page" bindtap='downPage' src="{{notStartCurPage == notStartTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    361.       </view>
    362.     </swiper-item>
    363.     <swiper-item>  
    364.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    365.         <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
    366.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
    367.             <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
    368.             <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
    369.             <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
    370.           </view>
    371.         </view>
    372.       </scroll-view>
    373.       <view class="pageCmp">
    374.         <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    375.         <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
    376.         <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    377.       </view>
    378.     </swiper-item>  
    379.     <swiper-item>  
    380.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    381.         <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
    382.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}">
    383.             <image src="/images/done.png" class="icon" data-taskId="{{done.id}}" bindtap="toTaskDetail"></image>
    384.             <text style="width:{{winWidth - 95}}px;" class="name" data-taskId="{{done.id}}" bindtap="toTaskDetail">{{done.name}}</text>
    385.             <form bindsubmit='del' report-submit data-taskId="{{done.id}}">
    386.               <button form-type='submit' type='primary' style="background-color: red;" class='btn delete'>删除</button>
    387.             </form>
    388.           </view> 
    389.         </view>
    390.       </scroll-view>
    391.       <view class="pageCmp">
    392.         <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    393.         <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
    394.         <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    395.       </view>
    396.     </swiper-item>  
    397. </swiper>
    398. <template name="normal">
    399.   <view class="content-msg">{{msg}}</view>
    400. </template>
    401. <template name="apv">
    402.   <view class="content-msg apv">
    403.     <view class="apv-title">审批提醒</view>
    404.     <view class="apv-content">{{msg}}</view>
    405.     <view class="apv-do" data-id="{{id}}" data-attValue="{{attValue}}" bindtap="detail">
    406.       <text>审批</text>
    407.       <image class="right-image" src="/images/right.png"/>
    408.     </view>
    409.   </view>
    410. </template>
    411. <template name="end">
    412.   <view class="msg-end" style='width:{{windowWidth - 70}}px;'>
    413.     <image class="end-image" src="/images/{{attValue.suc ? 'success.png' : 'failure.png'}}"></image>
    414.     <view style="width:{{windowWidth - 145}}px;" class="end-msg">{{msg}}<text style="color:#5D718D;" data-id="{{attValue.id}}" bindtap='endDetail'> [详情]</text></view>
    415.   </view>
    416. </template>
    417.  
    418. <view wx:if="{{isRefresh}}" class="fresh">
    419.     <image src="/images/timer.gif" class="timer"></image>
    420. </view>
    421. <scroll-view  style="height: {{windowHeight}}px;" scroll-y  bindscroll="scroll" scroll-into-view="msgId_{{scrollInitId}}" bindtouchstart="start" bindtouchend="end" bindscrolltolower="hiddenDownBtn">
    422.   <view class="msg-item" wx:for="{{msgs}}" wx:for-item="msg" wx:key="id" id="msgId_{{msg.id}}">
    423.     <view>
    424.       <image src="{{msg.icon}}" class="msg-icon"></image>
    425.     </view>
    426.     <view class="msg-content">
    427.       <text class="name-time" decode="true">{{msg.sendName}} {{msg.createTime}}</text>
    428.       <block wx:if="{{msg.type == 1}}"><template is="apv" data="{{...msg}}"/></block>
    429.       <block wx:elif="{{msg.type == 2}}"><template is="end" data="{{...msg, windowWidth}}"/></block>
    430.       <block wx:else><template is="normal" data="{{...msg}}"/></block>
    431.     </view>
    432.   </view>
    433.   <form bindsubmit='jumpToUpUnRead' report-submit>
    434.     <button class="toUpUnRead" form-type='submit' hidden='{{upBtnHidden}}'>☝ <text>{{unReadNum}}</text>条未读</button>
    435.   </form>
    436.   <form bindsubmit='jumpToDownUnRead' report-submit>
    437.     <button class="toDownUnRead" form-type='submit' hidden='{{downBtnHidden}}'>︾ <text>{{downUnReadNum}}</text>条未读</button>
    438.   </form>
    439. </scroll-view>
    440. <view class="swiper-tab">
    441.     <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">进行中({{progressTotalNums}})</view>  
    442.     <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">已结束({{doneTotalNums}})</view>  
    443. </view> 
    444.  
    445. <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 40}}px" bindchange="bindChange">  
    446.     <swiper-item>
    447.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>  
    448.         <view wx:for="{{progressDatas}}" wx:for-item="progress" wx:key="id" wx:for-index="index">
    449.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{progress.id}}" bindtap="toTaskDetail">
    450.             <image src="/images/doing.png" class="icon" data-taskId="{{progress.id}}"></image>
    451.             <text class="name" style="width:{{winWidth - 140}}px;" data-taskId="{{progress.id}}">{{progress.name}}</text>
    452.             <progress class="progress" data-taskId="{{progress.id}}" activeColor="{{progress.activeColor}}" percent="{{progress.progress}}" show-info="true" active/>
    453.           </view>
    454.         </view>
    455.       </scroll-view>
    456.       <view class="pageCmp">
    457.         <image class="page" bindtap='upPage' src="{{progressCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    458.         <text class="page-no">{{progressCurPage}}/{{progressTotalPage}}</text>
    459.         <image class="page" bindtap='downPage' src="{{progressCurPage == progressTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    460.       </view>
    461.     </swiper-item>  
    462.     <swiper-item>  
    463.       <scroll-view  style="height: {{winHeight - 80}}px;" scroll-y>
    464.         <view wx:for="{{doneDatas}}" wx:for-item="done" wx:key="id" wx:for-index="index">
    465.           <view class="list" style="background-color:{{index % 2 == 0 ? '#F6F6F6' : '#ffffff'}}" data-taskId="{{done.id}}" bindtap="toTaskDetail">
    466.             <image src="/images/done.png" class="icon" data-taskId="{{done.id}}"></image>
    467.             <text class="name" style="width:{{winWidth - 55}}px;" data-taskId="{{done.id}}">{{done.name}}</text>
    468.           </view> 
    469.         </view>
    470.       </scroll-view>
    471.       <view class="pageCmp">
    472.         <image class="page" bindtap='upPage' src="{{doneCurPage == 1 ? '/images/up-grey.png' : '/images/up.png'}}"/>
    473.         <text class="page-no">{{doneCurPage}}/{{doneTotalPage}}</text>
    474.         <image class="page" bindtap='downPage' src="{{doneCurPage == doneTotalPage ? '/images/down-grey.png' : '/images/down.png'}}"/>
    475.       </view>
    476.     </swiper-item>  
    477. </swiper>
    478. <view class="layout-column marUpTop" style="padding: 5px 15px;">
    479.     拉钩创建成功，邀请Ta和你拉钩吧。
    480.     <button open-type="share" type='primary' style="background-color: #265a88;width:100%;" size='default' class='marUpTop'>邀请</button>
    481. </view>
    482. <form bindsubmit="formSubmit" report-submit>
    483.   <view class="layout-column marUpTop">
    484.     <textarea class="desc border" placeholder="请描述反馈意见" name="content" maxlength="1000"/>
    485.     <view class="marTop border">
    486.       <button type="primary" size="default" style="background-color: #265a88;" formType="submit" disabled='{{disableBtn}}'>提交</button>
    487.     </view>
    488.     <modal hidden="{{formMsgHidden}}" title="提示" confirm-text="去完善" no-cancel="true" bindcancel="cancel" bindconfirm="hiddenFromMsg">
    489.     意见不能为空
    490.     </modal>
    491.   </view>
    492. </form>

    6.PPT展示

  • 相关阅读:
    ChatGPT总结（持续更新）
    美国家安全局等发布安全部署人工智能系统指南
    [Linux] 基于阻塞队列的生产者消费者模型
    HTML CSS JS 网页设计作业「我的家乡吉林」
    【云原生Kubernetes】二进制搭建Kubernetes集群（中）——部署node节点
    ES6-匿名函数
    使用pip安装模块时，提示MemoryError
    基于费舍尔判别分析的故障与诊断（lunwen+文献综述+翻译及原文+MATLAB程序）
    基于红外传感器人体测温系统设计（STC89C51单片机）
    tcp/ip协议和opc协议对比详解
  • 原文地址：https://blog.csdn.net/lf21qp/article/details/133376999