admin/lichebao
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

店铺首页盘点入口静态

Browse Source
This commit is contained in:
老叶
2022-02-25 09:47:04 +08:00
parent 1c2aa7ba5c
commit 9998650a63
4 changed files with 97 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
commons/js/config.js
+1 -1
View File
@@ -1,4 +1,4 @@
const env = "p";
const env = "d";
const version = 1,
pages/index/index.js
+51
View File
@@ -41,6 +41,44 @@ Page({
stopNotice:false,//是否不再显示通知
isShowReport:false,
isShowProfile:true,//是否显示授权用户信息按钮
banneractive: 0,
banneractive2: 0,
remind:[
{
title:'调拨提醒',
content:'您有新的车辆调拨，需要您进行确认操作。',
img:'https://qs.haodian.cn/wechat_app/lichebao/allot/car.gif?v=220224',
btn:{
title:'前往操作',
url:'/pages/allot/list/index',
},
},
{
title:'盘点提醒',
content:'您有新的车辆盘点，需要您进行确认操作。',
img:'https://qs.haodian.cn/wechat_app/lichebao/inventory/animation.gif',
btn:{
title:'前往操作',
url:'/pages/inventory/list/index',
},
},
],
remind2:[
{
title:'车辆调拨',
content:'您有新的车辆调拨，需要您进行确认操作。',
img:'https://qs.haodian.cn/wechat_app/lichebao/allot/car.gif?v=220224',
url:'/pages/allot/list/index',
allotNum:'1',
},
{
title:'车辆盘点',
content:'您有新的车辆调拨，需要您进行确认操作。',
img:'https://qs.haodian.cn/wechat_app/lichebao/inventory/icon.png',
url:'/pages/inventory/list/index',
allotNum:'2',
},
],
},
onLoad(options) {
@@ -293,6 +331,19 @@ Page({
})
},
//banner轮播点
bannerChange: function (e) {
this.setData({
banneractive:e.detail.current,
});
},
//banner轮播点
bannerChange2: function (e) {
this.setData({
banneractive2:e.detail.current,
});
},
//页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
this.getAppUserCal()
pages/index/index.wxml
+38 -22
View File
@@ -35,18 +35,25 @@
</view>
<!--客户代办事项 订单代办事项 -->
<view class="bg-fff box-shadow-000-10-10 ulib-r10">
<view class="bg-ffedeb ulib-rt10" style="height:140rpx;" bindtap="pushLink" data-url="/pages/allot/list/index" wx:if="{{allotNum>0}}">
<view class="pt30 pl30 pr30">
<view class="relative pl110 pr110">
<image class='block absolute left-0 box-middle img-90x90 ulib-r750 z-index-1' mode="aspectFill" src='{{imgUrl}}index/diaobo-icon.png' lazy-load="{{true}}"></image>
<view class="color-f9394d">
<view class="font-32">车辆调拨</view>
<view class="mt10 font-20">您有新的车辆调拨，需要您进行确认操作</view>
</view>
<view class="absolute right-0 box-middle">
<text class="inline-block text-middle pt5 pb5 pl10 pr10 bg-f9394d font-22 color-fff ulib-r10">{{allotNum}}</text>
<text class="ml5 text-middle iconfont icon-gengduo font-32 color-f9394d"></text>
</view>
<view class="bg-ffedeb ulib-rt10" style="height:140rpx;" wx:if="{{allotNum>-1}}">
<view class="relative pt30 pl30 pr30">
<swiper class='wp100' style="height:90rpx;" autoplay circular bindchange="bannerChange2">
<swiper-item class="wp100 relative pl110 pr110" wx:for="{{remind2}}" wx:key="index" bindtap="pushLink" data-url="{{item.url}}">
<image class='block absolute left-0 box-middle img-90x90 ulib-r750 z-index-1' mode="aspectFill" src='{{item.img}}' lazy-load="{{true}}"></image>
<view class="color-f9394d">
<view class="font-32">{{item.title}}</view>
<view class="mt10 font-20">{{item.content}}</view>
</view>
<view class="absolute right-0 box-middle">
<text class="inline-block text-middle pt5 pb5 pl10 pr10 bg-f9394d font-22 color-fff ulib-r10">{{item.allotNum}}</text>
<text class="ml5 text-middle iconfont icon-gengduo font-32 color-f9394d"></text>
</view>
</swiper-item>
</swiper>
<view class="absolute left-0 right-0 text-center" style='bottom:-20rpx;height:20rpx' wx:if="{{remind2.length > 1}}">
<block wx:for-items="{{remind2}}" wx:for-index="j" wx:key='j'>
<view class="inline-block indicator-pin2 {{banneractive2==j?'active':''}}"></view>
</block>
</view>
</view>
</view>
@@ -169,16 +176,25 @@
<!-- 调拨提醒 -->
<lcb-msg isShow="{{isShowReport}}">
<view slot="content">
<view class="pt40 pl40 pr40">
<view class="font-36 text-center">调拨提醒</view>
<view class="mt10 font-22 text-center color-999">您有新的车辆调拨，需要您进行确认操作。</view>
</view>
<view class="mt20 pl40 pr40 pb40">
<image class='wp100 ulib-r10' src='{{imgUrl}}allot/car.gif' mode='widthFix'></image>
</view>
<view class="fn-flex pl60 pr60 pb50 text-center font-32 color-666">
<button bindtap="optShowReport" class="fn-flex-item mr20 bds-2-36afa2 btn-no-bg wp100 font-28 color-36afa2 ulib-r750">取消</button>
<button bindtap="pushLink" data-url="/pages/allot/list/index" class="fn-flex-item ml20 btn-36afa2 wp100 font-28 color-fff ulib-r750" hover-class="btn-36afa2-hover">前往操作</button>
<swiper class='wp100' style="height:550rpx;" autoplay circular bindchange="bannerChange">
<swiper-item class="relative" wx:for="{{remind}}" wx:key="index">
<view class="pt40 pl40 pr40">
<view class="font-36 text-center">{{item.title}}</view>
<view class="mt10 font-22 text-center color-999">{{item.content}}</view>
</view>
<view class="mt20 pl40 pr40 pb40">
<image class='wp100 ulib-r10' src='{{item.img}}' mode='widthFix'></image>
</view>
<view class="fn-flex pl60 pr60 pb50 text-center font-32 color-666">
<button bindtap="optShowReport" class="fn-flex-item mr20 bds-2-36afa2 btn-no-bg wp100 font-28 color-36afa2 ulib-r750">取消</button>
<button bindtap="pushLink" data-url="{{item.btn.url}}" class="fn-flex-item ml20 btn-36afa2 wp100 font-28 color-fff ulib-r750" hover-class="btn-36afa2-hover">{{item.btn.title}}</button>
</view>
</swiper-item>
</swiper>
<view class="absolute left-0 right-0 bottom-0 pb20 text-center" style='height:30rpx' wx:if="{{remind.length > 1}}">
<block wx:for-items="{{remind}}" wx:for-index="j" wx:key='j'>
<view class="inline-block indicator-pin {{banneractive==j?'active':''}}"></view>
</block>
</view>
</view>
</lcb-msg>
pages/index/index.wxss
+7 -1
View File
@@ -1,4 +1,10 @@
.bg-1c89fd-8058fe{background-image:linear-gradient(45deg, #1c89fd, #8058fe);}
.bg-fe606c-ff9026{background-image:linear-gradient(45deg, #fe606c, #ff9026); text-align: center;}
.bg-ffedeb{background-color:#ffedeb;}
.color-ff4a3a{color:#ff4a3a;}
.color-ff4a3a{color:#ff4a3a;}
.indicator-pin{width:20rpx;height:6rpx;display:inline-block;background-color:#ddd;cursor:pointer;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;margin:0 6rpx;vertical-align:top}
.indicator-pin.active{background-color:#36afa2;}
.indicator-pin2{width:20rpx;height:6rpx;display:inline-block;background-color:#fad6c9;cursor:pointer;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;margin:0 6rpx;vertical-align:top}
.indicator-pin2.active{background-color:#f9394d;}