feat:动态的 #160

Merged
zhaohui merged 1 commits from fix/change_task into test 1 year ago

@ -43,6 +43,10 @@ function showModal(value) {
function closeModal() { function closeModal() {
show.value = false show.value = false
emit('close') emit('close')
formData.disposeTypeId='262403670085013522'
formData.failCauseId= '260402999231251188'
formData.comment= ''
} }
defineExpose({ defineExpose({
@ -114,6 +118,9 @@ async function handleSumbit(e: MouseEvent) {
} }
} }
}) })
formData.disposeTypeId='262403670085013522'
formData.failCauseId= '260402999231251188'
formData.comment= ''
} }
async function selectChange(id) { async function selectChange(id) {

@ -1,7 +1,7 @@
import { defineStore } from 'pinia'
import type { TaskState } from '/#/task'
import { getApprovalList } from '@/api/task/task' import { getApprovalList } from '@/api/task/task'
import { store } from '@/store' import { store } from '@/store'
import { defineStore } from 'pinia'
import type { TaskState } from '/#/task'
export const useTaskStore = defineStore({ export const useTaskStore = defineStore({
id: 'task-store', id: 'task-store',
@ -12,6 +12,7 @@ export const useTaskStore = defineStore({
packageid: '', packageid: '',
immersion: false, immersion: false,
inFile: false, // 是否进入文件夹 inFile: false, // 是否进入文件夹
inFileId:"",
}), }),
getters: { getters: {
getActiveId: (state: TaskState) => state.activeId, getActiveId: (state: TaskState) => state.activeId,
@ -19,6 +20,7 @@ export const useTaskStore = defineStore({
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, getInFile: (state: TaskState) => state.inFile,
getInFileId: (state: TaskState) => state.inFileId,
}, },
actions: { actions: {
setApprovalList(list: any[]) { setApprovalList(list: any[]) {
@ -27,6 +29,9 @@ export const useTaskStore = defineStore({
setInFile(flag: any) { setInFile(flag: any) {
this.inFile = flag this.inFile = flag
}, },
setInFileId(id: any) {
this.inFileId = id
},
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]

@ -1,6 +1,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { format } from 'date-fns' import { format } from 'date-fns'
import { computed } from 'vue' import { computed,watch ,ref} from 'vue'
defineOptions({ name: 'ListItem' }) defineOptions({ name: 'ListItem' })
@ -18,9 +18,19 @@ const props = defineProps({
default: () => [], default: () => [],
}, },
}) })
const listItem = ref(props.listItem)
const svgName = computed(() => { const svgName = computed(() => {
return props.selected ? 'task-select' : 'task' return props.selected ? 'task-select' : 'task'
}) })
watch(
() => props.listItem,
(newVal) => {
console.log(props.listItem)
listItem.value = newVal
},
)
</script> </script>
<template> <template>

@ -26,8 +26,11 @@ const pagination = reactive({
pageSize: 30, pageSize: 30,
}) })
function selectHandler(id: string, index: number) { function selectHandler(item, index: number) {
taskStore.setActive(index) activeId.value = item.id
console.log(activeId.value,item.id)
console.log(index)
taskStore.setActive(index,item.id)
} }
useInfiniteScroll( useInfiniteScroll(
@ -73,10 +76,39 @@ async function fetchList() {
watch( watch(
() => taskStore.activeId, () => taskStore.activeId,
(newVal) => { (newVal) => {
activeId.value = newVal // activeId.value = newVal
}, },
) )
watch(
() => taskStore.inFileId,
async (newVal) => {
let newlist=[]
let filterid=newVal.taskname
console.log(filterid)
const index = data.value.findIndex(person => person.fromtaskname === filterid);
let ovelist = data.value.filter(item => item. fromtaskname !== filterid);
ovelist.map((item)=>{
newlist.push(item)
})
data.value=newlist
activeId.value = newlist[index].id
taskStore.setActive(index,newlist[index].id)
//taskStore.setActive(index)
// activeId.value = data[index+1].id
//selectHandler(data[index].id, index)
/* let ovelist = data.value.filter(item => item. fromtaskname !== filterid);
let newlist=[]
ovelist.map((item)=>{
newlist.push(item)
})
data.value=newlist
taskStore.setActive(2)
alert(1)*/
}
);
function reset() { function reset() {
pagination.pageNo = 0 pagination.pageNo = 0
pagination.pageSize = 30 pagination.pageSize = 30
@ -103,6 +135,8 @@ onMounted(() => {
await reset(); await reset();
searchId.value = id; searchId.value = id;
data.value = await fetchList(); data.value = await fetchList();
activeId.value = data.value[0].id
console.log(data.value)
}) })
}) })
@ -128,14 +162,17 @@ defineExpose({
<template> <template>
<n-spin :show="isLoading"> <n-spin :show="isLoading">
<div ref="el" class="list"> <div ref="el" class="list">
<ListItem <ListItem
v-for="(item, index) in data" v-for="(item, index) in data"
:key="item.id" :key="item.id"
:show-field-list="showFieldList" :show-field-list="showFieldList"
:selected="activeId === item.id" :selected="activeId === item.id"
:list-item="item" :list-item="item"
@click="selectHandler(item.id, index)" @click="selectHandler(item, index)"
/> >
</ListItem>
</div> </div>
</n-spin> </n-spin>
</template> </template>

@ -358,9 +358,11 @@ async function handleDragEnd(event, item) {
message.error(res.message); message.error(res.message);
} }
taskStore.setInFile(false); taskStore.setInFile(false);
taskStore.setInFile(item.pictureId);
} }
} }
async function addSuspicious() { async function addSuspicious() {
taskStore.setInFileId(taskDetailInfo.value.ocrPicture);
console.log(taskDetailInfo.value.ocrPicture); console.log(taskDetailInfo.value.ocrPicture);
if (taskDetailInfo.value.ocrPicture.pictureid) { if (taskDetailInfo.value.ocrPicture.pictureid) {
const res = await dubiousfileyd({ const res = await dubiousfileyd({
@ -548,6 +550,7 @@ function overTaskHandelr(item: any) {
overTasktwo.value = item; overTasktwo.value = item;
} }
function closePassno() { function closePassno() {
console.log(notPassModalRef.value)
overTask.value = null; overTask.value = null;
} }
//const loadingx = ref(false); //const loadingx = ref(false);
@ -1389,6 +1392,7 @@ function sortHandler(orderby: "similarityScore" | "createdate") {
</div>--> </div>-->
</div> </div>
<NotPassed <NotPassed
ref="notPassModalRef" ref="notPassModalRef"
@success="notPassSuccess" @success="notPassSuccess"
@close="closePassno" @close="closePassno"

3
types/task.d.ts vendored

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

Loading…
Cancel
Save