Skip to content

梁建民 / wmsApp

Go to a project
Commit 9c08a81b by LJM
Options

css

parent 275bf524
Inline Side-by-side
Showing with 217 additions and 30 deletions
assets/css/arrivalRegister/index.scss
.arrivalRegister {
padding: 15rpx 22rpx;
.radio-search-box {
height: 57rpx;
}
.search-all {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding-left: 17rpx;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
.uni-input {
width: 80%;
font-size: 18rpx;
color: #484b59;
margin-left: 13rpx;
}
}
.search-box {
height: 60rpx;
background: #ffffff;
......
assets/css/font.css
......@@ -11,6 +11,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-juxing4:before {
content: "\e79c";
}
.icon-zimu-M:before {
content: "\e660";
}
......
pages/arrivalRegister/index.vue
<template>
<view class="arrivalRegister">
<view class="search-box row bothSide verCenter">
<!-- 时间筛选 -->
<view class="time-interval row bothSide verCenter">
<view class="time-interval-box row verCenter bothSide">
<view class="row verCenter">
<text class="iconfont icon-juxing4"></text>
<picker mode="date" @change="bindTimeChange(1, $event)"><input type="text" class="uni-input" placeholder="请选择起始时间" placeholder-style="color:#919399" v-model="searchParams.create_time_begin" /></picker>
</view>
<text class="iconfont icon-a-juxing11" @click="clearInput('start')" v-if="searchParams.create_time_begin != ''"></text>
</view>
<view class="time-interval-box row verCenter bothSide">
<view class="row verCenter">
<text class="iconfont icon-juxing4"></text>
<picker mode="date" @change="bindTimeChange(2, $event)"><input type="text" class="uni-input" placeholder="请选择结束时间" placeholder-style="color:#919399" v-model="searchParams.create_time_end" /></picker>
</view>
<text class="iconfont icon-a-juxing11" @click="clearInput('end')" v-if="searchParams.create_time_end != ''"></text>
</view>
</view>
<view class="radio-search-box row verCenter">
<radio-group @change="radioChange" class="row verCenter">
<label class="radio row verCenter">
<radio value="0" checked="true" style="transform:scale(0.7)" color="#1969F9" />
<text class="tt">全量搜索</text>
</label>
<label class="radio">
<radio value="1" style="transform:scale(0.7)" color="#1969F9" />
<text class="tt">入仓号</text>
</label>
<label class="radio">
<radio value="2" style="transform:scale(0.7)" color="#1969F9" />
<text class="tt">FedEX</text>
</label>
</radio-group>
</view>
<view class="search-all row verCenter">
<text class="iconfont icon-juxing1"></text>
<template v-if="index == 0">
<input class="uni-input" placeholder="请扫描或输入号码" placeholder-style="color:#919399" focus v-model="searchParams.mobile_register_all_search" @input="handleInput(1, $event)" />
</template>
<template v-else-if="index == 1">
<input class="uni-input" placeholder="请输入入仓号" placeholder-style="color:#919399" focus v-model="searchParams.stock_in_with_stock_in_items_inhouse" @input="handleInput(2, $event)" :maxlength="maxInputLength" />
</template>
<template v-else-if="index == 2">
<input class="uni-input" placeholder="请输入FedEx" placeholder-style="color:#919399" focus v-model="searchParams.tracking_no" @input="handleInput(3, $event)" style="width: 400rpx;" />
</template>
<text class="iconfont icon-a-juxing11" @click="clearInput()" v-if="input_flag"></text>
</view>
<view class="search-box row bothSide verCenter" v-if="false">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
......@@ -25,6 +71,7 @@
<text class="iconfont icon-a-juxing11" @click="clearInput()" v-if="input_flag"></text>
</view>
</view>
<!-- 列表数据 -->
<view class="list row bothSide" v-if="list.length > 0">
<view class="box" v-for="(item, index) in list" :key="index" :class="{ curr: filter_list[index] }">
<view class="check-box-icon" @click="filterChange(index)"></view>
......@@ -209,6 +256,8 @@ export default {
warehouse_id_data: [],
hasMoreData: true, //是否分页加载
searchParams: {
create_time_begin: '',
create_time_end: '',
mobile_register_all_search: '', //全量搜索
stock_in_with_stock_in_items_inhouse: '', //入仓单号
tracking_no: '' //fedex
......@@ -244,6 +293,32 @@ export default {
this.getData();
},
methods: {
radioChange(e) {
this.index = e.detail.value;
},
/**
* 时间选择
*/
bindTimeChange(type, e) {
this.resetChange();
if (type == 1) {
this.searchParams.create_time_begin = e.detail.value;
} else if (type == 2) {
this.searchParams.create_time_end = e.detail.value;
}
var timeA = new Date(this.searchParams.create_time_begin).getTime();
var timeB = new Date(this.searchParams.create_time_end).getTime();
if (timeB < timeA) {
uni.showToast({
title: '不能小于开始时间',
icon: 'none'
});
this.searchParams.create_time_end = this.searchParams.create_time_begin;
return false;
}
this.getData();
},
/**
* 找出false对应的下标
* @param {Object} arr
......@@ -304,7 +379,12 @@ export default {
/**
* 清空数据
*/
clearInput() {
clearInput(type) {
if (type == 'start') {
this.searchParams.create_time_begin = '';
} else if (type == 'end') {
this.searchParams.create_time_end = '';
} else {
this.input_flag = false;
this.resetChange();
......@@ -315,6 +395,7 @@ export default {
} else if (this.index == 2) {
this.searchParams.tracking_no = '';
}
}
this.getData();
},
/**
......@@ -353,7 +434,7 @@ export default {
getData() {
this.request(API.stockInMobileRegisterList, 'POST', { page: this.page, limit: this.limit, is_register: 0, ...this.searchParams }, false).then(res => {
if (res.code === 0) {
if (res.data.total > 0) {
if (res.data.list.length > 0) {
this.hasMoreData = true;
this.list = this.list.concat(res.data.list);
this.filter_list = createArray(this.list.length, false);
......
pages/picking/sort.vue
......@@ -28,10 +28,10 @@
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<template v-if="is_batch">
<input class="uni-input" placeholder="请扫描入库标签" :disabled="searchParams.position_name == '' ? true : false" placeholder-style="color:#919399" v-model="search_keyword" @input="handleInput(2, search_keyword)" maxlength="15" ref="myInput" />
<input class="uni-input" placeholder="请扫描入库标签" :disabled="searchParams.position_name == '' ? true : false" placeholder-style="color:#919399" :focus="isFocus" v-model="search_keyword" @input="handleInput(2, search_keyword)" maxlength="15" ref="myInput" />
</template>
<template v-else>
<input class="uni-input" placeholder="请扫描入库标签" :disabled="searchParams.position_name == '' ? true : false" placeholder-style="color:#919399" v-model="searchParams.stock_in_batch_sn" @input="handleInput(2, searchParams.stock_in_batch_sn)" maxlength="15" />
<input class="uni-input" placeholder="请扫描入库标签" :disabled="searchParams.position_name == '' ? true : false" placeholder-style="color:#919399" :focus="isFocus" v-model="searchParams.stock_in_batch_sn" @input="handleInput(2, searchParams.stock_in_batch_sn)" maxlength="15" ref="myInput" />
</template>
</view>
<text class="iconfont icon-a-juxing11" @click="clearInput(2)" v-if="input_flag_stock_in_batch_sn"></text>
......@@ -452,6 +452,7 @@ import { createArray } from '@/util/util.js';
export default {
data() {
return {
isFocus: false,
is_batch: false, //是否开启批量
is_batch_active: false, //是否开启批量激活s
history_id: [], //批量记录id
......@@ -548,12 +549,6 @@ export default {
});
this.search_keyword = '';
try {
this.$refs.myInput.focus(); // 获取焦点
} catch (e) {
//TODO handle the exception
}
//若识别物料标签不在上架任务中，则弹窗提示：该物料不在上架任务中，需关闭弹窗才可继续操作
let isInList = list.some(function(item) {
return item.stock_in_batch_sn === val;
......@@ -570,6 +565,21 @@ export default {
this.history_id.splice(index_history_id, 1);
}
});
} else {
uni.showToast({
icon: 'success'
});
}
try {
//再次获取焦点
this.isFocus = false;
setTimeout(() => {
this.isFocus = true;
this.$forceUpdate();
}, 1000);
} catch (e) {
//TODO handle the exception
}
}
});
......@@ -594,10 +604,14 @@ export default {
} else {
if (type == 1) {
this.input_flag_position_name = false;
this.getData();
} else if (type == 2) {
this.searchParams.stock_in_batch_sn = '';
this.input_flag_stock_in_batch_sn = false;
this.getData();
} else if (type == 3) {
this.input_flag_container_sn = false;
this.getData();
}
}
}, 500),
......
pages/putaway/index.vue
......@@ -15,10 +15,10 @@
<text class="iconfont icon-juxing1"></text>
<template v-if="index == 0">
<template v-if="is_batch">
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" focus v-model="search_keyword" @input="handleInput(1, $event)" maxlength="15" ref="myInput" id="myInput" />
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" :focus="isFocus" v-model="search_keyword" @input="handleInput(1, $event)" maxlength="15" ref="myInput" id="myInput" />
</template>
<template v-else>
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" focus v-model="searchParams.search_keyword" @input="handleInput(1, $event)" maxlength="15" ref="myInput" id="myInput" />
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" :focus="isFocus" v-model="searchParams.search_keyword" @input="handleInput(1, $event)" maxlength="15" ref="myInput" id="myInput" />
</template>
</template>
<template v-else-if="index == 1">
......@@ -140,6 +140,7 @@ import debounce from 'lodash/debounce';
export default {
data() {
return {
isFocus: true,
is_batch: false, //是否开启批量
history_id: [],
search_keyword: '',
......@@ -207,11 +208,13 @@ export default {
this.page = 1;
this.filter_id = [];
if (!this.is_batch) {
this.search_keyword = '';
this.searchParams.search_keyword = '';
}
//再次获取焦点
this.isFocus = false;
setTimeout(() => {
this.isFocus = true;
}, 1000);
this.getData();
},
showDrawer() {
......@@ -338,12 +341,6 @@ export default {
});
this.search_keyword = '';
try {
this.$refs.myInput.focus(); // 获取焦点
} catch (e) {
//TODO handle the exception
}
//若识别物料标签不在上架任务中，则弹窗提示：该物料不在上架任务中，需关闭弹窗才可继续操作
let isInList = list.some(function(item) {
return item.stock_in_batch_sn === val;
......@@ -360,6 +357,21 @@ export default {
this.history_id.splice(index_history_id, 1);
}
});
} else {
uni.showToast({
icon: 'success'
});
}
try {
//再次获取焦点
this.isFocus = false;
setTimeout(() => {
this.isFocus = true;
this.$forceUpdate();
}, 1000);
} catch (e) {
//TODO handle the exception
}
}
});
......
pages/stockRecheck/sort.vue
......@@ -34,10 +34,10 @@
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<template v-if="is_batch">
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" v-model="search_keyword" @input="handleInput(2, search_keyword)" maxlength="15" ref="myInput" />
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" :focus="isFocus" v-model="search_keyword" @input="handleInput(2, search_keyword)" maxlength="15" ref="myInput" />
</template>
<template v-else>
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" v-model="searchParams.stock_in_batch_sn" @input="handleInput(2, searchParams.stock_in_batch_sn)" maxlength="15" />
<input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" :focus="isFocus" v-model="searchParams.stock_in_batch_sn" @input="handleInput(2, searchParams.stock_in_batch_sn)" maxlength="15" />
</template>
</view>
<text class="iconfont icon-a-juxing11" @click="clearInput(2)" v-if="input_flag_stock_in_batch_sn"></text>
......@@ -131,6 +131,13 @@
</view>
<view class="row" style="justify-content: flex-end;width: 100%;"><view class="btn row rowCenter verCenter" @click="showDrawer(1, item)">选择</view></view>
</view>
<template v-if="list.length == 1 && list[0].no_recheck_qty == 0">
<!-- 无数据展示 -->
<view class="no-date column rowCenter verCenter">
<text class="iconfont icon-a-juxing21"></text>
<text class="text">查不到当前数据</text>
</view>
</template>
</view>
<!-- 无数据展示 -->
<view class="no-date column rowCenter verCenter" v-else>
......@@ -558,6 +565,7 @@ import debounce from 'lodash/debounce';
export default {
data() {
return {
isFocus: true,
is_batch: false, //是否开启批量
history_id: [], //批量记录id
search_keyword: '', //批量搜索值
......@@ -629,6 +637,12 @@ export default {
this.search_keyword = '';
this.searchParams.stock_in_batch_sn = '';
//再次获取焦点
this.isFocus = false;
setTimeout(() => {
this.isFocus = true;
}, 1000);
this.getData();
},
bindPickerBoxChange: function(e, index) {
......@@ -868,12 +882,6 @@ export default {
});
this.search_keyword = '';
try {
this.$refs.myInput.focus(); // 获取焦点
} catch (e) {
//TODO handle the exception
}
//若识别物料标签不在上架任务中，则弹窗提示：该物料不在上架任务中，需关闭弹窗才可继续操作
let isInList = list.some(function(item) {
return item.stock_in_batch_sn === val;
......@@ -890,6 +898,21 @@ export default {
this.history_id.splice(index_history_id, 1);
}
});
} else {
uni.showToast({
icon: 'success'
});
}
try {
//再次获取焦点
this.isFocus = false;
setTimeout(() => {
this.isFocus = true;
this.$forceUpdate();
}, 1000);
} catch (e) {
//TODO handle the exception
}
}
});
......
static/iconfont.ttf
No preview for this file type
uni.scss
......@@ -135,3 +135,33 @@ image {
.btn-disabled {
opacity: 0.5;
}
.time-interval {
.time-interval-box {
width: 48%;
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding-left: 17rpx;
padding-right: 10rpx;
box-sizing: border-box;
.iconfont {
font-size: 30rpx;
color: #919399;
}
.uni-input {
margin-left: 13rpx;
font-size: 18rpx;
}
}
}
.radio-search-box {
.radio {
margin-right: 5rpx;
}
.tt {
font-size: 18rpx;
color: #292b33;
}
}
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