|
|
|
|
@ -1,107 +1,106 @@
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import type { FormInst, FormItemRule, FormRules } from 'naive-ui'
|
|
|
|
|
import { computed, defineOptions, onBeforeMount, reactive, ref, unref, watch } from 'vue'
|
|
|
|
|
import { asideMap } from '@/config/aside'
|
|
|
|
|
import { useDictionary } from '@/store/modules/dictonary'
|
|
|
|
|
import { useConfig } from '@/store/modules/asideConfig'
|
|
|
|
|
import type { FilterCondition } from '/#/api'
|
|
|
|
|
import { addCondition, updateCondition } from '@/api/home/filter'
|
|
|
|
|
import { formatToDate2, formatToDate3 } from '@/utils/dateUtil'
|
|
|
|
|
|
|
|
|
|
type Status = 'edit' | 'new'
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['onOk'])
|
|
|
|
|
const show = ref(false)
|
|
|
|
|
const configStore = useConfig()
|
|
|
|
|
const dicStore = useDictionary()
|
|
|
|
|
const currentStatus = ref<Status>('new')
|
|
|
|
|
let currentEditId: string | null = null
|
|
|
|
|
import type { FormInst, FormItemRule, FormRules } from "naive-ui";
|
|
|
|
|
import { computed, defineOptions, onBeforeMount, reactive, ref, unref, watch } from "vue";
|
|
|
|
|
import { asideMap } from "@/config/aside";
|
|
|
|
|
import { useDictionary } from "@/store/modules/dictonary";
|
|
|
|
|
import { useConfig } from "@/store/modules/asideConfig";
|
|
|
|
|
import type { FilterCondition } from "/#/api";
|
|
|
|
|
import { addCondition, updateCondition } from "@/api/home/filter";
|
|
|
|
|
import { formatToDate2, formatToDate3 } from "@/utils/dateUtil";
|
|
|
|
|
|
|
|
|
|
type Status = "edit" | "new";
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits(["onOk"]);
|
|
|
|
|
const show = ref(false);
|
|
|
|
|
const configStore = useConfig();
|
|
|
|
|
const dicStore = useDictionary();
|
|
|
|
|
const currentStatus = ref<Status>("new");
|
|
|
|
|
let currentEditId: string | null = null;
|
|
|
|
|
const modalTitle = computed(() => {
|
|
|
|
|
return currentStatus.value === 'new' ? '新建过滤条件' : '编辑过滤条件'
|
|
|
|
|
})
|
|
|
|
|
return currentStatus.value === "new" ? "新建过滤条件" : "编辑过滤条件";
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const cardStyle = {
|
|
|
|
|
'width': '800px',
|
|
|
|
|
'--n-padding-bottom': '10px',
|
|
|
|
|
'--n-padding-left': '10px',
|
|
|
|
|
}
|
|
|
|
|
width: "800px",
|
|
|
|
|
"--n-padding-bottom": "10px",
|
|
|
|
|
"--n-padding-left": "10px",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const noBorderInput = {
|
|
|
|
|
'--n-border': '0px',
|
|
|
|
|
'--n-border-hover': '0px',
|
|
|
|
|
'--n-border-pressed': '0px',
|
|
|
|
|
}
|
|
|
|
|
"--n-border": "0px",
|
|
|
|
|
"--n-border-hover": "0px",
|
|
|
|
|
"--n-border-pressed": "0px",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const formItemStyle = {
|
|
|
|
|
'--n-label-height': '0px',
|
|
|
|
|
'--n-feedback-height': '8px',
|
|
|
|
|
}
|
|
|
|
|
"--n-label-height": "0px",
|
|
|
|
|
"--n-feedback-height": "8px",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
interface FormType {
|
|
|
|
|
name: string | null
|
|
|
|
|
logic: string | null
|
|
|
|
|
conditions: Condition[]
|
|
|
|
|
name: string | null;
|
|
|
|
|
logic: string | null;
|
|
|
|
|
conditions: Condition[];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
interface Condition {
|
|
|
|
|
type: string | null
|
|
|
|
|
operator: string | null
|
|
|
|
|
result: any
|
|
|
|
|
type: string | null;
|
|
|
|
|
operator: string | null;
|
|
|
|
|
result: any;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
interface Option {
|
|
|
|
|
label: string
|
|
|
|
|
value: string
|
|
|
|
|
label: string;
|
|
|
|
|
value: string;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const rules: FormRules = {
|
|
|
|
|
name: {
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请输入过滤条件名称',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
message: "请输入过滤条件名称",
|
|
|
|
|
trigger: "blur",
|
|
|
|
|
},
|
|
|
|
|
logic: {
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择逻辑关系',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
message: "请选择逻辑关系",
|
|
|
|
|
trigger: "blur",
|
|
|
|
|
},
|
|
|
|
|
conditions: {
|
|
|
|
|
required: true,
|
|
|
|
|
validator(rule: FormItemRule, value: Condition[]) {
|
|
|
|
|
for (const item of value) {
|
|
|
|
|
const { type, operator, result } = item
|
|
|
|
|
const { type, operator, result } = item;
|
|
|
|
|
|
|
|
|
|
if (type === null || operator === null || result === null)
|
|
|
|
|
return new Error('请选择过滤条件')
|
|
|
|
|
return new Error("请选择过滤条件");
|
|
|
|
|
}
|
|
|
|
|
return true
|
|
|
|
|
return true;
|
|
|
|
|
},
|
|
|
|
|
trigger: ['input', 'blur'],
|
|
|
|
|
trigger: ["input", "blur"],
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const formRef = ref<FormInst | null>(null)
|
|
|
|
|
const formRef = ref<FormInst | null>(null);
|
|
|
|
|
|
|
|
|
|
const formValue = reactive<FormType>({
|
|
|
|
|
name: null,
|
|
|
|
|
logic: 'and',
|
|
|
|
|
logic: "and",
|
|
|
|
|
conditions: [
|
|
|
|
|
{
|
|
|
|
|
type: null,
|
|
|
|
|
operator: 'eq',
|
|
|
|
|
operator: "eq",
|
|
|
|
|
result: null,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function handleSumbit(e: MouseEvent) {
|
|
|
|
|
e.preventDefault()
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
formRef.value?.validate((errors) => {
|
|
|
|
|
if (errors)
|
|
|
|
|
return
|
|
|
|
|
if (errors) return;
|
|
|
|
|
|
|
|
|
|
const list = formValue.conditions.map((item, index) => {
|
|
|
|
|
const { type, operator, result } = item
|
|
|
|
|
const { type, operator, result } = item;
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
searchfield: type!,
|
|
|
|
|
@ -109,151 +108,149 @@ function handleSumbit(e: MouseEvent) {
|
|
|
|
|
searchvalue: formatValue(type!, result),
|
|
|
|
|
searchRelationType: formValue.logic!,
|
|
|
|
|
orderNum: index + 1,
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const param: FilterCondition = {
|
|
|
|
|
searchname: formValue.name!,
|
|
|
|
|
type: 0,
|
|
|
|
|
ocrUsersearchchildList: list,
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
if (currentStatus.value === 'new')
|
|
|
|
|
addCondition(param)
|
|
|
|
|
else updateCondition({ id: currentEditId!, ...param })
|
|
|
|
|
emit('onOk')
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
closeModal()
|
|
|
|
|
}, 300)
|
|
|
|
|
})
|
|
|
|
|
if (currentStatus.value === "new") addCondition(param);
|
|
|
|
|
else updateCondition({ id: currentEditId!, ...param });
|
|
|
|
|
closeModal();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 调用接口前转换为服务端格式
|
|
|
|
|
function formatValue(searchfield: string, searchvalue: any) {
|
|
|
|
|
if (searchfield === 'izyear') {
|
|
|
|
|
const start = formatToDate2(searchvalue[0])
|
|
|
|
|
const end = formatToDate2(searchvalue[1])
|
|
|
|
|
return `${start}-${end}`
|
|
|
|
|
if (searchfield === "izyear") {
|
|
|
|
|
const start = formatToDate2(searchvalue[0]);
|
|
|
|
|
const end = formatToDate2(searchvalue[1]);
|
|
|
|
|
return `${start}-${end}`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (searchfield === 'izsimilarity' && Array.isArray(searchvalue))
|
|
|
|
|
return searchvalue.join(',')
|
|
|
|
|
if (searchfield === "izsimilarity" && Array.isArray(searchvalue))
|
|
|
|
|
return searchvalue.join(",");
|
|
|
|
|
|
|
|
|
|
return searchvalue
|
|
|
|
|
return searchvalue;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 编辑前前转换为服务端格式
|
|
|
|
|
function unformatValue(searchfield: string, searchvalue: any) {
|
|
|
|
|
// 2022/01/03-2023/02/04
|
|
|
|
|
if (searchfield === 'izyear') {
|
|
|
|
|
const dataStrs = searchvalue.split('-')
|
|
|
|
|
const start = formatToDate3(dataStrs[0])
|
|
|
|
|
const end = formatToDate3(dataStrs[1])
|
|
|
|
|
return [start, end]
|
|
|
|
|
if (searchfield === "izyear") {
|
|
|
|
|
const dataStrs = searchvalue.split("-");
|
|
|
|
|
const start = formatToDate3(dataStrs[0]);
|
|
|
|
|
const end = formatToDate3(dataStrs[1]);
|
|
|
|
|
return [start, end];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 80,90
|
|
|
|
|
// if (searchfield === "izsimilarity") return searchvalue.split(",");
|
|
|
|
|
|
|
|
|
|
return searchvalue
|
|
|
|
|
return searchvalue;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function createCondition() {
|
|
|
|
|
formValue.conditions.push({
|
|
|
|
|
type: null,
|
|
|
|
|
operator: 'eq',
|
|
|
|
|
operator: "eq",
|
|
|
|
|
result: null,
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function removeCondition(index: number) {
|
|
|
|
|
formValue.conditions.splice(index, 1)
|
|
|
|
|
formValue.conditions.splice(index, 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function formLabel(index: number) {
|
|
|
|
|
return index === 0 ? '筛选条件' : ''
|
|
|
|
|
return index === 0 ? "筛选条件" : "";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const typeOptions = ref<Option[]>([])
|
|
|
|
|
const typeOptions = ref<Option[]>([]);
|
|
|
|
|
|
|
|
|
|
const operatorOptions = [
|
|
|
|
|
{
|
|
|
|
|
label: '等于',
|
|
|
|
|
value: 'eq',
|
|
|
|
|
label: "等于",
|
|
|
|
|
value: "eq",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '不等于',
|
|
|
|
|
value: 'notEq',
|
|
|
|
|
label: "不等于",
|
|
|
|
|
value: "notEq",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const logicOptions = ref([])
|
|
|
|
|
const logicOptions = ref([]);
|
|
|
|
|
|
|
|
|
|
const similarityOptions = [
|
|
|
|
|
{
|
|
|
|
|
label: "80%-90%",
|
|
|
|
|
value: '80,90',
|
|
|
|
|
value: "80,90",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "95%-100%",
|
|
|
|
|
value: '95,100',
|
|
|
|
|
value: "95,100",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "100%-100%",
|
|
|
|
|
value: '100,100',
|
|
|
|
|
value: "100,100",
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
onBeforeMount(() => {
|
|
|
|
|
dicStore.fetchRelationTypeList()
|
|
|
|
|
})
|
|
|
|
|
dicStore.fetchRelationTypeList();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
watch(
|
|
|
|
|
() => dicStore.relationTypeList,
|
|
|
|
|
(newval) => {
|
|
|
|
|
logicOptions.value = newval
|
|
|
|
|
},
|
|
|
|
|
)
|
|
|
|
|
logicOptions.value = newval;
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
function showModal() {
|
|
|
|
|
const list = generateAllData(configStore.systemConfig)
|
|
|
|
|
typeOptions.value = list
|
|
|
|
|
show.value = true
|
|
|
|
|
const list = generateAllData(configStore.systemConfig);
|
|
|
|
|
typeOptions.value = list;
|
|
|
|
|
show.value = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function closeModal() {
|
|
|
|
|
show.value = false
|
|
|
|
|
emit("onOk");
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
show.value = false;
|
|
|
|
|
}, 300);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function generateAllData(config): Option[] {
|
|
|
|
|
const initVal: Option[] = []
|
|
|
|
|
const initVal: Option[] = [];
|
|
|
|
|
|
|
|
|
|
const list = Object.keys(config).reduce((acc, value) => {
|
|
|
|
|
if (value.startsWith('iz') && asideMap[value]?.inFilterList !== false) {
|
|
|
|
|
const name = asideMap[value]?.label
|
|
|
|
|
|
|
|
|
|
name
|
|
|
|
|
&& acc.push({
|
|
|
|
|
value,
|
|
|
|
|
label: name || '未配置',
|
|
|
|
|
})
|
|
|
|
|
if (value.startsWith("iz") && asideMap[value]?.inFilterList !== false) {
|
|
|
|
|
const name = asideMap[value]?.label;
|
|
|
|
|
|
|
|
|
|
name &&
|
|
|
|
|
acc.push({
|
|
|
|
|
value,
|
|
|
|
|
label: name || "未配置",
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
return acc
|
|
|
|
|
}, initVal)
|
|
|
|
|
return acc;
|
|
|
|
|
}, initVal);
|
|
|
|
|
|
|
|
|
|
return list
|
|
|
|
|
return list;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
watch(
|
|
|
|
|
() => configStore.systemConfig,
|
|
|
|
|
(newVal) => {
|
|
|
|
|
if (!newVal)
|
|
|
|
|
return
|
|
|
|
|
if (!newVal) return;
|
|
|
|
|
|
|
|
|
|
const list = generateAllData(newVal)
|
|
|
|
|
typeOptions.value = list
|
|
|
|
|
},
|
|
|
|
|
)
|
|
|
|
|
const list = generateAllData(newVal);
|
|
|
|
|
typeOptions.value = list;
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
function getOptions(key: string) {
|
|
|
|
|
if (key === "izsimilarity") return similarityOptions;
|
|
|
|
|
@ -263,22 +260,22 @@ function getOptions(key: string) {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function leaveHandler() {
|
|
|
|
|
currentStatus.value = 'new'
|
|
|
|
|
currentEditId = null
|
|
|
|
|
currentStatus.value = "new";
|
|
|
|
|
currentEditId = null;
|
|
|
|
|
|
|
|
|
|
formValue.name = null
|
|
|
|
|
formValue.name = null;
|
|
|
|
|
formValue.conditions = [
|
|
|
|
|
{
|
|
|
|
|
type: null,
|
|
|
|
|
operator: 'eq',
|
|
|
|
|
operator: "eq",
|
|
|
|
|
result: null,
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function edit(editFilter: any) {
|
|
|
|
|
currentStatus.value = "edit";
|
|
|
|
|
console.log(editFilter,'editFilter')
|
|
|
|
|
console.log(editFilter, "editFilter");
|
|
|
|
|
const { searchname, ocrUsersearchchildList, id } = editFilter;
|
|
|
|
|
currentEditId = id;
|
|
|
|
|
formValue.name = searchname;
|
|
|
|
|
@ -287,18 +284,24 @@ function edit(editFilter: any) {
|
|
|
|
|
type: item.searchfield,
|
|
|
|
|
operator: item.searchtype,
|
|
|
|
|
result: unformatValue(item.searchfield, item.searchvalue),
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
|
|
|
showModal,
|
|
|
|
|
edit,
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<n-modal v-model:show="show" transform-origin="center" @after-leave="leaveHandler" :mask-closable="false">
|
|
|
|
|
<n-modal
|
|
|
|
|
v-model:show="show"
|
|
|
|
|
transform-origin="center"
|
|
|
|
|
@after-leave="leaveHandler"
|
|
|
|
|
:mask-closable="false"
|
|
|
|
|
class="modal_wrapper"
|
|
|
|
|
>
|
|
|
|
|
<n-card
|
|
|
|
|
:style="cardStyle"
|
|
|
|
|
:bordered="false"
|
|
|
|
|
@ -310,18 +313,26 @@ defineExpose({
|
|
|
|
|
<span class="wrapper-title">{{ modalTitle }}</span>
|
|
|
|
|
<div class="wrapper-bar">
|
|
|
|
|
<div class="wrapper-info">
|
|
|
|
|
<span :style="{ 'margin-left': '18px', 'font-size': '16px','font-weight':'600' }">基本信息</span>
|
|
|
|
|
<span
|
|
|
|
|
:style="{
|
|
|
|
|
'margin-left': '18px',
|
|
|
|
|
'font-size': '16px',
|
|
|
|
|
'font-weight': '600',
|
|
|
|
|
}"
|
|
|
|
|
>基本信息</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-form">
|
|
|
|
|
<n-form ref="formRef" :model="formValue" :rules="rules">
|
|
|
|
|
<n-form-item path="name" label="标题">
|
|
|
|
|
<n-form ref="formRef" :model="formValue" :rules="rules" >
|
|
|
|
|
<n-form-item path="name" label="标题" mergedRequireMarkPlacement="left">
|
|
|
|
|
<!-- j -->
|
|
|
|
|
<n-input
|
|
|
|
|
v-model:value="formValue.name"
|
|
|
|
|
:style="{ width: '780px' }"
|
|
|
|
|
maxlength="15"
|
|
|
|
|
@keydown.enter.prevent
|
|
|
|
|
placeholder="请输入过滤名称"
|
|
|
|
|
/>
|
|
|
|
|
</n-form-item>
|
|
|
|
|
<n-form-item v-show="false" path="logic" label="逻辑关系">
|
|
|
|
|
@ -377,33 +388,71 @@ defineExpose({
|
|
|
|
|
<template #icon>
|
|
|
|
|
<!-- <SvgIcon size="24" name="close" color="#F00"/>
|
|
|
|
|
-->
|
|
|
|
|
<svg width="24px" height="24px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
|
|
|
<title>清除</title>
|
|
|
|
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
|
|
|
<g id="PrevailCloud-Design-图标集" transform="translate(-3040.000000, -3118.000000)" fill-rule="nonzero">
|
|
|
|
|
<g id="清除" transform="translate(3040.000000, 3118.000000)">
|
|
|
|
|
<rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="64" height="64"></rect>
|
|
|
|
|
<path d="M32,4 C16.5619675,4 4,16.5600322 4,32 C4,47.4399678 16.5600322,60 32,60 C47.4380325,60 60,47.4399678 60,32 C60,16.5600322 47.4399678,4 32,4 Z M43.4220132,40.6240021 C44.2020159,41.4079827 44.1999731,42.6720064 43.4180353,43.4520091 C43.0280877,43.8400215 42.5180487,44.0360166 42.0060745,44.0360166 C41.4920576,44.0360166 40.9800834,43.8400214 40.5900283,43.4480311 L31.9900014,34.8219862 L23.3620213,43.3580432 C22.9720737,43.7420776 22.4639699,43.9360301 21.9559737,43.9360301 C21.4400215,43.9360301 20.9260046,43.7379922 20.5340143,43.3420239 C19.7579895,42.5560005 19.7640102,41.2919768 20.5500336,40.5140169 L29.1680151,31.9900013 L20.5819648,23.3759978 C19.8019621,22.5939524 19.8040049,21.3279935 20.5859428,20.5479908 C21.3679882,19.7659454 22.6319043,19.7700309 23.4139498,20.5519687 L32.0119339,29.1759709 L40.639914,20.6400214 C41.4238946,19.8620614 42.6918962,19.8700173 43.467921,20.6560407 C44.2458809,21.4420641 44.2379251,22.708023 43.4519016,23.4840477 L34.8340277,32.0079559 L43.4220132,40.6240021 Z" id="形状" fill="#DDDDDD"></path>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</svg>
|
|
|
|
|
<svg
|
|
|
|
|
width="24px"
|
|
|
|
|
height="24px"
|
|
|
|
|
viewBox="0 0 64 64"
|
|
|
|
|
version="1.1"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
|
|
|
>
|
|
|
|
|
<title>清除</title>
|
|
|
|
|
<g
|
|
|
|
|
id="页面-1"
|
|
|
|
|
stroke="none"
|
|
|
|
|
stroke-width="1"
|
|
|
|
|
fill="none"
|
|
|
|
|
fill-rule="evenodd"
|
|
|
|
|
>
|
|
|
|
|
<g
|
|
|
|
|
id="PrevailCloud-Design-图标集"
|
|
|
|
|
transform="translate(-3040.000000, -3118.000000)"
|
|
|
|
|
fill-rule="nonzero"
|
|
|
|
|
>
|
|
|
|
|
<g id="清除" transform="translate(3040.000000, 3118.000000)">
|
|
|
|
|
<rect
|
|
|
|
|
id="矩形"
|
|
|
|
|
fill="#000000"
|
|
|
|
|
opacity="0"
|
|
|
|
|
x="0"
|
|
|
|
|
y="0"
|
|
|
|
|
width="64"
|
|
|
|
|
height="64"
|
|
|
|
|
></rect>
|
|
|
|
|
<path
|
|
|
|
|
d="M32,4 C16.5619675,4 4,16.5600322 4,32 C4,47.4399678 16.5600322,60 32,60 C47.4380325,60 60,47.4399678 60,32 C60,16.5600322 47.4399678,4 32,4 Z M43.4220132,40.6240021 C44.2020159,41.4079827 44.1999731,42.6720064 43.4180353,43.4520091 C43.0280877,43.8400215 42.5180487,44.0360166 42.0060745,44.0360166 C41.4920576,44.0360166 40.9800834,43.8400214 40.5900283,43.4480311 L31.9900014,34.8219862 L23.3620213,43.3580432 C22.9720737,43.7420776 22.4639699,43.9360301 21.9559737,43.9360301 C21.4400215,43.9360301 20.9260046,43.7379922 20.5340143,43.3420239 C19.7579895,42.5560005 19.7640102,41.2919768 20.5500336,40.5140169 L29.1680151,31.9900013 L20.5819648,23.3759978 C19.8019621,22.5939524 19.8040049,21.3279935 20.5859428,20.5479908 C21.3679882,19.7659454 22.6319043,19.7700309 23.4139498,20.5519687 L32.0119339,29.1759709 L40.639914,20.6400214 C41.4238946,19.8620614 42.6918962,19.8700173 43.467921,20.6560407 C44.2458809,21.4420641 44.2379251,22.708023 43.4519016,23.4840477 L34.8340277,32.0079559 L43.4220132,40.6240021 Z"
|
|
|
|
|
id="形状"
|
|
|
|
|
fill="#DDDDDD"
|
|
|
|
|
></path>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</svg>
|
|
|
|
|
</template>
|
|
|
|
|
</n-button>
|
|
|
|
|
</n-form-item>
|
|
|
|
|
</n-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-new" @click="createCondition">
|
|
|
|
|
<span>+</span>
|
|
|
|
|
<span style="font-size:16px;">+</span>
|
|
|
|
|
<span style="margin-left: 8px">添加筛选条件</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<div class="wrapper-footer">
|
|
|
|
|
<n-button style="background-color: #507AFD;" type="info" @click="handleSumbit">
|
|
|
|
|
<n-button style="background-color: #507afd" type="info" @click="handleSumbit">
|
|
|
|
|
确定
|
|
|
|
|
</n-button>
|
|
|
|
|
<n-button secondary style="margin-left: 15px;background-color: #ffffff;border: 1px solid #cad2dd;color: #333333;" @click="closeModal">
|
|
|
|
|
<n-button
|
|
|
|
|
secondary
|
|
|
|
|
style="
|
|
|
|
|
margin-left: 15px;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
border: 1px solid #cad2dd;
|
|
|
|
|
color: #333333;
|
|
|
|
|
"
|
|
|
|
|
@click="closeModal"
|
|
|
|
|
>
|
|
|
|
|
取消
|
|
|
|
|
</n-button>
|
|
|
|
|
</div>
|
|
|
|
|
@ -419,19 +468,22 @@ defineExpose({
|
|
|
|
|
|
|
|
|
|
&-title {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #333333;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-bar {
|
|
|
|
|
background-color: #e8e8e8;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-top: 27px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #333333;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-form {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-new {
|
|
|
|
|
@ -440,7 +492,9 @@ defineExpose({
|
|
|
|
|
color: #507afd;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
span{
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #507aac;
|
|
|
|
|
}
|
|
|
|
|
@ -453,11 +507,13 @@ defineExpose({
|
|
|
|
|
&-footer {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
margin-bottom:6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-info {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
position: relative;
|
|
|
|
|
background: #f8f8f8;
|
|
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
|
background-color: #1980ff;
|
|
|
|
|
@ -474,7 +530,21 @@ defineExpose({
|
|
|
|
|
// ::v-deep(.n-input .n-input-wrapper) {
|
|
|
|
|
// padding-left: 0;
|
|
|
|
|
// }
|
|
|
|
|
::v-deep(.n-input__suffix){
|
|
|
|
|
::v-deep(.n-input__suffix) {
|
|
|
|
|
margin-right: -8px;
|
|
|
|
|
}
|
|
|
|
|
.modal_wrapper {
|
|
|
|
|
width: 808px !important;
|
|
|
|
|
height: 432px !important;
|
|
|
|
|
}
|
|
|
|
|
::v-deep(.n-card__content) {
|
|
|
|
|
}
|
|
|
|
|
.modal_wrapper {
|
|
|
|
|
padding: 14px 14px 0 14px !important;
|
|
|
|
|
}
|
|
|
|
|
::v-deep(.n-form-item .n-form-item-label){
|
|
|
|
|
font-size:14px;
|
|
|
|
|
color: #666666;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
