62 changed files with 1555 additions and 1087 deletions
@ -1,113 +0,0 @@ |
|||||
<template> |
|
||||
<uni-popup ref="popup" :maskClick='false'> |
|
||||
<view class="popup_box"> |
|
||||
<view class="pop_title uni-flex space-between"> |
|
||||
<view class="" style="font-size: 35rpx;"> |
|
||||
扫描生产线 |
|
||||
</view> |
|
||||
<view> |
|
||||
<image class=" icons_scan_close" src="/static/icons/icons_scan_close.svg" @click="closeScanPopup()"> |
|
||||
</image> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class=""> |
|
||||
<view class=""> |
|
||||
<win-com-scan ref="scan" @getResultult="getScanResult" placeholder='生产线' :clearResult="false" |
|
||||
:boxFocus="true" :isShowHistory="false"> |
|
||||
</win-com-scan> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</uni-popup> |
|
||||
<comMessage ref="comMessage"></comMessage> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
getProductionlineByCode, |
|
||||
} from '@/api/request.js'; |
|
||||
import { |
|
||||
getListLocationTypeDesc, |
|
||||
checkDirectoryItemExist |
|
||||
} from '@/common/directory.js'; |
|
||||
import winComScan from '@/mycomponents/scan/winComScan.vue' |
|
||||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|
||||
export default { |
|
||||
components: { |
|
||||
winComScan, |
|
||||
comMessage |
|
||||
}, |
|
||||
emits: ["getProdLine"], |
|
||||
props: {}, |
|
||||
data() { |
|
||||
return { |
|
||||
code: '', |
|
||||
prodLine: {} |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
created() { |
|
||||
|
|
||||
}, |
|
||||
methods: { |
|
||||
openScanPopup() { |
|
||||
this.$refs.popup.open('bottom') |
|
||||
}, |
|
||||
closeScanPopup() { |
|
||||
this.$refs.popup.close() |
|
||||
}, |
|
||||
scanClick() { |
|
||||
this.$refs.scan.clickScanMsg(); |
|
||||
}, |
|
||||
cancelClick() { |
|
||||
this.$refs.scan.clearScanValue(); |
|
||||
}, |
|
||||
getScanResult(result) { |
|
||||
uni.showLoading({ |
|
||||
title: '扫描中...', |
|
||||
mask: true |
|
||||
}); |
|
||||
let label = result.label; |
|
||||
if (label.barType === 'QRCode') { |
|
||||
this.code = label.ProdLineCode; |
|
||||
} else if (label.barType === 'BarCode') { |
|
||||
this.code = label.Code; |
|
||||
} |
|
||||
getProductionlineByCode(this.code).then(res => { |
|
||||
if (res.data.total > 0) { |
|
||||
this.prodLine = res.data.list[0]; |
|
||||
this.callBack(); |
|
||||
} else { |
|
||||
this.showErrorMessage('未查询到生产线[' + this.code + ']') |
|
||||
} |
|
||||
uni.hideLoading(); |
|
||||
}).catch(error => { |
|
||||
uni.hideLoading(); |
|
||||
this.showErrorMessage(error) |
|
||||
}) |
|
||||
}, |
|
||||
callBack() { |
|
||||
this.closeScanPopup(); |
|
||||
this.$emit("getProdLine", this.prodLine, this.code); |
|
||||
}, |
|
||||
getfocus() { |
|
||||
this.$refs.scan.getfocus(); |
|
||||
}, |
|
||||
losefocus() { |
|
||||
this.$refs.scan.losefocus(); |
|
||||
}, |
|
||||
showErrorMessage(message) { |
|
||||
setTimeout(r => { |
|
||||
this.losefocus(); |
|
||||
this.$refs.comMessage.showErrorMessage(message, res => { |
|
||||
this.code = ''; |
|
||||
this.getfocus(); |
|
||||
}) |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style> |
|
||||
</style> |
|
@ -0,0 +1,51 @@ |
|||||
|
<template> |
||||
|
<view class="header_job_top"> |
||||
|
<view class="cen_card"> |
||||
|
<view class="cell_box uni-flex uni-row"> |
||||
|
<view class="cell_info"> |
||||
|
<view class="text_lightblue">车间</view> |
||||
|
<view>{{workshopCode}}</view> |
||||
|
</view> |
||||
|
<view class="cell_info"> |
||||
|
<view class="text_lightblue">生产线</view> |
||||
|
<view>{{productionLineCode}}</view> |
||||
|
</view> |
||||
|
<view class="cell_info"> |
||||
|
<view class="text_lightblue">工位</view> |
||||
|
<view>{{ workStationCode }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
watch: {}, |
||||
|
|
||||
|
props: { |
||||
|
workshopCode: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
}, |
||||
|
productionLineCode: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
}, |
||||
|
workStationCode: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
@ -1,29 +1,468 @@ |
|||||
<template> |
<template> |
||||
<view class="page-wraper"> |
<view class="page-wraper"> |
||||
<comReturn businessTypeCode="ReturnToHold" > </comReturn> |
<view class=""> |
||||
|
<com-blank-view @goScan='openScanPopup(true)' v-if="detailSource.length==0"></com-blank-view> |
||||
|
</view> |
||||
|
<view class="page-wraper" v-if="detailSource.length>0"> |
||||
|
<view class="page-header"> |
||||
|
<comReturnRecordTitle :workshopCode="workshopCode" :productionLineCode="productionLineCode" |
||||
|
:workStationCode="workStationCode"></comReturnRecordTitle> |
||||
|
</view> |
||||
|
<u-line /> |
||||
|
<view class="page-main"> |
||||
|
<scroll-view scroll-y="true" class="page-main-scroll"> |
||||
|
<view class="detail-list" v-for="(item, index) in detailSource" :key="item.id"> |
||||
|
<view class=""> |
||||
|
<comReturnRecord :dataContent="item" :index="index" @removeItem="removeItem(index,item)" |
||||
|
@updateData="updateData" @removePack="removePack"> |
||||
|
</comReturnRecord> |
||||
|
</view> |
||||
|
<u-line /> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="page-footer"> |
||||
|
<view class="uni-flex u-col-center space-between padding_10" |
||||
|
style="background-color:ghostwhite; width: 100%; "> |
||||
|
<view class=""> |
||||
|
</view> |
||||
|
<view class=" uni-flex uni-row"> |
||||
|
<button class="btn_single_commit" hover-class="btn_commit_after" @click="commit">提交</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<win-scan-button @goScan='openScanPopup(false)'></win-scan-button> |
||||
|
</view> |
||||
|
<winScanPackAndPosition ref="scanPopup" @getResult='getScanResult'></winScanPackAndPosition> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import comReturn from '@/pages/productionReturn/coms/comReturn.vue' |
import { |
||||
|
productionReturnRecordSubmit, |
||||
|
} from '@/api/request2.js'; |
||||
|
|
||||
|
import { |
||||
|
goHome, |
||||
|
getPackingNumberAndBatchByList |
||||
|
} from '@/common/basic.js'; |
||||
|
|
||||
|
import { |
||||
|
getDirectoryItemArray |
||||
|
} from '@/common/directory.js'; |
||||
|
|
||||
|
import { |
||||
|
getBusinessType, |
||||
|
} from '@/common/record.js'; |
||||
|
import { |
||||
|
getPrecisionStrategyList, |
||||
|
getPrecisionStrategyParams |
||||
|
} from '@/common/balance.js'; |
||||
|
|
||||
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
||||
|
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
||||
|
import comReturnRecord from '@/pages/productionReturn/coms/comReturnRecord.vue' |
||||
|
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
||||
|
import comMessage from '@/mycomponents/common/comMessage.vue' |
||||
|
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
||||
|
import winScanPackAndPosition from "@/mycomponents/scan/winScanPackAndPosition.vue" |
||||
|
import comReturnRecordTitle from '@/pages/productionReturn/coms/comReturnRecordTitle.vue' |
||||
|
|
||||
|
|
||||
|
|
||||
export default { |
export default { |
||||
|
name: 'comReturn', |
||||
components: { |
components: { |
||||
comReturn |
winScanButton, |
||||
|
comReturnRecordTitle, |
||||
|
requiredLocation, |
||||
|
comBlankView, |
||||
|
comMessage, |
||||
|
comReturnRecord, |
||||
|
winScanPack, |
||||
|
winScanPackAndPosition |
||||
}, |
}, |
||||
data() { |
|
||||
|
|
||||
|
watch: {}, |
||||
|
|
||||
|
data() { |
||||
return { |
return { |
||||
|
id: '', |
||||
|
dataContent: {}, //任务内容 |
||||
|
subList: [], //接口返回的任务subList |
||||
|
detailSource: [], //绑定在页面上的数据源 |
||||
|
fromLocationCode: '', |
||||
|
fromLocationTypeList: [], |
||||
|
toLocationCode: '', |
||||
|
tolocationTypeList: [], |
||||
|
businessType: {}, |
||||
|
inventoryStatus: '', |
||||
|
managementList: [], |
||||
|
show: false, |
||||
|
positionList: [], |
||||
|
productionLineCode: '', |
||||
|
rawLocationCode: "", |
||||
|
fgLocationCode: "", |
||||
|
workshopCode: "", |
||||
|
workStationCode: "", |
||||
|
workShopName: "", |
||||
|
productionLineName: "", |
||||
|
workStationName: "", |
||||
|
businessTypeCode: "ReturnToHold", |
||||
|
positionInfo: "", |
||||
|
recommendLocationList: [], //推荐库位列表 |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
onLoad() { |
||||
|
getBusinessType(this.businessTypeCode, res => { |
||||
|
if (res.success) { |
||||
|
this.businessType = res.businessType; |
||||
|
this.fromlocationTypeList = res.fromlocationTypeList; |
||||
|
this.tolocationTypeList = res.tolocationTypeList; |
||||
|
this.openScanPopup(true); |
||||
|
} else { |
||||
|
this.showErrorMessage(res.message) |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
mounted() { |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//返回首页 |
||||
|
onNavigationBarButtonTap(e) { |
||||
|
if (e.index === 0) { |
||||
|
goHome(); |
||||
} |
} |
||||
}, |
}, |
||||
|
//拦截返回按钮事件 |
||||
|
onBackPress(e) {}, |
||||
|
|
||||
onLoad(option) { |
onPullDownRefresh() { |
||||
|
uni.stopPullDownRefresh(); |
||||
}, |
}, |
||||
|
|
||||
methods: { |
methods: { |
||||
|
openScanPopup(isEditPosition) { |
||||
|
this.$refs.scanPopup.openScanPopup(isEditPosition); |
||||
|
}, |
||||
|
|
||||
|
getScanResult(result, param) { |
||||
|
this.positionInfo = param.positionInfo; |
||||
|
this.workshopCode = param.workshopCode; |
||||
|
this.productionLineCode = param.productionLineCode; |
||||
|
this.workStationCode = param.workStationCode; |
||||
|
|
||||
|
let label = result.label; |
||||
|
let pack = result.package; |
||||
|
|
||||
|
var item = this.detailSource.find(res => { |
||||
|
if (res.itemCode == label.itemCode) { |
||||
|
return res |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
if (item == undefined) { |
||||
|
var itemp = this.createItemInfo(label, pack); |
||||
|
let newDetail = this.createDetailInfo(label, pack); |
||||
|
newDetail.toLocationCode = "HOLD"; |
||||
|
itemp.subList.push(newDetail); |
||||
|
this.detailSource.push(itemp) |
||||
|
|
||||
|
} else { |
||||
|
var detail = item.subList.find(r => { |
||||
|
if (r.packingNumber == label.packingNumber && |
||||
|
r.batch == label.batch) { |
||||
|
return r; |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
if (detail == undefined) { |
||||
|
let newDetail = this.createDetailInfo(label, pack); |
||||
|
newDetail.toLocationCode = "HOLD"; |
||||
|
item.subList.push(newDetail); |
||||
|
|
||||
|
} else { |
||||
|
if (detail.scaned == true) { |
||||
|
this.showErrorMessage("箱码[" + label.packingNumber + "批次[" + label.batch + "]已经在列表中") |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
this.calcHandleQty(); |
||||
|
}, |
||||
|
createItemInfo(label, pack) { |
||||
|
let item = { |
||||
|
itemCode: label.itemCode, |
||||
|
itemName: pack.itemName, |
||||
|
stdPackQty: pack.stdPackQty, |
||||
|
stdPackUnit: pack.stdPackUnit, |
||||
|
qty: Number(label.qty), |
||||
|
handleQty: 0, |
||||
|
uom: pack.uom, |
||||
|
subList: [] |
||||
|
} |
||||
|
return item; |
||||
|
}, |
||||
|
|
||||
|
createDetailInfo(label, pack) { |
||||
|
let detail = {}; |
||||
|
Object.assign(detail, label) |
||||
|
detail.scaned = true; |
||||
|
detail.qty = Number(label.qty); |
||||
|
detail.inventoryStatus = "HOLD" |
||||
|
detail.stdPackQty = pack.stdPackQty; |
||||
|
detail.stdPackUnit = pack.stdPackUnit; |
||||
|
|
||||
|
detail.package = pack; |
||||
|
detail.label = label; |
||||
|
return detail; |
||||
|
}, |
||||
|
|
||||
|
calcHandleQty() { |
||||
|
for (let item of this.detailSource) { |
||||
|
item.qty = 0; |
||||
|
for (let detail of item.subList) { |
||||
|
if (detail != undefined) { |
||||
|
item.qty += Number(detail.qty) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
this.scanPopupGetFocus(); |
||||
|
this.$forceUpdate(); |
||||
|
}, |
||||
|
removeItem(index, item) { |
||||
|
this.detailSource.splice(index, 1) |
||||
|
}, |
||||
|
|
||||
|
removePack() { |
||||
|
for (var i = 0; i < this.detailSource.length; i++) { |
||||
|
var item = this.detailSource[i]; |
||||
|
if (item.subList.length == 0) { |
||||
|
this.detailSource.splice(i, 1) |
||||
|
} |
||||
|
} |
||||
|
this.updateData(); |
||||
|
}, |
||||
|
|
||||
|
showSelect() { |
||||
|
this.show = !this.show |
||||
|
}, |
||||
|
updateData() { |
||||
|
this.calcHandleQty(); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
removeData(item) { |
||||
|
for (let i = 0; i < this.detailSource.length; i++) { |
||||
|
if (this.detailSource[i].itemCode == item.itemCode) { |
||||
|
this.detailSource.splice(i, 1) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
commit() { |
||||
|
if (this.positionInfo == "请选择位置") { |
||||
|
this.showMessage("请先选择位置") |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
if (this.detailSource.length > 0 && this.detailSource[0].subList.length > 0) { |
||||
|
//查询管理模式 |
||||
|
uni.showLoading({ |
||||
|
title: "提交中....", |
||||
|
mask: true |
||||
|
}); |
||||
|
this.managementList = []; |
||||
|
var precisionStrategParams = getPrecisionStrategyParams(this.detailSource) |
||||
|
|
||||
|
getPrecisionStrategyList(precisionStrategParams, res => { |
||||
|
if (res.success) { |
||||
|
this.managementList = res.list; |
||||
|
var params = this.setParams() |
||||
|
console.log("提交" + JSON.stringify(params)) |
||||
|
productionReturnRecordSubmit(params).then(res => { |
||||
|
uni.hideLoading() |
||||
|
if (res.data) { |
||||
|
this.showCommitSuccessMessage("提交成功<br>生成退料收货记录<br>" + res.data) |
||||
|
} else { |
||||
|
this.showErrorMessage("提交失败[" + res.msg + "]") |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
|
||||
|
} else { |
||||
|
uni.hideLoading(); |
||||
|
this.showErrorMessage(res.message); |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.showErrorMessage("没有要提交的数据,请先扫描") |
||||
|
} |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
setPrecisionStrategParams() { |
||||
|
var itemList = [] |
||||
|
this.detailSource.forEach(item => { |
||||
|
item.subList.forEach(detail => { |
||||
|
if (detail.scaned) { |
||||
|
var filterResult = itemList.filter(res => { |
||||
|
if (res.itemCode == item.itemCode && |
||||
|
detail.toLocationCode == res.locationCode) { |
||||
|
return res |
||||
|
} |
||||
|
}) |
||||
|
//去掉重复元素 |
||||
|
if (filterResult.length == 0) { |
||||
|
var result = { |
||||
|
itemCode: item.itemCode, |
||||
|
locationCode: detail.toLocationCode |
||||
|
} |
||||
|
itemList.push(result) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
return itemList; |
||||
|
}, |
||||
|
|
||||
|
setParams() { |
||||
|
var subList = [] |
||||
|
var creator = this.$store.state.user.id |
||||
|
this.detailSource.forEach(item => { |
||||
|
item.subList.forEach(detail => { |
||||
|
if (detail.scaned) { |
||||
|
var info = getPackingNumberAndBatchByList(this.managementList, detail.itemCode, |
||||
|
detail.packingNumber, detail.toLocationCode, detail.batch); |
||||
|
detail.itemCode = detail.itemCode; |
||||
|
detail.itemName = detail.package.itemName; |
||||
|
detail.itemDesc1 = detail.package.itemDesc1; |
||||
|
detail.itemDesc2 = detail.package.itemDesc2; |
||||
|
|
||||
|
detail.inventoryStatus = detail.inventoryStatus; |
||||
|
|
||||
|
detail.fromPackingNumber = info.packingNumber; |
||||
|
detail.toPackingNumber = info.packingNumber; |
||||
|
|
||||
|
detail.fromContainerNumber = detail.containerNumber; |
||||
|
detail.toContainerNumber = detail.containerNumber |
||||
|
|
||||
|
detail.fromBatch = info.batch; |
||||
|
detail.toBatch = info.batch; |
||||
|
|
||||
|
detail.fromLocationCode = detail.locationCode; |
||||
|
detail.toLocationCode = detail.toLocationCode; |
||||
|
|
||||
|
detail.productionlineCode = this.productionLineCode; |
||||
|
detail.workStationCode = this.workStationCode; |
||||
|
|
||||
|
subList.push(detail) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
this.dataContent.subList = subList; |
||||
|
this.dataContent.creator = creator; |
||||
|
this.dataContent.workshopCode = this.workshopCode; |
||||
|
this.dataContent.businessType = this.businessTypeCode; |
||||
|
return this.dataContent; |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
showMessage(message) { |
||||
|
this.scanPopupLoseFocus(); |
||||
|
this.$refs.comMessage.showMessage(message, res => { |
||||
|
if (res) { |
||||
|
this.afterCloseMessage() |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
showErrorMessage(message) { |
||||
|
this.scanPopupLoseFocus(); |
||||
|
this.$refs.comMessage.showErrorMessage(message, res => { |
||||
|
if (res) { |
||||
|
this.afterCloseMessage() |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
afterCloseMessage() { |
||||
|
this.scanPopupGetFocus(); |
||||
|
}, |
||||
|
|
||||
|
scanPopupGetFocus() { |
||||
|
if (this.$refs.scanPopup != undefined) { |
||||
|
this.$refs.scanPopup.getfocus(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
scanPopupLoseFocus() { |
||||
|
if (this.$refs.scanPopup != undefined) { |
||||
|
this.$refs.scanPopup.losefocus(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
showCommitSuccessMessage(hint) { |
||||
|
this.$refs.comMessage.showSuccessMessage(hint, res => { |
||||
|
this.clearData(); |
||||
|
}) |
||||
|
}, |
||||
|
clearData(){ |
||||
|
this.subList = []; |
||||
|
this.detailSource = []; |
||||
|
this.toLocationCode = ''; |
||||
|
this.dataContent = {}; |
||||
|
this.positionInfo = "请选择位置"; |
||||
|
} |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style> |
<style scoped lang="scss"> |
||||
|
page { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
|
||||
|
.page-wraper { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.page-main { |
||||
|
flex: 1; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.page-main-scroll { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.page-main-list { |
||||
|
/* height: 80rpx; |
||||
|
line-height: 80rpx; */ |
||||
|
text-align: center; |
||||
|
background: #e0e0e0; |
||||
|
|
||||
|
} |
||||
</style> |
</style> |
||||
|
@ -1,434 +1,438 @@ |
|||||
<template> |
<template> |
||||
<view class="page-wraper"> |
<view class="page-wraper"> |
||||
<view class=""> |
<view class=""> |
||||
<com-blank-view @goScan='showFromLocationPopup' v-if="detailSource.length==0"></com-blank-view> |
<com-blank-view @goScan='showFromLocationPopup' v-if="detailSource.length==0"></com-blank-view> |
||||
</view> |
</view> |
||||
<view class="page-wraper" v-if="detailSource.length>0"> |
<view class="page-wraper" v-if="detailSource.length>0"> |
||||
<view class="page-main"> |
<view class="page-main"> |
||||
<scroll-view scroll-y="true" class="page-main-scroll"> |
<scroll-view scroll-y="true" class="page-main-scroll"> |
||||
<view class="detail-list" v-for="(item, index) in detailSource" :key="item.id"> |
<view class="detail-list" v-for="(item, index) in detailSource" :key="item.id"> |
||||
<view class=""> |
<view class=""> |
||||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="dataContent" |
<record-com-detail-card :dataContent="item" :index="index" :settingParam="dataContent" |
||||
@removeItem="removeItem(index,item)" @updateData="updateData" @removePack="removePack"> |
@removeItem="removeItem(index,item)" @updateData="updateData" @removePack="removePack"> |
||||
</record-com-detail-card> |
</record-com-detail-card> |
||||
</view> |
</view> |
||||
<u-line /> |
<u-line /> |
||||
</view> |
</view> |
||||
</scroll-view> |
</scroll-view> |
||||
</view> |
</view> |
||||
|
|
||||
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
||||
:locationTypeList="tolocationTypeList"></requiredLocation> |
:locationTypeList="tolocationTypeList"></requiredLocation> |
||||
|
|
||||
<view class="page-footer"> |
<view class="page-footer"> |
||||
<view class="uni-flex u-col-center space-between padding_10" |
<view class="uni-flex u-col-center space-between padding_10" |
||||
style="background-color:ghostwhite; width: 100%; "> |
style="background-color:ghostwhite; width: 100%; "> |
||||
<view class=""> |
<view class=""> |
||||
</view> |
</view> |
||||
<view class=" uni-flex uni-row"> |
<view class=" uni-flex uni-row"> |
||||
<button class="btn_single_commit" hover-class="btn_commit_after" @click="commit">提交</button> |
<button class="btn_single_commit" hover-class="btn_commit_after" @click="commit">提交</button> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<win-scan-button @goScan='openScanPopup'></win-scan-button> |
<win-scan-button @goScan='openScanPopup'></win-scan-button> |
||||
</view> |
</view> |
||||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
||||
<comMessage ref="comMessage"></comMessage> |
<comMessage ref="comMessage"></comMessage> |
||||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
||||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
:locationTypeList="fromlocationTypeList"></win-scan-location> |
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import { |
||||
import { |
repleinshRequestSubmit, |
||||
repleinshRequestSubmit, |
repleinshRecordSubmit |
||||
repleinshRecordSubmit |
} from '@/api/request2.js'; |
||||
} from '@/api/request2.js'; |
|
||||
|
import { |
||||
import { |
goHome, |
||||
goHome, |
updateTitle, |
||||
updateTitle, |
|
||||
|
} from '@/common/basic.js'; |
||||
} from '@/common/basic.js'; |
|
||||
|
import { |
||||
import { |
getInventoryStatusDesc, |
||||
getInventoryStatusDesc, |
getDirectoryItemArray |
||||
getDirectoryItemArray |
} from '@/common/directory.js'; |
||||
} from '@/common/directory.js'; |
|
||||
|
import { |
||||
import { |
getDetailOption, |
||||
getDetailOption, |
getDetailRemoveOption, |
||||
getDetailRemoveOption, |
getDetailEditRemoveOption |
||||
getDetailEditRemoveOption |
} from '@/common/array.js'; |
||||
} from '@/common/array.js'; |
|
||||
|
import { |
||||
import { |
getBusinessType, |
||||
getBusinessType, |
createItemInfo, |
||||
createItemInfo, |
createDetailInfo, |
||||
createDetailInfo, |
calcHandleQty |
||||
calcHandleQty |
} from '@/common/record.js'; |
||||
} from '@/common/record.js'; |
|
||||
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
||||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
||||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
||||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
||||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
||||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
import comMessage from '@/mycomponents/common/comMessage.vue' |
||||
import comMessage from '@/mycomponents/common/comMessage.vue' |
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
||||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
||||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|
||||
|
export default { |
||||
export default { |
components: { |
||||
components: { |
winScanButton, |
||||
winScanButton, |
winScanPack, |
||||
winScanPack, |
requiredLocation, |
||||
requiredLocation, |
comBlankView, |
||||
comBlankView, |
winScanLocation, |
||||
winScanLocation, |
comMessage, |
||||
comMessage, |
winScanPackAndLocation, |
||||
winScanPackAndLocation, |
recordComDetailCard |
||||
recordComDetailCard |
}, |
||||
}, |
data() { |
||||
data() { |
return { |
||||
return { |
id: '', |
||||
id: '', |
receiptJob: {}, |
||||
receiptJob: {}, |
received: false, |
||||
received: false, |
isShowPackingCode: true, |
||||
isShowPackingCode: true, |
scanCount: 0, |
||||
scanCount: 0, |
dataContent: {}, //任务内容 |
||||
dataContent: {}, //任务内容 |
subList: [], //接口返回的任务subList |
||||
subList: [], //接口返回的任务subList |
detailSource: [], //绑定在页面上的数据源 |
||||
detailSource: [], //绑定在页面上的数据源 |
locationTypeList: [], |
||||
locationTypeList: [], |
toLocationInfo: {}, |
||||
toLocationInfo: {}, |
businessTypeInfo: {}, |
||||
businessTypeInfo: {}, |
fromLocationInfo: {}, |
||||
fromLocationInfo: {}, |
fromLocationCode: "", |
||||
fromLocationCode: "", |
toLocationInfo: {}, |
||||
toLocationInfo: {}, |
toLocationCode: "", |
||||
toLocationCode: "", |
isShowLocation: false, |
||||
isShowLocation: false, |
fromlocationTypeList: [], |
||||
fromlocationTypeList: [], |
tolocationTypeList: [], |
||||
tolocationTypeList: [], |
allowModifyLocation: false, |
||||
allowModifyLocation: false, |
inInventoryStatus: "", //目标入库库存状态 |
||||
inInventoryStatus: "", //目标入库库存状态 |
outInventoryStatus: "", //来源出库库存状态 |
||||
outInventoryStatus: "", //来源出库库存状态 |
businessType: {}, |
||||
businessType: {}, |
fromType: "" |
||||
fromType: "" |
}; |
||||
}; |
}, |
||||
}, |
onLoad(option) { |
||||
onLoad(option) { |
this.fromType = option.fromType |
||||
this.fromType = option.fromType |
if (this.fromType == "requestType") { |
||||
if(this.fromType=="requestType"){
updateTitle("补料申请")
}else {
updateTitle("补料记录")
} |
updateTitle("补料申请") |
||||
var typeCode = "Repleinment" |
} else { |
||||
getBusinessType(typeCode, res => { |
updateTitle("补料记录") |
||||
if (res.success) { |
} |
||||
this.businessType = res.businessType; |
var typeCode = "Repleinment" |
||||
this.fromlocationTypeList = res.fromlocationTypeList; |
getBusinessType(typeCode, res => { |
||||
this.tolocationTypeList = res.tolocationTypeList; |
if (res.success) { |
||||
this.showFromLocationPopup(); |
this.businessType = res.businessType; |
||||
} else { |
this.fromlocationTypeList = res.fromlocationTypeList; |
||||
this.$refs.comMessage.showBreakMessage(res.message ); |
this.tolocationTypeList = res.tolocationTypeList; |
||||
} |
this.showFromLocationPopup(); |
||||
}); |
} else { |
||||
}, |
this.showErrorMessage(res.message) |
||||
//返回首页 |
} |
||||
onNavigationBarButtonTap(e) { |
}); |
||||
if (e.index === 0) { |
}, |
||||
goHome(); |
//返回首页 |
||||
} |
onNavigationBarButtonTap(e) { |
||||
}, |
if (e.index === 0) { |
||||
//拦截返回按钮事件 |
goHome(); |
||||
onBackPress(e) {}, |
} |
||||
|
}, |
||||
onPullDownRefresh() {}, |
//拦截返回按钮事件 |
||||
|
onBackPress(e) {}, |
||||
mounted() { |
|
||||
}, |
onPullDownRefresh() {}, |
||||
methods: { |
|
||||
getScanResult(result) { |
mounted() {}, |
||||
let balance = result.balance; |
methods: { |
||||
let label = result.label; |
getScanResult(result) { |
||||
let pack = result.package; |
let balance = result.balance; |
||||
var item = this.detailSource.find(res => { |
let label = result.label; |
||||
if (res.itemCode == balance.itemCode) { |
let pack = result.package; |
||||
return res |
var item = this.detailSource.find(res => { |
||||
} |
if (res.itemCode == balance.itemCode) { |
||||
}) |
return res |
||||
if (item == undefined) { |
} |
||||
var itemp = createItemInfo(balance, pack); |
}) |
||||
let newDetail = createDetailInfo(balance, pack); // |
if (item == undefined) { |
||||
itemp.subList.push(newDetail); |
var itemp = createItemInfo(balance, pack); |
||||
this.detailSource.push(itemp) |
let newDetail = createDetailInfo(balance, pack); // |
||||
} else { |
itemp.subList.push(newDetail); |
||||
var detail = item.subList.find(r => { |
this.detailSource.push(itemp) |
||||
if (r.packingNumber == balance.packingNumber && |
} else { |
||||
r.batch == balance.batch && |
var detail = item.subList.find(r => { |
||||
r.locationCode == balance.locationCode && |
if (r.packingNumber == balance.packingNumber && |
||||
r.inventoryStatus == balance.inventoryStatus) { |
r.batch == balance.batch && |
||||
return r; |
r.locationCode == balance.locationCode && |
||||
} |
r.inventoryStatus == balance.inventoryStatus) { |
||||
}) |
return r; |
||||
if (detail == undefined) { |
} |
||||
let newDetail = createDetailInfo(balance, pack); |
}) |
||||
item.subList.push(newDetail); |
if (detail == undefined) { |
||||
} else { |
let newDetail = createDetailInfo(balance, pack); |
||||
if (detail.scaned == true) { |
item.subList.push(newDetail); |
||||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
} else { |
||||
} |
if (detail.scaned == true) { |
||||
} |
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
||||
} |
} |
||||
this.calcHandleQty(); |
} |
||||
|
} |
||||
}, |
this.calcHandleQty(); |
||||
|
|
||||
showErrorMessage(message) { |
}, |
||||
this.$refs.comMessage.showErrorMessage(message, res => { |
|
||||
if (res) { |
showErrorMessage(message) { |
||||
|
this.$refs.comMessage.showErrorMessage(message, res => { |
||||
} |
if (res) { |
||||
}); |
|
||||
}, |
} |
||||
calcHandleQty() { |
}); |
||||
for (let item of this.detailSource) { |
}, |
||||
item.qty = 0; |
calcHandleQty() { |
||||
for (let detail of item.subList) { |
for (let item of this.detailSource) { |
||||
if (detail != undefined) { |
item.qty = 0; |
||||
item.qty += Number(detail.qty) |
for (let detail of item.subList) { |
||||
} |
if (detail != undefined) { |
||||
} |
item.qty += Number(detail.qty) |
||||
} |
} |
||||
this.$forceUpdate(); |
} |
||||
}, |
} |
||||
|
this.$forceUpdate(); |
||||
|
}, |
||||
updateData() { |
|
||||
this.calcHandleQty(); |
|
||||
}, |
updateData() { |
||||
removeItem(index, item) { |
this.calcHandleQty(); |
||||
this.detailSource.splice(index, 1) |
}, |
||||
}, |
removeItem(index, item) { |
||||
|
this.detailSource.splice(index, 1) |
||||
removePack() { |
}, |
||||
for (var i = 0; i < this.detailSource.length; i++) { |
|
||||
var item = this.detailSource[i]; |
removePack() { |
||||
if (item.subList.length == 0) { |
for (var i = 0; i < this.detailSource.length; i++) { |
||||
this.detailSource.splice(i, 1) |
var item = this.detailSource[i]; |
||||
} |
if (item.subList.length == 0) { |
||||
} |
this.detailSource.splice(i, 1) |
||||
this.updateData(); |
} |
||||
}, |
} |
||||
|
this.updateData(); |
||||
openScanPopup() { |
}, |
||||
if (this.fromLocationCode == "") { |
|
||||
this.showFromLocationPopup(); |
openScanPopup() { |
||||
return |
if (this.fromLocationCode == "") { |
||||
} |
this.showFromLocationPopup(); |
||||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
return |
||||
}, |
} |
||||
showFromLocationPopup() { |
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
||||
this.$nextTick(() => { |
}, |
||||
this.$refs.scanLocationCode.openScanPopup(); |
showFromLocationPopup() { |
||||
}) |
this.$nextTick(() => { |
||||
|
this.$refs.scanLocationCode.openScanPopup(); |
||||
}, |
}) |
||||
closeScanPopup() { |
|
||||
this.$refs.scanPopup.closeScanPopup(); |
}, |
||||
}, |
closeScanPopup() { |
||||
|
this.$refs.scanPopup.closeScanPopup(); |
||||
scanPopupGetFocus() { |
}, |
||||
this.$refs.scanPopup.getfocus(); |
|
||||
}, |
scanPopupGetFocus() { |
||||
|
if (this.$refs.scanPopup != undefined) { |
||||
scanLocationCode(location, code) { |
this.$refs.scanPopup.getfocus(); |
||||
this.toLocationCode = code |
} |
||||
this.toLocationCode = location; |
}, |
||||
|
|
||||
}, |
scanLocationCode(location, code) { |
||||
|
this.toLocationCode = code |
||||
commit() { |
this.toLocationCode = location; |
||||
if (this.toLocationCode == "") { |
|
||||
this.showMessage("请先选择目标库位") |
}, |
||||
return; |
|
||||
} |
commit() { |
||||
uni.showLoading({ |
if (this.toLocationCode == "") { |
||||
title: "提交中....", |
this.showMessage("请先选择目标库位") |
||||
mask: true |
return; |
||||
}); |
} |
||||
|
uni.showLoading({ |
||||
|
title: "提交中....", |
||||
|
mask: true |
||||
if(this.fromType=="requestType"){ |
}); |
||||
var params = this.setRequestParams(); |
|
||||
console.log("提交" + JSON.stringify(params)) |
|
||||
|
|
||||
// repleinshRequestSubmit(params).then(res => { |
if (this.fromType == "requestType") { |
||||
// uni.hideLoading() |
var params = this.setRequestParams(); |
||||
// if (res.data) { |
console.log("提交" + JSON.stringify(params)) |
||||
// this.showCommitSuccessMessage("提交成功<br>生成采购收货记录" + res.data, ) |
|
||||
// } else { |
// repleinshRequestSubmit(params).then(res => { |
||||
// this.showErrorMessage("提交失败[" + res.msg + "]") |
// uni.hideLoading() |
||||
// } |
// if (res.data) { |
||||
// }).catch(error => { |
// this.showCommitSuccessMessage("提交成功<br>生成采购收货记录" + res.data, ) |
||||
// uni.hideLoading() |
// } else { |
||||
// this.showErrorMessage(error) |
// this.showErrorMessage("提交失败[" + res.msg + "]") |
||||
// }) |
// } |
||||
}else { |
// }).catch(error => { |
||||
// repleinshRecordSubmit(params).then(res => { |
// uni.hideLoading() |
||||
// uni.hideLoading() |
// this.showErrorMessage(error) |
||||
// if (res.data) { |
// }) |
||||
// this.showCommitSuccessMessage("提交成功<br>生成采购收货记录" + res.data, ) |
} else { |
||||
// } else { |
// repleinshRecordSubmit(params).then(res => { |
||||
// this.showErrorMessage("提交失败[" + res.msg + "]") |
// uni.hideLoading() |
||||
// } |
// if (res.data) { |
||||
// }).catch(error => { |
// this.showCommitSuccessMessage("提交成功<br>生成采购收货记录" + res.data, ) |
||||
// uni.hideLoading() |
// } else { |
||||
// this.showErrorMessage(error) |
// this.showErrorMessage("提交失败[" + res.msg + "]") |
||||
// }) |
// } |
||||
} |
// }).catch(error => { |
||||
|
// uni.hideLoading() |
||||
|
// this.showErrorMessage(error) |
||||
}, |
// }) |
||||
|
} |
||||
setParams() { |
|
||||
var subList = [] |
|
||||
this.detailSource.forEach(item => { |
}, |
||||
item.subList.forEach(detail => { |
|
||||
if (detail.scaned) { |
setParams() { |
||||
// var info = getPackingNumberAndBatch(this.managementList, detail.itemCode, |
var subList = [] |
||||
// detail.packingNumber, detail.batch); |
this.detailSource.forEach(item => { |
||||
// detail.toPackingNumber =info.packingNumber; |
item.subList.forEach(detail => { |
||||
// detail.toBatch =info.batch; |
if (detail.scaned) { |
||||
subList.push(detail) |
// var info = getPackingNumberAndBatch(this.managementList, detail.itemCode, |
||||
} |
// detail.packingNumber, detail.batch); |
||||
}) |
// detail.toPackingNumber =info.packingNumber; |
||||
}) |
// detail.toBatch =info.batch; |
||||
return subList; |
subList.push(detail) |
||||
}, |
} |
||||
|
}) |
||||
setRequestParams(){ |
}) |
||||
var subList = [] |
return subList; |
||||
var supplierCode="" |
}, |
||||
this.detailSource.forEach(item => { |
|
||||
item.subList.forEach(detail => { |
setRequestParams() { |
||||
if (detail.scaned) { |
var subList = [] |
||||
if(supplierCode==""){ |
var supplierCode = "" |
||||
supplierCode = detail.package.supplierCode |
this.detailSource.forEach(item => { |
||||
} |
item.subList.forEach(detail => { |
||||
subList.push(detail) |
if (detail.scaned) { |
||||
} |
if (supplierCode == "") { |
||||
}) |
supplierCode = detail.package.supplierCode |
||||
}) |
} |
||||
|
subList.push(detail) |
||||
this.dataContent.subList = subList |
} |
||||
this.dataContent.supplierCode = supplierCode |
}) |
||||
this.dataContent.businessType = "PurchasePutaway" |
}) |
||||
this.dataContent.departmentCode= "研发部门"; |
|
||||
this.dataContent.status= 1 ; |
this.dataContent.subList = subList |
||||
this.dataContent.autoCommit = "FALSE"; |
this.dataContent.supplierCode = supplierCode |
||||
this.dataContent.autoAgree = "FALSE"; |
this.dataContent.businessType = "PurchasePutaway" |
||||
this.dataContent.autoExecute = "FALSE"; |
this.dataContent.departmentCode = "研发部门"; |
||||
this.dataContent.directCreateRecord = "FALSE"; |
this.dataContent.status = 1; |
||||
return this.dataContent; |
this.dataContent.autoCommit = "FALSE"; |
||||
}, |
this.dataContent.autoAgree = "FALSE"; |
||||
|
this.dataContent.autoExecute = "FALSE"; |
||||
showMessage(message) { |
this.dataContent.directCreateRecord = "FALSE"; |
||||
this.$refs.comMessage.showMessage(message, res => { |
return this.dataContent; |
||||
if (res) {} |
}, |
||||
}); |
|
||||
}, |
showMessage(message) { |
||||
showErrorMessage(message) { |
this.$refs.comMessage.showMessage(message, res => { |
||||
this.$refs.comMessage.showErrorMessage(message, res => { |
if (res) {} |
||||
if (res) { |
}); |
||||
|
}, |
||||
} |
showErrorMessage(message) { |
||||
}); |
this.$refs.comMessage.showErrorMessage(message, res => { |
||||
}, |
if (res) { |
||||
|
|
||||
showScanMessage(message) { |
} |
||||
this.$refs.comMessage.showScanMessage(message); |
}); |
||||
}, |
}, |
||||
|
|
||||
afterCloseMessage() { |
showScanMessage(message) { |
||||
this.scanPopupGetFocus(); |
this.$refs.comMessage.showScanMessage(message); |
||||
}, |
}, |
||||
|
|
||||
closeScanMessage() { |
afterCloseMessage() { |
||||
this.scanPopupGetFocus(); |
this.scanPopupGetFocus(); |
||||
}, |
}, |
||||
getLocation(location, code) { |
|
||||
this.getFromLocationCode(location, code) |
closeScanMessage() { |
||||
}, |
this.scanPopupGetFocus(); |
||||
getFromLocationCode(location, code) { |
}, |
||||
this.fromLocationInfo = location; |
getLocation(location, code) { |
||||
this.fromLocationCode = code; |
this.getFromLocationCode(location, code) |
||||
this.openScanPopup(); |
}, |
||||
}, |
getFromLocationCode(location, code) { |
||||
getToLocationCode(location, code) { |
this.fromLocationInfo = location; |
||||
if (this.fromLocationCode == code) { |
this.fromLocationCode = code; |
||||
uni.showToast({ |
this.openScanPopup(); |
||||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
}, |
||||
duration: 2000 |
getToLocationCode(location, code) { |
||||
}) |
if (this.fromLocationCode == code) { |
||||
return |
uni.showToast({ |
||||
} |
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
||||
this.ToLocationCodeInfo = location; |
duration: 2000 |
||||
this.toLocationCode = code; |
}) |
||||
}, |
return |
||||
|
} |
||||
showCommitSuccessMessage(hint) { |
this.ToLocationCodeInfo = location; |
||||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
this.toLocationCode = code; |
||||
this.fromLocationCode = ''; |
}, |
||||
|
|
||||
}) |
showCommitSuccessMessage(hint) { |
||||
}, |
this.$refs.comMessage.showSuccessMessage(hint, res => { |
||||
|
this.fromLocationCode = ''; |
||||
updateData() { |
|
||||
this.calcHandleQty(); |
}) |
||||
for (var i = 0; i < this.detailSource.length; i++) { |
}, |
||||
let item = this.detailSource[i]; |
|
||||
if (item.qty == 0) { |
updateData() { |
||||
this.detailSource.splice(i, 1) |
this.calcHandleQty(); |
||||
} |
for (var i = 0; i < this.detailSource.length; i++) { |
||||
} |
let item = this.detailSource[i]; |
||||
} |
if (item.qty == 0) { |
||||
} |
this.detailSource.splice(i, 1) |
||||
} |
} |
||||
</script> |
} |
||||
|
} |
||||
<style scoped lang="scss"> |
} |
||||
page { |
} |
||||
width: 100%; |
</script> |
||||
height: 100%; |
|
||||
background-color: #fff; |
<style scoped lang="scss"> |
||||
} |
page { |
||||
|
width: 100%; |
||||
.page-wraper { |
height: 100%; |
||||
display: flex; |
background-color: #fff; |
||||
flex-direction: column; |
} |
||||
width: 100%; |
|
||||
height: 100%; |
.page-wraper { |
||||
} |
display: flex; |
||||
|
flex-direction: column; |
||||
|
width: 100%; |
||||
.page-main { |
height: 100%; |
||||
flex: 1; |
} |
||||
position: relative; |
|
||||
} |
|
||||
|
.page-main { |
||||
.page-main-scroll { |
flex: 1; |
||||
position: absolute; |
position: relative; |
||||
left: 0; |
} |
||||
right: 0; |
|
||||
top: 0; |
.page-main-scroll { |
||||
bottom: 0; |
position: absolute; |
||||
} |
left: 0; |
||||
|
right: 0; |
||||
.page-main-list { |
top: 0; |
||||
/* height: 80rpx; |
bottom: 0; |
||||
line-height: 80rpx; */ |
} |
||||
text-align: center; |
|
||||
background: #e0e0e0; |
.page-main-list { |
||||
|
/* height: 80rpx; |
||||
} |
line-height: 80rpx; */ |
||||
</style> |
text-align: center; |
||||
|
background: #e0e0e0; |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
|
Loading…
Reference in new issue