|
|
@ -65,9 +65,6 @@ export default { |
|
|
partValue:0, |
|
|
partValue:0, |
|
|
scanLabelDetailList:[], |
|
|
scanLabelDetailList:[], |
|
|
photoDatas:[], |
|
|
photoDatas:[], |
|
|
fileTitle:'', |
|
|
|
|
|
fileName:'', |
|
|
|
|
|
photoUrl:'', |
|
|
|
|
|
num:1, |
|
|
num:1, |
|
|
exportDataStandard: { |
|
|
exportDataStandard: { |
|
|
"通知单号": "delNotifyNo", |
|
|
"通知单号": "delNotifyNo", |
|
|
@ -199,14 +196,10 @@ export default { |
|
|
partNo:this.detail.partNo, |
|
|
partNo:this.detail.partNo, |
|
|
} |
|
|
} |
|
|
this.photoDatas = []; |
|
|
this.photoDatas = []; |
|
|
this.fileName=''; |
|
|
|
|
|
this.fileTitle=""; |
|
|
|
|
|
this.photoUrl=''; |
|
|
|
|
|
this.num=1; |
|
|
this.num=1; |
|
|
getPhotoAddressData(params).then(({data}) => { |
|
|
getPhotoAddressData(params).then(({data}) => { |
|
|
this.photoDatas = data.rows; |
|
|
this.photoDatas = data.rows; |
|
|
if(this.photoDatas.length===0){ |
|
|
if(this.photoDatas.length===0){ |
|
|
this.fileTitle="文件名 ("+0+"/"+0+")"; |
|
|
|
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
this.$alert('该物料没有上传图片!', '错误', { |
|
|
this.$alert('该物料没有上传图片!', '错误', { |
|
|
confirmButtonText: '确定' |
|
|
confirmButtonText: '确定' |
|
|
@ -214,45 +207,17 @@ export default { |
|
|
}, 500); |
|
|
}, 500); |
|
|
return false; |
|
|
return false; |
|
|
} |
|
|
} |
|
|
this.fileName=this.photoDatas[this.num-1].attaFileNameDb; |
|
|
|
|
|
this.fileTitle="文件名 ("+this.num+"/"+this.photoDatas.length+")"; |
|
|
|
|
|
this.photoUrl=this.$store.state.user.padSopUrl+this.photoDatas[this.num-1].attaFileNameDb; |
|
|
|
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
lastPicture(){ |
|
|
lastPicture(){ |
|
|
if(this.photoDatas.length===0){ |
|
|
|
|
|
this.fileTitle="文件名 ("+0+"/"+0+")"; |
|
|
|
|
|
this.$alert('该物料没有上传图片!', '错误', { |
|
|
|
|
|
confirmButtonText: '确定' |
|
|
|
|
|
}) |
|
|
|
|
|
return false; |
|
|
|
|
|
} |
|
|
|
|
|
if(this.num===1){ |
|
|
|
|
|
this.num=this.photoDatas.length; |
|
|
|
|
|
}else{ |
|
|
|
|
|
this.num=this.num-1; |
|
|
|
|
|
} |
|
|
|
|
|
this.fileName=this.photoDatas[this.num-1].attaFileNameDb; |
|
|
|
|
|
this.fileTitle="文件名 ("+this.num+"/"+this.photoDatas.length+")"; |
|
|
|
|
|
this.photoUrl=this.$store.state.user.padSopUrl+this.photoDatas[this.num-1].attaFileNameDb; |
|
|
|
|
|
|
|
|
this.$refs.photoCarousel.prev(); |
|
|
}, |
|
|
}, |
|
|
nextPicture(){ |
|
|
nextPicture(){ |
|
|
if(this.photoDatas.length===0){ |
|
|
|
|
|
this.fileTitle="文件名 ("+0+"/"+0+")"; |
|
|
|
|
|
this.$alert('该物料没有上传图片!', '错误', { |
|
|
|
|
|
confirmButtonText: '确定' |
|
|
|
|
|
}) |
|
|
|
|
|
return false; |
|
|
|
|
|
} |
|
|
|
|
|
if(this.num===this.photoDatas.length){ |
|
|
|
|
|
this.num=1; |
|
|
|
|
|
}else{ |
|
|
|
|
|
this.num=this.num+1; |
|
|
|
|
|
} |
|
|
|
|
|
this.fileName=this.photoDatas[this.num-1].attaFileNameDb; |
|
|
|
|
|
this.fileTitle="文件名 ("+this.num+"/"+this.photoDatas.length+")"; |
|
|
|
|
|
this.photoUrl=this.$store.state.user.padSopUrl+this.photoDatas[this.num-1].attaFileNameDb; |
|
|
|
|
|
|
|
|
this.$refs.photoCarousel.next(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
changePhoto(index){ |
|
|
|
|
|
this.num=index+1; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
@ -266,6 +231,8 @@ export default { |
|
|
width="80%" |
|
|
width="80%" |
|
|
@open="scanLabel" |
|
|
@open="scanLabel" |
|
|
@close="closeScanDialog" @opened="openScanDialog"> |
|
|
@close="closeScanDialog" @opened="openScanDialog"> |
|
|
|
|
|
<div style="display:flex;justify-content:space-between;align-items:flex-start;"> |
|
|
|
|
|
<div style="width: 60%"> |
|
|
<el-form :model="model" :inline="true" label-position="top"> |
|
|
<el-form :model="model" :inline="true" label-position="top"> |
|
|
<!-- <el-form-item label=" ">--> |
|
|
<!-- <el-form-item label=" ">--> |
|
|
<!-- <el-select v-model="model.flag" clearable>--> |
|
|
<!-- <el-select v-model="model.flag" clearable>--> |
|
|
@ -294,8 +261,7 @@ export default { |
|
|
</download-excel> |
|
|
</download-excel> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div style="display:flex;justify-content:space-between;align-items:center;"> |
|
|
|
|
|
<el-table :data="scanLabelDetailList" style="width: 60%" stripe border height="400" highlight-current-row> |
|
|
|
|
|
|
|
|
<el-table :data="scanLabelDetailList" stripe border height="500" highlight-current-row> |
|
|
<el-table-column label="操作" align="center" v-if="!isReport"> |
|
|
<el-table-column label="操作" align="center" v-if="!isReport"> |
|
|
<template slot-scope="{row,$index}"> |
|
|
<template slot-scope="{row,$index}"> |
|
|
<el-link style="cursor:pointer;" @click="removeScanLabel(row)">删除</el-link> |
|
|
<el-link style="cursor:pointer;" @click="removeScanLabel(row)">删除</el-link> |
|
|
@ -313,34 +279,42 @@ export default { |
|
|
<el-table-column label="操作员" header-align="center" align="left" show-overflow-tooltip prop="createBy"/> |
|
|
<el-table-column label="操作员" header-align="center" align="left" show-overflow-tooltip prop="createBy"/> |
|
|
<el-table-column label="扫描时间" header-align="center" align="center" show-overflow-tooltip prop="createData"/> |
|
|
<el-table-column label="扫描时间" header-align="center" align="center" show-overflow-tooltip prop="createData"/> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<div style="width: 650px;display: flex;flex-wrap: wrap;align-items: center;"> |
|
|
|
|
|
<div class="pad" style="width: 50%;"> |
|
|
|
|
|
<h5 style="margin-left: 30px;font-size: 20px">产品图片</h5> |
|
|
|
|
|
<el-form :inline="true" style="margin-left: 30px" label-position="top"> |
|
|
|
|
|
<el-form-item :label="'产品编码:'" style="margin-left: 0px"> |
|
|
|
|
|
<el-input v-model="detail.partNo" readonly style="width: 220px"></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
<el-form :inline="true" style="margin-top: 20px;margin-left: 30px" label-position="top"> |
|
|
|
|
|
<el-form-item :label="fileTitle"> |
|
|
|
|
|
<el-input v-model="fileName" style="width: 374px" readonly></el-input> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="photo" style="width: 40%;padding-left: 10px"> |
|
|
|
|
|
<el-form label-position="top" size="medium"> |
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="8"> |
|
|
|
|
|
<el-form-item label="产品编码:"> |
|
|
|
|
|
<el-input v-model="detail.partNo" readonly></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
|
|
|
<el-form :inline="true" style="margin-top: 20px;margin-left: 30px" label-position="top"> |
|
|
|
|
|
<el-form-item :label="' '"> |
|
|
|
|
|
<el-button @click="lastPicture()" style="margin-left: 10px;height: 35px;width: 90px" type="primary"> |
|
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="10"> |
|
|
|
|
|
<el-form-item style="height: 30px;" label=" "> |
|
|
|
|
|
<div> |
|
|
|
|
|
<el-button @click="lastPicture()" style="height: 30px;width: 80px" type="primary"> |
|
|
上一张 |
|
|
上一张 |
|
|
</el-button> |
|
|
</el-button> |
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item :label="' '"> |
|
|
|
|
|
<el-button @click="nextPicture()" style="margin-left: 25px;height: 35px;width: 90px" type="primary"> |
|
|
|
|
|
|
|
|
<el-button @click="nextPicture()" style="height: 30px;width: 80px" type="primary"> |
|
|
下一张 |
|
|
下一张 |
|
|
</el-button> |
|
|
</el-button> |
|
|
|
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
|
<el-col :span="18"> |
|
|
|
|
|
<el-form-item :label="`文件名(${photoDatas[this.num-1]?this.num:0}/${this.photoDatas.length})`"> |
|
|
|
|
|
<el-input :value="photoDatas[this.num-1]?photoDatas[this.num-1].attaFileNameDb:''" readonly></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
|
|
|
<div id="padPhoto" style="text-align: center;width: 50%;vertical-align:middle;margin-top: 5px"> |
|
|
|
|
|
<img style="max-width: 100%;max-height: 380px;vertical-align:middle;" :src="photoUrl"> |
|
|
|
|
|
|
|
|
<div id="padPhoto" style="text-align: center;width: 100%;vertical-align:middle;margin-top: 5px"> |
|
|
|
|
|
<el-carousel height="400px" @change="changePhoto" ref="photoCarousel" :autoplay="false" indicator-position="none" :interval="5000" arrow="never"> |
|
|
|
|
|
<el-carousel-item v-for="(item,index) in this.photoDatas" :key="index"> |
|
|
|
|
|
<img style="max-width:100%;height: 400px;object-fit: cover;object-position: center center" :src="$store.state.user.padSopUrl+item.attaFileNameDb"> |
|
|
|
|
|
</el-carousel-item> |
|
|
|
|
|
</el-carousel> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -356,4 +330,25 @@ export default { |
|
|
padding-right: 5px !important; |
|
|
padding-right: 5px !important; |
|
|
padding-left: 5px !important; |
|
|
padding-left: 5px !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.photo .el-form-item--medium /deep/ .el-form-item__label { |
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
height: 30px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.photo .el-form-item--medium /deep/ .el-form-item__content { |
|
|
|
|
|
margin-bottom: 5px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.photo .el-form-item--medium /deep/ .el-form-item__content .el-button { |
|
|
|
|
|
width: 80px; |
|
|
|
|
|
height: 30px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.photo .el-form-item--medium /deep/ .el-form-item__content .el-input .el-input__inner { |
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
height: 30px !important; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |