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