|
|
|
|
@ -183,7 +183,28 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="flex"> |
|
|
|
|
<tablecmt |
|
|
|
|
class="w100" |
|
|
|
|
ref="oldColumnListNode" |
|
|
|
|
:columnList="details.detailsColumnList" |
|
|
|
|
:tableData="details.renderData" |
|
|
|
|
:loading="loadingObj.oldListLoading" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
:arraySpanMethod="row => arraySpanMethod(row)" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<template v-if="slotProps.scope.column.label === '运单号'"> |
|
|
|
|
<el-text @click="() => handleGoWayBillDetail(slotProps.scope)">{{ |
|
|
|
|
slotProps.scope.row.waybillNo |
|
|
|
|
}}</el-text> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
|
|
|
|
|
<!-- <div class="flex"> |
|
|
|
|
<el-tabs |
|
|
|
|
v-model="details.type" |
|
|
|
|
tab-position="left" |
|
|
|
|
@ -196,7 +217,6 @@
|
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
|
|
<div class="overflow"> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<tablecmt |
|
|
|
|
class="w100" |
|
|
|
|
ref="oldColumnListNode" |
|
|
|
|
@ -218,7 +238,7 @@
|
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
|
<el-tab-pane label="日 志 跟 踪" name="tab2"> |
|
|
|
|
@ -315,19 +335,31 @@
|
|
|
|
|
" |
|
|
|
|
>添加运输合同图片</el-button |
|
|
|
|
> |
|
|
|
|
<div class="mt10"> |
|
|
|
|
<el-image |
|
|
|
|
class="mr10 carriageContractList_img" |
|
|
|
|
v-for="(item, index) in details.carriageContractList" |
|
|
|
|
style="width: 100px; height: 100px" |
|
|
|
|
:src="item" |
|
|
|
|
:zoom-rate="1.2" |
|
|
|
|
:max-scale="7" |
|
|
|
|
:min-scale="0.2" |
|
|
|
|
:preview-src-list="details.carriageContractList" |
|
|
|
|
:initial-index="index" |
|
|
|
|
fit="cover" |
|
|
|
|
/> |
|
|
|
|
<div class="mt10 imgBox flex"> |
|
|
|
|
<div v-for="(item, index) in details.carriageContractList"> |
|
|
|
|
<el-image |
|
|
|
|
class="mr10 carriageContractList_img" |
|
|
|
|
style="width: 100px; height: 100px" |
|
|
|
|
:src="item.url" |
|
|
|
|
:zoom-rate="1.2" |
|
|
|
|
:max-scale="7" |
|
|
|
|
:min-scale="0.2" |
|
|
|
|
:preview-src-list="details.carriageContractList.map(val => val.url)" |
|
|
|
|
:initial-index="index" |
|
|
|
|
fit="cover" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<div class="align-center"> |
|
|
|
|
<el-icon color="#172e60" size="20px"><User /></el-icon> |
|
|
|
|
<span class="mr10 ml10">操作人：</span> |
|
|
|
|
<span>{{ item.createUserName }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="mt10 align-center"> |
|
|
|
|
<el-icon color="#172e60" size="20px"><Clock /></el-icon> |
|
|
|
|
<span class="mr10 ml10">上传时间：</span> |
|
|
|
|
<span>{{ item.createTime }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
@ -739,7 +771,16 @@ const handleFindContractList = async () => {
|
|
|
|
|
const _imgArr = []; |
|
|
|
|
for (let i = 0; i < data.length; i++) { |
|
|
|
|
const value = data[i]; |
|
|
|
|
_imgArr.push(...value.url.split(',')); |
|
|
|
|
const _img = value.url.split(','); |
|
|
|
|
|
|
|
|
|
for (let index = 0; index < _img.length; index++) { |
|
|
|
|
const element = _img[index]; |
|
|
|
|
// _imgArr.push(...value.url.split(',')); |
|
|
|
|
_imgArr.push({ |
|
|
|
|
...value, |
|
|
|
|
url: element, |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
details.carriageContractList = _imgArr; |
|
|
|
|
console.log('_imgArr :>> ', _imgArr); |
|
|
|
|
@ -890,16 +931,17 @@ const arraySpanMethod = (row: any) => {
|
|
|
|
|
/** 提交新增 */ |
|
|
|
|
const handleSubmitAddImg = async () => { |
|
|
|
|
if (details.updateImgList.length === 0) return ElMessage.warning('请选择需要上传的图片'); |
|
|
|
|
const urlList = []; |
|
|
|
|
console.log('details.updateImgList :>> ', details.updateImgList); |
|
|
|
|
for (let i = 0; i < details.updateImgList.length; i++) { |
|
|
|
|
const value = details.updateImgList[i]; |
|
|
|
|
console.log('value :>> ', value); |
|
|
|
|
if (!value.response) return ElMessage.warning('照片上传未完成或上传失败, 请等待或移除'); |
|
|
|
|
if (value.response.data.link) urlList.push(value.response.data.link); |
|
|
|
|
} |
|
|
|
|
details.popUpShow.addImgVisible = false; |
|
|
|
|
details.loadingObj.pageLoading = true; |
|
|
|
|
try { |
|
|
|
|
const urlList = []; |
|
|
|
|
console.log('details.updateImgList :>> ', details.updateImgList); |
|
|
|
|
for (let i = 0; i < details.updateImgList.length; i++) { |
|
|
|
|
const value = details.updateImgList[i]; |
|
|
|
|
console.log('value :>> ', value); |
|
|
|
|
if (value.response.data.link) urlList.push(value.response.data.link); |
|
|
|
|
} |
|
|
|
|
const res = await postAddContractByLoadId({ |
|
|
|
|
loadId: $route.query.loadId, |
|
|
|
|
url: urlList.join(','), |
|
|
|
|
@ -1157,4 +1199,12 @@ watch(
|
|
|
|
|
color: #959a9e; |
|
|
|
|
transition: all 0.3s; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.imgBox { |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
& > div { |
|
|
|
|
padding: 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
