Commit ce7d487d authored by xiangzj's avatar xiangzj

代码格式化

parent 8f8312e1
......@@ -122,28 +122,28 @@ export default {
style: '',
type: 'warning',
text: '返回',
way: 'goBack',
way: 'goBack'
},
{
style: '',
type: 'primary',
text: '提交',
way: 'goSubmit',
way: 'goSubmit'
}
],
]
};
},
methods: {
getBtnHandle(row){
this[row.way]()
getBtnHandle(row) {
this[row.way]();
},
goBack(){
goBack() {
uni.navigateBack();
},
goSubmit(){},
goSubmit() {},
handleInput(e) {
console.log(e, 'eee');
},
}
}
};
</script>
......
<template>
<view class="homePage" :style="'height:' + screenHeight + 'px;'">
<view class="title">广州市宝绅科技应用</view>
<view class="lines"></view>
<view class="boxs">
<uni-section v-for="(item, index) in tableData" :key="index" :title="item.title" type="line">
<u-row
gutter="10"
>
<u-col v-for="(v,i) in item.list" :key="i" span="3">
<navigator :url="v.url" open-type="navigate">
<view class="demo-layout">
<u-image :src="v.src" width="100rpx" height="100rpx" ></u-image>
<text>{{ v.text }}</text>
</view>
</navigator>
</u-col>
</u-row>
</uni-section>
</view>
</view>
<view class="homePage" :style="'height:' + screenHeight + 'px;'">
<view class="title">广州市宝绅科技应用</view>
<view class="lines"></view>
<view class="boxs">
<uni-section v-for="(item, index) in tableData" :key="index" :title="item.title" type="line">
<u-row gutter="10">
<u-col v-for="(v, i) in item.list" :key="i" span="3">
<navigator :url="v.url" open-type="navigate">
<view class="demo-layout">
<u-image :src="v.src" width="100rpx" height="100rpx"></u-image>
<text>{{ v.text }}</text>
</view>
</navigator>
</u-col>
</u-row>
</uni-section>
</view>
</view>
</template>
<script>
export default {
data() {
return {
screenHeight: 0,
src: require('@/static/images/cgrk.png'),
tableData: [
{
title: '仓库扫描作业',
list: [
{
src: require('@/static/images/cgrk.png'),
text: '采购入库',
url: '/pages/purchaseStorage/purchaseStorage'
},
{
src: require('@/static/images/fclyk.png'),
text: '仓位转移',
url: '/pages/positionTansfer/positionTansfer'
},
{
src: require('@/static/images/kglrk.png'),
text: '完工入库',
url: '/pages/confirComplete/confirComplete'
},
{
src: require('@/static/images/qtck.png'),
text: '库存盘点',
url: '/pages/inventoryCounting/inventoryCounting'
},
]
}
]
};
},
created () {
this.screenHeight = uni.getSystemInfoSync().screenHeight
},
methods: {
handleClick(v) {
uni.nav
}
}
data() {
return {
screenHeight: 0,
src: require('@/static/images/cgrk.png'),
tableData: [
{
title: '仓库扫描作业',
list: [
{
src: require('@/static/images/cgrk.png'),
text: '采购入库',
url: '/pages/purchaseStorage/purchaseStorage'
},
{
src: require('@/static/images/fclyk.png'),
text: '仓位转移',
url: '/pages/positionTansfer/positionTansfer'
},
{
src: require('@/static/images/kglrk.png'),
text: '完工入库',
url: '/pages/confirComplete/confirComplete'
},
{
src: require('@/static/images/qtck.png'),
text: '库存盘点',
url: '/pages/inventoryCounting/inventoryCounting'
}
]
}
]
};
},
created() {
this.screenHeight = uni.getSystemInfoSync().screenHeight;
},
methods: {
handleClick(v) {
uni.nav;
}
}
};
</script>
<style lang="scss" scoped>
.homePage {
background: #fff;
.title {
background: #fff;
padding-top:20rpx;
height: 60rpx;
font-size: 28rpx;
line-height: 40rpx;
padding-left:32rpx;
font-weight: 600;
}
.lines{
height:32rpx;
background:#f8f8f8;
}
background: #fff;
.title {
background: #fff;
padding-top: 20rpx;
height: 60rpx;
font-size: 28rpx;
line-height: 40rpx;
padding-left: 32rpx;
font-weight: 600;
}
.lines {
height: 32rpx;
background: #f8f8f8;
}
}
.demo-layout {
height: 164rpx;
border-radius: 4px;
margin-bottom:10px;
display: flex;
flex-direction: column;
align-items: center;
text{
margin-top:24rpx;
font-size:24rpx;
color:#000;
}
height: 164rpx;
border-radius: 4px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
align-items: center;
text {
margin-top: 24rpx;
font-size: 24rpx;
color: #000;
}
}
</style>
<template>
<view class="cardbox">
<view class="cardContent">
<view class="listItemTitle">
<view>
<view class="item">盘点调整单:WHPD202311080001</view>
<view class="item">盘点对象:XB-001-02</view>
<view class="item">盘点日期:2023-11-09</view>
<view class="item">盘点人员:张丹</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 class="cardbox">
<view class="cardContent">
<view class="listItemTitle">
<view>
<view class="item">盘点调整单:WHPD202311080001</view>
<view class="item">盘点对象:XB-001-02</view>
<view class="item">盘点日期:2023-11-09</view>
<view class="item">盘点人员:张丹</view>
<view class="item">差异批次:2</view>
</view>
</view>
</view>
</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>
</template>
<script>
export default {
data() {
return {
show: true,
};
},
computed: {
export default {
data() {
return {
show: true
};
},
methods: {
}
}
computed: {},
methods: {}
};
</script>
<style lang="scss" scoped>
.cardbox {
min-height: calc(100vh - 480rpx);
// padding: 0rpx 20rpx;
// margin: 20rpx;
min-height: calc(100vh - 480rpx);
// padding: 0rpx 20rpx;
// margin: 20rpx;
}
.cardContent {
border-radius: 8px;
background: #fff;
border-radius: 8px;
background: #fff;
}
.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;
justify-content: space-between;
.desc {
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{
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;
justify-content: space-between;
background: #f8f8f8;
border-radius: 10rpx;
.desc {
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>
......@@ -52,7 +52,7 @@
<view class="boxRight">
<view class="items">891/1000pcs</view>
<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>
......@@ -109,7 +109,7 @@ export default {
},
checkForm: {
name: ''
},
}
};
},
computed: {},
......@@ -127,9 +127,9 @@ export default {
ontabtap(e, type) {
console.log('切换tab', e, type);
},
addConfirm(){
this.addShowModel = false
},
addConfirm() {
this.addShowModel = false;
}
}
};
</script>
......@@ -232,9 +232,9 @@ export default {
justify-content: space-between;
border-bottom: 1px solid #333;
}
.slot-content{
.slot-content {
padding: 20rpx;
.u-form-item{
.u-form-item {
padding: 0;
}
}
......
<template>
<view class="cardbox">
<view class="cardContent">
<view class="listItemTitle">
<view>
<view class="item">盘点计划:WHPD202311080001</view>
<view class="item">线边仓|XB-001-02</view>
<view class="item">计划日期:2023-11-09</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 class="cardbox">
<view class="cardContent">
<view class="listItemTitle">
<view>
<view class="item">盘点计划:WHPD202311080001</view>
<view class="item">线边仓|XB-001-02</view>
<view class="item">计划日期:2023-11-09</view>
<view class="item">盘点人员:张丹</view>
<view class="item">盘点状态:未开始</view>
</view>
<view class="boxRight">
<view class="items">891/1000pcs</view>
<view class="items">线边仓|XB-X01-001</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 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>
</template>
<script>
export default {
data() {
return {
show: true,
};
},
computed: {
export default {
data() {
return {
show: true
};
},
methods: {
handleClickWork(){
uni.navigateTo({
url: `/pages/inventoryCounting/inventoryList`
})
},
}
}
computed: {},
methods: {
handleClickWork() {
uni.navigateTo({
url: `/pages/inventoryCounting/inventoryList`
});
}
}
};
</script>
<style lang="scss" scoped>
.cardbox {
min-height: calc(100vh - 480rpx);
margin-top: 20rpx;
min-height: calc(100vh - 480rpx);
margin-top: 20rpx;
}
.cardContent {
border-radius: 8px;
background: #fff;
border-radius: 8px;
background: #fff;
}
.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;
justify-content: space-between;
.desc {
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;
padding: 20rpx;
border-bottom: 2px solid #f8f8f8;
.u-btn {
width: 150rpx;
margin: 0px;
margin-top: 10rpx;
}
}
.bottomBox {
padding: 20rpx;
.boxAll{
.item {
height: 40rpx;
line-height: 40rpx;
color: #000;
font-size: 28rpx;
font-weight: 500;
}
}
.listBottom {
.bottomTitle {
height: 60rpx;
position: relative;
display: flex;
justify-content: space-between;
background: #f8f8f8;
border-radius: 10rpx;
.desc {
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 {
padding: 20rpx;
// margin-bottom: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
}
.boxRight{
.bottomBox {
padding: 20rpx;
.items{
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
.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;
}
}
.boxRight {
padding: 20rpx;
.items {
color: #333;
font-size: 24rpx;
height: 40rpx;
line-height: 40rpx;
}
}
}
}
}
</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