125 lines
2.8 KiB
Vue
125 lines
2.8 KiB
Vue
<template>
|
|
<view class="box-bg">
|
|
<uni-nav-bar fixed="true" statusBar="true" leftIcon="left" leftText="返回" @clickLeft="back" rightIcon="scan" @clickRight="scan">
|
|
<view class="input-view">
|
|
<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
|
|
<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词"
|
|
@confirm="confirm" />
|
|
</view>
|
|
</uni-nav-bar>
|
|
|
|
<uni-list>
|
|
<uni-list-item title="产品查询" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
|
|
<uni-list-item title="入库登记" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
|
|
<uni-list-item title="入仓登记" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
|
|
<uni-list-item title="出仓调货" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
|
|
<uni-list-item title="出售登记" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
|
|
<uni-list-item title="售后申请" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
|
|
<uni-list-item title="售后操作" showArrow link to="/cpzs/chushou/chushou"></uni-list-item>
|
|
</uni-list>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
components: {},
|
|
data() {
|
|
return {
|
|
city: '北京'
|
|
}
|
|
},
|
|
methods: {
|
|
back() {
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
},
|
|
search() {
|
|
uni.showToast({
|
|
title: '搜索'
|
|
})
|
|
},
|
|
scan() {
|
|
// #ifdef H5
|
|
uni.showToast({
|
|
title: '暂不支持H5扫码'
|
|
})
|
|
// #endif
|
|
// #ifndef H5
|
|
uni.scanCode({
|
|
success: function (res) {
|
|
console.log('条码类型：' + res.scanType);
|
|
console.log('条码内容：' + res.result);
|
|
}
|
|
});
|
|
// #endif
|
|
},
|
|
confirm() {
|
|
uni.showToast({
|
|
title: '搜索'
|
|
})
|
|
}
|
|
},
|
|
onPullDownRefresh() {
|
|
console.log('onPullDownRefresh')
|
|
setTimeout(function() {
|
|
uni.stopPullDownRefresh()
|
|
console.log('stopPullDownRefresh')
|
|
}, 1000)
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
$nav-height: 30px;
|
|
|
|
.box-bg {
|
|
background-color: #F5F5F5;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.city {
|
|
/* #ifndef APP-PLUS-NVUE */
|
|
display: flex;
|
|
/* #endif */
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
// width: 160rpx;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.input-view {
|
|
/* #ifndef APP-PLUS-NVUE */
|
|
display: flex;
|
|
/* #endif */
|
|
flex-direction: row;
|
|
// width: 500rpx;
|
|
flex: 1;
|
|
background-color: #f8f8f8;
|
|
height: $nav-height;
|
|
border-radius: 15px;
|
|
padding: 0 15px;
|
|
flex-wrap: nowrap;
|
|
margin: 7px 0;
|
|
line-height: $nav-height;
|
|
}
|
|
|
|
.input-uni-icon {
|
|
line-height: $nav-height;
|
|
}
|
|
|
|
.nav-bar-input {
|
|
height: $nav-height;
|
|
line-height: $nav-height;
|
|
/* #ifdef APP-PLUS-NVUE */
|
|
width: 370rpx;
|
|
/* #endif */
|
|
padding: 0 5px;
|
|
font-size: 12px;
|
|
background-color: #f8f8f8;
|
|
}
|
|
</style>
|
|
|