guoxiangbin
/
ocr-web
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feat: 修改图片圆角问题

Browse Source
pull/255/head
raofuzi 1 year ago
parent 123f6f2392
commit 721dfb5732
3 changed files with 88 additions and 89 deletions
Show Stats Download Patch File Download Diff File

78
src/views/task/content/Content.vue
Unescape View File

@ -128,31 +128,30 @@ useKeydown('right', forwardHandler)
useKeydown('left', backHandler) useKeydown('left', backHandler)
useKeydown('p p', () => { useKeydown('p p', () => {
const item = taskDetailInfo.value const item = taskDetailInfo.value
if (item?.userapprove?.statshis === 2 || item?.userapprove?.statshis == 3) { if (item?.userapprove?.statshis === 2 || item?.userapprove?.statshis == 3) {
overTask.value = null overTask.value = null
return return
} }
if (validate([item]) == null && batch.value === false) if (validate([item]) == null && batch.value === false)
overTask.value = item overTask.value = item
// 执行想要的操作 // 执行想要的操作
approvalHandler() approvalHandler()
}) })
useKeydown('x x', () => { useKeydown('x x', () => {
const item = taskDetailInfo.value const item = taskDetailInfo.value
if (item?.userapprove?.statshis === 2 || item?.userapprove?.statshis == 3) { if (item?.userapprove?.statshis === 2 || item?.userapprove?.statshis == 3) {
overTask.value = null overTask.value = null
return return
} }
if (validate([item]) == null && batch.value === false) if (validate([item]) == null && batch.value === false)
overTask.value = item overTask.value = item
// 执行想要的操作 // 执行想要的操作
const modal = unref(notPassModalRef)! as any const modal = unref(notPassModalRef)! as any
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,9 +308,9 @@ async function handleDragEnd(event, item) {
setBatch(false) setBatch(false)
getTableData() getTableData()
getImgList() getImgList()
}
}else{ else {
message.error(res.message) message.error(res.message)
} }
taskStore.setInFile(false) taskStore.setInFile(false)
@ -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] : {},
) )
@ -427,7 +425,7 @@ function showActionsModal() {
onUnmounted(() => { onUnmounted(() => {
taskStore.reset() taskStore.reset()
window.removeEventListener('scroll', checkBottom) window.removeEventListener('scroll', checkBottom)
}) })
function immersionHandler() { function immersionHandler() {
@ -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{
router.back() else
} 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 {

1
src/views/task/modal/BatchModal.vue
Unescape View File

@ -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{

82
src/views/worksheet/content/Content.vue
Unescape View File

@ -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() {
@ -576,7 +576,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" />
@ -598,7 +598,7 @@ defineExpose({
<n-tooltip <n-tooltip
v-else v-else
placement="bottom" placement="bottom"
> >
<template #trigger> <template #trigger>
<SvgIcon <SvgIcon
size="20" size="20"
@ -639,7 +639,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"
@ -648,7 +648,7 @@ defineExpose({
<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">{{ <span class="time-value">{{
taskDetailInfo?.photoDateTimestamp taskDetailInfo?.photoDateTimestamp
? format(taskDetailInfo?.photoDateTimestamp, "yyyy-MM-dd HH:mm:ss") ? format(taskDetailInfo?.photoDateTimestamp, "yyyy-MM-dd HH:mm:ss")
: "- -" : "- -"
@ -750,45 +750,43 @@ defineExpose({
@click.stop="handleRejectdubiousfileyd(taskDetailInfo.id)" @click.stop="handleRejectdubiousfileyd(taskDetailInfo.id)"
/> />
</div> </div>
<!-- 缩放线 --> <!-- 缩放线 -->
<div <div
v-show="isFullScreen" v-show="isFullScreen"
:style="{ :style="{
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
v-show="isFullScreen"
class="aside-collapse-btn"
:style="{
position: 'absolute',
right: imgbigshow ? '-40px':'-16px',
top: '73px',
cursor: 'pointer',
zIndex: 170,
}"
>
<SvgIcon
:name="imgbigshow ? 'expand-cir' : 'collapse-cir'"
size="40"
@click="changeimgbigshow"
/> />
<div
v-show="isFullScreen"
class="aside-collapse-btn"
:style="{
position: 'absolute',
right: imgbigshow ? '-40px' : '-16px',
top: '73px',
cursor: 'pointer',
zIndex: 170,
}"
>
<SvgIcon
:name="imgbigshow ? 'expand-cir' : 'collapse-cir'"
size="40"
@click="changeimgbigshow"
/>
</div>
</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" 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>
@ -845,7 +843,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"
@ -857,7 +855,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">
@ -916,7 +914,7 @@ defineExpose({
@click.stop="singleRejectHandler(item)" @click.stop="singleRejectHandler(item)"
/> />
<SvgIcon <SvgIcon
v-if="[1].includes(item.historyStates)" 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)"
@ -1042,7 +1040,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;
@ -1106,7 +1104,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;

Write Preview
Loading…
Cancel
Save