|
|
|
|
@ -83,6 +83,8 @@
|
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<el-text type="primary" text icon="el-icon-view" v-if="!slotProps.scope.row.stockupStatus" @click="handleStockUp(slotProps.scope.row,'2')">备货</el-text> |
|
|
|
|
<el-button type="primary" text icon="el-icon-view" @click="handleQRCode(row)">查看包条码</el-button> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
@ -112,7 +114,8 @@
|
|
|
|
|
@selection="selectionChange" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<el-text type="primary" text icon="el-icon-view" v-if="!row.stockupStatus" @click="handleStockUp(slotProps.scope.row,'2')">备货</el-text> |
|
|
|
|
<el-text type="primary" text icon="el-icon-view" @click="handleDetail(slotProps.scope.row)">明细</el-text> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
@ -133,6 +136,36 @@
|
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
<el-dialog title="包条码" :visible.sync="dialogPack" width="780px" v-model="dialogPack"> |
|
|
|
|
<div > |
|
|
|
|
<span>lmy 666</span> |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<!-- <el-button type="primary" @click="ddd">导 出</el-button>--> |
|
|
|
|
<el-button type="primary" @click="printTemplate">打 印</el-button> |
|
|
|
|
<el-button type="primary" @click="dialogPack = false">确 定</el-button> |
|
|
|
|
<el-button @click="dialogPack = false">取 消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="二维码" :visible.sync="dialogVisible" width="780px" v-model="dialogVisible"> |
|
|
|
|
<div> |
|
|
|
|
<div v-html="html"></div> |
|
|
|
|
|
|
|
|
|
<!-- <div v-for="(item,index) in qrCodeObj"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="24" > |
|
|
|
|
<el-image width="10" height="10" w-full :key="index" :src="item " alt="Preview Image"/> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<!-- <el-button type="primary" @click="ddd">导 出</el-button>--> |
|
|
|
|
<el-button type="primary" @click="printTemplate">打 印</el-button> |
|
|
|
|
<el-button type="primary" @click="dialogVisible = false">确 定</el-button> |
|
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog v-model="dialogHand" title="系统备货"> |
|
|
|
|
<el-form :model="form"> |
|
|
|
|
<el-form-item label="备货区域" :label-width="formLabelWidth" > |
|
|
|
|
@ -214,10 +247,16 @@ import { getDictionaryBiz } from '@/api/system/dict';
|
|
|
|
|
import { getParcelListOwn } from '@/api/distribution/distributionParcelList'; |
|
|
|
|
import { stockUp } from '@/api/basicdata/basicdataGoodsArea'; |
|
|
|
|
import { getStockDetail } from '@/api/distribution/distributionStock'; |
|
|
|
|
import { getStockTemplate, showOrderPackgeCode } from '@/api/distribution/distributionStockArticle'; |
|
|
|
|
import { getLodop } from '@/utils/LodopFuncs'; |
|
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
dialogVisible:false, |
|
|
|
|
dialogPack:false, |
|
|
|
|
html:'', |
|
|
|
|
columnListarrs:{ |
|
|
|
|
columnReservation:[ |
|
|
|
|
{ |
|
|
|
|
@ -663,6 +702,17 @@ export default {
|
|
|
|
|
sortable: true, |
|
|
|
|
head: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: '', |
|
|
|
|
label: '操作', |
|
|
|
|
type: 6, |
|
|
|
|
values: '', |
|
|
|
|
width: '230', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: 'right', |
|
|
|
|
hide: true, |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
height: 0, |
|
|
|
|
@ -770,6 +820,135 @@ export default {
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
//查看库存品明细 |
|
|
|
|
handleDetail(row){ |
|
|
|
|
console.log("row>><><><",row); |
|
|
|
|
this.dialogPack = true; |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
showdrawer(value){ |
|
|
|
|
this.drawerShow=value |
|
|
|
|
}, |
|
|
|
|
/** |
|
|
|
|
* 弹窗的勾选回调，用于更改头部数组 |
|
|
|
|
* 固定搭配，只需要更换 columnList |
|
|
|
|
*/ |
|
|
|
|
setnewcolum(newarr, headarr,type) { |
|
|
|
|
// console.log(newarr,'+++++++++++') |
|
|
|
|
if(type==1){ |
|
|
|
|
this.columnList = newarr; |
|
|
|
|
this.$functions.setStorage(window.location.pathname+'checkList', headarr); |
|
|
|
|
}else if(type==2){ |
|
|
|
|
this.columnList = newarr; |
|
|
|
|
this.$functions.setStorage(window.location.pathname+'flexList', headarr); |
|
|
|
|
}else if(type==3){ |
|
|
|
|
this.columnList = newarr; |
|
|
|
|
this.$functions.setStorage(window.location.pathname+'sortlist', headarr); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
selectionsc(value) { |
|
|
|
|
console.log(value); |
|
|
|
|
}, |
|
|
|
|
delectsolt(scope) { |
|
|
|
|
const { row } = scope; |
|
|
|
|
console.log(row); |
|
|
|
|
}, |
|
|
|
|
editsolt(scope) { |
|
|
|
|
const { row } = scope; |
|
|
|
|
console.log(row); |
|
|
|
|
}, |
|
|
|
|
btnsc(index, row) { |
|
|
|
|
console.log(index, row); |
|
|
|
|
}, |
|
|
|
|
selectsc(index, row) { |
|
|
|
|
console.log(index, row); |
|
|
|
|
// if(row.prop =='typeServiceName'){ |
|
|
|
|
// this.query['typeService'] = index; |
|
|
|
|
// }else if(row.prop =='stockupStatusName'){ |
|
|
|
|
// this.query["stockupStatus"] = index; |
|
|
|
|
// }else if(row.prop =='assignStatusName'){ |
|
|
|
|
// this.query["assignStatus"] = index; |
|
|
|
|
// }else{ |
|
|
|
|
// this.query[row.prop] = index; |
|
|
|
|
// } |
|
|
|
|
// // this.query[row.prop] = index; |
|
|
|
|
// this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
timesc(index, row) { |
|
|
|
|
console.log(index, row); |
|
|
|
|
if (!!index){ |
|
|
|
|
index = dayjs(index).format('YYYY-MM-DD'); |
|
|
|
|
} |
|
|
|
|
this.query[row.prop] = index |
|
|
|
|
if (!index){ |
|
|
|
|
delete this.query[row.prop] |
|
|
|
|
} |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
inputsc(index, row) { |
|
|
|
|
console.log(index, row); |
|
|
|
|
/* if(row.prop =='typeServiceName'){ |
|
|
|
|
this.query['typeService'] = index; |
|
|
|
|
}else if(row.prop =='stockupStatusName'){ |
|
|
|
|
this.query["stockupStatus"] = index; |
|
|
|
|
}else if(row.prop =='assignStatusName'){ |
|
|
|
|
this.query["assignStatus"] = index; |
|
|
|
|
}else{ |
|
|
|
|
this.query[row.prop] = index; |
|
|
|
|
}*/ |
|
|
|
|
this.query[row.prop] = index; |
|
|
|
|
|
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
//打印 |
|
|
|
|
printTemplate() { |
|
|
|
|
let LODOP = getLodop(); |
|
|
|
|
console.log("LODOP>>>>>",LODOP); |
|
|
|
|
// console.log("this.ids>>>>>",this.selectionList); |
|
|
|
|
// if (this.selectionList.length === 0){ |
|
|
|
|
// this.$message.warning("请选择至少一条数据"); |
|
|
|
|
// return; |
|
|
|
|
// } |
|
|
|
|
getStockTemplate({ id: this.materialQRCode.id }).then(res => { |
|
|
|
|
console.log('返回的数据', res.data.data); |
|
|
|
|
let templateData = res.data.data; |
|
|
|
|
// let templateData = "res.data.data"; |
|
|
|
|
// console.log(templateData); |
|
|
|
|
LODOP.PRINT_INITA(1, 1, 900, 660, '测试预览功能'); |
|
|
|
|
LODOP.SET_PRINT_MODE('WINDOW_DEFPRINTER', 'Godex G500'); |
|
|
|
|
LODOP.SET_PRINT_STYLEA(0,"TextNeatRow",true);//允许标点溢出，且英文单词拆开 |
|
|
|
|
// // 设置打印整宽且不变形 |
|
|
|
|
LODOP.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Auto-Width'); |
|
|
|
|
// // 设置打印后自动关闭 |
|
|
|
|
LODOP.SET_PRINT_MODE('AUTO_CLOSE_PREWINDOW', 1); |
|
|
|
|
// // data就是一段html文本 |
|
|
|
|
LODOP.ADD_PRINT_HTM('0%', '0%', '100%', '100%', templateData); |
|
|
|
|
// LODOP.PREVIEW(); //预览(预览打印无脚标) |
|
|
|
|
LODOP.PRINT(); //直接打印 |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//查看包条码 |
|
|
|
|
handleQRCode(row) { |
|
|
|
|
// this.title = '查看' |
|
|
|
|
// this.view = true; |
|
|
|
|
// this.box = true; |
|
|
|
|
this.materialQRCode = row; |
|
|
|
|
|
|
|
|
|
let qr = { |
|
|
|
|
ids: row.id, |
|
|
|
|
}; |
|
|
|
|
showOrderPackgeCode(qr).then(res => { |
|
|
|
|
// this.orderPackageCode = res.data |
|
|
|
|
console.log(res.data); |
|
|
|
|
this.html='' |
|
|
|
|
this.html=this.getHtmls(res.data.data.dataList,res.data.data.templateHtml) |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.dialogVisible = true; |
|
|
|
|
}, |
|
|
|
|
//系统备货确定 |
|
|
|
|
callFordelivery(){ |
|
|
|
|
let c = false; |
|
|
|
|
@ -1129,16 +1308,19 @@ export default {
|
|
|
|
|
async getStockUpParcelsList(page){ |
|
|
|
|
let a = await getParcelListOwn(page.currentPage,page.pageSize,{id :this.$route.query.id}); |
|
|
|
|
console.log("包件...",a.data); |
|
|
|
|
const data = a.data.data; |
|
|
|
|
this.data1 = data.records; |
|
|
|
|
this.data1.forEach(i =>{ |
|
|
|
|
if(!i.stockupStatus){ |
|
|
|
|
i.stockupStatusName = "待备货"; |
|
|
|
|
this.isStockUp = true; |
|
|
|
|
}else{ |
|
|
|
|
i.stockupStatusName = "已备货"; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
const data = a.data.data; |
|
|
|
|
this.data1 = data.records; |
|
|
|
|
if(this.data1.length > 0){ |
|
|
|
|
this.data1.forEach(i =>{ |
|
|
|
|
if(!i.stockupStatus){ |
|
|
|
|
i.stockupStatusName = "待备货"; |
|
|
|
|
this.isStockUp = true; |
|
|
|
|
}else{ |
|
|
|
|
i.stockupStatusName = "已备货"; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.page1.total = a.data.data.total; |
|
|
|
|
this.loading = false; |
|
|
|
|
this.selectionClear(); |
|
|
|
|
|
