You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
316 lines
11 KiB
316 lines
11 KiB
<template>
|
|
<view class="">
|
|
<!-- 自定义导航栏 -->
|
|
<u-navbar bgColor="#ffffff" :placeholder="true" :autoBack="true" titleStyle="font-weight:600">
|
|
<view slot="center" style="display: flex;align-items: center;flex-direction: column;">
|
|
<view>
|
|
<span style="font-size: 30rpx; font-weight: 600;color: #333333;margin-right: 10rpx;">{{ changku }}</span>
|
|
<!-- <image style="width: 32rpx; height: 32rpx;" src="../../../../static/images/wuzhi/zhuanhuan.png"></image> -->
|
|
</view>
|
|
<span style="font-size: 20rpx; font-weight: 600;color: #b1b1b1;margin-right: 10rpx;">盘点明细</span>
|
|
</view>
|
|
<view slot="right" style="display: flex;align-items: center;flex-direction: column;" @click="popCheBian()">
|
|
<image style="width: 48rpx; height: 48rpx;" src="../../../../static/images/wuzhi/qiehuancangku.png"></image>
|
|
<span style="font-size: 18rpx; font-weight: 600;margin-right: 10rpx;color: #1296db;">切换仓库</span>
|
|
</view>
|
|
</u-navbar>
|
|
<view class="paibanBox">
|
|
<view class="paiban"><u-search placeholder="请输入物资名称" v-model="keyword2" :clearabled="false" :showAction="false"></u-search></view>
|
|
<scroll-view scroll-y="true" style="height: 89vh;padding: 20rpx;" scroll-with-animation="true">
|
|
<view class="" v-for="item in panDianMxList" :key="item.id" @click="openDetail(item)" style="margin-bottom: 20rpx;border-bottom: 2rpx solid #dfdfdf;">
|
|
<view
|
|
style="display: flex;width: 100%;padding-bottom: 15rpx; align-items: center;
|
|
justify-content: space-between;padding: 12rpx;"
|
|
>
|
|
<u-album
|
|
singleSize="72"
|
|
multipleMode="scaleToFill"
|
|
singleMode="scaleToFill"
|
|
multipleSize="72"
|
|
rowCount="1"
|
|
style="width: 145rpx;height: 145rpx;border: 1px solid #EFEFEF;background-color:#EFEFEF ;"
|
|
:urls="item.showUrls == null ? [] : item.showUrls"
|
|
maxCount="1"
|
|
></u-album>
|
|
<view style="display: flex;width: 75%;">
|
|
<view style=" width: 75%;display: flex;flex-direction: column;justify-content: space-between; align-items: flex-start;margin-left: 10rpx;">
|
|
<span style="font-weight: 600;font-size: 28rpx;width: 100%;margin-bottom: 10rpx;">{{ item.materialName }}</span>
|
|
<span style="font-size: 28rpx;color: #999999;margin-bottom: 10rpx;">{{ item.checkId }}</span>
|
|
<view v-if="item.num == item.realNum">
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: #019925;margin-bottom: 10rpx;margin-right: 20rpx;">库存数量: {{ item.num }}</span>
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: #608f99;margin-bottom: 10rpx;margin-right: 20rpx;">
|
|
盘点数量: {{ item.realNum }}
|
|
</span>
|
|
</view>
|
|
<view v-else>
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: red;margin-bottom: 10rpx;margin-right: 20rpx;">库存数量: {{ item.num }}</span>
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: red;margin-bottom: 10rpx;margin-right: 20rpx;">盘点数量: {{ item.realNum }}</span>
|
|
</view>
|
|
<view v-if="item.remark">
|
|
<scroll-view scroll-y="true" style="height: 80rpx;" scroll-with-animation="true">
|
|
<span style="align-self: flex-start;font-size: 24rpx;color: #1296db;margin-bottom: 10rpx;margin-right: 20rpx;">
|
|
异常描述: {{ item.remark }}
|
|
</span>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<!-- 侧边栏 -->
|
|
<u-popup :show="wuzhiCheBian" mode="left" :customStyle="{ width: '70vw' }" :safeAreaInsetBottom="true" @close="offPop()">
|
|
<view style="height: 50px;margin-bottom: 10rpx;"></view>
|
|
<u-search placeholder="请输入仓库名称搜索" v-model="keyword" :clearabled="false" :showAction="false"></u-search>
|
|
<scroll-view scroll-y="true" style="height: 95vh;" scroll-with-animation="true">
|
|
<view class="status_bar"></view>
|
|
<uni-list>
|
|
<uni-list-item v-for="(item, index) in titlelist" :title="`${index + 1}.${item.name}`" :clickable="true" @click="xuanZheChangKu(item)"></uni-list-item>
|
|
</uni-list>
|
|
<view style="height: 50px;"></view>
|
|
</scroll-view>
|
|
</u-popup>
|
|
<u-popup :round="10" mode="bottom" :show="Detailshow" @close="closeDetail" @open="openDetailDialog">
|
|
<view>
|
|
<view class="ruKuInfo">
|
|
<view style="color: #3c6fd2;font-size: 36rpx;font-weight: 600;">盘点单</view>
|
|
|
|
<view style="color: #99a2a9;font-size: 29rpx;font-weight: 600;">盘点单号：{{ panDianMxDetail.checkId }}</view>
|
|
<!-- <view class="process">
|
|
<span style="text-align: center; margin-right: 25rpx;background-color: #EFEFEF;width: 170rpx;border-radius: 10px;">采购</span>
|
|
<u-icon style="margin-right: 25rpx;" color="#5cc0ae" name="play-right-fill"></u-icon>
|
|
|
|
<span style="text-align: center;background-color: #EFEFEF;width: 170rpx;border-radius: 10px;">出库完成</span>
|
|
</view> -->
|
|
</view>
|
|
<view style="display: flex;flex-direction: column; justify-content: center;align-items: center;">
|
|
<view class="textInfo">
|
|
盘点仓库：
|
|
<span style="color: #85898c;">{{ panDianMxDetail.houseName }}</span>
|
|
</view>
|
|
<view class="textInfo" v-if="panDianMxDetail.pdUser">
|
|
盘点人员：
|
|
<span style="color: #85898c;">{{ panDianMxDetail.pdUser }}</span>
|
|
</view>
|
|
<view class="textInfo">
|
|
登记人员：
|
|
<span style="color: #85898c;">{{ panDianMxDetail.userName }}</span>
|
|
</view>
|
|
<view class="textInfo">
|
|
创建时间：
|
|
<span style="color: #85898c;">{{ panDianMxDetail.year }}-{{ panDianMxDetail.month }}-{{ panDianMxDetail.day }}</span>
|
|
</view>
|
|
</view>
|
|
|
|
<scroll-view scroll-y="true" style="height: 800rpx;" scroll-with-animation="true">
|
|
<view class="" v-for="item in panDianMxDetail.pdDelList" :key="item.id" style="margin-bottom: 20rpx;border-bottom: 2rpx solid #dfdfdf;">
|
|
<view
|
|
style="display: flex;width: 100%;padding-bottom: 15rpx; align-items: center;
|
|
justify-content: center;padding: 12rpx;"
|
|
>
|
|
<u-album
|
|
singleSize="62"
|
|
multipleMode="scaleToFill"
|
|
singleMode="scaleToFill"
|
|
multipleSize="62"
|
|
rowCount="1"
|
|
style="width: 125rpx;height: 125rpx;border: 1px solid #EFEFEF;background-color:#EFEFEF ;"
|
|
:urls="item.showUrls == null ? [] : item.showUrls"
|
|
maxCount="1"
|
|
></u-album>
|
|
<view style="display: flex;width: 75%;">
|
|
<view style=" width: 75%;display: flex;flex-direction: column;justify-content: space-between; align-items: flex-start;margin-left: 10rpx;">
|
|
<span style="font-weight: 600;font-size: 28rpx;width: 100%;margin-bottom: 10rpx;">{{ item.materialName }}</span>
|
|
<span style="font-size: 28rpx;color: #999999;margin-bottom: 10rpx;">{{ item.checkId }}</span>
|
|
<view v-if="item.num == item.realNum">
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: #019925;margin-bottom: 10rpx;margin-right: 20rpx;">
|
|
库存数量: {{ item.num }}
|
|
</span>
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: #608f99;margin-bottom: 10rpx;margin-right: 20rpx;">
|
|
盘点数量: {{ item.realNum }}
|
|
</span>
|
|
</view>
|
|
<view v-else>
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: red;margin-bottom: 10rpx;margin-right: 20rpx;">库存数量: {{ item.num }}</span>
|
|
<span style="align-self: flex-start;font-size: 26rpx;color: red;margin-bottom: 10rpx;margin-right: 20rpx;">
|
|
盘点数量: {{ item.realNum }}
|
|
</span>
|
|
</view>
|
|
<view v-if="item.remark">
|
|
<scroll-view scroll-y="true" style="height: 80rpx;" scroll-with-animation="true">
|
|
<span style="align-self: flex-start;font-size: 24rpx;color: #1296db;margin-bottom: 10rpx;margin-right: 20rpx;">
|
|
异常描述: {{ item.remark }}
|
|
</span>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</u-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { getCheckListAndCheckListDel } from '@/api/indexpage/yjWz/checkList.js';
|
|
import { listWarehouse } from '@/api/indexpage/yjWz/warehouse.js';
|
|
import { listCheckList, getCheckList, listCheckDetails, getCheckDetails } from '@/api/indexpage/yjWz/panDian.js';
|
|
export default {
|
|
data() {
|
|
return {
|
|
keyword: '',
|
|
keyword2: '',
|
|
changku: '',
|
|
timer: '',
|
|
timer1: '',
|
|
panDianMxList: [],
|
|
panDianMxDetail: {},
|
|
Detailshow: false,
|
|
wuzhiCheBian: false,
|
|
titlelist: [],
|
|
ckid: ''
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
//获取场库id和名字
|
|
let name = options.ckName;
|
|
let id = options.ckId;
|
|
this.ckid = id;
|
|
this.changku = name;
|
|
this.getlistCheckList();
|
|
this.getChangKu();
|
|
},
|
|
watch: {
|
|
keyword(newdata, olddata) {
|
|
let that = this;
|
|
//防抖函数
|
|
clearTimeout(that.timer);
|
|
that.timer = setTimeout(function() {
|
|
if (newdata === '') {
|
|
//发场库请求
|
|
listWarehouse().then(res => {
|
|
that.titlelist = res.rows;
|
|
});
|
|
} else {
|
|
//发场库请求
|
|
listWarehouse({ name: newdata }).then(res => {
|
|
that.titlelist = res.rows;
|
|
});
|
|
}
|
|
}, 600);
|
|
},
|
|
keyword2(newdata, olddata) {
|
|
let that = this;
|
|
//防抖函数
|
|
clearTimeout(that.timer1);
|
|
that.timer1 = setTimeout(function() {
|
|
if (newdata === '') {
|
|
//盘库结束
|
|
listCheckDetails({ houseId: this.ckid, isOver: '1' }).then(res => {
|
|
that.panDianMxList = res.rows;
|
|
});
|
|
} else {
|
|
//盘库结束
|
|
listCheckDetails({ houseId: this.ckid, isOver: '1', materialName: newdata }).then(res => {
|
|
that.panDianMxList = res.rows;
|
|
});
|
|
}
|
|
}, 600);
|
|
}
|
|
},
|
|
methods: {
|
|
xuanZheChangKu(item) {
|
|
//获取仓库名称和ID
|
|
this.changku = item.name;
|
|
this.ckid = item.id;
|
|
this.getlistCheckList();
|
|
//弹出侧边栏
|
|
this.wuzhiCheBian = false;
|
|
//清空搜索
|
|
this.keyword = '';
|
|
},
|
|
offPop() {
|
|
//弹出侧边栏
|
|
this.wuzhiCheBian = false;
|
|
//清空搜索
|
|
this.keyword = '';
|
|
},
|
|
getChangKu() {
|
|
//发场库请求
|
|
listWarehouse().then(res => {
|
|
this.titlelist = res.rows;
|
|
});
|
|
},
|
|
//弹出侧边栏
|
|
popCheBian() {
|
|
//弹出侧边栏
|
|
this.wuzhiCheBian = true;
|
|
},
|
|
getlistCheckList() {
|
|
//盘库结束
|
|
listCheckDetails({ houseId: this.ckid, isOver: '1' }).then(res => {
|
|
this.panDianMxList = res.rows;
|
|
});
|
|
},
|
|
getCheckListData(id) {
|
|
getCheckListAndCheckListDel(id).then(res => {
|
|
this.panDianMxDetail = res.data;
|
|
});
|
|
},
|
|
|
|
openDetail(item) {
|
|
this.Detailshow = true;
|
|
this.getCheckListData(item.checkId);
|
|
},
|
|
|
|
closeDetail() {
|
|
this.Detailshow = false;
|
|
},
|
|
openDetailDialog() {},
|
|
toPage() {
|
|
this.$tab.navigateTo(`/pages/indexpage/YJgoods/ckMingXi/ckdan?inOutDbId=${this.panDianMxDetail.inOutDbId}`);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.textInfo {
|
|
padding: 20rpx;
|
|
border-bottom: #dceaf1 1px solid;
|
|
width: 90vw;
|
|
}
|
|
|
|
.ruKuInfo {
|
|
background-color: #dceaf1;
|
|
border-top-left-radius: 20rpx;
|
|
border-top-right-radius: 20rpx;
|
|
height: 200rpx;
|
|
width: 100vw;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
|
|
.process {
|
|
display: flex;
|
|
margin: 20rpx 0;
|
|
}
|
|
}
|
|
|
|
.paiban {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.paibanBox {
|
|
width: 100vw;
|
|
// height: 900rpx;
|
|
background-color: #fff;
|
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 37, 105, 0.1);
|
|
}
|
|
</style>
|