pull/1/head
Dragon 1 year ago
parent 30080d27f4
commit 4bc95c1d64

@ -55,3 +55,16 @@ export async function readAllMsg(params) {
return res return res
} }
/**
*
* @returns
*/
export async function msgPolling() {
const res = await http.request({
url: `/ocr/msg/msgPolling`,
method: 'get',
})
return res
}

@ -106,7 +106,7 @@ function highlightText(text, query) {
</template> </template>
</n-input> </n-input>
</div> </div>
<div v-show="showList" class="list_box"> <div v-show="showList && (historyList.length || resultList.length)" class="list_box">
<div <div
v-if="historyList.length" v-if="historyList.length"
class="list_classfiy_item" class="list_classfiy_item"
@ -148,6 +148,7 @@ function highlightText(text, query) {
position: absolute; position: absolute;
top: 20%; top: 20%;
left: 20%; left: 20%;
box-shadow: none!important;
.ip_box{ .ip_box{
z-index: 0; z-index: 0;
position: relative; position: relative;

@ -7,10 +7,12 @@ import RecycleModal from './RecycleModal.vue'
import SearchModal from './SearchModal.vue' import SearchModal from './SearchModal.vue'
import ShortcutModal from './ShortcutModal.vue' import ShortcutModal from './ShortcutModal.vue'
import UserSettings from './UserSettings.vue' import UserSettings from './UserSettings.vue'
import { getMessageList } from '@/api/message/message' import { msgPolling } from '@/api/message/message'
import { getImgUrl } from '@/utils/urlUtils' import { getImgUrl } from '@/utils/urlUtils'
import { useUser } from '@/store/modules/user' import { useUser } from '@/store/modules/user'
import { useTaskStore } from '@/store/modules/task'
const taskStore = useTaskStore()
export default defineComponent({ export default defineComponent({
name: 'PageHeader', name: 'PageHeader',
components: { components: {
@ -77,8 +79,12 @@ export default defineComponent({
}, },
) )
const handleDragOver = (event) => { const handleDragOver = (event, item) => {
event.dataTransfer.dropEffect = 'move' taskStore.setInFile(true)
}
const handleDragLeave = (event, item) => {
taskStore.setInFile(false)
} }
const dropdownSelect = (key) => { const dropdownSelect = (key) => {
@ -139,7 +145,7 @@ export default defineComponent({
} }
async function getMessage() { async function getMessage() {
const res = await getMessageList({ page: 1, size: 10, msgCategory: 1 }) const res = await msgPolling()
if (res.data) if (res.data)
iconList.value[4].icon = 'hasmessage' iconList.value[4].icon = 'hasmessage'
else else
@ -175,6 +181,8 @@ export default defineComponent({
useInfo, useInfo,
getImgUrl, getImgUrl,
getMessage, getMessage,
handleDragOver,
handleDragLeave,
} }
}, },
}) })
@ -199,7 +207,8 @@ export default defineComponent({
v-for="item in iconList" v-for="item in iconList"
:key="item.icon" :key="item.icon"
class="layout-header-trigger layout-header-trigger-min" class="layout-header-trigger layout-header-trigger-min"
@dragover.prevent="handleDragOver" @dragover.prevent="(e) => { handleDragOver(e, item) }"
@dragleave.prevent="(e) => { handleDragLeave(e, item) }"
> >
<div class="back" @click="item.handle"> <div class="back" @click="item.handle">
<SvgIcon :name="item.icon" size="18" /> <SvgIcon :name="item.icon" size="18" />

@ -11,17 +11,22 @@ export const useTaskStore = defineStore({
approvalList: [], approvalList: [],
packageid: '', packageid: '',
immersion: false, immersion: false,
inFile: false, // 是否进入文件夹
}), }),
getters: { getters: {
getActiveId: (state: TaskState) => state.activeId, getActiveId: (state: TaskState) => state.activeId,
getPackageid: (state: TaskState) => state.packageid, getPackageid: (state: TaskState) => state.packageid,
getCurrentIndex: (state: TaskState) => state.currentIndex, getCurrentIndex: (state: TaskState) => state.currentIndex,
getApprovalList: (state: TaskState) => state.approvalList, getApprovalList: (state: TaskState) => state.approvalList,
getInFile: (state: TaskState) => state.inFile,
}, },
actions: { actions: {
setApprovalList(list: any[]) { setApprovalList(list: any[]) {
this.approvalList = list this.approvalList = list
}, },
setInFile(flag: any) {
this.inFile = flag
},
setActive(index: number, taskId?: string) { setActive(index: number, taskId?: string) {
this.currentIndex = index this.currentIndex = index
const task = this.approvalList[index] const task = this.approvalList[index]

@ -234,15 +234,20 @@ function backHandler() {
taskStore.back() taskStore.back()
} }
function handleDragStart(event) {
console.log(888)
// event.dataTransfer.setData('text/plain', event.target.innerText)
}
async function handleDragEnd(event, item) { async function handleDragEnd(event, item) {
// //
console.log(event) const flag = taskStore.getInFile
console.log(item) if (flag) {
await dubiousfileyd({ taskchildid: item.id }) const res = await dubiousfileyd({ taskchildid: item.id })
if (res.code === 'OK') {
message.success('加入成功')
getTableData()
}
else {
message.error(res.message)
}
taskStore.setInFile(false)
}
} }
async function getTableData() { async function getTableData() {
@ -322,8 +327,8 @@ const currentTaskId = computed(() => {
function overTaskHandle() { function overTaskHandle() {
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)
@ -534,7 +539,6 @@ function getPercent(pictureid: string) {
draggable="true" draggable="true"
class="img-wrapper" class="img-wrapper"
:style="{ 'background-image': `url(${item.thumburl})` }" :style="{ 'background-image': `url(${item.thumburl})` }"
@dragstart="handleDragStart"
@dragend="(event) => { handleDragEnd(event, item) }" @dragend="(event) => { handleDragEnd(event, item) }"
/> />
<div class="check"> <div class="check">
@ -784,13 +788,14 @@ function getPercent(pictureid: string) {
margin: 0px 16px 27px 0px; margin: 0px 16px 27px 0px;
.img-wrapper { .img-wrapper {
width: 230px; // width: 230px;
height: 130px; height: 130px;
overflow: hidden; overflow: hidden;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 8px; border-radius: 8px;
cursor: n-resize;
} }
.check { .check {

1
types/task.d.ts vendored

@ -11,6 +11,7 @@ export interface TaskState {
currentIndex: number currentIndex: number
approvalList: any[] approvalList: any[]
immersion: boolean immersion: boolean
inFile: boolean
} }
export interface TaskEntity { export interface TaskEntity {

Loading…
Cancel
Save