|
|
|
|
@ -21,8 +21,13 @@ import { getAllfieldList, getfieldList } from '@/api/home/filter'
|
|
|
|
|
import { useTaskStore } from '@/store/modules/task'
|
|
|
|
|
import emitter from '@/utils/mitt'
|
|
|
|
|
import { useConfig } from '@/store/modules/asideConfig'
|
|
|
|
|
import { getConditionList } from "@/api/home/filter";
|
|
|
|
|
import { getConditionList } from "@/api/home/filter";
|
|
|
|
|
import type { FilterSearchParam } from "/#/api";
|
|
|
|
|
import { useRoute } from 'vue-router'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const route = useRoute()
|
|
|
|
|
const searchContent = route.query.searchContent as string;
|
|
|
|
|
const CustomFieldModalRef = ref(null)
|
|
|
|
|
const collapse = ref(false)
|
|
|
|
|
const taskStore = useTaskStore()
|
|
|
|
|
@ -130,25 +135,25 @@ async function getshowFieldList() {
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
getshowFieldList()
|
|
|
|
|
window.addEventListener("keydown", handleKeydown);
|
|
|
|
|
init()
|
|
|
|
|
window.addEventListener("keydown", handleKeydown);
|
|
|
|
|
init()
|
|
|
|
|
})
|
|
|
|
|
async function init(){
|
|
|
|
|
async function init() {
|
|
|
|
|
try {
|
|
|
|
|
const searchParam: FilterSearchParam = {
|
|
|
|
|
search_searchname: { value: "", op: "like", type: "string" },
|
|
|
|
|
};
|
|
|
|
|
const result = await getConditionList(1, searchParam,2);
|
|
|
|
|
const result = await getConditionList(1, searchParam, 2);
|
|
|
|
|
const { data } = result;
|
|
|
|
|
if(data[0]){
|
|
|
|
|
if (data[0]) {
|
|
|
|
|
AdvanceFilterRef.value.setCurrentlySelectedAdvanced(data[0].searchname);
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
filterHandler(data[0].id)
|
|
|
|
|
filterHandler(data[0].id)
|
|
|
|
|
}, 1000);
|
|
|
|
|
//filterHandler(data[0].id);
|
|
|
|
|
//filterHandler(data[0].id);
|
|
|
|
|
}
|
|
|
|
|
// pagination.pageNo += 1
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
return [];
|
|
|
|
|
} finally {
|
|
|
|
|
@ -156,7 +161,8 @@ async function init(){
|
|
|
|
|
//currentlySelectedAdvanced.value="邱霞"
|
|
|
|
|
}
|
|
|
|
|
function handleKeydown(event) {
|
|
|
|
|
if (event.key === "s") setShowSearch(true)}
|
|
|
|
|
if (event.key === "s") setShowSearch(true)
|
|
|
|
|
}
|
|
|
|
|
// 滚动容器，让key对应模块处于可视区域
|
|
|
|
|
function scrollHandler(key: string) {
|
|
|
|
|
const element = document.querySelector(`#${key}`)
|
|
|
|
|
@ -200,6 +206,18 @@ defineExpose({
|
|
|
|
|
setAsideItemName,
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const initSerach = () => {
|
|
|
|
|
if (searchContent) {
|
|
|
|
|
setShowSearch(true);
|
|
|
|
|
const id_param = searchContent.match(/-\d+-/);
|
|
|
|
|
if (id_param) {
|
|
|
|
|
search.value = id_param[0].slice(1, -1);
|
|
|
|
|
inputHandler(id_param[0].slice(1, -1));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
initSerach();
|
|
|
|
|
|
|
|
|
|
const handleOk = (item: any) => {
|
|
|
|
|
if (item) {
|
|
|
|
|
AdvanceFilterRef.value.setCurrentlySelectedAdvanced(item.searchname);
|
|
|
|
|
@ -212,19 +230,14 @@ const handleOk = (item: any) => {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div
|
|
|
|
|
class="aside"
|
|
|
|
|
:style="asideStyle"
|
|
|
|
|
@mouseenter="asideEnter = true"
|
|
|
|
|
@mouseleave="asideEnter = false"
|
|
|
|
|
>
|
|
|
|
|
<div class="aside" :style="asideStyle" @mouseenter="asideEnter = true" @mouseleave="asideEnter = false">
|
|
|
|
|
<div v-show="showCollapse" class="aside-collapse">
|
|
|
|
|
<div class="aside-collapse-btn" @click="collapseHandler">
|
|
|
|
|
<SvgIcon :name="collapseIcon" size="40" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="aside-header" :style="`display:${asideWidth == 0?'none':''}`" >
|
|
|
|
|
|
|
|
|
|
<div class="aside-header" :style="`display:${asideWidth == 0 ? 'none' : ''}`">
|
|
|
|
|
<!-- <div v-show="!showSearch" class="warpper">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<svg-icon name="all-worksheet" size="32" />
|
|
|
|
|
@ -246,55 +259,24 @@ const handleOk = (item: any) => {
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- 高级筛选 -->
|
|
|
|
|
<AdvanceFilter
|
|
|
|
|
v-show="!showSearch"
|
|
|
|
|
:type="2"
|
|
|
|
|
@select="filterHandler"
|
|
|
|
|
@update:search="setShowSearch(true)"
|
|
|
|
|
@show-custom="showModal(CustomFieldModalRef)"
|
|
|
|
|
@show-filter="showModal(filterModalRef)"
|
|
|
|
|
ref="AdvanceFilterRef"
|
|
|
|
|
/>
|
|
|
|
|
<AdvanceFilter v-show="!showSearch" :type="2" @select="filterHandler" @update:search="setShowSearch(true)"
|
|
|
|
|
@show-custom="showModal(CustomFieldModalRef)" @show-filter="showModal(filterModalRef)" ref="AdvanceFilterRef" />
|
|
|
|
|
|
|
|
|
|
<div v-show="showSearch" class="warpper">
|
|
|
|
|
<n-input
|
|
|
|
|
v-model:value="search"
|
|
|
|
|
style="flex: 1; height: 32px"
|
|
|
|
|
placeholder="请输入你需要搜索的内容"
|
|
|
|
|
@input="inputHandler"
|
|
|
|
|
>
|
|
|
|
|
<n-input v-model:value="search" style="flex: 1; height: 32px" placeholder="请输入你需要搜索的内容" @input="inputHandler">
|
|
|
|
|
<template #suffix>
|
|
|
|
|
<SvgIcon size="14px" name="magnifying-1" />
|
|
|
|
|
</template>
|
|
|
|
|
</n-input>
|
|
|
|
|
<SvgIcon
|
|
|
|
|
size="16px"
|
|
|
|
|
style="margin-left: 6px; cursor: pointer"
|
|
|
|
|
name="clear"
|
|
|
|
|
@click="setShowSearch(false)"
|
|
|
|
|
/>
|
|
|
|
|
<SvgIcon size="16px" style="margin-left: 6px; cursor: pointer" name="clear" @click="setShowSearch(false)" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<TaskList
|
|
|
|
|
ref="taskListRef"
|
|
|
|
|
:show-field-list="showFieldList"
|
|
|
|
|
style="height: 811px"
|
|
|
|
|
class="work-sheet-list"
|
|
|
|
|
/>
|
|
|
|
|
<TaskList ref="taskListRef" :show-field-list="showFieldList" style="height: 811px" class="work-sheet-list" />
|
|
|
|
|
<!-- calc(100vh - 146px) -->
|
|
|
|
|
<CustomFieldModal
|
|
|
|
|
ref="CustomFieldModalRef"
|
|
|
|
|
:review-type="reviewType"
|
|
|
|
|
@on-ok="getshowFieldList"
|
|
|
|
|
/>
|
|
|
|
|
<CustomFieldModal ref="CustomFieldModalRef" :review-type="reviewType" @on-ok="getshowFieldList" />
|
|
|
|
|
<!-- 过滤列表 -->
|
|
|
|
|
<FilterModalVue
|
|
|
|
|
ref="filterModalRef"
|
|
|
|
|
:type="2"
|
|
|
|
|
@edit-filter="editFilter"
|
|
|
|
|
@show-new-filter="showModal(newFilterModalRef)"
|
|
|
|
|
@handleOk="handleOk"
|
|
|
|
|
/>
|
|
|
|
|
<FilterModalVue ref="filterModalRef" :type="2" @edit-filter="editFilter"
|
|
|
|
|
@show-new-filter="showModal(newFilterModalRef)" @handleOk="handleOk" />
|
|
|
|
|
<!-- 新增过滤 -->
|
|
|
|
|
<NewFilterModalVue ref="newFilterModalRef" @on-ok="newFilterOk" />
|
|
|
|
|
</div>
|
|
|
|
|
|
