chore: 保存盘点开发前改动
This commit is contained in:
@@ -1,46 +1,39 @@
|
||||
<template>
|
||||
<view class="page-container">
|
||||
<view class="module-header">
|
||||
<uni-icons type="search" size="22" color="#52c41a"></uni-icons>
|
||||
<text class="header-title">盘点管理</text>
|
||||
</view>
|
||||
|
||||
<view class="feature-list">
|
||||
<view class="feature-card" @click="$modal.showToast('功能开发中')">
|
||||
<view class="feature-left">
|
||||
<uni-icons type="list" size="20" color="#1890ff"></uni-icons>
|
||||
<text class="feature-name">盘点任务列表</text>
|
||||
<view class="menu-section">
|
||||
<view class="menu-card" @click="scanInventory">
|
||||
<view class="card-left">
|
||||
<view class="card-icon green">
|
||||
<uni-icons type="scan" size="24" color="#fff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-title">扫码盘点</text>
|
||||
<text class="card-desc">扫描托盘码进行库存盘点</text>
|
||||
</view>
|
||||
</view>
|
||||
<uni-icons type="right" size="16" color="#ccc"></uni-icons>
|
||||
<uni-icons type="right" size="18" color="#ccc"></uni-icons>
|
||||
</view>
|
||||
|
||||
<view class="feature-card" @click="$modal.showToast('功能开发中')">
|
||||
<view class="feature-left">
|
||||
<uni-icons type="scan" size="20" color="#fa8c16"></uni-icons>
|
||||
<text class="feature-name">扫码盘点</text>
|
||||
<view class="menu-card reserve-card" @click="showReservedTip">
|
||||
<view class="card-left">
|
||||
<view class="card-icon gray">
|
||||
<uni-icons type="compose" size="24" color="#fff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-title">预留界面</text>
|
||||
<text class="card-desc">后续盘点流程启用时接入</text>
|
||||
</view>
|
||||
</view>
|
||||
<uni-icons type="right" size="16" color="#ccc"></uni-icons>
|
||||
</view>
|
||||
|
||||
<view class="feature-card" @click="$modal.showToast('功能开发中')">
|
||||
<view class="feature-left">
|
||||
<uni-icons type="compose" size="20" color="#52c41a"></uni-icons>
|
||||
<text class="feature-name">盘点差异记录</text>
|
||||
</view>
|
||||
<uni-icons type="right" size="16" color="#ccc"></uni-icons>
|
||||
</view>
|
||||
|
||||
<view class="feature-card" @click="$modal.showToast('功能开发中')">
|
||||
<view class="feature-left">
|
||||
<uni-icons type="paperplane" size="20" color="#722ed1"></uni-icons>
|
||||
<text class="feature-name">盘点报告</text>
|
||||
</view>
|
||||
<uni-icons type="right" size="16" color="#ccc"></uni-icons>
|
||||
<uni-icons type="right" size="18" color="#ddd"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="empty-tip">
|
||||
<text class="tip-text">盘点管理模块正在开发中，敬请期待</text>
|
||||
<view v-if="scanCode" class="result-card">
|
||||
<view class="result-header">
|
||||
<text class="result-title">最近扫描</text>
|
||||
<text class="result-code">{{ scanCode }}</text>
|
||||
</view>
|
||||
<text class="result-desc">扫码盘点明细待业务流程确认后接入。</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -48,7 +41,22 @@
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {}
|
||||
return {
|
||||
scanCode: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
scanInventory() {
|
||||
uni.scanCode({
|
||||
success: res => {
|
||||
this.scanCode = res.result || ''
|
||||
this.$modal.showToast('扫码成功')
|
||||
}
|
||||
})
|
||||
},
|
||||
showReservedTip() {
|
||||
this.$modal.showToast('功能预留')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -63,57 +71,93 @@
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.module-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 24rpx 0;
|
||||
margin-bottom: 20rpx;
|
||||
.menu-section {
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.feature-list {
|
||||
.menu-card {
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
padding: 32rpx 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 32rpx 28rpx;
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
.feature-card:last-child {
|
||||
border-bottom: none;
|
||||
.reserve-card {
|
||||
opacity: 0.88;
|
||||
}
|
||||
|
||||
.feature-left {
|
||||
.card-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.feature-name {
|
||||
font-size: 28rpx;
|
||||
.card-icon {
|
||||
width: 72rpx;
|
||||
height: 72rpx;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.card-icon.green {
|
||||
background: linear-gradient(135deg, #52c41a, #73d13d);
|
||||
}
|
||||
|
||||
.card-icon.gray {
|
||||
background: linear-gradient(135deg, #8c8c8c, #bfbfbf);
|
||||
}
|
||||
|
||||
.card-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-left: 16rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.empty-tip {
|
||||
padding: 60rpx 0;
|
||||
text-align: center;
|
||||
.card-desc {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.tip-text {
|
||||
.result-card {
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
.result-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 14rpx;
|
||||
}
|
||||
|
||||
.result-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.result-code {
|
||||
font-size: 26rpx;
|
||||
color: #ccc;
|
||||
color: #52c41a;
|
||||
}
|
||||
|
||||
.result-desc {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user