Skip to content

M
mes-pda-scan
Commit 0055ed8b authored by xiangzj's avatar xiangzj
Browse files
Options

新建页面组件

parent 0d7d5f7e
Hide whitespace changes
Inline Side-by-side
Showing with 642 additions and 81 deletions
components/BottomBtn/index.vue 0 → 100644
View file @ 0055ed8b
<template>
<view class="bottomBtn">
<view v-for="(item, index) in btnArr" :key="index">
<u-button :class="item.style" :type="item.type" @click='handleClick(item)'>
{{item.text}}
</u-button>
</view>
</view>
</template>
<script>
export default {
name: "BottomBtn",
props: {
btnArr: {
type: Array,
default () {
return []
}
},
},
methods: {
handleClick(row) {
console.log(row)
}
},
};
</script>
<style scoped>
.bottomBtn {
position: fixed;
display: flex;
bottom: 0;
left: 0;
z-index: 10;
width: 750rpx;
height: 140rpx;
justify-content: center;
align-items: center;
background: #fff;
.u-btn {
width: 300rpx;
}
}
</style>
\ No newline at end of file
components/ContentLoadingMore/index.vue 0 → 100644
View file @ 0055ed8b
<template>
<view class="">
<slot></slot>
<u-loadmore class="bottomArea" :status="status" />
</view>
</template>
<script>
export default {
name: "ContentLoadingMore",
props: {
status: {
type: String,
default: 'loadmore',
},
},
methods: {
// 加载更多
onReachBottom() {
console.log('加载更多')
}
},
};
</script>
<style scoped>
.bottomArea{
padding-bottom: 160rpx;
}
</style>
\ No newline at end of file
components/NavBar/NavBar.vue
View file @ 0055ed8b
<template> <template>
<view> <view>
<u-navbar <!-- <u-navbar
:title="title" :title="title"
:autoBack="true" :autoBack="true"
> >
</u-navbar> </u-navbar> -->
<uni-nav-bar shadow :left-icon="left" :title="title" :border='border' @clickLeft="handleBack"/>
</view> </view>
</template> </template>
...@@ -20,8 +21,21 @@ ...@@ -20,8 +21,21 @@
title: { title: {
type: String, type: String,
default: '' default: ''
} },
} left: {
type: String,
default: 'left'
},
border: {
type: Boolean,
default: false
},
},
methods:{
handleBack() {
uni.navigateBack();
},
},
} }
</script> </script>
......
components/StickyNavBar/index.vue 0 → 100644
View file @ 0055ed8b
<template>
<view class="">
<u-sticky offset-top='0'>
<slot></slot>
</u-sticky>
</view>
</template>
<script>
export default {
name: "StickyNavBar",
props: {
},
methods: {
},
};
</script>
<style scoped>
.bottomArea{
padding-bottom: 160rpx;
}
</style>
\ No newline at end of file
package-lock.json
View file @ 0055ed8b
...@@ -37,33 +37,11 @@ ...@@ -37,33 +37,11 @@
"resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
"integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==" "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw=="
}, },
"async-validator": {
"version": "1.8.5",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
"integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
"requires": {
"babel-runtime": "6.x"
}
},
"atob": { "atob": {
"version": "2.1.2", "version": "2.1.2",
"resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
"integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg=="
}, },
"babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
},
"babel-runtime": {
"version": "6.26.0",
"resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
"integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
"requires": {
"core-js": "^2.4.0",
"regenerator-runtime": "^0.11.0"
}
},
"base": { "base": {
"version": "0.11.2", "version": "0.11.2",
"resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
...@@ -231,11 +209,6 @@ ...@@ -231,11 +209,6 @@
"resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
"integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==" "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw=="
}, },
"core-js": {
"version": "2.6.12",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
},
"debug": { "debug": {
"version": "2.6.9", "version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
...@@ -249,11 +222,6 @@ ...@@ -249,11 +222,6 @@
"resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
"integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==" "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og=="
}, },
"deepmerge": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
},
"define-property": { "define-property": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
...@@ -310,19 +278,6 @@ ...@@ -310,19 +278,6 @@
"domelementtype": "1" "domelementtype": "1"
} }
}, },
"element-ui": {
"version": "2.15.9",
"resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.9.tgz",
"integrity": "sha512-dx45nQLt4Hn87/Z9eRr3ex6KFZbxlFAwEU3QoW3wA5EsYftvHTyL9Pq7VnXXD7hu1Eiaup2jcs6kp+/VSFmXuA==",
"requires": {
"async-validator": "~1.8.1",
"babel-helper-vue-jsx-merge-props": "^2.0.0",
"deepmerge": "^1.2.0",
"normalize-wheel": "^1.0.1",
"resize-observer-polyfill": "^1.5.0",
"throttle-debounce": "^1.0.1"
}
},
"emojis-list": { "emojis-list": {
"version": "3.0.0", "version": "3.0.0",
"resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
...@@ -787,11 +742,6 @@ ...@@ -787,11 +742,6 @@
} }
} }
}, },
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
},
"object-assign": { "object-assign": {
"version": "4.1.1", "version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
...@@ -971,11 +921,6 @@ ...@@ -971,11 +921,6 @@
"util-deprecate": "^1.0.1" "util-deprecate": "^1.0.1"
} }
}, },
"regenerator-runtime": {
"version": "0.11.1",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
"integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
},
"regex-not": { "regex-not": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
...@@ -1014,11 +959,6 @@ ...@@ -1014,11 +959,6 @@
"resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
"integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==" "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w=="
}, },
"resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
"integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
},
"resolve-url": { "resolve-url": {
"version": "0.2.1", "version": "0.2.1",
"resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
...@@ -1354,11 +1294,6 @@ ...@@ -1354,11 +1294,6 @@
} }
} }
}, },
"throttle-debounce": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
"integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
},
"to-object-path": { "to-object-path": {
"version": "0.3.0", "version": "0.3.0",
"resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
...@@ -1514,11 +1449,6 @@ ...@@ -1514,11 +1449,6 @@
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
},
"uview-ui": {
"version": "2.0.33",
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.33.tgz",
"integrity": "sha512-M3NsLFAY0z95NGMnTCDUR/TvJb6a/UYZzi1km5Gi6TkBCaoHdbmtQymkc1C4eszeoQOrpEIhit/2V47UglzHRw=="
} }
} }
} }
pages.json
View file @ 0055ed8b
...@@ -38,7 +38,14 @@ ...@@ -38,7 +38,14 @@
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
} },
{
"path": "pages/inventoryCounting/inventoryCounting",
"style": {
"navigationBarTitleText": "库存盘点",
"enablePullDownRefresh": false
}
}
], ],
"globalStyle": { "globalStyle": {
"navigationStyle": "custom", "navigationStyle": "custom",
......
pages/index/index.vue
View file @ 0055ed8b
...@@ -47,6 +47,11 @@ export default { ...@@ -47,6 +47,11 @@ export default {
text: '完工入库', text: '完工入库',
url: '/pages/confirComplete/confirComplete' url: '/pages/confirComplete/confirComplete'
}, },
{
src: require('@/static/images/qtck.png'),
text: '库存盘点',
url: '/pages/inventoryCounting/inventoryCounting'
},
] ]
} }
] ]
......
pages/inventoryCounting/inventoryCounting.vue 0 → 100644
View file @ 0055ed8b
<template>
<view class="lists">
<StickyNavBar>
<NavBar title="库存盘点"></NavBar>
<view class="selectSheet">
<u-row gutter="16">
<u-col span="6">
<u-input v-model="value" placeholder='请选择工厂' :type="type" :border="border" @click="show = true" />
<u-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
</u-col>
<u-col span="6">
<u-input v-model="value" placeholder='请选择仓库别' :type="type" :border="border" @click="show = true" />
<u-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
</u-col>
</u-row>
</view>
</StickyNavBar>
<ContentLoadingMore>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
</ContentLoadingMore>
<BottomBtn :btnArr='btnArr'>
</BottomBtn>
</view>
</template>
<script>
import StickyNavBar from '@/components/StickyNavBar/index.vue';
import ContentLoadingMore from '@/components/ContentLoadingMore/index.vue';
import BottomBtn from '@/components/BottomBtn/index.vue';
export default {
components: {
StickyNavBar,
ContentLoadingMore,
BottomBtn
},
data() {
return {
value: '',
type: 'select',
show: false,
border: true,
actionSheetList: [
{
text: '男'
},
{
text: '女'
},
{
text: '保密'
}
],
status: 'loadmore',
btnArr: [
{
style: '',
type: 'warning',
text: '返回',
way: '',
}
],
};
},
methods: {
// 点击actionSheet回调
actionSheetCallback(index) {
this.value = this.actionSheetList[index].text;
},
handleInput(e) {
console.log(e, 'eee')
},
deleteItem(){
console.log('删除')
},
// 加载更多
onReachBottom() {
console.log('加载更多')
// if(this.page >= 3) return ;
// this.status = 'loading';
// this.page = ++ this.page;
// setTimeout(() => {
// this.list += 10;
// if(this.page >= 3) this.status = 'nomore';
// else this.status = 'loading';
// }, 2000)
}
}
}
</script>
<style lang="scss">
page {
background: #f8f8f8;
}
.lists {
flex: 1;
flex-direction: column;
}
.scanningBtn {
padding: 20rpx;
background: #fff;
.topSearch{
margin-bottom: 20rpx;
}
}
.selectSheet{
padding: 20rpx;
padding-bottom: 0;
background: #fff;
}
.cardbox {
min-height: calc(100vh - 480rpx);
padding: 0rpx 20rpx;
margin-top: 20rpx;
}
.cardContent{
display: flex;
flex-direction: column;
background: #fff;
border-radius: 20rpx;
margin-bottom: 20rpx;
}
.cardTitle{
font-size: 32rpx;
color: #000;
display: flex;
margin: 20rpx 20rpx 0 20rpx;
padding-bottom: 20rpx;
border-bottom: 2px solid #f8f8f8;
}
.cardItem{
padding: 20rpx 20rpx 0 20rpx;
}
.cardItemDetail{
display: flex;
padding-bottom: 20rpx;
}
.cardItemLabel{
width: 200rpx;
}
.cardItemValue{
width: 500rpx;
}
.bottom {
position: fixed;
display: flex;
bottom: 0;
left: 0;
z-index: 10;
width: 750rpx;
height: 140rpx;
justify-content: space-between;
align-items: center;
background: #fff;
.u-btn {
width: 300rpx;
}
}
.bottomArea{
padding-bottom: 160rpx;
}
.itemValueWidth{
width: 450rpx;
}
/deep/ .u-sticky{
top: 0!important;
}
</style>
pages/positionTansfer/positionTansfer.vue
View file @ 0055ed8b
<template> <template>
<view> <view class="lists">
<NavBar title="仓位转移"></NavBar> <u-sticky offset-top='0'>
<NavBar title="仓位转移"></NavBar>
<view class="selectSheet">
<u-row gutter="16">
<u-col span="6">
<u-input v-model="value" placeholder='请选择工厂' :type="type" :border="border" @click="show = true" />
<u-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
</u-col>
<u-col span="6">
<u-input v-model="value" placeholder='请选择仓库别' :type="type" :border="border" @click="show = true" />
<u-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
</u-col>
</u-row>
</view>
<view class="scanningBtn">
<uni-easyinput prefixIcon="search" class="topSearch" v-model="value" focus placeholder="请扫描库位" @input="handleInput"></uni-easyinput>
<uni-easyinput prefixIcon="search" v-model="value" focus placeholder="请扫描产品包装条码/外箱码" @input="handleInput"></uni-easyinput>
</view>
</u-sticky>
<view class="cardbox">
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view>
<view class="cardItem">
<view class="cardItemDetail">
<text class="cardItemLabel">物料编号</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">物料描述</text>
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">数量</text>
<text class="cardItemValue">3000</text>
</view>
<view class="cardItemDetail">
<text class="cardItemLabel">单位</text>
<text class="cardItemValue">M</text>
</view>
</view>
</view>
</view>
<u-loadmore class="bottomArea" :status="status" />
<view class="bottom">
<u-button class="btn" type="warning">
<text class="btn-text">取消</text>
</u-button>
<u-button class="btn" type="primary">
<text class="btn-text">提交</text>
</u-button>
</view>
</view> </view>
</template> </template>
...@@ -9,15 +137,126 @@ ...@@ -9,15 +137,126 @@
export default { export default {
data() { data() {
return { return {
value: '',
type: 'select',
show: false,
border: true,
actionSheetList: [
{
text: '男'
},
{
text: '女'
},
{
text: '保密'
}
],
status: 'loadmore',
}; };
}, },
methods: { methods: {
// 点击actionSheet回调
actionSheetCallback(index) {
this.value = this.actionSheetList[index].text;
},
handleInput(e) {
console.log(e, 'eee')
},
deleteItem(){
console.log('删除')
},
// 加载更多
onReachBottom() {
console.log('加载更多')
// if(this.page >= 3) return ;
// this.status = 'loading';
// this.page = ++ this.page;
// setTimeout(() => {
// this.list += 10;
// if(this.page >= 3) this.status = 'nomore';
// else this.status = 'loading';
// }, 2000)
}
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
page {
background: #f8f8f8;
}
.lists {
flex: 1;
flex-direction: column;
}
.scanningBtn {
padding: 20rpx;
background: #fff;
.topSearch{
margin-bottom: 20rpx;
}
}
.selectSheet{
padding: 20rpx;
padding-bottom: 0;
background: #fff;
}
.cardbox {
min-height: calc(100vh - 480rpx);
padding: 0rpx 20rpx;
margin-top: 20rpx;
}
.cardContent{
display: flex;
flex-direction: column;
background: #fff;
border-radius: 20rpx;
margin-bottom: 20rpx;
}
.cardTitle{
font-size: 32rpx;
color: #000;
display: flex;
margin: 20rpx 20rpx 0 20rpx;
padding-bottom: 20rpx;
border-bottom: 2px solid #f8f8f8;
}
.cardItem{
padding: 20rpx 20rpx 0 20rpx;
}
.cardItemDetail{
display: flex;
padding-bottom: 20rpx;
}
.cardItemLabel{
width: 200rpx;
}
.cardItemValue{
width: 500rpx;
}
.bottom {
position: fixed;
display: flex;
bottom: 0;
left: 0;
z-index: 10;
width: 750rpx;
height: 140rpx;
justify-content: space-between;
align-items: center;
background: #fff;
.u-btn {
width: 300rpx;
}
}
.bottomArea{
padding-bottom: 160rpx;
}
.itemValueWidth{
width: 450rpx;
}
/deep/ .u-sticky{
top: 0!important;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment