7 changed files with 795 additions and 12 deletions
-
5src/api/pad.js
-
1src/router/index.js
-
8src/store/modules/user.js
-
4src/views/main.vue
-
771src/views/modules/pad/padCODelNotify.vue
-
13src/views/modules/pad/padPartAttribute.vue
-
5src/views/modules/print/print_package_label.js
@ -0,0 +1,771 @@ |
|||
<template> |
|||
<div class="mod-config pad" style="padding: 10px"> |
|||
<el-form ref="searchDataForm" label-position="top" :model="searchData" label-width="80px"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="7"> |
|||
<el-row> |
|||
<el-col :span="11"> |
|||
<el-form-item label="通知单日期"> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
:editable="false" |
|||
v-model="searchData.startDate" |
|||
value-format="yyyy-MM-dd" |
|||
type="date"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item label=" " style="text-align: center"> |
|||
--> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="11"> |
|||
<el-form-item label=" "> |
|||
<el-date-picker |
|||
style="width: 100%" |
|||
:editable="false" |
|||
v-model="searchData.endDate" |
|||
value-format="yyyy-MM-dd" |
|||
type="date"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item label="客户编号"> |
|||
<el-input v-model="searchData.customerId" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item label="通知单单号"> |
|||
<el-input v-model="searchData.delNotifyNo" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item label="工厂编号" prop="site"> |
|||
<el-select filterable v-model="searchData.site" default-first-option style="width: 100%"> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option label="1-沪声" value="1"></el-option> |
|||
<el-option label="2-赫艾" value="2"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item :label="' '"> |
|||
<el-button type="primary" style="height: 20px;font-size: 14px;line-height: 10px" @click="searchDelHeaderList">查 询</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div v-loading="delNotifyHeaderTableLoading"> |
|||
<el-table |
|||
:height="300" |
|||
:data="delNotifyHeaderList" |
|||
border stripe |
|||
@row-click="rowClickDelNotifyHeaderTable" |
|||
style="margin-top: 10px;"> |
|||
<el-table-column |
|||
prop="delNotifyNo" |
|||
header-align="center" |
|||
align="left" |
|||
width="130" |
|||
label="通知单号"/> |
|||
<el-table-column |
|||
prop="notifyDate" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
label="要求发货日期"/> |
|||
<el-table-column |
|||
prop="customerId" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="客户编码"/> |
|||
<el-table-column |
|||
prop="customerName" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="客户名称"/> |
|||
<el-table-column |
|||
prop="billAirwayNo" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="运单号"/> |
|||
<el-table-column |
|||
prop="forwarderId" |
|||
header-align="center" |
|||
align="left" |
|||
width="80" |
|||
label="货代"/> |
|||
<el-table-column |
|||
prop="remark" |
|||
header-align="center" |
|||
align="left" |
|||
show-overflow-tooltip |
|||
min-width="120" |
|||
label="备注"/> |
|||
<el-table-column |
|||
prop="notifyDate" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="通知单日期"/> |
|||
<el-table-column |
|||
prop="receiver" |
|||
header-align="center" |
|||
align="left" |
|||
width="100" |
|||
label="经手人"/> |
|||
<el-table-column |
|||
prop="delAddId" |
|||
header-align="center" |
|||
align="left" |
|||
show-overflow-tooltip |
|||
width="120" |
|||
label="送货地址"/> |
|||
<el-table-column |
|||
prop="creditFlag" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="退货标记"/> |
|||
<el-table-column |
|||
prop="site" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="工厂编码"/> |
|||
<el-table-column |
|||
prop="shipFlag" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="是否发货"/> |
|||
<el-table-column |
|||
prop="shipResult" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
label="发货状态信息"/> |
|||
<el-table-column |
|||
prop="realShipDate" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
label="实际发货日期"/> |
|||
</el-table> |
|||
<div style=" font-size: 18px;"> |
|||
<el-pagination |
|||
@size-change="sizeChangeHandle" |
|||
@current-change="currentChangeHandle" |
|||
:current-page="no" |
|||
:page-sizes="[50, 100, 500, 1000]" |
|||
:page-size="size" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
</div> |
|||
|
|||
<el-table :data="delNotifyDetailList" |
|||
height="300" |
|||
border stripe |
|||
style="margin-top: 10px;"> |
|||
<el-table-column label="操作" width="150px" header-align="center" fixed align="center"> |
|||
<template slot-scope="{row,$index}"> |
|||
<el-link style="cursor: pointer" @click="checkoutDelNotifyDetailBtn(row,1)">属性</el-link> |
|||
<el-link style="cursor: pointer" @click="checkoutDelNotifyDetailBtn(row,2)">图片</el-link> |
|||
<el-link style="cursor: pointer" v-if="row.approveFlag === 'N'" @click="checkoutDelNotifyDetailBtn(row,3)">检验</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="delNotifyItemNo" |
|||
header-align="center" |
|||
align="left" |
|||
width="150px" |
|||
label="通知单号序号"> |
|||
<template slot-scope="{row,$index}"> |
|||
{{getSignNumber(row.delNotifyItemNo)}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="partNo" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="产品编码"/> |
|||
<el-table-column |
|||
prop="partDescription" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
show-overflow-tooltip |
|||
label="产品名称规格"/> |
|||
<el-table-column |
|||
prop="approveResultFlag" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
show-overflow-tooltip |
|||
label="出货检验结果"> |
|||
<template slot-scope="{row,$index}"> |
|||
<span v-if="row.approveResultFlag === 'Y'">合格</span> |
|||
<span v-else-if="row.approveResultFlag === 'N'">不合格</span> |
|||
<span v-else>待检验</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="notifyQty" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="通知单数量"/> |
|||
<el-table-column |
|||
prop="shipQty" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="发货数量"/> |
|||
<el-table-column |
|||
prop="umid" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="销售计量单位"/> |
|||
<el-table-column |
|||
prop="orderNo" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="销售订单号"/> |
|||
<el-table-column |
|||
prop="itemNo" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="订单序号"/> |
|||
<el-table-column |
|||
prop="customerPONo" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
label="客户采购订单号"/> |
|||
<el-table-column |
|||
prop="orderType" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="订单类型"/> |
|||
<el-table-column |
|||
prop="custPartNo" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
label="客户产品编号"/> |
|||
<el-table-column |
|||
prop="intSales" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="内部销售"/> |
|||
<el-table-column |
|||
prop="extSales" |
|||
header-align="center" |
|||
align="left" |
|||
width="120" |
|||
label="外部销售"/> |
|||
<el-table-column |
|||
prop="subOrderType" |
|||
header-align="center" |
|||
align="left" |
|||
width="180" |
|||
label="零部件订单类型"/> |
|||
<el-table-column |
|||
prop="techInfo" |
|||
header-align="center" |
|||
align="left" |
|||
width="150" |
|||
label="技术注意事项"/> |
|||
<el-table-column |
|||
prop="remark" |
|||
header-align="center" |
|||
align="left" |
|||
show-overflow-tooltip |
|||
width="180" |
|||
label="备注"/> |
|||
</el-table> |
|||
</div> |
|||
|
|||
<!--检验弹框--> |
|||
<el-dialog |
|||
title="出货检验" |
|||
:visible.sync="checkoutDelNotifyDetailDialogVisible" |
|||
width="40%"> |
|||
<el-form :model="delNotifyDetail" label-position="top" label-width="120"> |
|||
<el-row :gutter="30"> |
|||
<el-col :span="10"> |
|||
<el-form-item label="通知单号"> |
|||
<el-input disabled v-model="delNotifyDetail.delNotifyNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="工厂编号" prop="site"> |
|||
<el-select filterable disabled v-model="delNotifyDetail.site" readonly style="width: 100%"> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option label="1-沪声" value="1"></el-option> |
|||
<el-option label="2-赫艾" value="2"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item label="产品编码"> |
|||
<el-input disabled v-model="delNotifyDetail.partNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="工厂编号"> |
|||
<el-input disabled v-model="delNotifyDetail.partDescription" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item label="通知单数量"> |
|||
<el-input disabled v-model="delNotifyDetail.notifyQty" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="发货数量"> |
|||
<el-input disabled v-model="delNotifyDetail.shipQty" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item label="销售订单"> |
|||
<el-input disabled v-model="delNotifyDetail.delNotifyNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="客户采购订单"> |
|||
<el-input disabled v-model="delNotifyDetail.customerPONo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item label="内部销售"> |
|||
<el-input disabled v-model="delNotifyDetail.intSales" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="外部销售"> |
|||
<el-input disabled v-model="delNotifyDetail.extSales" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer" style="text-align: center"> |
|||
<el-button type="primary" @click="updateDelNotifyDetailBtn('Y')">合 格</el-button> |
|||
<el-button @click="updateDelNotifyDetailBtn('N')">不 合 格</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
|
|||
<el-dialog |
|||
title="产品图片" |
|||
:visible.sync="checkoutDelNotifyDetailPartPhotoDialogVisible" |
|||
@close="closeDelNotifyDetailPartPhotoDialogVisible" |
|||
width="60%"> |
|||
<el-container> |
|||
<el-aside width="40%"> |
|||
<el-form label-position="top"> |
|||
<el-row> |
|||
<el-col :span="10"> |
|||
<el-form-item :label="'工厂编号：'"> |
|||
<el-input v-model="delNotifyDetail.site" readonly ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10" :offset="2"> |
|||
<el-form-item :label="'产品编码：'" > |
|||
<el-input v-model="delNotifyDetail.partNo" readonly ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="22"> |
|||
<el-form-item :label="'产品名称/规格型号：'" > |
|||
<el-input v-model="delNotifyDetail.partDescription" readonly ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="22"> |
|||
<el-form-item :label="fileTitle?fileTitle:' '"> |
|||
<el-input v-model="fileName" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item :label="' '"> |
|||
<el-button @click="lastPicture()" style="width:100%" type="primary">上一张</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" :offset="2"> |
|||
<el-form-item :label="' '"> |
|||
|
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6" :offset="2"> |
|||
<el-form-item :label="' '"> |
|||
<el-button @click="nextPicture()" style="width: 100%" type="primary">下一张</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-aside> |
|||
<el-main style="height: 300px"> |
|||
<img style="max-width: 100%;max-height: 100%;vertical-align:middle;" :src="photoUrl"> |
|||
</el-main> |
|||
</el-container> |
|||
<span slot="footer" class="dialog-footer" style="text-align: center"> |
|||
<el-button type="primary" @click="checkoutDelNotifyDetailPartPhotoDialogVisible = false">关闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
|
|||
<el-dialog |
|||
title="产品属性" |
|||
:visible.sync="checkoutDelNotifyDetailPartPropertyDialogVisible" |
|||
width="70%"> |
|||
<el-form :model="delNotifyDetail" label-position="top"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="4"> |
|||
<el-form-item :label="'工厂编号：'"> |
|||
<el-input v-model="delNotifyDetail.site" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item :label="'产品编码：'"> |
|||
<el-input v-model="delNotifyDetail.partNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item :label="'产品名称/规格型号：'"> |
|||
<el-input v-model="delNotifyDetail.partDescription" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-tabs v-model="activeTable" style="margin-top: 10px;" type="border-card"> |
|||
<el-tab-pane label="属性" name="tab1"> |
|||
<el-form style="margin-top: 10px;padding-left: 20px" label-position="top"> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="4"> |
|||
<el-form-item :label="'序号：'"> |
|||
<el-input v-model="subCodeSeqNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item :label="'描述：'"> |
|||
<el-input v-model="subCodeDesc" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item :label="' '"> |
|||
<el-button @click="lastData()" type="primary" style="height: 20px;line-height: 12px;font-size: 12px">上一条</el-button> |
|||
<el-button @click="nextData()" type="primary" style="height: 20px;line-height: 12px;font-size: 12px">下一条</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
|
|||
<el-table |
|||
:height="300" |
|||
:data="partSubPropertiesList" |
|||
border stripe |
|||
style="width: 100%;margin-top: 20px"> |
|||
<el-table-column |
|||
prop="propertiesItemNo" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="60" |
|||
label="属性编码"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="itemDesc" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="60" |
|||
label="属性描述"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="textValue" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="60" |
|||
label="文本值"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="numValue" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="60" |
|||
label="数字值"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="valueType" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="60" |
|||
label="属性类型"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="产品结构"> |
|||
1 |
|||
</el-tab-pane> |
|||
<el-tab-pane label="工艺路线"> |
|||
1 |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
<span slot="footer" class="dialog-footer" style="text-align: center;margin-top: 10px"> |
|||
<el-button type="primary" @click="checkoutDelNotifyDetailPartPropertyDialogVisible = false">关闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
searchDelHeaderList, |
|||
searchDelNotifyDetail, |
|||
updateDelNotifyDetail, |
|||
getPhotoAddressData, |
|||
getPartSubPropertiesValueData, |
|||
getPartSubPropertiesValueHeaderData, |
|||
} from '@/api/pad.js' |
|||
import dayjs from "dayjs"; |
|||
import {Decimal} from "decimal.js"; |
|||
export default { |
|||
data() { |
|||
return { |
|||
// 搜索表单对象 |
|||
searchData:{ |
|||
site:"", |
|||
startDate:dayjs().format("YYYY-MM-DD"), |
|||
endDate:dayjs().format("YYYY-MM-DD"), |
|||
customerId:undefined, |
|||
delNotifyNo:undefined, |
|||
no:1, |
|||
size:50, |
|||
total:0, |
|||
}, |
|||
// 主表对象 |
|||
delNotifyHeader:{ |
|||
|
|||
}, |
|||
// 子表对象 |
|||
delNotifyDetail:{ |
|||
|
|||
}, |
|||
// 主表 |
|||
delNotifyHeaderList:[], |
|||
// 子表 |
|||
delNotifyDetailList:[], |
|||
// 产品属性集合 |
|||
partSubPropertiesList:[], |
|||
// 图片集合 |
|||
photoDatas:[], |
|||
no:1, |
|||
size:50, |
|||
total:0, |
|||
delNotifyHeaderTableLoading:false,// 搜索状态 |
|||
checkoutDelNotifyDetailDialogVisible:false,//检验弹框开关 |
|||
checkoutDelNotifyDetailPartPhotoDialogVisible:false,//产品图片弹框 |
|||
checkoutDelNotifyDetailPartPropertyDialogVisible:false,//产品属性弹框 |
|||
photoUrl:"",//图片地址 |
|||
fileTitle:"",//文件标题 |
|||
fileName:"",//文件名称 |
|||
num:1,//图片下标 |
|||
|
|||
activeTable:"tab1",//第一个tab |
|||
subCodeSeqNo:"",//序号 |
|||
subCodeDesc:"",//描述 |
|||
} |
|||
}, |
|||
methods: { |
|||
searchDelHeaderList(){ |
|||
let params = JSON.parse(JSON.stringify(this.searchData)) |
|||
params.no = this.no; |
|||
params.size = this.size; |
|||
this.delNotifyHeaderList = []; |
|||
this.delNotifyDetailList = []; |
|||
this.delNotifyHeaderTableLoading = true; |
|||
searchDelHeaderList(params).then(({data})=>{ |
|||
this.delNotifyHeaderTableLoading = false; |
|||
if (data && data.code === 0){ |
|||
this.delNotifyHeaderList = data.data.records; |
|||
this.total = data.data.total; |
|||
this.delNotifyDetailList = data.data.records[0].delNotifyDetailVoList |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.delNotifyHeaderTableLoading = false; |
|||
}) |
|||
}, |
|||
// 分页 |
|||
sizeChangeHandle(val){ |
|||
this.size = val; |
|||
this.no = 1; |
|||
this.searchDelHeaderList(); |
|||
}, |
|||
currentChangeHandle(val){ |
|||
this.no = val; |
|||
this.searchDelHeaderList(); |
|||
}, |
|||
getSignNumber(number){ |
|||
return new Decimal(number).toSignificantDigits().toNumber() |
|||
}, |
|||
rowClickDelNotifyHeaderTable(row){ |
|||
// 缓存对象 |
|||
this.delNotifyHeader = row |
|||
this.delNotifyDetailList = this.delNotifyHeader.delNotifyDetailVoList; |
|||
}, |
|||
searchDelNotifyDetail(){ |
|||
let params={ |
|||
site :this.delNotifyHeader.site, |
|||
delNotifyNo:this.delNotifyHeader.delNotifyNo, |
|||
} |
|||
searchDelNotifyDetail(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.delNotifyDetailList = data.data; |
|||
let value = this.delNotifyHeaderList.find(item=>{ |
|||
return item.delNotifyNo === this.delNotifyHeader.delNotifyNo && item.site === this.delNotifyHeader.site |
|||
}) |
|||
value.delNotifyDetailList = data.data; |
|||
} |
|||
}) |
|||
}, |
|||
updateDelNotifyDetailBtn(status){ |
|||
this.delNotifyDetail.approveResultFlag = status; |
|||
console.log(this.$store.state.user) |
|||
this.delNotifyDetail.approvedBy = this.$store.state.user.name; |
|||
this.updateDelNotifyDetail(); |
|||
}, |
|||
updateDelNotifyDetail(){ |
|||
updateDelNotifyDetail(this.delNotifyDetail).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.searchDelHeaderList(); |
|||
this.checkoutDelNotifyDetailDialogVisible = false; |
|||
this.$message.success(data.msg) |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error("网络异常") |
|||
}) |
|||
}, |
|||
checkoutDelNotifyDetailBtn(row,i){ |
|||
this.delNotifyDetail = JSON.parse(JSON.stringify(row)); |
|||
switch (i){ |
|||
case 1: |
|||
// this.checkoutDelNotifyDetailPartPropertyDialogVisible = true; |
|||
this.searchData.no = this.no; |
|||
this.searchData.size = this.size; |
|||
this.searchData.total = this.total; |
|||
localStorage.setItem("searchData",JSON.stringify(this.searchData)) |
|||
localStorage.setItem("partData",JSON.stringify(row)) |
|||
localStorage.setItem("delNotifyHeaderList",JSON.stringify(this.delNotifyHeaderList)); |
|||
localStorage.setItem("delNotifyDetailList",JSON.stringify(this.delNotifyDetailList)); |
|||
this.$router.push('/padPartAttribute'); |
|||
break |
|||
case 2: |
|||
this.getPhoto(); |
|||
break |
|||
case 3: |
|||
this.checkoutDelNotifyDetailDialogVisible = true; |
|||
break |
|||
default: |
|||
this.$message.error("选择有误") |
|||
break |
|||
} |
|||
}, |
|||
getPhoto(){ |
|||
let params = { |
|||
site:this.delNotifyDetail.site, |
|||
partNo:this.delNotifyDetail.partNo, |
|||
} |
|||
getPhotoAddressData(params).then(({data}) => { |
|||
this.checkoutDelNotifyDetailPartPhotoDialogVisible = true; |
|||
this.photoDatas = data.rows; |
|||
if(this.photoDatas.length===0){ |
|||
this.fileTitle="文件名 （"+0+"/"+0+")"; |
|||
setTimeout(() => { |
|||
this.$alert('该物料没有上传图片！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
}, 500); |
|||
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; |
|||
}) |
|||
}, |
|||
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; |
|||
}, |
|||
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; |
|||
}, |
|||
closeDelNotifyDetailPartPhotoDialogVisible(){ |
|||
this.num = 1; |
|||
}, |
|||
}, |
|||
created() { |
|||
let item = localStorage.getItem("searchData"); |
|||
if (item){ |
|||
this.searchData = JSON.parse(item); |
|||
this.no = this.searchData.no; |
|||
this.size = this.searchData.size; |
|||
this.total = this.searchData.total; |
|||
this.delNotifyHeaderList = JSON.parse(localStorage.getItem("delNotifyHeaderList")); |
|||
this.delNotifyDetailList = JSON.parse(localStorage.getItem("delNotifyDetailList")); |
|||
localStorage.removeItem("searchData"); |
|||
localStorage.removeItem("delNotifyHeaderList"); |
|||
localStorage.removeItem("delNotifyDetailList"); |
|||
}else { |
|||
this.searchDelHeaderList(); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.el-select-dropdown__item{ |
|||
font-size: 18px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue