feat: 修改图片圆角问题

pull/255/head
raofuzi 1 year ago
parent 123f6f2392
commit 721dfb5732

@ -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,14 +498,14 @@ 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() {
setBatch(!batch.value) setBatch(!batch.value)
@ -628,7 +627,7 @@ function sortHandler(orderby: 'similarityScore' | 'createdate') {
refreshHandler() refreshHandler()
} }
function nodrage() { function nodrage() {
message.error("已审批无法移入可疑文件夹中!") message.error('已审批无法移入可疑文件夹中!')
} }
</script> </script>
@ -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 {

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

@ -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() {
@ -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"
@ -782,8 +782,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
@ -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"
@ -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;

Loading…
Cancel
Save