|
|
|
|
@ -2,9 +2,9 @@
|
|
|
|
|
<basic-container> |
|
|
|
|
<div class="avue-crud" v-loading="details.loadingObj.pageLoading"> |
|
|
|
|
<!-- 搜索模块 --> |
|
|
|
|
<el-row v-if="!search"> |
|
|
|
|
<div v-h5uShow="!search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="query" class="el-fr-d"> |
|
|
|
|
<el-form :inline="true" :model="query" class="header_search"> |
|
|
|
|
<el-form-item label="扫码时间:" class="el-times"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="stockupDate" |
|
|
|
|
@ -37,28 +37,31 @@
|
|
|
|
|
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 控件模块 --> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" icon="Edit" @click="handleEditWarehouse"> |
|
|
|
|
修改归属仓库 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
<el-button icon="el-icon-search" @click="searchHide" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex-c-sb"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left"> |
|
|
|
|
<el-button type="primary" icon="Edit" @click="handleEditWarehouse"> |
|
|
|
|
修改归属仓库 |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<el-button type="primary" icon="Picture" @click="handleShowSiginImg"> |
|
|
|
|
上传签收图片 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__right"> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button> |
|
|
|
|
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
|
|
|
|
<el-button icon="el-icon-search" @click="searchHide" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
ref="tableNodeRef" |
|
|
|
|
:columnList="details.columnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
:loading="loadingObj.list" |
|
|
|
|
@ -240,6 +243,78 @@
|
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 上传签收图片 --> |
|
|
|
|
<el-dialog |
|
|
|
|
title="上传签收图片" |
|
|
|
|
v-model="details.popUpShow.uploadSiginImg" |
|
|
|
|
width="30%" |
|
|
|
|
append-to-body |
|
|
|
|
class="truckLoadingDetailPopUp" |
|
|
|
|
> |
|
|
|
|
<el-upload |
|
|
|
|
v-model:file-list="details.fileList" |
|
|
|
|
action="/api/blade-resource/oss/endpoint/put-file" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
:on-preview="handlePictureCardPreview" |
|
|
|
|
:on-success="handleSiginImgSuccess" |
|
|
|
|
:headers="details.headers" |
|
|
|
|
:on-remove="handleRemove" |
|
|
|
|
multiple |
|
|
|
|
> |
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
|
|
|
|
|
<template #file="{ file }"> |
|
|
|
|
<div> |
|
|
|
|
<el-image |
|
|
|
|
:src="file.url" |
|
|
|
|
:preview-src-list="details.viewImgList" |
|
|
|
|
:initial-index="details.viewImgIndex" |
|
|
|
|
fit="cover" |
|
|
|
|
/> |
|
|
|
|
<!-- <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" /> --> |
|
|
|
|
<span class="el-upload-list__item-actions"> |
|
|
|
|
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)"> |
|
|
|
|
<el-icon><zoom-in /></el-icon> |
|
|
|
|
</span> |
|
|
|
|
<!-- <span |
|
|
|
|
v-if="!disabled" |
|
|
|
|
class="el-upload-list__item-delete" |
|
|
|
|
@click="handleDownload(file)" |
|
|
|
|
> |
|
|
|
|
<el-icon><Download /></el-icon> |
|
|
|
|
</span> --> |
|
|
|
|
<span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)"> |
|
|
|
|
<el-icon><Delete /></el-icon> |
|
|
|
|
</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
<!-- 表单按钮 --> |
|
|
|
|
<div class="flex-c-c mt20"> |
|
|
|
|
<el-button icon="Close" @click="details.popUpShow.uploadSiginImg = false"> 取 消 </el-button> |
|
|
|
|
<el-button type="primary" icon="Position" @click="handleSubmitSiginImg"> 提 交 </el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 图片预览 --> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="details.popUpShow.dialogVisible" |
|
|
|
|
width="fit-content" |
|
|
|
|
:show-close="false" |
|
|
|
|
:align-center="true" |
|
|
|
|
class="imgDialogVisible" |
|
|
|
|
> |
|
|
|
|
<!-- <img w-full :src="details.dialogImageUrl" alt="Preview Image" /> --> |
|
|
|
|
<el-image |
|
|
|
|
:src="details.dialogImageUrl" |
|
|
|
|
:preview-src-list="details.viewImgList" |
|
|
|
|
:initial-index="details.viewImgIndex" |
|
|
|
|
fit="cover" |
|
|
|
|
/> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
<edittablehead |
|
|
|
|
@setcolum="setnewcolum" |
|
|
|
|
@ -265,12 +340,15 @@ import {
|
|
|
|
|
postBatchSign, |
|
|
|
|
postSignPackage, |
|
|
|
|
postSignZero, |
|
|
|
|
postUploadSignPhoto, |
|
|
|
|
} from '@/api/distribution/directGoMarket'; |
|
|
|
|
/** 获取字典 */ |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
|
|
|
import { downloadXls, deepClone, debounce } from '@/utils/util'; |
|
|
|
|
import { downloadXls, deepClone, debounce, setNodeHeight } from '@/utils/util'; |
|
|
|
|
import { columnList, detailsColumnList } from '@/option/distribution/directGoMarketDetails'; |
|
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
|
import type { UploadProps } from 'element-plus'; |
|
|
|
|
import { getToken } from '@/utils/auth'; |
|
|
|
|
|
|
|
|
|
const details = reactive<any>({ |
|
|
|
|
/** 是否开启搜索 */ |
|
|
|
|
@ -351,6 +429,8 @@ const details = reactive<any>({
|
|
|
|
|
SiginOrderDetailsVisited: false, |
|
|
|
|
/** 更新签收单归属仓库 */ |
|
|
|
|
editWarehouseVisited: false, |
|
|
|
|
/** 上传签收图片 */ |
|
|
|
|
uploadSiginImg: false, |
|
|
|
|
}, |
|
|
|
|
/** 列表Dom节点 */ |
|
|
|
|
listNode: '', |
|
|
|
|
@ -423,6 +503,14 @@ const details = reactive<any>({
|
|
|
|
|
}, |
|
|
|
|
data: [], |
|
|
|
|
}, |
|
|
|
|
/** 预览图片地址 */ |
|
|
|
|
dialogImageUrl: '', |
|
|
|
|
/** 上传图片文件list */ |
|
|
|
|
fileList: [], |
|
|
|
|
viewImgList: [], |
|
|
|
|
viewImgIndex: 0, |
|
|
|
|
// 图片上传必须携带TOKEN |
|
|
|
|
headers: { 'Blade-Auth': 'Bearer ' + getToken() }, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const { |
|
|
|
|
@ -442,6 +530,8 @@ const {
|
|
|
|
|
const $router = useRouter(); |
|
|
|
|
const $route = useRoute(); |
|
|
|
|
|
|
|
|
|
const tableNodeRef = ref(); |
|
|
|
|
|
|
|
|
|
// vuex实例 |
|
|
|
|
const $store = useStore(); |
|
|
|
|
|
|
|
|
|
@ -646,23 +736,9 @@ const showdrawer = (_flag?: boolean, _type?: string) => {
|
|
|
|
|
|
|
|
|
|
/** 是否开启搜索区 */ |
|
|
|
|
const searchHide = () => { |
|
|
|
|
function getWinHight() { |
|
|
|
|
var windowHight = 0; |
|
|
|
|
if (document.body.clientHeight && document.documentElement.clientHeight) { |
|
|
|
|
windowHight = |
|
|
|
|
document.body.clientHeight < document.documentElement.clientHeight |
|
|
|
|
? document.body.clientHeight |
|
|
|
|
: document.documentElement.clientHeight; |
|
|
|
|
} else { |
|
|
|
|
} |
|
|
|
|
return document.documentElement.clientHeight; |
|
|
|
|
} |
|
|
|
|
details.search = !details.search; |
|
|
|
|
const timer = setTimeout(() => { |
|
|
|
|
details.listNode.style.height = |
|
|
|
|
getWinHight() - details.listNode.getBoundingClientRect().top - 70 + 'px'; |
|
|
|
|
clearTimeout(timer); |
|
|
|
|
}, 10); |
|
|
|
|
|
|
|
|
|
setNodeHeight(tableNodeRef.value.$el, '', true); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 表格表头输入框搜索 */ |
|
|
|
|
@ -911,6 +987,79 @@ const handleEditWarehouseInfo = async () => {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 显示签收图片 */ |
|
|
|
|
const handleShowSiginImg = () => { |
|
|
|
|
details.popUpShow.uploadSiginImg = true; |
|
|
|
|
details.viewImgList = []; |
|
|
|
|
details.fileList = []; |
|
|
|
|
details.viewImgIndex = 0; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 已上传的文件 */ |
|
|
|
|
const handlePictureCardPreview: UploadProps['onPreview'] = uploadFile => { |
|
|
|
|
details.viewImgList = details.fileList.map(val => val.url); |
|
|
|
|
details.viewImgIndex = details.viewImgList.indexOf(uploadFile.url); |
|
|
|
|
details.dialogImageUrl = uploadFile.url!; |
|
|
|
|
details.popUpShow.dialogVisible = true; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 上传成功 */ |
|
|
|
|
const handleSiginImgSuccess = (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => { |
|
|
|
|
details.viewImgList = details.fileList.map(val => val.url); |
|
|
|
|
for (let i = 0; i < details.fileList.length; i++) { |
|
|
|
|
const value = details.fileList[i]; |
|
|
|
|
console.log('value :>> ', value); |
|
|
|
|
value.imgUrl = !value.response ? value.imgUrl : value.response.data.link; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 图片删除 */ |
|
|
|
|
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => { |
|
|
|
|
for (let i = 0; i < details.fileList.length; i++) { |
|
|
|
|
const value = details.fileList[i]; |
|
|
|
|
|
|
|
|
|
if (value.url === uploadFile.url) details.fileList.splice(i, 1); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 上传签收图片 */ |
|
|
|
|
const handleSubmitSiginImg = async () => { |
|
|
|
|
if (details.fileList.length === 0) return ElMessage.warning('请上传签收图片'); |
|
|
|
|
try { |
|
|
|
|
details.loadingObj.pageLoading = true; |
|
|
|
|
|
|
|
|
|
const submitData = { |
|
|
|
|
signOrderId: $route.query.loadId, |
|
|
|
|
signPhotoList: [], |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
for (let i = 0; i < details.fileList.length; i++) { |
|
|
|
|
const value = details.fileList[i]; |
|
|
|
|
|
|
|
|
|
// 存在id, 为已存在数据, 不做上传 |
|
|
|
|
// if (value.id) continue |
|
|
|
|
|
|
|
|
|
submitData.signPhotoList.push({ |
|
|
|
|
signOrderId: $route.query.loadId, |
|
|
|
|
photoType: 1, |
|
|
|
|
photoUrl: value.imgUrl, |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log('submitData :>> ', submitData); |
|
|
|
|
|
|
|
|
|
const res = await postUploadSignPhoto(submitData); |
|
|
|
|
|
|
|
|
|
const { code, data, msg } = res; |
|
|
|
|
if (code !== 200) return; |
|
|
|
|
ElMessage.success(msg); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log('error :>> ', error); |
|
|
|
|
} finally { |
|
|
|
|
details.loadingObj.pageLoading = false; |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 返回上一页 */ |
|
|
|
|
const back = () => { |
|
|
|
|
$router.push({ |
|
|
|
|
|
