129 lines
3.0 KiB
Vue
129 lines
3.0 KiB
Vue
<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="navigateTo('/pages/warehouse/inventory/jobList')">
|
||
<view class="feature-left">
|
||
<uni-icons type="list" size="20" color="#1890ff"></uni-icons>
|
||
<text class="feature-name">盘点任务列表</text>
|
||
</view>
|
||
<uni-icons type="right" size="16" color="#ccc"></uni-icons>
|
||
</view>
|
||
|
||
<view class="feature-card" @click="navigateTo('/pages/warehouse/inventory/inventoryConfirm')">
|
||
<view class="feature-left">
|
||
<uni-icons type="scan" size="20" color="#fa8c16"></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="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>
|
||
</view> -->
|
||
</view>
|
||
|
||
<!-- <view class="empty-tip">
|
||
<text class="tip-text">盘点管理模块正在开发中，敬请期待</text>
|
||
</view> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
methods:{
|
||
navigateTo(url) {
|
||
this.$tab.navigateTo(url)
|
||
},
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
page {
|
||
background-color: #f5f7fa;
|
||
min-height: 100%;
|
||
}
|
||
|
||
.page-container {
|
||
padding: 24rpx;
|
||
}
|
||
|
||
.module-header {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 24rpx 0;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.header-title {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
margin-left: 12rpx;
|
||
}
|
||
|
||
.feature-list {
|
||
background: #fff;
|
||
border-radius: 16rpx;
|
||
overflow: hidden;
|
||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
|
||
}
|
||
|
||
.feature-card {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 32rpx 28rpx;
|
||
border-bottom: 1rpx solid #f5f5f5;
|
||
}
|
||
|
||
.feature-card:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.feature-left {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.feature-name {
|
||
font-size: 28rpx;
|
||
color: #333;
|
||
margin-left: 16rpx;
|
||
}
|
||
|
||
.empty-tip {
|
||
padding: 60rpx 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.tip-text {
|
||
font-size: 26rpx;
|
||
color: #ccc;
|
||
}
|
||
</style>
|