Skip to content

梁建民 / wmsApp

Go to a project
Commit efb302d9 by LJM
Options

优化

parent 0100b9e1
Inline Side-by-side
Showing with 116 additions and 9 deletions
pages/tallyReceive/record.vue
...@@ -40,6 +40,7 @@ ...@@ -40,6 +40,7 @@
<text class="iconfont icon-a-juxing11" @click="clearInput()" v-if="input_flag"></text> <text class="iconfont icon-a-juxing11" @click="clearInput()" v-if="input_flag"></text>
</view> </view>
</view> </view>
<!-- 采购类型筛选 -->
<view class="radio-wrap row verCenter" style="padding-bottom: 0;"> <view class="radio-wrap row verCenter" style="padding-bottom: 0;">
<radio-group name="radio1" @change="radioChange($event, 1)"> <radio-group name="radio1" @change="radioChange($event, 1)">
<label> <label>
...@@ -56,6 +57,7 @@ ...@@ -56,6 +57,7 @@
</label> </label>
</radio-group> </radio-group>
</view> </view>
<!-- 理货状态筛选 -->
<view class="radio-wrap row verCenter"> <view class="radio-wrap row verCenter">
<radio-group name="radio" @change="radioChange($event, 2)"> <radio-group name="radio" @change="radioChange($event, 2)">
<label> <label>
...@@ -72,6 +74,7 @@ ...@@ -72,6 +74,7 @@
</label> </label>
</radio-group> </radio-group>
</view> </view>
<!-- 列表 -->
<view class="list row bothSide" v-if="list.length > 0"> <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] }" style="padding-bottom: 50rpx;"> <view class="box" v-for="(item, index) in list" :key="index" :class="{ curr: filter_list[index] }" style="padding-bottom: 50rpx;">
<view class="check-box-icon" @click="filterChange(index)"></view> <view class="check-box-icon" @click="filterChange(index)"></view>
...@@ -179,8 +182,8 @@ ...@@ -179,8 +182,8 @@
<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">
<view class="item row verCenter"> <view class="item row verCenter">
<text class="label">货品编码：</text> <text class="label">货品编码：</text>
...@@ -285,13 +288,18 @@ ...@@ -285,13 +288,18 @@
<view class="pic-list"> <view class="pic-list">
<view class="pic-title">理货照片：</view> <view class="pic-title">理货照片：</view>
<view class="row pic-wrap"> <view class="row pic-wrap">
<view class="box" v-for="(item, index) in image_list" :key="index"> <template v-if="image_list.length > 0">
<image @click="previewChange(image_list, index)" :src="item" mode="aspectFill" lazy-load="true"></image> <view class="box" v-for="(item, index) in image_list" :key="index">
</view> <image :src="item" mode="aspectFill" @click="previewChange(image_list, index)"></image>
<text class="iconfont icon-a-juxing11" @click="deletePic(index)"></text>
</view>
</template>
<view class="default row rowCenter verCenter" @click="chooseImageChange()" v-if="image_list.length < maxNum"><text class="iconfont icon-a-juxing3"></text></view>
</view> </view>
</view> </view>
</template> </template>
<template v-else> <template v-else>
<!-- 深圳自营 -->
<view class="field-item row"> <view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;" v-if="detail.sku_id"> <view class="item row verCenter" style="flex: 0 0 100%;" v-if="detail.sku_id">
<text class="label">自营货品ID：</text> <text class="label">自营货品ID：</text>
...@@ -374,6 +382,7 @@ ...@@ -374,6 +382,7 @@
input_flag: false, input_flag: false,
index: 0, index: 0,
curr: 0, curr: 0,
noexebshowFalg: true, //控制是否会触发生命周期
item: ['货品信息', '其他信息'], item: ['货品信息', '其他信息'],
array: ['全量搜索', '入仓号'], array: ['全量搜索', '入仓号'],
list: [], list: [],
...@@ -382,6 +391,8 @@ ...@@ -382,6 +391,8 @@
detail: {}, //详情的数据 detail: {}, //详情的数据
image_list: [], //图片列表 image_list: [], //图片列表
hasMoreData: true, //是否分页加载 hasMoreData: true, //是否分页加载
image_list: [], //图片列表
maxNum: 10, //最大上传图片数量
searchParams: { searchParams: {
create_time_begin: '', //起始日期 create_time_begin: '', //起始日期
create_time_end: '', //结束日期 create_time_end: '', //结束日期
...@@ -393,6 +404,11 @@ ...@@ -393,6 +404,11 @@
} }
}; };
}, },
watch: {
image_list(arr) {
}
},
onReachBottom() { onReachBottom() {
if (!this.hasMoreData) { if (!this.hasMoreData) {
return; return;
...@@ -408,8 +424,10 @@ ...@@ -408,8 +424,10 @@
} }
}, },
onShow() { onShow() {
this.resetChange(); if (this.noexebshowFalg) {
this.getData(); this.resetChange();
this.getData();
}
}, },
methods: { methods: {
/** /**
...@@ -443,7 +461,7 @@ ...@@ -443,7 +461,7 @@
if (timeB < timeA) { if (timeB < timeA) {
uni.showToast({ uni.showToast({
title: '不能小于开始时间', title: '注意，不能小于开始时间',
icon: 'none' icon: 'none'
}); });
this.searchParams.create_time_end = this.searchParams.create_time_begin; this.searchParams.create_time_end = this.searchParams.create_time_begin;
...@@ -568,7 +586,9 @@ ...@@ -568,7 +586,9 @@
showDrawer(data) { showDrawer(data) {
this.$refs.showRight.open(); this.$refs.showRight.open();
this.detail = data; this.detail = data;
this.image_list = data.image_ids.split(','); if (data.image_ids) {
this.image_list = data.image_ids.split(',');
}
}, },
closeDrawer() { closeDrawer() {
this.$refs.showRight.close(); this.$refs.showRight.close();
...@@ -732,11 +752,97 @@ ...@@ -732,11 +752,97 @@
}); });
}, },
/** /**
* 选择图片
*/
chooseImageChange() {
this.noexebshowFalg = false;
// 使用 chooseImage选择图片
uni.chooseImage({
count: this.maxNum,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: chooseImageRes => {
console.log('选择图片成功：', chooseImageRes);
// 显示loading
uni.showLoading({
title: '上传中...'
});
// 获取选择的图片路径数组
const imagePaths = chooseImageRes.tempFilePaths;
// 判断选择的图片数量是否超过最大限制数量
let maxNum = Number(imagePaths.length) + Number(this.image_list.length); //当前上传的+已经上传的
if (maxNum > this.maxNum) {
uni.hideLoading();
uni.showToast({
title: '图片不超过' + this.maxNum + '张',
icon: 'none'
});
return false;
}
// 遍历图片路径数组，对每张图片进行压缩
imagePaths.forEach(imagePath => {
// 使用compressImage 压缩图片
uni.compressImage({
src: imagePath,
quality: 50, //压缩质量，范围0～100，数值越小，质量越低，压缩率越高
success: compressedRes => {
console.log('压缩图片成功：', compressedRes);
// 获取压缩后的图片路径
const compressedImagePath = compressedRes.tempFilePath;
// 在这里处理压缩后的图片，上传到服务器
uni.uploadFile({
url: API.upload + '?sys_type=4',
filePath: compressedImagePath,
name: 'file',
header: {
'Content-Type': 'multipart/form-data'
},
success: uploadFileRes => {
console.log('服务器上传图片成功：', uploadFileRes);
uni.hideLoading();
let data = JSON.parse(uploadFileRes.data);
if (data.code === 0) {
this.image_list.push(data.data.oss_image_url);
} else {
uni.showToast({
title: data.msg,
icon: 'none'
});
}
},
fail: error => {
console.log('上传图片失败：', error);
uni.hideLoading();
}
});
},
fail: err => {
console.log('压缩图片失败：', err);
}
});
});
}
});
},
/**
* 删除图片
* @param {Object} index
*/
deletePic(index) {
this.image_list.splice(index, 1);
},
/**
* 预览图片 * 预览图片
* @param {Object} img * @param {Object} img
* @param {Object} index * @param {Object} index
*/ */
previewChange(img, index) { previewChange(img, index) {
this.noexebshowFalg = false;
uni.previewImage({ uni.previewImage({
current: index, current: index,
urls: img urls: img
...@@ -754,5 +860,5 @@ ...@@ -754,5 +860,5 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/assets/css/tallyReceive/index.scss'; @import '@/assets/css/tallyReceive/record.scss';
</style> </style>
\ No newline at end of file
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