838 lines
27 KiB
Vue
838 lines
27 KiB
Vue
|
<template>
|
|||
|
|
<view
|
|||
|
|
:class="[
|
|||
|
|
first_supplierId != '' ? 'scanContainer0' : 'scanContainer1',
|
|||
|
|
qrCodeProps.allot ? 'scan_allot' : '',
|
|||
|
|
]"
|
|||
|
|
>
|
|||
|
|
<view class="header">
|
|||
|
|
<span>{{ qrCodeProps.title }}</span>
|
|||
|
|
<uni-icons
|
|||
|
|
type="scan"
|
|||
|
|
color="#333"
|
|||
|
|
size="26"
|
|||
|
|
style="display: block"
|
|||
|
|
></uni-icons>
|
|||
|
|
<!-- @click="toScanAdd" -->
|
|||
|
|
</view>
|
|||
|
|
<view class="table_container">
|
|||
|
|
<t-table border="0">
|
|||
|
|
<t-tr font-size="14" class="tr-head">
|
|||
|
|
<t-th v-if="qrCodeProps.inventory">仓位</t-th>
|
|||
|
|
<t-th>物料代码</t-th>
|
|||
|
|
<t-th>物料名称</t-th>
|
|||
|
|
<t-th>规格型号</t-th>
|
|||
|
|
<t-th>辅助单位</t-th>
|
|||
|
|
<t-th>数量</t-th>
|
|||
|
|
<t-th>批号</t-th>
|
|||
|
|
<!-- <t-th>{{ qrCodeProps.countType }}</t-th> -->
|
|||
|
|
</t-tr>
|
|||
|
|
<view class="tr-body">
|
|||
|
|
<t-tr
|
|||
|
|
font-size="14"
|
|||
|
|
v-for="(item, index) in tableList"
|
|||
|
|
:key="index"
|
|||
|
|
:class="[
|
|||
|
|
item.detail ? 'show_detail' : '',
|
|||
|
|
qrCodeProps.inventory && item.detail ? 'show_detail2' : '',
|
|||
|
|
]"
|
|||
|
|
>
|
|||
|
|
<view class="tr_view" @click="chooseTr(index)">
|
|||
|
|
<t-td v-if="qrCodeProps.inventory">{{
|
|||
|
|
item.facilityLocationName
|
|||
|
|
}}</t-td>
|
|||
|
|
<t-td>{{ item.serialNo }}</t-td>
|
|||
|
|
<t-td>{{ item.name }}</t-td>
|
|||
|
|
<t-td>{{ item.specification }}</t-td>
|
|||
|
|
<t-td>{{ item.supportUomName }}</t-td>
|
|||
|
|
<t-td>{{ item.countSupport }}</t-td>
|
|||
|
|
<t-td>{{ item.batch }}</t-td>
|
|||
|
|
<!-- <t-td>{{ item.count }}</t-td> -->
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.detail" class="detailContainer">
|
|||
|
|
<view class="item_detail" v-if="qrCodeProps.inventory">
|
|||
|
|
<span class="detail_name">仓位</span>
|
|||
|
|
<span class="detail_value">{{
|
|||
|
|
item.facilityLocationName
|
|||
|
|
}}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name">物料代码</span>
|
|||
|
|
<span class="detail_value">{{ item.serialNo }}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name">物料名称</span>
|
|||
|
|
<span class="detail_value">{{ item.name }}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name">规格型号</span>
|
|||
|
|
<span class="detail_value">{{ item.specification }}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name">主计量单位</span>
|
|||
|
|
<span class="detail_value">{{ item.unitUomName }}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name detail_name_required"
|
|||
|
|
>{{ qrCodeProps.countType }}(主单位)</span
|
|||
|
|
>
|
|||
|
|
<span class="detail_value">{{ item.count }}</span>
|
|||
|
|
<!-- <span class="detail_value"><input :class="[qrCodeProps.countEdit?'detail_value_input detail_value_input_disabled':'detail_value_input']" type="number" v-model="item.count" :disabled="qrCodeProps.countEdit"/></span> -->
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name">辅助单位</span>
|
|||
|
|
<span class="detail_value">{{ item.supportUomName }}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name">换算系数</span>
|
|||
|
|
<span class="detail_value">{{ item.convCoefficient }}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name">批号</span>
|
|||
|
|
<span class="detail_value">{{ item.batch }}</span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail">
|
|||
|
|
<span class="detail_name detail_name_required"
|
|||
|
|
>{{ qrCodeProps.countType }}(辅助单位)</span
|
|||
|
|
>
|
|||
|
|
<!-- <span class="detail_value"><input :class="[qrCodeProps.countEdit?'detail_value_input detail_value_input_disabled':'detail_value_input']" type="number" v-model="item.count_input" :disabled="qrCodeProps.countEdit"/></span> -->
|
|||
|
|
<span class="detail_value"
|
|||
|
|
><input
|
|||
|
|
class="detail_value_input"
|
|||
|
|
@input="changeCount(index)"
|
|||
|
|
type="number"
|
|||
|
|
v-model="item.count_input"
|
|||
|
|
/></span>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_detail_btn_container">
|
|||
|
|
<view class="item_detail_btn" @click="sureDetail(index)"
|
|||
|
|
>确定</view
|
|||
|
|
>
|
|||
|
|
<view class="item_detail_btn" @click="deleteDetail(index)"
|
|||
|
|
>删除</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</t-tr>
|
|||
|
|
</view>
|
|||
|
|
</t-table>
|
|||
|
|
</view>
|
|||
|
|
<view class="bottom_btn"
|
|||
|
|
><view class="btn" @click="toSubmit">提交</view></view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// import jweixin from "../../jweixin-module/index.js";
|
|||
|
|
import uniIcons from "@/components/uni-icons/uni-icons.vue";
|
|||
|
|
import tTable from "@/components/wms/t-table/t-table.vue";
|
|||
|
|
import tTh from "@/components/wms/t-table/t-th.vue";
|
|||
|
|
import tTr from "@/components/wms/t-table/t-tr.vue";
|
|||
|
|
import tTd from "@/components/wms/t-table/t-td.vue";
|
|||
|
|
export default {
|
|||
|
|
name: "xinsoft-scan",
|
|||
|
|
components: {
|
|||
|
|
uniIcons,
|
|||
|
|
tTable,
|
|||
|
|
tTh,
|
|||
|
|
tTr,
|
|||
|
|
tTd,
|
|||
|
|
},
|
|||
|
|
props: {
|
|||
|
|
isSameWarehouse: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true,
|
|||
|
|
},
|
|||
|
|
// title 扫码入库明细/扫码出库明细 。countType 入库数量/出库数量。 qrCodeDetailUrl：获取二维码信息的接口。入库和出库的不一样。countEdit 入库/出库数量是否可以修改true false
|
|||
|
|
qrCodeProps: {
|
|||
|
|
type: Object,
|
|||
|
|
|
|||
|
|
// title:'扫码出库明细',
|
|||
|
|
// countType:'出库数量',
|
|||
|
|
// qrCodeDetailUrl:'/apis/scm/qrcode/outDetail',
|
|||
|
|
// countEdit:false,//入库/出库数量是否有disabled. true数量不可修改,false数量可修改
|
|||
|
|
// id:'',//源单id
|
|||
|
|
// facilityId:'',//仓库
|
|||
|
|
// facilityLocationId:'',
|
|||
|
|
// facilityIdRequired:true,//扫码之前是否要验证仓库必填
|
|||
|
|
// facilityLocationIdRequired:false,//扫码之前是否要验证仓位必填
|
|||
|
|
// clear:true,//清空扫码列表
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
first_supplierId: "",
|
|||
|
|
first_supplierName: "",
|
|||
|
|
tableList: [
|
|||
|
|
// {
|
|||
|
|
// serialNo: 'aa12345',
|
|||
|
|
// name: 'aa物料1物料1物料1物料1aa物料1物料1物料1物料1aa物料1物料1物料1物料1',
|
|||
|
|
// specification: 'aabcd',
|
|||
|
|
// unitUomName: 'a个',
|
|||
|
|
// batch: 'a12',
|
|||
|
|
// count: '500',
|
|||
|
|
// availableCount: 500,
|
|||
|
|
// detail: true
|
|||
|
|
// },
|
|||
|
|
// { serialNo: 'b12345', name: 'b物料1物料1物料1物料1', specification: 'babcd', unitUomName: 'b个', batch: 'b12', availableCount: 500, count: '500' },
|
|||
|
|
// { serialNo: 'b12345', name: 'b物料1物料1物料1物料1', specification: 'babcd', unitUomName: 'b个', batch: 'b12', availableCount: 500, count: '500' }
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
// this.initiateWX();
|
|||
|
|
if (this.qrCodeProps.inType == 0 || this.qrCodeProps.inType == 2) {
|
|||
|
|
//采购入库，委外入库,有供应商
|
|||
|
|
this.first_supplierId = this.qrCodeProps.supplierId;
|
|||
|
|
this.first_supplierName = this.qrCodeProps.supplierName;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.first_supplierId = this.qrCodeProps.supplierId
|
|||
|
|
? this.qrCodeProps.supplierId
|
|||
|
|
: "";
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
changeCount(index) {
|
|||
|
|
this.$set(
|
|||
|
|
this.tableList[index],
|
|||
|
|
"count",
|
|||
|
|
this.tableList[index].count_input *
|
|||
|
|
this.tableList[index].convCoefficient
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//获取微信相关
|
|||
|
|
initiateWX() {
|
|||
|
|
this.$http
|
|||
|
|
.request({
|
|||
|
|
url: "/apis/weChat/getSignature",
|
|||
|
|
params: {
|
|||
|
|
// url:"http://gyhl.wxxinsoft.org:18093/gyhl-app/"
|
|||
|
|
url: window.location.href.split("#")[0],
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
.then((res) => {
|
|||
|
|
if (res.data.code == 0) {
|
|||
|
|
var s = res.data;
|
|||
|
|
jweixin.config({
|
|||
|
|
beta: true,
|
|||
|
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
|||
|
|
appId: s.corpId, // 必填，公众号的唯一标识
|
|||
|
|
timestamp: s.timestamp, // 必填，生成签名的时间戳
|
|||
|
|
nonceStr: s.nonceStr, // 必填，生成签名的随机串
|
|||
|
|
signature: s.signature.toLowerCase(), // 必填，签名，见附录1
|
|||
|
|
jsApiList: [
|
|||
|
|
"onMenuShareTimeline",
|
|||
|
|
"onMenuShareAppMessage",
|
|||
|
|
"onMenuShareQQ",
|
|||
|
|
"onMenuShareWeibo",
|
|||
|
|
"onMenuShareQZone",
|
|||
|
|
"scanQRCode",
|
|||
|
|
],
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res.msg ? res.msg : "获取微信配置失败",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: err,
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//扫码添加
|
|||
|
|
toScanAdd() {
|
|||
|
|
let _this = this;
|
|||
|
|
//扫码前仓库先选择
|
|||
|
|
if (
|
|||
|
|
this.qrCodeProps.facilityId == "" &&
|
|||
|
|
this.qrCodeProps.facilityIdRequired
|
|||
|
|
) {
|
|||
|
|
let text = this.qrCodeProps.allot ? "请先选择调出仓库" : "请先选择仓库";
|
|||
|
|
uni.showToast({
|
|||
|
|
title: text,
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
//扫码前仓位先选择
|
|||
|
|
if (
|
|||
|
|
this.qrCodeProps.facilityLocationId == "" &&
|
|||
|
|
this.qrCodeProps.facilityLocationIdRequired
|
|||
|
|
) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "请先选择仓位",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
// this.getQrCodeInfo(358)////////采购退货 要先采购入库
|
|||
|
|
// this.getQrCodeInfo(362)////////销售退货
|
|||
|
|
// this.getQrCodeInfo(344)////////生产退料
|
|||
|
|
// this.getQrCodeInfo(373)////////委外退料
|
|||
|
|
// _this.getQrCodeInfo(197)
|
|||
|
|
jweixin.scanQRCode({
|
|||
|
|
desc: "scanQRCode desc",
|
|||
|
|
needResult: 1, // 默认为0，扫描结果由企业微信处理，1则直接返回扫描结果，
|
|||
|
|
scanType: ["qrCode"], // 可以指定扫二维码还是条形码（一维码），默认二者都有"qrCode", "barCode"
|
|||
|
|
success: function (res) {
|
|||
|
|
if (res.errMsg != "scanQRCode:ok") {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "扫描结果:" + res.resultStr,
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
//扫码正确
|
|||
|
|
let resultStr = res.resultStr;
|
|||
|
|
try {
|
|||
|
|
resultStr = JSON.parse(resultStr);
|
|||
|
|
if (resultStr.id) {
|
|||
|
|
_this.getQrCodeInfo(resultStr.id);
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "二维码错误，请扫描正确的二维码",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "二维码错误，请扫描正确的二维码",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 回调
|
|||
|
|
},
|
|||
|
|
fail: function (res) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "error:" + res.errMsg,
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
if (res.errMsg.indexOf("function_not_exist") > 0) {
|
|||
|
|
alert("版本过低请升级");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//调用接口获取二维码信息
|
|||
|
|
getQrCodeInfo(id) {
|
|||
|
|
// id = 197
|
|||
|
|
let _this = this;
|
|||
|
|
let flag = true;
|
|||
|
|
_this.tableList.forEach((p) => {
|
|||
|
|
if (p.qrcodeId == id) {
|
|||
|
|
flag = false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (!flag) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "不可重复扫码添加",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.$http
|
|||
|
|
.request({
|
|||
|
|
url: _this.qrCodeProps.qrCodeDetailUrl,
|
|||
|
|
params: {
|
|||
|
|
qrCodeId: id,
|
|||
|
|
supplierId: this.qrCodeProps.supplierId
|
|||
|
|
? this.qrCodeProps.supplierId
|
|||
|
|
: "",
|
|||
|
|
inType:
|
|||
|
|
this.qrCodeProps.inType != undefined
|
|||
|
|
? this.qrCodeProps.inType
|
|||
|
|
: "",
|
|||
|
|
isMultiple:
|
|||
|
|
this.qrCodeProps.isMultiple != undefined
|
|||
|
|
? this.qrCodeProps.isMultiple
|
|||
|
|
: "",
|
|||
|
|
contractNo:
|
|||
|
|
this.qrCodeProps.contractNo != undefined
|
|||
|
|
? this.qrCodeProps.contractNo
|
|||
|
|
: "",
|
|||
|
|
sourceCode:
|
|||
|
|
this.qrCodeProps.sourceCode != undefined
|
|||
|
|
? this.qrCodeProps.sourceCode
|
|||
|
|
: "",
|
|||
|
|
inOut:
|
|||
|
|
this.qrCodeProps.inOut != undefined ? this.qrCodeProps.inOut : "",
|
|||
|
|
},
|
|||
|
|
method: "GET",
|
|||
|
|
})
|
|||
|
|
.then((res) => {
|
|||
|
|
if (res.data.code == 0) {
|
|||
|
|
if (this.qrCodeProps.inType == 0 || this.qrCodeProps.inType == 2) {
|
|||
|
|
//采购入库，委外入库
|
|||
|
|
if (this.first_supplierId == "" || !this.first_supplierId) {
|
|||
|
|
//第一次扫码
|
|||
|
|
this.first_supplierId = res.data.qrCodeInfo.supplierId;
|
|||
|
|
this.first_supplierName = res.data.qrCodeInfo.supplierName;
|
|||
|
|
this.qrCodeProps.supplierId = res.data.qrCodeInfo.supplierId;
|
|||
|
|
this.qrCodeProps.supplierName =
|
|||
|
|
res.data.qrCodeInfo.supplierName;
|
|||
|
|
if (!this.qrCodeProps.contractNo) {
|
|||
|
|
this.qrCodeProps.contractNo = res.data.qrCodeInfo.contractNo;
|
|||
|
|
this.qrCodeProps.id = res.data.qrCodeInfo.sourceId;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (this.first_supplierId != res.data.qrCodeInfo.supplierId) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "同一张入库单据中只能选择同一个供应商的物料！",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//验证头部仓库必须先选的时候，扫码的仓库和选择的仓库一样
|
|||
|
|
if (
|
|||
|
|
this.isSameWarehouse &&
|
|||
|
|
this.qrCodeProps.facilityIdRequired &&
|
|||
|
|
res.data.qrCodeInfo.facilityId != this.qrCodeProps.facilityId
|
|||
|
|
) {
|
|||
|
|
//验证仓库一样
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "仓库不一样，无法添加",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
//验证头部仓位必须先选的时候，扫码的仓位和选择的仓库一样
|
|||
|
|
if (
|
|||
|
|
this.isSameWarehouse &&
|
|||
|
|
this.qrCodeProps.facilityLocationIdRequired &&
|
|||
|
|
res.data.qrCodeInfo.facilityLocationId !=
|
|||
|
|
this.qrCodeProps.facilityLocationId
|
|||
|
|
) {
|
|||
|
|
//验证仓库一样
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "仓位不一样，无法添加",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
let flag_add = true;
|
|||
|
|
//盘点需要多一步验证
|
|||
|
|
if (this.qrCodeProps.inventory) {
|
|||
|
|
let obj1 = {
|
|||
|
|
materielId: res.data.qrCodeInfo.materielId,
|
|||
|
|
warehouse: res.data.qrCodeInfo.facilityId,
|
|||
|
|
warehLocation: res.data.qrCodeInfo.facilityLocationId,
|
|||
|
|
};
|
|||
|
|
if (res.data.qrCodeInfo.batch) {
|
|||
|
|
obj1.batch = res.data.qrCodeInfo.batch;
|
|||
|
|
}
|
|||
|
|
let qrMsg = [];
|
|||
|
|
qrMsg.push(obj1);
|
|||
|
|
this.$http
|
|||
|
|
.request({
|
|||
|
|
url: "/apis/scm/inventoryPlan/wetherCheckByQrId",
|
|||
|
|
params: {
|
|||
|
|
planId: this.qrCodeProps.inventoryId,
|
|||
|
|
qrId: id,
|
|||
|
|
qrMsg: encodeURIComponent(JSON.stringify(qrMsg)),
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
.then((res2) => {
|
|||
|
|
if (res2.data.code == 0) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res2.data.msg ? res2.data.msg : "此物料可以盘点",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
let obj = {
|
|||
|
|
qrcodeId: id,
|
|||
|
|
materielId: res.data.qrCodeInfo.materielId,
|
|||
|
|
serialNo: res.data.qrCodeInfo.materielNo,
|
|||
|
|
name: res.data.qrCodeInfo.materielName,
|
|||
|
|
specification: res.data.qrCodeInfo.specification,
|
|||
|
|
unitUomName: res.data.qrCodeInfo.uomName,
|
|||
|
|
count: res.data.qrCodeInfo.remainCount, //列表显示的数量
|
|||
|
|
count_input: res.data.qrCodeInfo.remainCount, //输入框里的数量
|
|||
|
|
availableCount: res.data.qrCodeInfo.remainCount, //库存数量
|
|||
|
|
detail: true,
|
|||
|
|
unitPrice: res.data.qrCodeInfo.unitPrice
|
|||
|
|
? res.data.qrCodeInfo.unitPrice
|
|||
|
|
: 0,
|
|||
|
|
amount: res.data.qrCodeInfo.amount
|
|||
|
|
? res.data.qrCodeInfo.amount
|
|||
|
|
: 0,
|
|||
|
|
};
|
|||
|
|
if (res.data.qrCodeInfo.batch) {
|
|||
|
|
obj.batch = res.data.qrCodeInfo.batch;
|
|||
|
|
}
|
|||
|
|
if (res.data.qrCodeInfo.stockId) {
|
|||
|
|
obj.stockId = res.data.qrCodeInfo.stockId;
|
|||
|
|
}
|
|||
|
|
if (res.data.qrCodeInfo.facilityId) {
|
|||
|
|
obj.facilityId = res.data.qrCodeInfo.facilityId;
|
|||
|
|
}
|
|||
|
|
if (res.data.qrCodeInfo.facilityLocationId) {
|
|||
|
|
obj.facilityLocationId =
|
|||
|
|
res.data.qrCodeInfo.facilityLocationId;
|
|||
|
|
}
|
|||
|
|
//盘点需要显示仓位
|
|||
|
|
if (res.data.qrCodeInfo.facilityLocationName) {
|
|||
|
|
obj.facilityLocationName =
|
|||
|
|
res.data.qrCodeInfo.facilityLocationName;
|
|||
|
|
}
|
|||
|
|
_this.tableList.forEach((p) => {
|
|||
|
|
if (p.detail) {
|
|||
|
|
delete p.detail;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
_this.tableList.unshift(obj);
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res2.data.msg ? res2.data.msg : "盘点失败",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
this.loading_status = "noMore";
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
let obj = {
|
|||
|
|
qrcodeId: id,
|
|||
|
|
materielId: res.data.qrCodeInfo.materielId,
|
|||
|
|
serialNo: res.data.qrCodeInfo.materielNo,
|
|||
|
|
name: res.data.qrCodeInfo.materielName,
|
|||
|
|
specification: res.data.qrCodeInfo.specification,
|
|||
|
|
unitUomName: res.data.qrCodeInfo.uomName,
|
|||
|
|
// count: this.count_input * res.data.qrCodeInfo.convCoefficient, //列表显示的数量
|
|||
|
|
count_input: res.data.qrCodeInfo.countSupport, //输入框里的数量
|
|||
|
|
availableCount: res.data.qrCodeInfo.remainCount, //库存数量
|
|||
|
|
detail: true,
|
|||
|
|
unitPrice: res.data.qrCodeInfo.unitPrice
|
|||
|
|
? res.data.qrCodeInfo.unitPrice
|
|||
|
|
: 0,
|
|||
|
|
amount: res.data.qrCodeInfo.amount
|
|||
|
|
? res.data.qrCodeInfo.amount
|
|||
|
|
: 0,
|
|||
|
|
supportUomName: res.data.qrCodeInfo.supportUomName,
|
|||
|
|
supportUom: res.data.qrCodeInfo.supportUom,
|
|||
|
|
countSupport: res.data.qrCodeInfo.countSupport,
|
|||
|
|
convCoefficient: res.data.qrCodeInfo.convCoefficient,
|
|||
|
|
};
|
|||
|
|
obj.count = obj.convCoefficient * obj.count_input;
|
|||
|
|
console.log(obj);
|
|||
|
|
if (res.data.qrCodeInfo.batch) {
|
|||
|
|
obj.batch = res.data.qrCodeInfo.batch;
|
|||
|
|
}
|
|||
|
|
// if(this.qrCodeProps.count=='inOutCount'){
|
|||
|
|
// obj.count=parseFloat(res.data.inOutCount)
|
|||
|
|
// obj.count_input=parseFloat(res.data.inOutCount)
|
|||
|
|
// obj.availableCount=parseFloat(res.data.inOutCount)
|
|||
|
|
// }
|
|||
|
|
if (res.data.qrCodeInfo.stockId) {
|
|||
|
|
obj.stockId = res.data.qrCodeInfo.stockId;
|
|||
|
|
}
|
|||
|
|
if (res.data.qrCodeInfo.facilityId) {
|
|||
|
|
obj.facilityId = res.data.qrCodeInfo.facilityId;
|
|||
|
|
}
|
|||
|
|
if (res.data.qrCodeInfo.facilityLocationId) {
|
|||
|
|
obj.facilityLocationId = res.data.qrCodeInfo.facilityLocationId;
|
|||
|
|
}
|
|||
|
|
_this.tableList.forEach((p) => {
|
|||
|
|
if (p.detail) {
|
|||
|
|
delete p.detail;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
_this.tableList.unshift(obj);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res.data.msg ? res.data.msg : "获取二维码信息失败",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: err,
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//点击某一行
|
|||
|
|
chooseTr(index) {
|
|||
|
|
let flag = this.tableList[index].detail ? true : false;
|
|||
|
|
this.tableList.forEach((p) => {
|
|||
|
|
if (p.detail) {
|
|||
|
|
delete p.detail;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.$set(this.tableList[index], "detail", !flag);
|
|||
|
|
this.$set(
|
|||
|
|
this.tableList[index],
|
|||
|
|
"count_input",
|
|||
|
|
this.tableList[index].count_input
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
//确定
|
|||
|
|
sureDetail(index) {
|
|||
|
|
if (
|
|||
|
|
this.tableList[index].count_input > this.tableList[index].availableCount
|
|||
|
|
) {
|
|||
|
|
//输入的数量大于总数量
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "数量不能大于库存数量",
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 2000,
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
this.$set(this.tableList[index], "detail", false);
|
|||
|
|
this.$set(
|
|||
|
|
this.tableList[index],
|
|||
|
|
"count",
|
|||
|
|
this.tableList[index].count_input
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//删除
|
|||
|
|
deleteDetail(index) {
|
|||
|
|
let _this = this;
|
|||
|
|
uni.showModal({
|
|||
|
|
title: "",
|
|||
|
|
content: "确定删除吗?",
|
|||
|
|
success: function (res) {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
_this.tableList.splice(index, 1);
|
|||
|
|
} else if (res.cancel) {
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//点击提交按钮
|
|||
|
|
toSubmit() {
|
|||
|
|
this.$emit("submitData", this.tableList);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
"qrCodeProps.clear": {
|
|||
|
|
handler(newName, oldName) {
|
|||
|
|
if (newName) {
|
|||
|
|
this.tableList = [];
|
|||
|
|
this.$forceUpdate();
|
|||
|
|
let qrCodeProps_ = this.qrCodeProps;
|
|||
|
|
qrCodeProps_.clear = false;
|
|||
|
|
this.$emit("update:qrCodeProps", qrCodeProps_);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.scanContainer0 {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 132px;
|
|||
|
|
bottom: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.scanContainer1 {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 92px;
|
|||
|
|
bottom: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.scan_allot {
|
|||
|
|
top: 184px;
|
|||
|
|
}
|
|||
|
|
.header {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 40px;
|
|||
|
|
color: #333;
|
|||
|
|
border-bottom: 1px solid #e6e6e6;
|
|||
|
|
}
|
|||
|
|
.header span {
|
|||
|
|
line-height: 40px;
|
|||
|
|
font-size: 15px;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
.header .uni-icon {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
top: 0px;
|
|||
|
|
padding: 7px;
|
|||
|
|
}
|
|||
|
|
.table_container {
|
|||
|
|
position: relative;
|
|||
|
|
width: calc(100% - 10px);
|
|||
|
|
margin: auto;
|
|||
|
|
height: calc(100% - 91px);
|
|||
|
|
font-size: 13px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.t-table {
|
|||
|
|
position: relative;
|
|||
|
|
height: 100%;
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.tr-body {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
top: 38px;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.t-table .t-tr {
|
|||
|
|
position: relative;
|
|||
|
|
border-bottom: 1px solid #efefef;
|
|||
|
|
}
|
|||
|
|
.tr_view {
|
|||
|
|
/* position: relative;
|
|||
|
|
display: block;
|
|||
|
|
width: 100%; */
|
|||
|
|
|
|||
|
|
position: relative;
|
|||
|
|
overflow: auto;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.tr-head {
|
|||
|
|
position: relative;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.tr-head .t-th {
|
|||
|
|
display: inline-block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
}
|
|||
|
|
.t-td {
|
|||
|
|
position: relative;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
float: left;
|
|||
|
|
width: calc((100% / 6));
|
|||
|
|
}
|
|||
|
|
.show_detail2 .t-td {
|
|||
|
|
width: calc((100% / 7));
|
|||
|
|
}
|
|||
|
|
.td_input {
|
|||
|
|
background-color: #fff;
|
|||
|
|
width: 80%;
|
|||
|
|
height: 100%;
|
|||
|
|
font-size: 15px;
|
|||
|
|
}
|
|||
|
|
.bottom_btn {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 50px;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-around;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.btn {
|
|||
|
|
position: relative;
|
|||
|
|
width: 95%;
|
|||
|
|
height: 40px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
background-color: #007aff;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 18px;
|
|||
|
|
letter-spacing: 5px;
|
|||
|
|
}
|
|||
|
|
.show_detail {
|
|||
|
|
height: 290px;
|
|||
|
|
}
|
|||
|
|
.show_detail2 {
|
|||
|
|
height: 240px;
|
|||
|
|
}
|
|||
|
|
.detailContainer {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
left: 0;
|
|||
|
|
top: 33px;
|
|||
|
|
}
|
|||
|
|
.item_detail {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 5px;
|
|||
|
|
height: 24px;
|
|||
|
|
line-height: 24px;
|
|||
|
|
color: #555c60;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
.item_detail_btn_container {
|
|||
|
|
position: relative;
|
|||
|
|
height: 40px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
.item_detail_btn {
|
|||
|
|
position: relative;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 28px;
|
|||
|
|
width: 80px;
|
|||
|
|
height: 28px;
|
|||
|
|
background-color: #007aff;
|
|||
|
|
color: #fff;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
}
|
|||
|
|
.detail_name {
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 140px;
|
|||
|
|
}
|
|||
|
|
.detail_name_required:after {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 10px;
|
|||
|
|
line-height: 24px;
|
|||
|
|
content: "*";
|
|||
|
|
color: red;
|
|||
|
|
}
|
|||
|
|
.detail_value {
|
|||
|
|
position: absolute;
|
|||
|
|
padding-left: 5px;
|
|||
|
|
left: 145px;
|
|||
|
|
right: 5px;
|
|||
|
|
height: 100%;
|
|||
|
|
top: 0;
|
|||
|
|
display: inline-block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
}
|
|||
|
|
.detail_value_input {
|
|||
|
|
width: 100px;
|
|||
|
|
padding-left: 5px;
|
|||
|
|
height: 16px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
border: 1px solid #b2b2b2;
|
|||
|
|
}
|
|||
|
|
.detail_value_input_disabled {
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
</style>
|