177 lines
3.5 KiB
Vue
177 lines
3.5 KiB
Vue
<template>
|
|
<view>
|
|
<view class="upper-search">
|
|
<h4>宁夏送变电工程有限公司</h4>
|
|
<uni-easyinput prefixIcon="search" v-model="iptVal" placeholder="搜索" @iconClick="iconClick"></uni-easyinput>
|
|
</view>
|
|
<h4 class="tit">业务办理</h4>
|
|
<view class="secs">
|
|
<!-- <view @click="jumpUrl('fetchMaterial')">
|
|
<image src="/static/fetchMaterial.png" mode=""></image>
|
|
<span>领料申请</span>
|
|
</view> -->
|
|
<view @click="jumpUrl('exitMaterial')">
|
|
<image src="/static/exitMaterial.png" mode=""></image>
|
|
<span>退料申请</span>
|
|
</view>
|
|
</view>
|
|
<h4 class="tit">移动办公</h4>
|
|
<view class="secs">
|
|
<view
|
|
v-for="(part, index) in benchList"
|
|
:key="index"
|
|
@click="jumpUrl(part.url)"
|
|
>
|
|
<image :src="part.pic" mode=""></image>
|
|
<span>{{ part.name }}</span>
|
|
</view>
|
|
</view>
|
|
<h4 class="tit">查询</h4>
|
|
<view class="secs">
|
|
<view @click="jumpUrl('searchProjUsing')">
|
|
<image src="/static/searchProjUsing.png" mode=""></image>
|
|
<span>工程在用</span>
|
|
</view>
|
|
<view @click="jumpUrl('searchFetchRecord')">
|
|
<image src="/static/searchFetchRecord.png" mode=""></image>
|
|
<span>领用记录</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
iptVal: '',
|
|
benchList: [
|
|
{
|
|
name: '领料审批',
|
|
pic: '/static/fetchExam.png',
|
|
url: 'fetchExam'
|
|
},
|
|
{
|
|
name: '退料审批',
|
|
pic: '/static/exitExam.png',
|
|
url: 'exitExam'
|
|
},
|
|
{
|
|
name: 'RFID绑定',
|
|
pic: '/static/rfidBinding.png',
|
|
url: 'rfidBinding'
|
|
},
|
|
{
|
|
name: '二维码绑定',
|
|
pic: '/static/qrcodeBinding.png',
|
|
url: 'qrcodeBinding'
|
|
},
|
|
{
|
|
name: '新购验收',
|
|
pic: '/static/newCheck.png',
|
|
url: 'newCheck'
|
|
},
|
|
{
|
|
name: '新购入库',
|
|
pic: '/static/newInStore.png',
|
|
url: 'newInStore'
|
|
},
|
|
{
|
|
name: '退料入库',
|
|
pic: '/static/backMaterialInStore.png',
|
|
url: 'backMaterialInStore'
|
|
},
|
|
{
|
|
name: '修试入库',
|
|
pic: '/static/repairTestInStore.png',
|
|
url: 'repairTestInStore'
|
|
},
|
|
{
|
|
name: '领料出库',
|
|
pic: '/static/fetchMaterialOutStore.png',
|
|
url: 'fetchMaterialOutStore'
|
|
},
|
|
{
|
|
name: '退料接收',
|
|
pic: '/static/backMaterialReceive.png',
|
|
url: 'backMaterialReceive'
|
|
},
|
|
{
|
|
name: '维修',
|
|
pic: '/static/fix.png',
|
|
url: 'fix'
|
|
},
|
|
{
|
|
name: '报废审核',
|
|
pic: '/static/crashExam.png',
|
|
url: 'crashExam'
|
|
},
|
|
{
|
|
name: '试验检验审核',
|
|
pic: '/static/testExam.png',
|
|
url: 'testExam'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
iconClick () {
|
|
console.log(this.iptVal);
|
|
},
|
|
jumpUrl (path) {
|
|
uni.navigateTo({
|
|
url: `/pages/${path}/${path}`
|
|
})
|
|
},
|
|
toast () {
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '敬请！'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
body{
|
|
background: url('/static/workspace-bgd.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.upper-search{
|
|
width: 85%;
|
|
margin: 5vh auto;
|
|
color: #fff;
|
|
h4{
|
|
margin-bottom: 1vh;
|
|
}
|
|
}
|
|
.tit{
|
|
width: 85%;
|
|
margin: 4vh auto;
|
|
margin-bottom: 2vh;
|
|
}
|
|
.secs{
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
view{
|
|
width: 25%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-bottom: 2vh;
|
|
image{
|
|
width: 50%;
|
|
height: 6vh;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
span{
|
|
font-size: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|