Skip to content

梁建民 / wmsApp

Go to a project
Commit c629ca53 by LJM
Options

WMS二期--移动端【理货】

parent c0656a7c
Inline Side-by-side
Showing with 160 additions and 16 deletions
assets/css/tallyReceive/index.scss
...@@ -602,8 +602,27 @@ ...@@ -602,8 +602,27 @@
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
transition: all 0.2s ease;
text:first-child {
margin-right: 32rpx;
}
.curr {
position: relative;
color: #1969f9;
font-weight: bold;
&::after {
content: '';
background-color: #1969f9;
width: 51%;
height: 2px;
position: absolute;
bottom: -10rpx;
left: 0;
right: 0;
margin: 0 auto;
}
}
} }
.bor { .bor {
height: 1px; height: 1px;
......
assets/css/tallyReceive/operate.scss
...@@ -383,7 +383,7 @@ ...@@ -383,7 +383,7 @@
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 248rpx; width: 30%;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
.check-box-icon { .check-box-icon {
...@@ -404,8 +404,26 @@ ...@@ -404,8 +404,26 @@
color: #484b59; color: #484b59;
} }
} }
.print-type-box {
width: 20%;
height: 75rpx;
background-color: #ffffff;
picker {
width: 100%;
height: 100%;
}
.uni-input {
font-size: 23rpx;
color: #484b59;
}
.iconfont {
margin-left: 17rpx;
font-size: 18rpx;
color: #919399;
}
}
.btn2 { .btn2 {
width: calc(100% - 248rpx); width: 50%;
height: 75rpx; height: 75rpx;
background: #1969f9; background: #1969f9;
font-size: 23rpx; font-size: 23rpx;
......
pages/tallyReceive/operate.vue
...@@ -72,6 +72,7 @@ ...@@ -72,6 +72,7 @@
<text>货品信息</text> <text>货品信息</text>
</template> </template>
</view> </view>
<!-- 区分深圳自营和非深圳自营 -->
<template v-if="curr == 0"> <template v-if="curr == 0">
<view class="field-item row"> <view class="field-item row">
<template v-if="detail.sku_id > 0"> <template v-if="detail.sku_id > 0">
...@@ -272,11 +273,29 @@ ...@@ -272,11 +273,29 @@
</template> </template>
</view> </view>
<view class="fix-btn row verCenter"> <view class="fix-btn row verCenter">
<!--区分深圳自营和非深圳自营-->
<template v-if="warehouse_id == 9">
<view class="btn1 row rowCenter verCenter" @click="toggle(1)"> <view class="btn1 row rowCenter verCenter" @click="toggle(1)">
<text class="check-box-icon" :class="{ curr: print_flag }"></text> <text class="check-box-icon" :class="{ curr: print_flag }"></text>
<text class="text">打印入库标签</text> <text class="text">打印入库标签</text>
</view> </view>
<view class="print-type-box row rowCenter verCenter">
<picker @change="bindPickerChange($event, 2)" :value="print_style_index" :range="print_style" class="row rowCenter verCenter">
<view class="row rowCenter verCenter">
<view class="uni-input">{{ print_style[print_style_index] }}</view>
<view class="iconfont icon-sanjiaoxing"></view>
</view>
</picker>
</view>
<view class="btn2 row rowCenter verCenter" @click="createTallyReceive" :class="{ 'btn-disabled': !is_submit }">理 货</view> <view class="btn2 row rowCenter verCenter" @click="createTallyReceive" :class="{ 'btn-disabled': !is_submit }">理 货</view>
</template>
<template v-else>
<view class="btn1 row rowCenter verCenter" @click="toggle(1)" style="width: 40%;">
<text class="check-box-icon" :class="{ curr: print_flag }"></text>
<text class="text">打印入库标签</text>
</view>
<view class="btn2 row rowCenter verCenter" @click="createTallyReceive" :class="{ 'btn-disabled': !is_submit }" style="width: 60%;">理 货</view>
</template>
</view> </view>
</view> </view>
</template> </template>
...@@ -304,6 +323,8 @@ export default { ...@@ -304,6 +323,8 @@ export default {
limit: 1, limit: 1,
index: 0, index: 0,
curr: 0, curr: 0,
print_style: ['基本样式', '不带D/C'],
print_style_index: 0,
item: ['货品信息', '其他信息'], item: ['货品信息', '其他信息'],
indexContainer: -1, indexContainer: -1,
array: ['物流单号', '入库单号', '入仓号'], array: ['物流单号', '入库单号', '入仓号'],
...@@ -313,6 +334,7 @@ export default { ...@@ -313,6 +334,7 @@ export default {
maxNum: 10, //最大上传图片数量 maxNum: 10, //最大上传图片数量
useOptionIndex: -1, useOptionIndex: -1,
useOption: [], //产地 useOption: [], //产地
warehouse_id: '', //区分仓库
searchParams: { searchParams: {
stock_in_sn: '', //入库单号 stock_in_sn: '', //入库单号
tracking_no: '', //物流单号 tracking_no: '', //物流单号
...@@ -360,11 +382,21 @@ export default { ...@@ -360,11 +382,21 @@ export default {
tab(index) { tab(index) {
this.curr = index; this.curr = index;
}, },
/**
* @param {Object} e
* @param {Object} type
*/
bindPickerChange: function(e, type) { bindPickerChange: function(e, type) {
console.log('picker发送选择改变，携带值为', e.detail.value); console.log('picker发送选择改变，携带值为', e.detail.value);
if (type == 1) { if (type == 1) {
this.useOptionIndex = e.detail.value; this.useOptionIndex = e.detail.value;
this.formParams.coo = this.useOption[e.detail.value].coo_en; this.formParams.coo = this.useOption[e.detail.value].coo_en;
} else if (type == 2) {
this.print_style_index = e.detail.value;
//区分深圳自营和非深圳自营
if (this.warehouse_id == 9) {
this.formParams.is_print = this.print_style_index == 1 ? 2 : 1;
}
} else { } else {
this.index = e.detail.value; this.index = e.detail.value;
} }
...@@ -393,23 +425,18 @@ export default { ...@@ -393,23 +425,18 @@ export default {
} }
}, 500), }, 500),
/** /**
* 是否打印 * @param {Object} type
* class切换
* 1 打印入库标签
* 2 整单照片
*/ */
toggle(type) { toggle(type) {
if (type == 1) { if (type == 1) {
this.print_flag = !this.print_flag; this.print_flag = !this.print_flag;
if (this.print_flag) { this.formParams.is_print = this.print_flag ? 1 : 0;
this.formParams.is_print = 1; } else if (type == 2) {
} else {
this.formParams.is_print = 0;
}
} else {
this.pic_flag = !this.pic_flag; this.pic_flag = !this.pic_flag;
if (this.pic_flag) { this.formParams.is_mobile_default_img = this.pic_flag ? 1 : 0;
this.formParams.is_mobile_default_img = 1;
} else {
this.formParams.is_mobile_default_img = 0;
}
} }
}, },
/** /**
...@@ -531,6 +558,7 @@ export default { ...@@ -531,6 +558,7 @@ export default {
this.request(API.waitTallyReceiveList, 'POST', { page: this.page, limit: this.limit, stock_in_item_id: this.stock_in_item_id, ...this.searchParams }, false).then(res => { this.request(API.waitTallyReceiveList, 'POST', { page: this.page, limit: this.limit, stock_in_item_id: this.stock_in_item_id, ...this.searchParams }, false).then(res => {
if (res.code === 0) { if (res.code === 0) {
if (res.data.list.length > 0) { if (res.data.list.length > 0) {
this.warehouse_id = res.data.list[0].warehouse_id;
this.detail = res.data.list[0]; this.detail = res.data.list[0];
this.formParams.tally_qty = res.data.list[0].wait_tally_qty; this.formParams.tally_qty = res.data.list[0].wait_tally_qty;
this.formParams.date_code = res.data.list[0].expect_date_code; this.formParams.date_code = res.data.list[0].expect_date_code;
......
pages/tallyReceive/record.vue
...@@ -151,7 +151,16 @@ ...@@ -151,7 +151,16 @@
</view> </view>
</view> </view>
<view class="bor"></view> <view class="bor"></view>
<view class="item-tit">货品详情</view> <view class="item-tit">
<template v-if="detail.sku_id > 0">
<text v-for="(v, index) in item" :key="index" :class="{ curr: curr == index }" @click="tab(index)">{{ v }}</text>
</template>
<template v-else>
<text>货品信息</text>
</template>
</view>
<!-- 区分深圳自营和非深圳自营 -->
<template v-if="curr == 0">
<view class="field-item row"> <view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;"> <view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品编码：</text> <text class="label">货品编码：</text>
...@@ -251,6 +260,67 @@ ...@@ -251,6 +260,67 @@
<view class="box" v-for="(item, index) in image_list" :key="index"><image @click="previewChange(image_list, index)" :src="item" mode="aspectFill" lazy-load="true"></image></view> <view class="box" v-for="(item, index) in image_list" :key="index"><image @click="previewChange(image_list, index)" :src="item" mode="aspectFill" lazy-load="true"></image></view>
</view> </view>
</view> </view>
</template>
<template v-else>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;" v-if="detail.sku_id">
<text class="label">自营货品ID：</text>
<text class="text" style="max-width: 100%;">{{ detail.sku_id }}</text>
</view>
<view class="item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">{{ detail.goods_name }}</text>
</view>
<view class="item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">{{ detail.brand_name }}</text>
</view>
<view class="item row verCenter">
<text class="label">包装方式：</text>
<text class="tt">{{ detail.packing_cn }}</text>
</view>
<view class="item row verCenter">
<text class="label">标准包装量：</text>
<text class="tt">{{ detail.mpq }}</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label" style="width: 128rpx;">标准包装长宽高：</text>
<text class="tt" style="max-width: 100%;">{{ detail.standard_length }}&nbsp;*{{ detail.standard_width }}&nbsp;*{{ detail.standard_high }}</text>
</view>
<view class="item row verCenter">
<text class="label" style="width: 113rpx;">标准包装净重：</text>
<text class="tt">{{ detail.standard_net_weight }}</text>
</view>
<view class="item row verCenter">
<text class="label" style="width: 113rpx;">标准包装毛重：</text>
<text class="tt">{{ detail.standard_gross_weight }}</text>
</view>
<view class="item row verCenter">
<text class="label">其他属性：</text>
<text class="tt">{{ detail.picking_other_attr }}</text>
</view>
<view class="item row verCenter">
<text class="label">销售员：</text>
<text class="tt">{{ detail.sale_user }}</text>
</view>
<view class="item row verCenter">
<text class="label">采购员：</text>
<text class="tt">{{ detail.purchase_user }}</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">客户：</text>
<text class="text" style="font-weight: bold;max-width: 491rpx;">{{ detail.customer_name }}</text>
</view>
<view class="item row verCenter">
<text class="label">理货时间：</text>
<text class="tt">{{ detail.create_time_cn }}</text>
</view>
<view class="item row verCenter">
<text class="label">理 货 人：</text>
<text class="tt">{{ detail.create_name }}</text>
</view>
</view>
</template>
<view class="btn row verCenter bothSide"><view class="btn1 row rowCenter verCenter" @click="cancelTallyReceive(2, detail.tally_id, detail.stock_in_item_id)">取消理货</view></view> <view class="btn row verCenter bothSide"><view class="btn1 row rowCenter verCenter" @click="cancelTallyReceive(2, detail.tally_id, detail.stock_in_item_id)">取消理货</view></view>
</view> </view>
</uni-drawer> </uni-drawer>
...@@ -271,6 +341,8 @@ export default { ...@@ -271,6 +341,8 @@ export default {
limit: 50, limit: 50,
input_flag: false, input_flag: false,
index: 0, index: 0,
curr: 0,
item: ['货品信息', '其他信息'],
array: ['全量搜索', '入仓号'], array: ['全量搜索', '入仓号'],
list: [], list: [],
filter_list: [], //筛选已选中的列表 filter_list: [], //筛选已选中的列表
...@@ -306,6 +378,13 @@ export default { ...@@ -306,6 +378,13 @@ export default {
this.getData(); this.getData();
}, },
methods: { methods: {
/**
* @param {Object} index
* tab切换
*/
tab(index) {
this.curr = index;
},
radioChange(e, type) { radioChange(e, type) {
this.resetChange(); this.resetChange();
if (type == 1) { if (type == 1) {
......
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 sign in to comment