|
|
|
|
@ -148,7 +148,7 @@ async function loadMore() {
|
|
|
|
|
|
|
|
|
|
const more = await featchList()
|
|
|
|
|
listData.value.push(...more)
|
|
|
|
|
console.log('listData.value11111111111111111', listData.value)
|
|
|
|
|
console.log("listData.value11111111111111111", listData.value);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function featchList() {
|
|
|
|
|
@ -202,9 +202,6 @@ const fullscreenStyles = computed<any>(() => ({
|
|
|
|
|
// 切换全屏状态
|
|
|
|
|
function toggleFullScreen() {
|
|
|
|
|
isFullScreen.value = !isFullScreen.value
|
|
|
|
|
if(!isFullScreen.value){
|
|
|
|
|
imgbigshow.value=true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
onUpdated(() => {
|
|
|
|
|
@ -641,29 +638,23 @@ defineExpose({
|
|
|
|
|
class="left"
|
|
|
|
|
:style="{
|
|
|
|
|
'background-image': `url(${taskDetailInfo?.imgurl})`,
|
|
|
|
|
'flex': imgbigshow ? '0.6' : '0.98',
|
|
|
|
|
'height': imgbigshow ? ' 100%' : '80vh',
|
|
|
|
|
'flex': imgbigshow ? '0.6' : '1',
|
|
|
|
|
}"
|
|
|
|
|
|
|
|
|
|
@click="previewHandler"
|
|
|
|
|
@mouseover="showAction"
|
|
|
|
|
@mouseleave="leaveTaskHandler"
|
|
|
|
|
>
|
|
|
|
|
<div class="footer-times">
|
|
|
|
|
<div class="time" style="margin-bottom: 4px">
|
|
|
|
|
<SvgIcon color="#FFF" size="16" name="camera" />
|
|
|
|
|
<span class="time-value">{{
|
|
|
|
|
taskDetailInfo?.photoDateTimestamp
|
|
|
|
|
? format(taskDetailInfo?.photoDateTimestamp, "yyyy-MM-dd HH:mm:ss")
|
|
|
|
|
: "- -"
|
|
|
|
|
}}
|
|
|
|
|
</span>
|
|
|
|
|
<span class="time-value">{{ taskDetailInfo?.photoDateTimestamp }} </span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time">
|
|
|
|
|
<SvgIcon color="#FFF" size="16" name="save" />
|
|
|
|
|
<span class="time-value">{{
|
|
|
|
|
taskDetailInfo?.submitDateTimestamp
|
|
|
|
|
? format(taskDetailInfo?.submitDateTimestamp, "yyyy-MM-dd HH:mm:ss")
|
|
|
|
|
: "- -"
|
|
|
|
|
: "-"
|
|
|
|
|
}}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
@ -747,49 +738,47 @@ defineExpose({
|
|
|
|
|
@click.stop="handleRejectMainImage"
|
|
|
|
|
/>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
v-if="[1].includes(taskDetailInfo.historyStates)"
|
|
|
|
|
style="cursor: pointer; margin-left: 30px"
|
|
|
|
|
name="t9"
|
|
|
|
|
@click.stop="handleRejectdubiousfileyd(taskDetailInfo.id)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 缩放线 -->
|
|
|
|
|
<div
|
|
|
|
|
v-show="isFullScreen"
|
|
|
|
|
:style="{
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
position: 'fixed',
|
|
|
|
|
zIndex: 169,
|
|
|
|
|
background: 'rgb(80, 122, 253)',
|
|
|
|
|
right: imgbigshow ? '-23px' : '0',
|
|
|
|
|
right: imgbigshow ? '46%' : '16px',
|
|
|
|
|
marginTop: '5px',
|
|
|
|
|
width: '2px',
|
|
|
|
|
height: imgbigshow ? '340px' : '79vh',
|
|
|
|
|
height: '350px',
|
|
|
|
|
}"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
v-show="isFullScreen"
|
|
|
|
|
class="aside-collapse-btn"
|
|
|
|
|
:style="{
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
right: imgbigshow ? '-40px' : '-16px',
|
|
|
|
|
top: '73px',
|
|
|
|
|
position: 'fixed',
|
|
|
|
|
right: imgbigshow ? '45%' : '0px',
|
|
|
|
|
top: '155px',
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
zIndex: 170,
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
:name="imgbigshow ? 'expand-cir' : 'collapse-cir'"
|
|
|
|
|
:name="false ? 'expand-cir' : 'collapse-cir'"
|
|
|
|
|
size="40"
|
|
|
|
|
@click="changeimgbigshow"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<PictureInfo v-show="imgbigshow" :task-detail-info="taskDetailInfo" />
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
|
|
|
|
|
v-if="imgbigshow"
|
|
|
|
|
style="display: flex; justify-content: space-between; padding: 12px 0px 3px 0"
|
|
|
|
|
>
|
|
|
|
|
<div>
|
|
|
|
|
@ -846,7 +835,7 @@ defineExpose({
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="imgbigshow" class="wrapper-list">
|
|
|
|
|
<div class="wrapper-list">
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in listData"
|
|
|
|
|
:key="index"
|
|
|
|
|
@ -858,7 +847,7 @@ defineExpose({
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="img-wrapper"
|
|
|
|
|
:style="{ backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl : bgLoadingImg})` }"
|
|
|
|
|
:style="{ backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl: bgLoadingImg})` }"
|
|
|
|
|
/>
|
|
|
|
|
<div class="time-wrapper">
|
|
|
|
|
<div class="time">
|
|
|
|
|
@ -866,7 +855,7 @@ defineExpose({
|
|
|
|
|
<span class="current-time">{{
|
|
|
|
|
item.photoDateTimestamp
|
|
|
|
|
? formatToDateHMS(Number(item.photoDateTimestamp) || 0)
|
|
|
|
|
: "- -"
|
|
|
|
|
: "-"
|
|
|
|
|
}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="time">
|
|
|
|
|
@ -874,7 +863,7 @@ defineExpose({
|
|
|
|
|
<span class="current-time">{{
|
|
|
|
|
item.submitDateTimestamp
|
|
|
|
|
? formatToDateHMS(Number(item.submitDateTimestamp) || 0)
|
|
|
|
|
: "- -"
|
|
|
|
|
: "-"
|
|
|
|
|
}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -917,7 +906,6 @@ defineExpose({
|
|
|
|
|
@click.stop="singleRejectHandler(item)"
|
|
|
|
|
/>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
v-if="[1].includes(item.historyStates)"
|
|
|
|
|
style="cursor: pointer; margin-left: 30px"
|
|
|
|
|
name="t9"
|
|
|
|
|
@click.stop="handleRejectdubiousfileyd(item.pictureid)"
|
|
|
|
|
@ -1043,7 +1031,7 @@ defineExpose({
|
|
|
|
|
&-detail {
|
|
|
|
|
display: flex;
|
|
|
|
|
height: 350px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
|
|
|
|
.left {
|
|
|
|
|
flex: 0.6;
|
|
|
|
|
// background-size: auto 346px;
|
|
|
|
|
@ -1107,7 +1095,7 @@ defineExpose({
|
|
|
|
|
rgba(0, 0, 0, 0.01),
|
|
|
|
|
rgba(0, 0, 0, 0.71) 100%
|
|
|
|
|
);
|
|
|
|
|
border-radius: 0px 8px 8px 8px;
|
|
|
|
|
border-radius: 0px 8px 8px 0px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
padding-left: 17px;
|
|
|
|
|
|
