Commit ce7d487d authored by xiangzj's avatar xiangzj

代码格式化

parent 8f8312e1
...@@ -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>
......
<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>
<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>
...@@ -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;
} }
} }
......
<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>
This diff is collapsed.
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