Merge pull request 'feat: 修改按钮距离问题' (#255) from fix/updatesyspic into test

Reviewed-on: #255
20240420keydown
yaoshuli 1 year ago
commit 6da3df16bd

@ -152,7 +152,6 @@ useKeydown('x x', () => {
modal.showModal([taskDetailInfo.value]) modal.showModal([taskDetailInfo.value])
}) })
function setBatch(value: boolean) { function setBatch(value: boolean) {
// if (totalCount.value === 0) // if (totalCount.value === 0)
// return // return
@ -309,8 +308,8 @@ async function handleDragEnd(event, item) {
setBatch(false) setBatch(false)
getTableData() getTableData()
getImgList() getImgList()
}
}else{ else {
message.error(res.message) message.error(res.message)
} }
@ -331,11 +330,10 @@ async function addSuspicious() {
setBatch(false) setBatch(false)
getTableData() getTableData()
getImgList() getImgList()
const searchParams = new URLSearchParams(window.location.search); const searchParams = new URLSearchParams(window.location.search)
const type = searchParams.get('type'); const type = searchParams.get('type')
if(type){ if (type)
router.push({ name: 'final', query: { type: type} }) router.push({ name: 'final', query: { type } })
}
} }
else { else {
message.error(res.message) message.error(res.message)
@ -364,7 +362,7 @@ async function getTableData() {
if (userFieldList.includes(v.name)) { if (userFieldList.includes(v.name)) {
let locationobj = { address: '' } let locationobj = { address: '' }
if (v.name == 'location'&& taskDetailInfo.value.ocrPicture[v.name]!=null&& taskDetailInfo.value.ocrPicture[v.name]!="null") { if (v.name == 'location' && taskDetailInfo.value.ocrPicture[v.name] != null && taskDetailInfo.value.ocrPicture[v.name] != 'null') {
locationobj = JSON.parse( locationobj = JSON.parse(
taskDetailInfo.value.ocrPicture ? taskDetailInfo.value.ocrPicture[v.name] : {}, taskDetailInfo.value.ocrPicture ? taskDetailInfo.value.ocrPicture[v.name] : {},
) )
@ -436,7 +434,8 @@ function immersionHandler() {
toggleFullScreen() toggleFullScreen()
} }
useKeydown('k k', () => { useKeydown('k k', () => {
if (isFullScreen.value) return if (isFullScreen.value)
return
isFullScreen.value = true isFullScreen.value = true
fetchData() fetchData()
window.addEventListener('scroll', checkBottom) window.addEventListener('scroll', checkBottom)
@ -499,13 +498,13 @@ function reloadList(param, text) {
} }
function goBack() { function goBack() {
const searchParams = new URLSearchParams(window.location.search); const searchParams = new URLSearchParams(window.location.search)
const type = searchParams.get('type'); const type = searchParams.get('type')
if(type){ if (type)
router.push({ name: 'final', query: { type: type} }) router.push({ name: 'final', query: { type } })
}else{
else
router.back() router.back()
}
} }
function switchBatch() { function switchBatch() {
@ -627,8 +626,8 @@ function sortHandler(orderby: 'similarityScore' | 'createdate') {
sortBy.orderType = sortBy.orderType === 'asc' ? 'desc' : 'asc' sortBy.orderType = sortBy.orderType === 'asc' ? 'desc' : 'asc'
refreshHandler() refreshHandler()
} }
function nodrage(){ function nodrage() {
message.error("已审批无法移入可疑文件夹中!") message.error('已审批无法移入可疑文件夹中!')
} }
</script> </script>
@ -960,7 +959,7 @@ function nodrage(){
class="item" class="item"
draggable="true" draggable="true"
@dragend=" @dragend="
item.historyStates === 1? handleDragEnd(event, item):nodrage() item.historyStates === 1 ? handleDragEnd(event, item) : nodrage()
" "
> >
@ -1185,7 +1184,7 @@ function nodrage(){
draggable="true" draggable="true"
@dragend=" @dragend="
item.historyStates === 1? handleDragEnd(event, item):nodrage() item.historyStates === 1 ? handleDragEnd(event, item) : nodrage()
" "
> >
@ -1565,6 +1564,7 @@ function nodrage(){
left: 0; left: 0;
bottom: 0; bottom: 0;
z-index: 0; z-index: 0;
border-radius: 0 0 8px 8px;
} }
.mark { .mark {

@ -492,7 +492,7 @@ onUpdated(() => {
</div> </div>
<div class="wrapper-content"> <div class="wrapper-content">
<div class="wrapper-content-form wrapper-m32"> <div class="wrapper-content-form wrapper-m32" style="margin-bottom: 16px;">
<div> <div>
<!-- <n-popselect v-model:value="timeRange" :options="timeOptions" trigger="click" @change="onChange"> <!-- <n-popselect v-model:value="timeRange" :options="timeOptions" trigger="click" @change="onChange">
<div class="wrapper-content-form-dropdown"> <div class="wrapper-content-form-dropdown">
@ -523,7 +523,7 @@ onUpdated(() => {
</div> </div>
</div> </div>
<div> <div>
<div v-show="!showActions" style="margin-bottom: 16px;" class="wrapper-content-form-button" @click="switchBatch()"> <div v-show="!showActions" class="wrapper-content-form-button" @click="switchBatch()">
<SvgIcon style="margin-right: 6px;" size="22" name="batch" /> <SvgIcon style="margin-right: 6px;" size="22" name="batch" />
批量审批 批量审批
</div> </div>
@ -640,6 +640,7 @@ onUpdated(() => {
left: 0; left: 0;
bottom: 0; bottom: 0;
z-index: 0; z-index: 0;
border-radius: 0 0 8px 8px;
} }
.tag-status{ .tag-status{

@ -161,7 +161,7 @@ onMounted(async () => {})
</li> </li>
</ul> </ul>
</div> </div>
<template v-if="showFieldList?.length > 5"> <template v-if="showFieldList?.length > 6">
<div class="absolute bottom-0 py-[8px] pl-[36px] text-[#666] item-action"> <div class="absolute bottom-0 py-[8px] pl-[36px] text-[#666] item-action">
<span class="cursor-pointer" @click.stop="showFull = !showFull"> <span class="cursor-pointer" @click.stop="showFull = !showFull">
<SvgIcon v-if="showFull" style="margin-left: 6px" name="expand" size="16" /> <SvgIcon v-if="showFull" style="margin-left: 6px" name="expand" size="16" />

@ -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() {
@ -579,7 +579,7 @@ defineExpose({
<template> <template>
<div class="wrapper fullscreen-container" :style="fullscreenStyles"> <div class="wrapper fullscreen-container" :style="fullscreenStyles">
<div class="wrapper-header"> <div class="wrapper-header">
<div class="left" > <div class="left">
<span class="font">{{ packageName }}</span> <span class="font">{{ packageName }}</span>
<SvgIcon size="22" class="forward" name="arrow-left" @click="backHandler" /> <SvgIcon size="22" class="forward" name="arrow-left" @click="backHandler" />
<SvgIcon size="22" class="back" name="arrow-right" @click="forwardHandler" /> <SvgIcon size="22" class="back" name="arrow-right" @click="forwardHandler" />
@ -642,7 +642,7 @@ defineExpose({
:style="{ :style="{
'background-image': `url(${taskDetailInfo?.imgurl})`, 'background-image': `url(${taskDetailInfo?.imgurl})`,
'flex': imgbigshow ? '0.6' : '0.98', 'flex': imgbigshow ? '0.6' : '0.98',
'height':imgbigshow?' 100%':'80vh' 'height': imgbigshow ? ' 100%' : '80vh',
}" }"
@mouseover="showAction" @mouseover="showAction"
@ -760,10 +760,10 @@ defineExpose({
position: 'absolute', position: 'absolute',
zIndex: 169, zIndex: 169,
background: 'rgb(80, 122, 253)', background: 'rgb(80, 122, 253)',
right: imgbigshow ? '-23px':'0', right: imgbigshow ? '-23px' : '0',
marginTop: '5px', marginTop: '5px',
width: '2px', width: '2px',
height: imgbigshow?'340px':'79vh', height: imgbigshow ? '340px' : '79vh',
}" }"
/> />
<div <div
@ -771,7 +771,7 @@ defineExpose({
class="aside-collapse-btn" class="aside-collapse-btn"
:style="{ :style="{
position: 'absolute', position: 'absolute',
right: imgbigshow ? '-40px':'-16px', right: imgbigshow ? '-40px' : '-16px',
top: '73px', top: '73px',
cursor: 'pointer', cursor: 'pointer',
zIndex: 170, zIndex: 170,
@ -785,8 +785,6 @@ defineExpose({
</div> </div>
</div> </div>
<PictureInfo v-show="imgbigshow" :task-detail-info="taskDetailInfo" /> <PictureInfo v-show="imgbigshow" :task-detail-info="taskDetailInfo" />
</div> </div>
<div <div
@ -848,7 +846,7 @@ defineExpose({
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper-list" v-if="imgbigshow"> <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"
@ -860,7 +858,7 @@ defineExpose({
> >
<div <div
class="img-wrapper" 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-wrapper">
<div class="time"> <div class="time">
@ -1045,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;
@ -1109,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;

Loading…
Cancel
Save