Skip to content

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

代码格式化

parent 8f8312e1
Hide whitespace changes
Inline Side-by-side
Showing with 498 additions and 513 deletions
pages/confirComplete/confirComplete.vue
View file @ ce7d487d
...@@ -122,28 +122,28 @@ export default { ...@@ -122,28 +122,28 @@ export default {
style: '', style: '',
type: 'warning', type: 'warning',
text: '返回', text: '返回',
way: 'goBack', way: 'goBack'
}, },
{ {
style: '', style: '',
type: 'primary', type: 'primary',
text: '提交', text: '提交',
way: 'goSubmit', way: 'goSubmit'
} }
], ]
}; };
}, },
methods: { methods: {
getBtnHandle(row){ getBtnHandle(row) {
this[row.way]() this[row.way]();
}, },
goBack(){ goBack() {
uni.navigateBack(); uni.navigateBack();
}, },
goSubmit(){}, goSubmit() {},
handleInput(e) { handleInput(e) {
console.log(e, 'eee'); console.log(e, 'eee');
}, }
} }
}; };
</script> </script>
......
pages/index/index.vue
View file @ ce7d487d
<template> <template>
<view class="homePage" :style="'height:' + screenHeight + 'px;'"> <view class="homePage" :style="'height:' + screenHeight + 'px;'">
<view class="title">广州市宝绅科技应用</view> <view class="title">广州市宝绅科技应用</view>
<view class="lines"></view> <view class="lines"></view>
<view class="boxs"> <view class="boxs">
<uni-section v-for="(item, index) in tableData" :key="index" :title="item.title" type="line"> <uni-section v-for="(item, index) in tableData" :key="index" :title="item.title" type="line">
<u-row <u-row gutter="10">
gutter="10" <u-col v-for="(v, i) in item.list" :key="i" span="3">
> <navigator :url="v.url" open-type="navigate">
<u-col v-for="(v,i) in item.list" :key="i" span="3"> <view class="demo-layout">
<navigator :url="v.url" open-type="navigate"> <u-image :src="v.src" width="100rpx" height="100rpx"></u-image>
<view class="demo-layout"> <text>{{ v.text }}</text>
<u-image :src="v.src" width="100rpx" height="100rpx" ></u-image> </view>
<text>{{ v.text }}</text> </navigator>
</view> </u-col>
</navigator> </u-row>
</u-col> </uni-section>
</u-row> </view>
</uni-section> </view>
</view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
screenHeight: 0, screenHeight: 0,
src: require('@/static/images/cgrk.png'), src: require('@/static/images/cgrk.png'),
tableData: [ tableData: [
{ {
title: '仓库扫描作业', title: '仓库扫描作业',
list: [ list: [
{ {
src: require('@/static/images/cgrk.png'), src: require('@/static/images/cgrk.png'),
text: '采购入库', text: '采购入库',
url: '/pages/purchaseStorage/purchaseStorage' url: '/pages/purchaseStorage/purchaseStorage'
}, },
{ {
src: require('@/static/images/fclyk.png'), src: require('@/static/images/fclyk.png'),
text: '仓位转移', text: '仓位转移',
url: '/pages/positionTansfer/positionTansfer' url: '/pages/positionTansfer/positionTansfer'
}, },
{ {
src: require('@/static/images/kglrk.png'), src: require('@/static/images/kglrk.png'),
text: '完工入库', text: '完工入库',
url: '/pages/confirComplete/confirComplete' url: '/pages/confirComplete/confirComplete'
}, },
{ {
src: require('@/static/images/qtck.png'), src: require('@/static/images/qtck.png'),
text: '库存盘点', text: '库存盘点',
url: '/pages/inventoryCounting/inventoryCounting' url: '/pages/inventoryCounting/inventoryCounting'
}, }
] ]
} }
] ]
}; };
}, },
created () { created() {
this.screenHeight = uni.getSystemInfoSync().screenHeight this.screenHeight = uni.getSystemInfoSync().screenHeight;
}, },
methods: { methods: {
handleClick(v) { handleClick(v) {
uni.nav uni.nav;
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.homePage { .homePage {
background: #fff; background: #fff;
.title { .title {
background: #fff; background: #fff;
padding-top:20rpx; padding-top: 20rpx;
height: 60rpx; height: 60rpx;
font-size: 28rpx; font-size: 28rpx;
line-height: 40rpx; line-height: 40rpx;
padding-left:32rpx; padding-left: 32rpx;
font-weight: 600; font-weight: 600;
} }
.lines{ .lines {
height:32rpx; height: 32rpx;
background:#f8f8f8; background: #f8f8f8;
} }
} }
.demo-layout { .demo-layout {
height: 164rpx; height: 164rpx;
border-radius: 4px; border-radius: 4px;
margin-bottom:10px; margin-bottom: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
text{ text {
margin-top:24rpx; margin-top: 24rpx;
font-size:24rpx; font-size: 24rpx;
color:#000; color: #000;
} }
} }
</style> </style>
pages/inventoryCounting/inventoryForm.vue
View file @ ce7d487d
<template> <template>
<view class="cardbox"> <view class="cardbox">
<view class="cardContent"> <view class="cardContent">
<view class="listItemTitle"> <view class="listItemTitle">
<view> <view>
<view class="item">盘点调整单：WHPD202311080001</view> <view class="item">盘点调整单：WHPD202311080001</view>
<view class="item">盘点对象：XB-001-02</view> <view class="item">盘点对象：XB-001-02</view>
<view class="item">盘点日期：2023-11-09</view> <view class="item">盘点日期：2023-11-09</view>
<view class="item">盘点人员：张丹</view> <view class="item">盘点人员：张丹</view>
<view class="item">差异批次：2</view> <view class="item">差异批次：2</view>
</view>
</view>
<view class="listBottom">
<view class="bottomTitle" @tap="show = !show">
<view class="desc">展开调整明细</view>
<view class="topIcons">
<view v-if="show">
<u-icon name="arrow-down" color="#aaa" size="32"></u-icon>
展开
</view>
<view v-else>
<u-icon name="arrow-up" color="#aaa" size="32"></u-icon>
收起
</view>
</view>
</view>
<view v-if="!show" class="bottomBox">
<view class="boxAll">
<view class="bottomItem">
<view class="items">批次：C00990099900027</view>
<view class="items">物料：防霉抗菌包装纸</view>
<view class="items">盘点调整数量：237843</view>
</view> </view>
</view> </view>
</view> <view class="listBottom">
</view> <view class="bottomTitle" @tap="show = !show">
</view> <view class="desc">展开调整明细</view>
</view> <view class="topIcons">
<view v-if="show">
<u-icon name="arrow-down" color="#aaa" size="32"></u-icon>
展开
</view>
<view v-else>
<u-icon name="arrow-up" color="#aaa" size="32"></u-icon>
收起
</view>
</view>
</view>
<view v-if="!show" class="bottomBox">
<view class="boxAll">
<view class="bottomItem">
<view class="items">批次：C00990099900027</view>
<view class="items">物料：防霉抗菌包装纸</view>
<view class="items">盘点调整数量：237843</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
show: true, show: true
}; };
},
computed: {
}, },
methods: { computed: {},
} methods: {}
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.cardbox { .cardbox {
min-height: calc(100vh - 480rpx); min-height: calc(100vh - 480rpx);
// padding: 0rpx 20rpx; // padding: 0rpx 20rpx;
// margin: 20rpx; // margin: 20rpx;
} }
.cardContent { .cardContent {
border-radius: 8px; border-radius: 8px;
background: #fff; background: #fff;
} }
.listItemTitle { .listItemTitle {
display: flex;
justify-content: space-between;
padding: 20rpx;
border-bottom: 2px solid #f8f8f8;
.u-btn {
width: 150rpx;
margin: 0px;
margin-top: 10rpx;
}
.item {
height: 40rpx;
line-height: 40rpx;
color: #000;
font-size: 28rpx;
font-weight: 500;
}
}
.listBottom {
.bottomTitle {
height: 60rpx;
position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.desc { padding: 20rpx;
color: #bbb; border-bottom: 2px solid #f8f8f8;
font-size: 24rpx; .u-btn {
line-height: 60rpx; width: 150rpx;
padding-left: 20rpx; margin: 0px;
} margin-top: 10rpx;
.topIcons { }
position: absolute; .item {
left: 50%; height: 40rpx;
top: 50%; line-height: 40rpx;
transform: translate(-50%, -50%); color: #000;
color: #aaa; font-size: 28rpx;
} font-weight: 500;
} }
.bottomBox { }
padding: 20rpx; .listBottom {
.boxAll{ .bottomTitle {
height: 60rpx;
position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: #f8f8f8; .desc {
border-radius: 10rpx; color: #bbb;
font-size: 24rpx;
line-height: 60rpx;
padding-left: 20rpx;
}
.topIcons {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #aaa;
}
}
.bottomBox {
padding: 20rpx;
.boxAll {
display: flex;
justify-content: space-between;
background: #f8f8f8;
border-radius: 10rpx;
}
.bottomItem {
padding: 20rpx;
margin-bottom: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
}
} }
.bottomItem {
padding: 20rpx;
margin-bottom: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
}
}
} }
</style> </style>
pages/inventoryCounting/inventoryList.vue
View file @ ce7d487d
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
<view class="boxRight"> <view class="boxRight">
<view class="items">891/1000pcs</view> <view class="items">891/1000pcs</view>
<view class="itemsBtn"> <view class="itemsBtn">
<u-button size="mini" class="" type="primary" @click="checkShowModel=true">盘点</u-button> <u-button size="mini" class="" type="primary" @click="checkShowModel = true">盘点</u-button>
</view> </view>
</view> </view>
</view> </view>
...@@ -109,7 +109,7 @@ export default { ...@@ -109,7 +109,7 @@ export default {
}, },
checkForm: { checkForm: {
name: '' name: ''
}, }
}; };
}, },
computed: {}, computed: {},
...@@ -127,9 +127,9 @@ export default { ...@@ -127,9 +127,9 @@ export default {
ontabtap(e, type) { ontabtap(e, type) {
console.log('切换tab', e, type); console.log('切换tab', e, type);
}, },
addConfirm(){ addConfirm() {
this.addShowModel = false this.addShowModel = false;
}, }
} }
}; };
</script> </script>
...@@ -232,9 +232,9 @@ export default { ...@@ -232,9 +232,9 @@ export default {
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #333; border-bottom: 1px solid #333;
} }
.slot-content{ .slot-content {
padding: 20rpx; padding: 20rpx;
.u-form-item{ .u-form-item {
padding: 0; padding: 0;
} }
} }
......
pages/inventoryCounting/waitInventoried.vue
View file @ ce7d487d
<template> <template>
<view class="cardbox"> <view class="cardbox">
<view class="cardContent"> <view class="cardContent">
<view class="listItemTitle"> <view class="listItemTitle">
<view> <view>
<view class="item">盘点计划：WHPD202311080001</view> <view class="item">盘点计划：WHPD202311080001</view>
<view class="item">线边仓|XB-001-02</view> <view class="item">线边仓|XB-001-02</view>
<view class="item">计划日期：2023-11-09</view> <view class="item">计划日期：2023-11-09</view>
<view class="item">盘点人员：张丹</view> <view class="item">盘点人员：张丹</view>
<view class="item">盘点状态：未开始</view> <view class="item">盘点状态：未开始</view>
</view>
</view>
<view class="listBottom">
<view class="bottomTitle" @tap="show = !show">
<view class="desc">展开盘点明细</view>
<view class="topIcons">
<view v-if="show">
<u-icon name="arrow-down" color="#aaa" size="32"></u-icon>
展开
</view>
<view v-else>
<u-icon name="arrow-up" color="#aaa" size="32"></u-icon>
收起
</view>
</view>
<view class="workBtn">
<u-button size="mini" class="" type="primary" @click='handleClickWork()'>
盘点作业
</u-button>
</view>
</view>
<view v-if="!show" class="bottomBox">
<view class="boxAll">
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">生产日期：2023-10-27</view>
</view> </view>
<view class="boxRight"> </view>
<view class="items">891/1000pcs</view> <view class="listBottom">
<view class="items">线边仓|XB-X01-001</view> <view class="bottomTitle" @tap="show = !show">
<view class="desc">展开盘点明细</view>
<view class="topIcons">
<view v-if="show">
<u-icon name="arrow-down" color="#aaa" size="32"></u-icon>
展开
</view>
<view v-else>
<u-icon name="arrow-up" color="#aaa" size="32"></u-icon>
收起
</view>
</view>
<view class="workBtn">
<u-button size="mini" class="" type="primary" @click="handleClickWork()">盘点作业</u-button>
</view>
</view>
<view v-if="!show" class="bottomBox">
<view class="boxAll">
<view class="bottomItem">
<view class="items">C00990099900027</view>
<view class="items">C009900|防霉抗菌包装纸</view>
<view class="items">生产日期：2023-10-27</view>
</view>
<view class="boxRight">
<view class="items">891/1000pcs</view>
<view class="items">线边仓|XB-X01-001</view>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
show: true, show: true
}; };
},
computed: {
}, },
methods: { computed: {},
handleClickWork(){ methods: {
uni.navigateTo({ handleClickWork() {
url: `/pages/inventoryCounting/inventoryList` uni.navigateTo({
}) url: `/pages/inventoryCounting/inventoryList`
}, });
} }
} }
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.cardbox { .cardbox {
min-height: calc(100vh - 480rpx); min-height: calc(100vh - 480rpx);
margin-top: 20rpx; margin-top: 20rpx;
} }
.cardContent { .cardContent {
border-radius: 8px; border-radius: 8px;
background: #fff; background: #fff;
} }
.listItemTitle { .listItemTitle {
display: flex;
justify-content: space-between;
padding: 20rpx;
border-bottom: 2px solid #f8f8f8;
.u-btn {
width: 150rpx;
margin: 0px;
margin-top: 10rpx;
}
.item {
height: 40rpx;
line-height: 40rpx;
color: #000;
font-size: 28rpx;
font-weight: 500;
}
}
.listBottom {
.bottomTitle {
height: 60rpx;
position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.desc { padding: 20rpx;
color: #bbb; border-bottom: 2px solid #f8f8f8;
font-size: 24rpx; .u-btn {
line-height: 60rpx; width: 150rpx;
padding-left: 20rpx; margin: 0px;
} margin-top: 10rpx;
.topIcons {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #aaa;
}
.workBtn{
margin-right:20rpx;
} }
} .item {
.bottomBox { height: 40rpx;
padding: 20rpx; line-height: 40rpx;
.boxAll{ color: #000;
font-size: 28rpx;
font-weight: 500;
}
}
.listBottom {
.bottomTitle {
height: 60rpx;
position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: #f8f8f8; .desc {
border-radius: 10rpx; color: #bbb;
font-size: 24rpx;
line-height: 60rpx;
padding-left: 20rpx;
}
.topIcons {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #aaa;
}
.workBtn {
margin-right: 20rpx;
}
} }
.bottomItem { .bottomBox {
padding: 20rpx;
// margin-bottom: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
}
.boxRight{
padding: 20rpx; padding: 20rpx;
.items{ .boxAll {
color: #333; display: flex;
font-size: 24rpx; justify-content: space-between;
height: 40rpx; background: #f8f8f8;
line-height: 40rpx; border-radius: 10rpx;
}
.bottomItem {
padding: 20rpx;
// margin-bottom: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
}
.boxRight {
padding: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
} }
} }
}
} }
</style> </style>
pages/positionTansfer/positionTansfer.vue
View file @ ce7d487d
<template> <template>
<view class="lists"> <view class="lists">
<StickyNavBar class='stickyBox'> <StickyNavBar class="stickyBox">
<NavBar title="仓位转移"></NavBar> <NavBar title="仓位转移"></NavBar>
<view class="selectSheet"> <view class="selectSheet">
<u-row gutter="16"> <u-row gutter="16">
<u-col span="6"> <u-col span="6">
<u-input v-model="value" placeholder='请选择工厂' :type="type" :border="border" @click="show = true" /> <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-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-input v-model="value" placeholder='请选择仓库别' :type="type" :border="border" @click="show = true" /> <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-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
</u-col> </u-col>
</u-row> </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>
</StickyNavBar>
<ContentLoadingMore class='cardbox'>
<view class="cardContent">
<view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view> </view>
<view class="cardItem"> <view class="scanningBtn">
<view class="cardItemDetail"> <uni-easyinput prefixIcon="search" class="topSearch" v-model="value" focus placeholder="请扫描库位" @input="handleInput"></uni-easyinput>
<text class="cardItemLabel">物料编号</text> <uni-easyinput prefixIcon="search" v-model="value" focus placeholder="请扫描产品包装条码/外箱码" @input="handleInput"></uni-easyinput>
<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>
<view class="cardItem"> </StickyNavBar>
<view class="cardItemDetail"> <ContentLoadingMore class="cardbox">
<text class="cardItemLabel">物料编号</text> <view class="cardContent">
<text class="cardItemValue itemValueWidth">L4375907435u23</text> <view class="cardTitle">
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon> <text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view> </view>
<view class="cardItemDetail"> <view class="cardItem">
<text class="cardItemLabel">物料描述</text> <view class="cardItemDetail">
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text> <text class="cardItemLabel">物料编号</text>
</view> <text class="cardItemValue itemValueWidth">L4375907435u23</text>
<view class="cardItemDetail"> <u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
<text class="cardItemLabel">数量</text> </view>
<text class="cardItemValue">3000</text> <view class="cardItemDetail">
</view> <text class="cardItemLabel">物料描述</text>
<view class="cardItemDetail"> <text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text>
<text class="cardItemLabel">单位</text> </view>
<text class="cardItemValue">M</text> <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> </view>
</view> <view class="cardContent">
<view class="cardContent"> <view class="cardTitle">
<view class="cardTitle"> <text class="cardItemLabel">物料批号：</text>
<text class="cardItemLabel">物料批号：</text> <text class="cardItemValue">123</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>
<view class="cardItemDetail"> <view class="cardItem">
<text class="cardItemLabel">数量</text> <view class="cardItemDetail">
<text class="cardItemValue">3000</text> <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="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>
<view class="cardItem"> <view class="cardContent">
<view class="cardItemDetail"> <view class="cardTitle">
<text class="cardItemLabel">物料编号</text> <text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue itemValueWidth">L4375907435u23</text> <text class="cardItemValue">123</text>
<u-icon name="trash-fill" size="40" @click="deleteItem()"></u-icon>
</view> </view>
<view class="cardItemDetail"> <view class="cardItem">
<text class="cardItemLabel">物料描述</text> <view class="cardItemDetail">
<text class="cardItemValue">物料编号物料编号物料编号物料编号物料编号物料编号</text> <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="cardItemDetail"> </view>
<text class="cardItemLabel">数量</text> <view class="cardContent">
<text class="cardItemValue">3000</text> <view class="cardTitle">
<text class="cardItemLabel">物料批号：</text>
<text class="cardItemValue">123</text>
</view> </view>
<view class="cardItemDetail"> <view class="cardItem">
<text class="cardItemLabel">单位</text> <view class="cardItemDetail">
<text class="cardItemValue">M</text> <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> </view>
</view> </ContentLoadingMore>
</ContentLoadingMore> <!-- <view class="bottom">
<!-- <view class="bottom">
<u-button class="btn" type="warning"> <u-button class="btn" type="warning">
<text class="btn-text">取消</text> <text class="btn-text">取消</text>
</u-button> </u-button>
...@@ -129,76 +129,75 @@ ...@@ -129,76 +129,75 @@
<text class="btn-text">提交</text> <text class="btn-text">提交</text>
</u-button> </u-button>
</view> --> </view> -->
<BottomBtn :btnArr='btnArr' @getBtnHandle='getBtnHandle'> <BottomBtn :btnArr="btnArr" @getBtnHandle="getBtnHandle"></BottomBtn>
</BottomBtn> </view>
</view>
</template> </template>
<script> <script>
import StickyNavBar from '@/components/StickyNavBar/index.vue'; import StickyNavBar from '@/components/StickyNavBar/index.vue';
import ContentLoadingMore from '@/components/ContentLoadingMore/index.vue'; import ContentLoadingMore from '@/components/ContentLoadingMore/index.vue';
import BottomBtn from '@/components/BottomBtn/index.vue'; import BottomBtn from '@/components/BottomBtn/index.vue';
export default { export default {
components: { components: {
StickyNavBar, StickyNavBar,
ContentLoadingMore, ContentLoadingMore,
BottomBtn BottomBtn
}, },
data() { data() {
return { return {
value: '', value: '',
type: 'select', type: 'select',
show: false, show: false,
border: true, border: true,
actionSheetList: [ actionSheetList: [
{ {
text: '男' text: '男'
}, },
{ {
text: '女' text: '女'
}, },
{ {
text: '保密' text: '保密'
} }
], ],
status: 'loadmore', status: 'loadmore',
btnArr: [ btnArr: [
{ {
style: '', style: '',
type: 'warning', type: 'warning',
text: '取消', text: '取消',
way: 'goBack', way: 'goBack'
}, },
{ {
style: '', style: '',
type: 'primary', type: 'primary',
text: '提交', text: '提交',
way: 'goSubmit', way: 'goSubmit'
} }
], ]
}; };
}, },
methods: { methods: {
getBtnHandle(row){ getBtnHandle(row) {
this[row.way]() this[row.way]();
}, },
goBack(){ goBack() {
uni.navigateBack(); uni.navigateBack();
}, },
goSubmit(){}, goSubmit() {},
// 点击actionSheet回调 // 点击actionSheet回调
actionSheetCallback(index) { actionSheetCallback(index) {
this.value = this.actionSheetList[index].text; this.value = this.actionSheetList[index].text;
}, },
handleInput(e) { handleInput(e) {
console.log(e, 'eee') console.log(e, 'eee');
}, },
deleteItem(){ deleteItem() {
console.log('删除') console.log('删除');
}, },
// 加载更多 // 加载更多
onReachBottom() { onReachBottom() {
console.log('加载更多') console.log('加载更多');
// if(this.page >= 3) return ; // if(this.page >= 3) return ;
// this.status = 'loading'; // this.status = 'loading';
// this.page = ++ this.page; // this.page = ++ this.page;
...@@ -208,43 +207,43 @@ ...@@ -208,43 +207,43 @@
// else this.status = 'loading'; // else this.status = 'loading';
// }, 2000) // }, 2000)
} }
} }
} };
</script> </script>
<style lang="scss"> <style lang="scss">
page { page {
background: #f8f8f8; background: #f8f8f8;
} }
.lists { .lists {
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
} }
.scanningBtn { .scanningBtn {
padding: 20rpx; padding: 20rpx;
background: #fff; background: #fff;
.topSearch{ .topSearch {
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
} }
.selectSheet{ .selectSheet {
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
background: #fff; background: #fff;
} }
.cardbox { .cardbox {
min-height: calc(100vh - 480rpx); min-height: calc(100vh - 480rpx);
padding: 0rpx 20rpx; padding: 0rpx 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.cardContent{ .cardContent {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #fff; background: #fff;
border-radius: 20rpx; border-radius: 20rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.cardTitle{ .cardTitle {
font-size: 32rpx; font-size: 32rpx;
color: #000; color: #000;
display: flex; display: flex;
...@@ -252,17 +251,17 @@ page { ...@@ -252,17 +251,17 @@ page {
padding-bottom: 20rpx; padding-bottom: 20rpx;
border-bottom: 2px solid #f8f8f8; border-bottom: 2px solid #f8f8f8;
} }
.cardItem{ .cardItem {
padding: 20rpx 20rpx 0 20rpx; padding: 20rpx 20rpx 0 20rpx;
} }
.cardItemDetail{ .cardItemDetail {
display: flex; display: flex;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
.cardItemLabel{ .cardItemLabel {
width: 200rpx; width: 200rpx;
} }
.cardItemValue{ .cardItemValue {
width: 500rpx; width: 500rpx;
} }
.bottom { .bottom {
...@@ -277,16 +276,16 @@ page { ...@@ -277,16 +276,16 @@ page {
align-items: center; align-items: center;
background: #fff; background: #fff;
.u-btn { .u-btn {
width: 300rpx; width: 300rpx;
} }
} }
.bottomArea{ .bottomArea {
padding-bottom: 160rpx; padding-bottom: 160rpx;
} }
.itemValueWidth{ .itemValueWidth {
width: 450rpx; width: 450rpx;
} }
/deep/ .u-sticky{ /deep/ .u-sticky {
top: 0!important; 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