|
|
|
@ -1,8 +1,9 @@
|
|
|
|
<script lang="ts" setup>
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import { computed, onMounted, reactive, ref, unref, watch,defineProps } from 'vue'
|
|
|
|
import { computed, defineProps, onMounted, reactive, ref, unref, watch } from 'vue'
|
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
|
import { chunk } from 'lodash-es'
|
|
|
|
import { chunk, cloneDeep } from 'lodash-es'
|
|
|
|
import { useDialog, useMessage } from 'naive-ui'
|
|
|
|
import { useDialog, useMessage } from 'naive-ui'
|
|
|
|
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
import { RepeatModal, RepeatTaskTableModal } from '../comp'
|
|
|
|
import { RepeatModal, RepeatTaskTableModal } from '../comp'
|
|
|
|
import testImg from '@/assets/images/test.png'
|
|
|
|
import testImg from '@/assets/images/test.png'
|
|
|
|
import type { RowData } from '@/config/final'
|
|
|
|
import type { RowData } from '@/config/final'
|
|
|
|
@ -10,10 +11,16 @@ import { getFinalList } from '@/api/final'
|
|
|
|
import { useFinal } from '@/store/modules/final'
|
|
|
|
import { useFinal } from '@/store/modules/final'
|
|
|
|
import { formatToDateHMS } from '@/utils/dateUtil'
|
|
|
|
import { formatToDateHMS } from '@/utils/dateUtil'
|
|
|
|
import { audit } from '@/api/task/task'
|
|
|
|
import { audit } from '@/api/task/task'
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
|
|
|
|
import { cloneDeep } from 'lodash-es'
|
|
|
|
|
|
|
|
import NotPassed from '@/components/Approval/NotPassed.vue'
|
|
|
|
import NotPassed from '@/components/Approval/NotPassed.vue'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const props = defineProps({
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
taskvalue: {
|
|
|
|
|
|
|
|
type: String,
|
|
|
|
|
|
|
|
default: '',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
})
|
|
|
|
const emit = defineEmits(['changeShow'])
|
|
|
|
const emit = defineEmits(['changeShow'])
|
|
|
|
const dialog = useDialog()
|
|
|
|
const dialog = useDialog()
|
|
|
|
const message = useMessage()
|
|
|
|
const message = useMessage()
|
|
|
|
@ -26,13 +33,6 @@ const total = ref(0)
|
|
|
|
const scrollContainer = ref(null)
|
|
|
|
const scrollContainer = ref(null)
|
|
|
|
const tableData = ref<any>([])
|
|
|
|
const tableData = ref<any>([])
|
|
|
|
const finalStore = useFinal()
|
|
|
|
const finalStore = useFinal()
|
|
|
|
const props = defineProps({
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
taskvalue: {
|
|
|
|
|
|
|
|
type: String,
|
|
|
|
|
|
|
|
default: ""
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
let num = 1
|
|
|
|
let num = 1
|
|
|
|
const pagination = reactive({
|
|
|
|
const pagination = reactive({
|
|
|
|
page: 1,
|
|
|
|
page: 1,
|
|
|
|
@ -99,27 +99,25 @@ async function initData(
|
|
|
|
taskName?: string,
|
|
|
|
taskName?: string,
|
|
|
|
) {
|
|
|
|
) {
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue)
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue)
|
|
|
|
if(asideParmas.izyear){
|
|
|
|
if (asideParmas.izyear) {
|
|
|
|
// console.log(asideParmas.izyear)
|
|
|
|
// console.log(asideParmas.izyear)
|
|
|
|
// asideParmas.izuptime = cloneDeep(asideParmas.izyear)
|
|
|
|
// asideParmas.izuptime = cloneDeep(asideParmas.izyear)
|
|
|
|
// asideParmas.izuptime = asideParmas.izyear.split(",");
|
|
|
|
// asideParmas.izuptime = asideParmas.izyear.split(",");
|
|
|
|
let ontime = dayjs(asideParmas.izyear[0]).format(
|
|
|
|
const ontime = dayjs(asideParmas.izyear[0]).format(
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
)
|
|
|
|
)
|
|
|
|
let twotime = dayjs(asideParmas.izyear[1]).format(
|
|
|
|
const twotime = dayjs(asideParmas.izyear[1]).format(
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
)
|
|
|
|
)
|
|
|
|
asideParmas.izuptime =ontime+"-"+twotime
|
|
|
|
asideParmas.izuptime = `${ontime}-${twotime}`
|
|
|
|
// delete asideParmas.izyear
|
|
|
|
// delete asideParmas.izyear
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
let params = asideParmas
|
|
|
|
const params = asideParmas
|
|
|
|
if (params?.izshowall == true)
|
|
|
|
if (params?.izshowall == true) {
|
|
|
|
{
|
|
|
|
|
|
|
|
params.isFail = true
|
|
|
|
params.isFail = true
|
|
|
|
delete params.izshowall;
|
|
|
|
delete params.izshowall
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const result = await getFinalList({
|
|
|
|
const result = await getFinalList({
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
@ -131,10 +129,10 @@ async function initData(
|
|
|
|
...params,
|
|
|
|
...params,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
const { data, pageCount, totalCount } = result
|
|
|
|
const { data, pageCount, totalCount } = result
|
|
|
|
//console.log(data, pageCount, totalCount)
|
|
|
|
// console.log(data, pageCount, totalCount)
|
|
|
|
// tableData.value = tableData.value.concat(data);
|
|
|
|
// tableData.value = tableData.value.concat(data);
|
|
|
|
tableData.value = data
|
|
|
|
tableData.value = data
|
|
|
|
// console.log(tableData.value)
|
|
|
|
// console.log(tableData.value)
|
|
|
|
total.value = totalCount
|
|
|
|
total.value = totalCount
|
|
|
|
pagination.page = page
|
|
|
|
pagination.page = page
|
|
|
|
pagination.pageCount = Math.ceil(totalCount / pageSize)
|
|
|
|
pagination.pageCount = Math.ceil(totalCount / pageSize)
|
|
|
|
@ -158,38 +156,36 @@ async function query(
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue)
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue)
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
if(asideParmas.izyear){
|
|
|
|
if (asideParmas.izyear) {
|
|
|
|
// console.log(asideParmas.izyear)
|
|
|
|
// console.log(asideParmas.izyear)
|
|
|
|
// asideParmas.izuptime = cloneDeep(asideParmas.izyear)
|
|
|
|
// asideParmas.izuptime = cloneDeep(asideParmas.izyear)
|
|
|
|
// asideParmas.izuptime = asideParmas.izyear.split(",");
|
|
|
|
// asideParmas.izuptime = asideParmas.izyear.split(",");
|
|
|
|
let ontime = dayjs(asideParmas.izyear[0]).format(
|
|
|
|
const ontime = dayjs(asideParmas.izyear[0]).format(
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
)
|
|
|
|
)
|
|
|
|
let twotime = dayjs(asideParmas.izyear[1]).format(
|
|
|
|
const twotime = dayjs(asideParmas.izyear[1]).format(
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
'YYYY/MM/DD',
|
|
|
|
)
|
|
|
|
)
|
|
|
|
asideParmas.izuptime =ontime+"-"+twotime
|
|
|
|
asideParmas.izuptime = `${ontime}-${twotime}`
|
|
|
|
// delete asideParmas.izyear
|
|
|
|
// delete asideParmas.izyear
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
let params = asideParmas
|
|
|
|
let params = asideParmas
|
|
|
|
if (params?.izshowall == true)
|
|
|
|
if (params?.izshowall == true) {
|
|
|
|
{
|
|
|
|
|
|
|
|
params.isFail = true
|
|
|
|
params.isFail = true
|
|
|
|
delete params.izshowall;
|
|
|
|
delete params.izshowall
|
|
|
|
}
|
|
|
|
}
|
|
|
|
params = params?.izshowall ? {isFail:true} : params;
|
|
|
|
params = params?.izshowall ? { isFail: true } : params
|
|
|
|
const result = await getFinalList({
|
|
|
|
const result = await getFinalList({
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
pageSize,
|
|
|
|
pageSize,
|
|
|
|
currPage: page,
|
|
|
|
currPage: page,
|
|
|
|
sortname: sortname.value,
|
|
|
|
sortname: sortname.value,
|
|
|
|
taskName,
|
|
|
|
taskName,
|
|
|
|
// isFail: true,
|
|
|
|
// isFail: true,
|
|
|
|
...params,
|
|
|
|
...params,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
const { data, pageCount, totalCount } = result
|
|
|
|
const { data, pageCount, totalCount } = result
|
|
|
|
console.log(data, pageCount, totalCount);
|
|
|
|
console.log(data, pageCount, totalCount)
|
|
|
|
const newlist = []
|
|
|
|
const newlist = []
|
|
|
|
const oldlist = tableData.value
|
|
|
|
const oldlist = tableData.value
|
|
|
|
if (oldlist.length > 0) {
|
|
|
|
if (oldlist.length > 0) {
|
|
|
|
@ -239,7 +235,7 @@ function isValidTimestamp(value) {
|
|
|
|
function goDetail(row) {
|
|
|
|
function goDetail(row) {
|
|
|
|
router.push({
|
|
|
|
router.push({
|
|
|
|
name: 'final-detail',
|
|
|
|
name: 'final-detail',
|
|
|
|
query: { id: row.id, packageid: row.packageid, taskindex: row.taskNode, type:'card' },
|
|
|
|
query: { id: row.id, packageid: row.packageid, taskindex: row.taskNode, type: 'card' },
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 小结批量不通过
|
|
|
|
// 小结批量不通过
|
|
|
|
@ -271,8 +267,8 @@ function showModal(modalRef: any) {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
onMounted(() => {
|
|
|
|
onMounted(() => {
|
|
|
|
initRem()
|
|
|
|
initRem()
|
|
|
|
|
|
|
|
|
|
|
|
initData(1, 20,{},props.taskvalue)
|
|
|
|
initData(1, 20, {}, props.taskvalue)
|
|
|
|
})
|
|
|
|
})
|
|
|
|
const item = {
|
|
|
|
const item = {
|
|
|
|
img: testImg,
|
|
|
|
img: testImg,
|
|
|
|
@ -313,14 +309,14 @@ function doAudit(param: any, row: any) {
|
|
|
|
if (code === 'OK') {
|
|
|
|
if (code === 'OK') {
|
|
|
|
message.success(res.message)
|
|
|
|
message.success(res.message)
|
|
|
|
// changecardstatus(3, row);
|
|
|
|
// changecardstatus(3, row);
|
|
|
|
initData(1, 20,{},props.taskvalue)
|
|
|
|
initData(1, 20, {}, props.taskvalue)
|
|
|
|
num = 1
|
|
|
|
num = 1
|
|
|
|
reload()
|
|
|
|
reload()
|
|
|
|
selectionIds.value = []
|
|
|
|
selectionIds.value = []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
else {
|
|
|
|
message.error(res.message)
|
|
|
|
message.error(res.message)
|
|
|
|
selectionIds.value = []
|
|
|
|
selectionIds.value = []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -423,7 +419,6 @@ function checkBottom() {
|
|
|
|
if (!container)
|
|
|
|
if (!container)
|
|
|
|
return
|
|
|
|
return
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// const { scrollTop, clientHeight, scrollHeight } = container;
|
|
|
|
// const { scrollTop, clientHeight, scrollHeight } = container;
|
|
|
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop
|
|
|
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop
|
|
|
|
|
|
|
|
|
|
|
|
@ -435,13 +430,13 @@ function checkBottom() {
|
|
|
|
const scrollHeight = document.documentElement.scrollHeight
|
|
|
|
const scrollHeight = document.documentElement.scrollHeight
|
|
|
|
|
|
|
|
|
|
|
|
clearTimeout(debounceTimer)
|
|
|
|
clearTimeout(debounceTimer)
|
|
|
|
// console.log(pagination)
|
|
|
|
// console.log(pagination)
|
|
|
|
debounceTimer = setTimeout(() => {
|
|
|
|
debounceTimer = setTimeout(() => {
|
|
|
|
if (scrollTop + clientHeight >= scrollHeight -500&&!(pagination.pageCount<num)) {
|
|
|
|
if (scrollTop + clientHeight >= scrollHeight - 500 && !(pagination.pageCount < num)) {
|
|
|
|
num = num + 1
|
|
|
|
num = num + 1
|
|
|
|
console.log(num)
|
|
|
|
console.log(num)
|
|
|
|
console.log( pagination.pageCount)
|
|
|
|
console.log(pagination.pageCount)
|
|
|
|
query(num, 20,{},props.taskvalue)
|
|
|
|
query(num, 20, {}, props.taskvalue)
|
|
|
|
// fetchData(); // 接近底部时加载更多数据
|
|
|
|
// fetchData(); // 接近底部时加载更多数据
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, 500)
|
|
|
|
}, 500)
|
|
|
|
@ -471,18 +466,18 @@ function changesort(sortnamex) {
|
|
|
|
sortorder.value = 'asc'
|
|
|
|
sortorder.value = 'asc'
|
|
|
|
sortname.value = 'field1'
|
|
|
|
sortname.value = 'field1'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
initData(1, 20,{},props.taskvalue)
|
|
|
|
initData(1, 20, {}, props.taskvalue)
|
|
|
|
num = 1
|
|
|
|
num = 1
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function notpass (){
|
|
|
|
function notpass() {
|
|
|
|
initData(1, 20,{},props.taskvalue)
|
|
|
|
initData(1, 20, {}, props.taskvalue)
|
|
|
|
selectionIds.value = []
|
|
|
|
selectionIds.value = []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
watch(
|
|
|
|
watch(
|
|
|
|
() => finalStore.asideValue,
|
|
|
|
() => finalStore.asideValue,
|
|
|
|
(newVal, oldVal) => {
|
|
|
|
(newVal, oldVal) => {
|
|
|
|
initData(1, 20,{},props.taskvalue)
|
|
|
|
initData(1, 20, {}, props.taskvalue)
|
|
|
|
num=1
|
|
|
|
num = 1
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{ deep: true },
|
|
|
|
{ deep: true },
|
|
|
|
)
|
|
|
|
)
|
|
|
|
@ -594,13 +589,13 @@ defineExpose({
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="width: 3vw">
|
|
|
|
<div style="width: 3vw">
|
|
|
|
<!--<SvgIcon name="magnifying-1" size="18" style="margin-right: 8px" />
|
|
|
|
<!-- <SvgIcon name="magnifying-1" size="18" style="margin-right: 8px" />
|
|
|
|
<SvgIcon
|
|
|
|
<SvgIcon
|
|
|
|
style="cursor: pointer"
|
|
|
|
style="cursor: pointer"
|
|
|
|
size="18"
|
|
|
|
size="18"
|
|
|
|
name="column"
|
|
|
|
name="column"
|
|
|
|
@click="showModal(customTabelRef)"
|
|
|
|
@click="showModal(customTabelRef)"
|
|
|
|
/>-->
|
|
|
|
/> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div ref="scrollContainer" :class="tableData.length > 4 ? 'cotnet_wrapeer' : 'cotnet_wrapeertwo'" @scroll="checkBottom">
|
|
|
|
<div ref="scrollContainer" :class="tableData.length > 4 ? 'cotnet_wrapeer' : 'cotnet_wrapeertwo'" @scroll="checkBottom">
|
|
|
|
|
