|
@@ -19,10 +19,14 @@
|
|
<template #icon><svg-icon name="refresh" color="#262626" /></template>
|
|
<template #icon><svg-icon name="refresh" color="#262626" /></template>
|
|
刷新</t-button
|
|
刷新</t-button
|
|
>
|
|
>
|
|
- <t-button variant="outline" @click="handleSort">
|
|
|
|
|
|
+ <!-- <t-button variant="outline" @click="handleSort">
|
|
<template #icon><svg-icon name="sort" color="#262626" /></template>
|
|
<template #icon><svg-icon name="sort" color="#262626" /></template>
|
|
排序</t-button
|
|
排序</t-button
|
|
- >
|
|
|
|
|
|
+ > -->
|
|
|
|
+ <sop-sort-panel
|
|
|
|
+ :metadata="formWidgetMetadataViewList"
|
|
|
|
+ @confirm="sortConfirm"
|
|
|
|
+ ></sop-sort-panel>
|
|
<t-button
|
|
<t-button
|
|
v-if="appStore.showSubmenu"
|
|
v-if="appStore.showSubmenu"
|
|
variant="outline"
|
|
variant="outline"
|
|
@@ -222,6 +226,7 @@ import AddViolationDialog from '../../sop-monitor/violation-registration/add-vio
|
|
import MetadataContent from '../../components/metadata-content.vue';
|
|
import MetadataContent from '../../components/metadata-content.vue';
|
|
import { useAppStore } from '@/store';
|
|
import { useAppStore } from '@/store';
|
|
import usePermission from '@/hooks/usePermission';
|
|
import usePermission from '@/hooks/usePermission';
|
|
|
|
+import SopSortPanel from '../../components/sop-sort-panel/index.vue';
|
|
const { perm } = usePermission();
|
|
const { perm } = usePermission();
|
|
|
|
|
|
const appStore = useAppStore();
|
|
const appStore = useAppStore();
|
|
@@ -302,6 +307,8 @@ const params = reactive({
|
|
serviceId: '',
|
|
serviceId: '',
|
|
formWidgetMetadataViewList: [],
|
|
formWidgetMetadataViewList: [],
|
|
formWidgetMetadataConditionList: [],
|
|
formWidgetMetadataConditionList: [],
|
|
|
|
+ formWidgetMetadataOrderList: [],
|
|
|
|
+ formWidgetMetadataOperation: 'AND',
|
|
});
|
|
});
|
|
const transParams = computed(() => {
|
|
const transParams = computed(() => {
|
|
return { ...params, type: 'CLOUD_MARK_SOP_FLOW' };
|
|
return { ...params, type: 'CLOUD_MARK_SOP_FLOW' };
|
|
@@ -320,7 +327,7 @@ const metadataChange = (vals) => {
|
|
formWidgetMetadataViewList.value = vals;
|
|
formWidgetMetadataViewList.value = vals;
|
|
};
|
|
};
|
|
|
|
|
|
-const filterConfirm = (data) => {
|
|
|
|
|
|
+const filterConfirm = (data, formWidgetMetadataOperation) => {
|
|
params.formWidgetMetadataConditionList = data.map((item) => {
|
|
params.formWidgetMetadataConditionList = data.map((item) => {
|
|
return {
|
|
return {
|
|
fieldId: item.fieldId,
|
|
fieldId: item.fieldId,
|
|
@@ -328,8 +335,11 @@ const filterConfirm = (data) => {
|
|
fieldValue: item.fieldValue,
|
|
fieldValue: item.fieldValue,
|
|
};
|
|
};
|
|
});
|
|
});
|
|
|
|
+ params.formWidgetMetadataOperation = formWidgetMetadataOperation;
|
|
|
|
+};
|
|
|
|
+const sortConfirm = (data) => {
|
|
|
|
+ params.formWidgetMetadataOrderList = data;
|
|
};
|
|
};
|
|
-
|
|
|
|
const handleSort = () => {
|
|
const handleSort = () => {
|
|
// TODO:
|
|
// TODO:
|
|
};
|
|
};
|