|
|
@@ -0,0 +1,149 @@
|
|
|
+<template>
|
|
|
+ <view class="tabPage" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
|
|
|
+ <cus-header title='扫码' :showback="false" bgColor='transparent'></cus-header>
|
|
|
+ <image class="topbg" :src="imgBase+'/img_code_bg.png'" mode="widthFix"></image>
|
|
|
+ <view class="content" :style="{'height':'calc(100vh - '+(mt+84)+'px)'}">
|
|
|
+ <view class="box">
|
|
|
+ <view class="title">请选择您的操作</view>
|
|
|
+ <view class="tip">产品入库or 出库</view>
|
|
|
+ <view class="cards">
|
|
|
+ <view class="card" @tap="toTurn('/pagesStorage/inStorage/add')">
|
|
|
+ <view class="left">
|
|
|
+ <image :src="imgBase+'/img_code_rk.png'"></image>
|
|
|
+ <view class="info">
|
|
|
+ <view class="ititle">扫码入库</view>
|
|
|
+ <view class="itip">新增入库，扫描产品二维码入库</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <image :src="imgBase+'/img_arrow_right.png'"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="card" @tap="toTurn('/pagesStorage/outStorage/add')">
|
|
|
+ <view class="left">
|
|
|
+ <image :src="imgBase+'/img_code_ck.png'"></image>
|
|
|
+ <view class="info">
|
|
|
+ <view class="ititle">扫码出库</view>
|
|
|
+ <view class="itip">新增出库，扫描产品二维码出库</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <image :src="imgBase+'/img_arrow_right.png'"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <Tabbar :tabbarIndex="1"></Tabbar>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import Tabbar from '@/components/CusTabbar/index.vue'
|
|
|
+ export default {
|
|
|
+ components:{
|
|
|
+ Tabbar
|
|
|
+ },
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ imgBase:this.$imgBase
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ toTurn(url){
|
|
|
+ uni.navigateTo({ url })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="less">
|
|
|
+ .tabPage{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 24rpx 168rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #E8F6FC;
|
|
|
+
|
|
|
+ .topbg{
|
|
|
+ width: 100%;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 50rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ .box{
|
|
|
+ width: 100%;
|
|
|
+ .title{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 48rpx;
|
|
|
+ color: #1D2129;
|
|
|
+ line-height: 48rpx;
|
|
|
+ }
|
|
|
+ .tip{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #86909C;
|
|
|
+ line-height: 30rpx;
|
|
|
+ margin-top: 30rpx;
|
|
|
+ }
|
|
|
+ .cards{
|
|
|
+ margin-top: 60rpx;
|
|
|
+ .card{
|
|
|
+ width: 100%;
|
|
|
+ padding: 60rpx 36rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 32rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ .left{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ &>image{
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ }
|
|
|
+ .info{
|
|
|
+ padding-left: 36rpx;
|
|
|
+ .ititle{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #1D2129;
|
|
|
+ line-height: 50rpx;
|
|
|
+ }
|
|
|
+ .itip{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #86909C;
|
|
|
+ line-height: 36rpx;
|
|
|
+ margin-top: 18rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right{
|
|
|
+ image{
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
