完善一些操作内容

Signed-off-by: YangWork <yang@xixingwl.cn>
This commit is contained in:
YangWork
2023-02-22 17:59:28 +08:00
parent 690f74175e
commit 3cfb5daed7
4 changed files with 729 additions and 108 deletions

View File

@@ -1,22 +1,310 @@
<template>
<view>
<view class="scrool-page">
<view class="header-cont">头部</view>
<view class="list-cont">
<scroll-view class="scrool-more" style="height: 100%" scroll-y="true" scroll-with-animation="true">
<view lass="list" v-for="(item,index) in list" :key="index">
{{item.cont}}
</view>
</scroll-view>
</view>
<view class="footer">
<button type="primary">提交</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
},{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
},{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
},{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
},{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
},
]
}
},
methods: {
}
}
</script>
<style>
<style lang="scss">
page {
width: 100%;
height: 100%;
}
.scrool-page {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
}
.header-cont {
width: 100%;
height: 110rpx;
line-height: 100rpx;
text-align: center;
background: red;
}
.list-cont {
flex: 1;
position: relative;
.scrool-more {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.list {
height: 80rpx;
line-height: 80rpx;
text-align: center;
background: #e0e0e0;
}
}
.footer {
color: #fff;
line-height: 100rpx;
flex: 0 0 100rpx;
/* 不放大不缩小固定100rpx */
}
</style>

View File

@@ -9,6 +9,7 @@
</uni-nav-bar>
<uni-list>
<uni-list-item title="产品查询" showArrow link to="/cpzs/query/query"></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>

345
cpzs/query/query.vue Normal file
View File

@@ -0,0 +1,345 @@
<template>
<view class="scrool-page">
<view class="header-cont">
<uni-easyinput suffixIcon="scan" @iconClick="scan" v-model="serialNumber" @confirm="submit" placeholder="请输入产品序列号">
</uni-easyinput>
</view>
<view class="list-cont">
<scroll-view class="scrool-more" style="height: 100%" scroll-y="true" scroll-with-animation="true">
<view lass="list" v-for="(item,index) in list" :key="index">
{{item.cont}}
</view>
</scroll-view>
</view>
<view class="footer">
<button type="primary">提交</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [{
cont: "张三1"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
}, {
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
}, {
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
}, {
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
}, {
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三"
},
{
cont: "张三=="
},
],
serialNumber: ""
}
},
methods: {
submit() {
//this.serialNumber
this.$ajax("/Cpzs/query", {
serialNumber: this.serialNumber
}).then(res => {
console.log(res)
})
},
scan() {
let self = this;
// #ifdef H5
uni.showToast({
title: '暂不支持H5扫码'
})
// #endif
// #ifndef H5
uni.scanCode({
success: function(res) {
self.serialNumber = res.result;
self.submit();
console.log('条码类型:' + res.scanType);
console.log('条码内容:' + res.result);
}
});
// #endif
}
}
}
</script>
<style lang="scss">
page {
width: 100%;
height: 100%;
font-size: 14px;
}
.scrool-page {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
}
.header-cont {
width: 100%;
text-align: center;
background: red;
display: flex;
justify-content: center;
align-items: center;
padding: 5rpx;
}
.list-cont {
flex: 1;
position: relative;
.scrool-more {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.list {
height: 80rpx;
line-height: 80rpx;
text-align: center;
background: #e0e0e0;
}
}
.footer {
color: #fff;
line-height: 100rpx;
flex: 0 0 100rpx;
/* 不放大不缩小固定100rpx */
}
</style>