378 lines
10 KiB
Vue
378 lines
10 KiB
Vue
<template>
|
|
<view class="content">
|
|
<view class="new-purchase">
|
|
<div class="title-text">
|
|
<div></div>
|
|
<div class="purchase-title">信息采集</div>
|
|
</div>
|
|
<view
|
|
class="purchase-item"
|
|
:key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in newInfoList"
|
|
>
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text>
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="new-purchase">
|
|
<div class="title-text">
|
|
<div></div>
|
|
<div class="purchase-title">新购管理</div>
|
|
</div>
|
|
<view
|
|
class="purchase-item"
|
|
:key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in newPurchaseList"
|
|
>
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text>
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="new-purchase">
|
|
<div class="title-text">
|
|
<div></div>
|
|
<div class="purchase-title">仓储管理</div>
|
|
</div>
|
|
<view
|
|
class="purchase-item"
|
|
:key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in pickingList"
|
|
>
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text>
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="new-purchase">
|
|
<div class="title-text">
|
|
<div></div>
|
|
<div class="purchase-title">修试管理</div>
|
|
</div>
|
|
<view
|
|
class="purchase-item"
|
|
:key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in repairList"
|
|
>
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text>
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="new-purchase">
|
|
<div class="title-text">
|
|
<div></div>
|
|
<div class="purchase-title">配件管理</div>
|
|
</div>
|
|
<view
|
|
class="purchase-item"
|
|
:key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in partList"
|
|
>
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text style="white-space: nowrap;font-size: 26rpx;">
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="new-purchase">
|
|
<div class="title-text">
|
|
<div></div>
|
|
<div class="purchase-title">标准箱管理</div>
|
|
</div>
|
|
<view class="purchase-item" :key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in boxList">
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text>
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="new-purchase">
|
|
<view class="purchase-item" :key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in searchList">
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text>
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
<view class="new-purchase">
|
|
<view class="purchase-item" :key="index"
|
|
@tap="onNavigateTo(item.url)"
|
|
v-for="(item, index) in deviceList">
|
|
<image :src="item.iconSrc" mode="scaleToFill" />
|
|
<text>
|
|
{{ item.title }}
|
|
</text>
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
// 信息采集
|
|
const newInfoList = ref([
|
|
{
|
|
title: '编码采集',
|
|
url: '',
|
|
iconSrc: '../../static/workbench/bianMa.png',
|
|
},
|
|
{
|
|
title: '盘点绑定',
|
|
url: '',
|
|
iconSrc: '../../static/workbench/panDian.png',
|
|
},
|
|
{
|
|
title: '日期更新',
|
|
url: '',
|
|
iconSrc: '../../static/workbench/panDian.png',
|
|
},
|
|
{
|
|
title: '铭牌更新',
|
|
url: '',
|
|
iconSrc: '../../static/workbench/minPai.png',
|
|
},
|
|
])
|
|
// 新购
|
|
const newPurchaseList = ref([
|
|
{
|
|
title: '新购验收',
|
|
url: '/pages/new-purchase/accept/index',
|
|
iconSrc: '../../static/workbench/purchaseAccept.png',
|
|
},
|
|
// { title: '新购到货', url: '/pages/new-purchase/bind/index' },
|
|
{
|
|
title: '新购绑定',
|
|
url: '/pages/new-purchase/bind/index',
|
|
iconSrc: '../../static/workbench/purchaseBind.png',
|
|
},
|
|
{
|
|
title: '新购入库',
|
|
url: '/pages/new-purchase/entry/index',
|
|
iconSrc: '../../static/workbench/purchaseBind.png',
|
|
},
|
|
])
|
|
|
|
// 仓储
|
|
const pickingList = ref([
|
|
{
|
|
title: '领料出库',
|
|
url: '/pages/picking/outbound/index',
|
|
iconSrc: '../../static/workbench/backCreate.png',
|
|
},
|
|
{
|
|
title: '领料审核',
|
|
url: '/pages/picking/review/index',
|
|
iconSrc: '../../static/workbench/backCreate.png',
|
|
},
|
|
// {
|
|
// title: '退料创建',
|
|
// url: '',
|
|
// iconSrc: '../../static/workbench/backCreate.png',
|
|
// },
|
|
{
|
|
title: '退料接收',
|
|
url: '/pages/back/index',
|
|
iconSrc: '../../static/workbench/backCreate.png',
|
|
},
|
|
{
|
|
title: '修试入库',
|
|
url: '/pages/repair/testedInBound/index',
|
|
iconSrc: '../../static/workbench/backCreate.png',
|
|
},
|
|
])
|
|
|
|
// 配件
|
|
const partList = ref([
|
|
{
|
|
title: '配件领料',
|
|
url: '/pages/part/part-lease/index',
|
|
iconSrc: '../../static/workbench/partIn.png',
|
|
},
|
|
{
|
|
title: '配件新购入库',
|
|
url: '',
|
|
iconSrc: '../../static/workbench/partIn.png',
|
|
},
|
|
// {
|
|
// title: '配件领用申请',
|
|
// url: '',
|
|
// iconSrc: '../../static/workbench/partApprove.png',
|
|
// }
|
|
])
|
|
|
|
// 维修
|
|
const repairList = ref([
|
|
{
|
|
title: '维修',
|
|
url: '/pages/repair/repairManage/index',
|
|
iconSrc: '../../static/workbench/repair.png',
|
|
},
|
|
{
|
|
title: '修试审核',
|
|
url: '/pages/repair/testExamine/index',
|
|
iconSrc: '../../static/workbench/repair.png',
|
|
},
|
|
// {
|
|
// title: '修试入库',
|
|
// url: '/pages/repair/testedInBound/index',
|
|
// iconSrc: '../../static/workbench/fix.png',
|
|
// },
|
|
{
|
|
title: '报废审核',
|
|
url: '/pages/repair/scrapExamine/index',
|
|
iconSrc: '../../static/workbench/repair.png',
|
|
},
|
|
])
|
|
|
|
// 标准箱
|
|
const boxList = ref([
|
|
{
|
|
title: '标准箱管理',
|
|
url: '/pages/standardBox/index',
|
|
iconSrc: '../../static/workbench/boxManage.png',
|
|
},
|
|
{
|
|
title: '标准箱移交',
|
|
url: '/pages/standardBox/transferBox',
|
|
iconSrc: '../../static/workbench/boxHandOver.png',
|
|
},
|
|
{
|
|
title: '标准箱接收',
|
|
url: '/pages/standardBox/acceptBox',
|
|
iconSrc: '../../static/workbench/boxRecept.png',
|
|
},
|
|
])
|
|
|
|
// // 库存查询
|
|
// const searchList = ref([
|
|
// {
|
|
// title: '机具查询',
|
|
// url: '/pages/stquery/deviceStatusRecord/index',
|
|
// iconSrc: '../../static/workbench/fix.png',
|
|
// },
|
|
|
|
// ])
|
|
|
|
// // 设备信息查询
|
|
// const deviceList = ref([
|
|
// {
|
|
// title: '二维码',
|
|
// url: '/pages/devicesSearch/qrSearch',
|
|
// iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
|
|
// },
|
|
// {
|
|
// title: 'OCR',
|
|
// url: '/pages/devicesSearch/ocrSearch',
|
|
// iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
|
|
// },
|
|
// {
|
|
// title: '设备编号',
|
|
// url: '/pages/devicesSearch/codeSearch',
|
|
// iconSrc: '../../static/workbench/fetchMaterialOutStore.png',
|
|
// },
|
|
// ])
|
|
|
|
const onNavigateTo = (url) => {
|
|
uni.navigateTo({ url })
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
.content {
|
|
padding: 24rpx;
|
|
min-height: 100vh;
|
|
background-color: #f7f8fa;
|
|
|
|
|
|
// 功能区块样式
|
|
.new-purchase {
|
|
background-color: #fff;
|
|
border-radius: 20rpx;
|
|
padding: 10rpx 8rpx;
|
|
margin-bottom: 8rpx;
|
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
// 标题样式
|
|
.purchase-title {
|
|
font-size: 32rpx;
|
|
font-weight: 600;
|
|
color: #262626;
|
|
}
|
|
|
|
.title-text {
|
|
margin-top: 5px;
|
|
padding: 0px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
// font-size: 14px;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
width: 100%;
|
|
}
|
|
|
|
.title-text div:first-child {
|
|
width: 5px;
|
|
height: 10px;
|
|
margin-right: 8px;
|
|
background-color: #2d73cf;
|
|
}
|
|
|
|
|
|
// 功能项样式
|
|
.purchase-item {
|
|
width: 25%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 4rpx 0;
|
|
transition: all 0.3s ease;
|
|
|
|
&:active {
|
|
transform: scale(0.95);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
// 图标样式
|
|
image {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
margin-bottom: 2rpx;
|
|
}
|
|
|
|
// 文字样式
|
|
text {
|
|
font-size: 28rpx;
|
|
color: #262626;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|