shangjia1.1/pages/first/index.vue

444 lines
13 KiB
Vue
Raw Normal View History

2024-11-08 14:33:35 +08:00
<template>
<view class="body">
<view class="wrapper">
<view class="box box-first">
<u-row justify="around">
<u-col :span="span" :offset="offset" @click="navigateToLedger">
<view>
<u-image src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/zhangdan.png"
class="image" height="140rpx" width="140rpx"></u-image>
</view>
<view class="text box-first-txt">账单</view>
</u-col>
<u-col :span="span" :offset="offset" @click="navigateToQrList">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/shouyintai.png"
class="image" height="140rpx" width="140rpx"></u-image>
</view>
<view class="text box-first-txt">收银台</view>
</u-col>
<u-col :span="span" :offset="offset" @click="navigateToReport">
<view>
<u-image src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/baobiao.png"
class="image" height="140rpx" width="140rpx"></u-image>
</view>
<view class="text box-first-txt">报表</view>
</u-col>
</u-row>
</view>
<view class="box box-second">
<u-row justify="around">
<u-col class="row-second-cus" :span="span" :offset="offset" @click="autoMoneyHistory">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/aotu_money_history.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">结算记录</view>
</u-col>
<!-- <u-col class="row-second-cus" :span="span" :offset="offset" @click="navigateToBonus">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/home_reward.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">奖励金</view>
</u-col>
<u-col class="row-second-cus" :span="span" :offset="offset" @click="navigateToDepositCard">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/home_credit_card.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">储值卡</view>
</u-col> -->
<u-col class="row-second-cus" :span="span" :offset="offset" @click="credigGiveSetPage">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/credit_give.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">扫码送金豆</view>
</u-col>
<u-col class="row-second-cus" :span="span" :offset="offset"
@click="credigGive">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/home_manage.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">金豆抵扣</view>
</u-col>
<u-col class="row-second-cus" :span="span" :offset="offset" @click="navigateToStoreSetup">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/home_shop_setting.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">店铺设置</view>
</u-col>
<!-- <u-col class="row-second-cus" :span="span" :offset="offset" @click="autoMoney">
<view>
<u-image src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/bank.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">结算银行卡</view>
</u-col>
<u-col class="row-second-cus" v-if="false" :span="span" :offset="offset" @click="autoMoney">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/aotu_money.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">进销存</view>
</u-col>
<u-col class="row-second-cus" :span="span" :offset="offset" @click="bindAlipay">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/icon_alipay.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">绑定支付宝</view>
</u-col>
<u-col class="row-second-cus" :span="span" :offset="offset"
@click="go2Page('/pages/home/more_fun/more_fun')">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/more_function.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">更多功能</view>
</u-col> -->
<u-col class="row-second-cus" :span="span" :offset="offset" @click="safecenter">
<view>
<u-image
src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/more_function.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">安全中心</view>
</u-col>
<u-col class="row-second-cus" :span="span" :offset="offset" @click="autoMoney">
<view>
<u-image src="http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/bank.png"
class="image" height="75rpx" width="75rpx"></u-image>
</view>
<view class="text">结算银行卡</view>
</u-col>
</u-row>
</view>
<!-- <view>
<u-notice-bar type="error" :show="showNoticeBar" @getMore="showNotice" @click="showNotice"
@close="showNoticeBar = false" :more-icon='true' :text="notice" :close-icon="true"></u-notice-bar>
</view> -->
<!-- 首页广告 -->
<view class="swiper">
<u-swiper @change="swipChange" :height="250" :list="swipList" :effect3d="effect3d"
:indicator-pos="indicatorPos" :mode="mode" :interval="3000" @click="newsClick"></u-swiper>
</view>
<!-- 首页广告 -->
</view>
</view>
</template>
<script>
var that = {},
userInfo, autoGo2CashTask
export default {
data() {
return {
span: 4,
offset: 0,
bgColor: 'none',
halfWidth: 150,
borderColor: '#dcdfe6',
type: 'primary',
color: '#909399',
fontSize: '26',
// swiper
// swipList: [{
// image: 'http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home_swiper.png',
// title: '',
// url: 'https://v1.angyakeji.com/appindex.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=article.list'
// }],
swipList: [
'http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home_swiper.png',
// title: '',
// url: 'https://v1.angyakeji.com/appindex.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=article.list'
],
title: false,
mode: 'round',
indicatorPos: 'bottomCenter',
notice: "",
showNoticeBar: false,
yldstoreDataLocal: uni.getStorageSync("yldstoreDataLocal"),
effect3d: false
}
},
onLoad: function() {
that = this
// this.autoGo2Cash()
},
onUnload() {
clearTimeout(autoGo2CashTask)
},
onShow: function() {
this.yldstoreDataLocal = uni.getStorageSync("yldstoreDataLocal")
// userInfo = uni.getStorageSync(getApp().globalData.config.userDataKey)
// if (typeof (userInfo) == 'undefined' || !userInfo || !userInfo.mobile || !userInfo.sign) {
// uni.reLaunch({
// url: '/pages/login/index'
// })
// return
// } else {
setTimeout(function() {
// 获取轮播图
// that.init()
}, 299)
// }
},
onPullDownRefresh() {
setTimeout(function() {
uni.showToast({
title: '刷新成功',
icon: 'none'
})
uni.stopPullDownRefresh({
success: (result) => {},
fail: (error) => {}
})
}, 688)
},
methods: {
init() {
// 获取商家通知
this.showNotice()
//获取轮播图
getApp().globalData.util.request({
s: 'Merch.Mershop_Index.swiper'
}).then(res => {
that.swipList = res.data.data
})
},
go2Page(page) {
uni.navigateTo({
url: page
})
},
// 自动跳转到收银台
autoGo2Cash() {
//#ifdef APP-PLUS
if (uni.getStorageSync("yldstoreDataLocal") && !uni.getStorageSync("yldstoreDataLocal").auto_go_cash) {
return
}
autoGo2CashTask = setTimeout(function() {
let pages = getCurrentPages() //关于获取页面的官方文档https://uniapp.dcloud.io/api/window/window
let page = pages[pages.length - 1].route
if (page == "pages/home/home") {
uni.navigateTo({
url: '/pages/store/cashier/cashier'
})
}
}, 1000 * 30)
// #endif
},
newsClick(index) {
if (that.swipList[index].url) {
that.navigateTo('/pages/web_view/web_view?title=最新活动&url=' + encodeURIComponent((that.swipList[index]
.url)))
}
},
swipChange(index) {
// console.log(index);
},
navigateTo(urlPath) {
uni.navigateTo({
url: urlPath,
success(res) {
//console.log(res)
},
fail(res) {
console.log(res)
}
})
},
//安全中心
safecenter(){
uni.navigateTo({
url:'/pages/store/secret/secret'
})
},
//金豆抵扣
credigGive(){
uni.navigateTo({
url:'/pages/store/withdraw/credit'
})
},
navigateToProductManage(type) {
this.navigateTo('pages/goods/list?type=' + type)
},
//账单
navigateToLedger() {
this.navigateTo('/pages/fiance/ledger/ledger')
},
//报表
navigateToReport() {
this.navigateTo('/pages/fiance/report/report')
},
//店铺设置
navigateToStoreSetup() {
this.navigateTo('/pages/store/setup')
},
navigateToDepositCard() {
this.navigateTo('/pages/store/deposit/index')
},
//收银台
navigateToQrList() {
this.navigateTo('/pages/store/cashier/cashier')
},
navigateToQrList_sy_s() {
this.navigateTo('/pages/store/cashier_sy/cashier_sy_s')
},
navigateToQrList_sy_f() {
this.navigateTo('/pages/store/cashier_sy/cashier_sy_f/cashier_sy_f')
},
navigateToQrList_sy_scan() {
this.navigateTo('/pages/store/cashier_sy/cashier_sy_b/cashier_sy_f')
},
navigateToBonus() {
this.navigateTo('/pages/fiance/bonus/bonus')
},
merchantTutorial() {
this.navigateTo('/pages/web_view/web_view?title=商家教程&url=' + encodeURIComponent(
'https://yld.angyakeji.com/api/admin/public/view/merch_help/'))
},
//结算银行卡 自动结算
autoMoney() {
uni.navigateTo({
url: '/pages/store/card'
});
},
bindAlipay() {
uni.navigateTo({
url: '/pages/store/withdraw/alipay'
});
},
//结算记录
autoMoneyHistory() {
uni.navigateTo({
url: '/pages/store/withdraw/withdraw'
})
},
//扫码送金豆
credigGiveSetPage() {
uni.navigateTo({
url: '/pages/store/withdraw/creditadd'
})
},
go2MoreFun() {
uni.navigateTo({
url: '/pages/store/more_fun/index'
})
},
showNotice() {
// 获取商家通知
// getApp().globalData.util.request({
// s: 'Merch.Sys_Index.notice'
// }).then(res => {
// let noticeData = res.data.data
// console.log(6666, noticeData);
// let currentTime = new Date().getTime() / 1000
// if (noticeData?.endtime > currentTime) {
// if (noticeData.showNoticeBar) {
// that.showNoticeBar = true
// }
// this.notice = noticeData.content
// if (noticeData.forceDialog) {
// let tempContent = ""
// for (let item in noticeData.content) {
// tempContent += noticeData.content[item] + "\n\n"
// }
// if (JSON.stringify(noticeData) != uni.getStorageSync("dontNoticeContent")) {
// uni.showModal({
// title: noticeData.title,
// content: tempContent,
// cancelText: "不再提示",
// confirmText: '关闭',
// success: (res) => {
// if (res.cancel) {
// uni.setStorageSync("dontNoticeContent", JSON.stringify(
// noticeData))
// }
// }
// })
// }
// }
// }
// })
},
// /methods
},
}
</script>
<style lang="scss" scoped>
/deep/.wrapper .box-second .image {
display: flex;
align-items: center;
}
/deep/.u-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.main {
opacity: 1;
}
.box-second {
padding: 30rpx 0;
}
.box-second .text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 25rpx;
margin-top: 10rpx;
}
.row-second-cus {
padding-top: 25rpx !important;
padding-bottom: 25rpx !important;
}
.body {
padding-top: 450rpx;
background: url(http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/home/merch_index_bg.png);
background-repeat: no-repeat;
background-size: contain;
}
.box-first-txt {
margin-top: -15rpx !important;
}
.swiper {
margin-top: 45rpx;
}
/deep/.u-col-4 {
display: flex;
align-items: center !important;
}
</style>