fix:修改沉浸模式样式

pull/171/head
lihui_ocr 1 year ago
parent 43d15cfdcf
commit eec8ad7573

@ -760,6 +760,7 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
isFullScreen isFullScreen
? { ? {
height: '596px', height: '596px',
} }
: {} : {}
" "
@ -803,13 +804,15 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
? imgbigshow ? imgbigshow
? { ? {
position: 'relative', position: 'relative',
flex: 0.75, //width: '70vw',
flex: 1,
// flex: 0.75,
'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`, 'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
} }
: { : {
height: '92vh', height: '92vh',
flex: 1, //flex: 1,
'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`, 'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})`,
} }
: { : {
@ -820,7 +823,7 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
@mouseleave="leaveTaskHandler" @mouseleave="leaveTaskHandler"
@click="previewHandler" @click="previewHandler"
> >
<div v-show="overTask" class="action"> <div v-show="overTask" class="action" style="z-index: 100">
<SvgIcon <SvgIcon
style="cursor: pointer" style="cursor: pointer"
name="t1" name="t1"
@ -959,13 +962,15 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
class="right" class="right"
:style=" :style="
isFullScreen isFullScreen
? { ? {flex: 0.3,
flex: '0.25', // flex: 0,
//width: '30vw',
borderLeft: '2px solid #507AFD', borderLeft: '2px solid #507AFD',
position: 'relative', position: 'relative',
borderRadius: 0, borderRadius: 0,
height:'596px'
} }
: {} : { flex: 0.5}
" "
> >
<div <div
@ -986,8 +991,8 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
/> />
</div> </div>
<n-scrollbar v-if="totalCount > 0" style="max-height: 100%"> <n-scrollbar v-if="totalCount > 0" style="max-height: 100%">
<div class="right-card"> <div class="right-card">
<div v-show="!isFullScreen" class="header"> <div v-show="!isFullScreen" class="header">
<span>相似图片({{ totalCount }})</span> <span>相似图片({{ totalCount }})</span>
<SvgIcon <SvgIcon
style="margin-right: 20px; cursor: pointer" style="margin-right: 20px; cursor: pointer"
@ -1073,12 +1078,12 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
</div> </div>
</div> </div>
<n-scrollbar v-else style="max-height: 100%"> <n-scrollbar v-else style="max-height: 100%">
<n-ellipsis <div
:style="{ fontSize: '22px', fontWeight: 500, color: '#0D0B22' }" :style="{ fontSize: '22px', fontWeight: 500, color: '#0D0B22' }"
> >
{{ taskDetailInfo.fromtaskname }} {{ taskDetailInfo.fromtaskname }}
</n-ellipsis> </div>
<div class="tags"> <div class="tags">
<div <div
v-if="taskDetailInfo?.userapprove?.statshis == 1" v-if="taskDetailInfo?.userapprove?.statshis == 1"
class="tag tag-submiting" class="tag tag-submiting"

@ -42,10 +42,10 @@ function getrowvalue(row) {
:class="item[0].blue ? 'blue' : ''" :class="item[0].blue ? 'blue' : ''"
@click="getrowvalue(item[0])" @click="getrowvalue(item[0])"
> >
<span v-show="item[0].label == '定位信息'"> <span :style="item[0].label == '定位信息'?{cursor:'pointer'}:{}" v-show="item[0].label == '定位信息'">
<SvgIcon class="icon" size="16" name="lctname" <SvgIcon class="icon" size="16" name="lctname"
/></span> /></span>
{{ item[0].value }} <span :style="item[0].label == '定位信息'?{cursor:'pointer'}:{}"> {{ item[0].value }}</span>
</td> </td>
<th v-if="item && item.length > 1"> <th v-if="item && item.length > 1">
{{ item[1].label }} {{ item[1].label }}
@ -55,10 +55,10 @@ function getrowvalue(row) {
:class="item[1].blue ? 'blue' : ''" :class="item[1].blue ? 'blue' : ''"
@click="getrowvalue(item[1])" @click="getrowvalue(item[1])"
> >
<span v-show="item[1].label == '定位信息'"> <span :style="item[0].label == '定位信息'?{cursor:'pointer'}:{}" v-show="item[1].label == '定位信息'">
<SvgIcon class="icon" size="16" name="lctname" /> <SvgIcon class="icon" size="16" name="lctname" />
</span> </span>
{{ item[1].value }} <span :style="item[1].label == '定位信息'?{cursor:'pointer'}:{}"> {{ item[1].value }}</span>
</td> </td>
</tr> </tr>
</table> </table>

@ -33,7 +33,7 @@ function setAsideItemName(text) {
top:0 top:0
} }
:deep(.ip_box){ :deep(.ip_box){
z-index: 105; z-index: 50;
} }
.main { .main {
display: flex; display: flex;

Loading…
Cancel
Save