refactor: workflow => improve responsive
This commit is contained in:
parent
9d30aa5f9a
commit
4d0371903b
2 changed files with 17 additions and 7 deletions
|
|
@ -21,6 +21,7 @@ import FlowDialog from './FlowDialog.vue';
|
|||
import NoData from 'src/components/NoData.vue';
|
||||
import KebabAction from 'src/components/shared/KebabAction.vue';
|
||||
import PaginationPageSize from 'src/components/PaginationPageSize.vue';
|
||||
import { useQuasar } from 'quasar';
|
||||
|
||||
const { t } = useI18n();
|
||||
const workflowStore = useWorkflowTemplate();
|
||||
|
|
@ -32,6 +33,8 @@ const {
|
|||
} = storeToRefs(workflowStore);
|
||||
const navigatorStore = useNavigator();
|
||||
|
||||
const $q = useQuasar();
|
||||
|
||||
const pageState = reactive({
|
||||
hideStat: false,
|
||||
inputSearch: '',
|
||||
|
|
@ -283,6 +286,7 @@ async function fetchWorkflowList() {
|
|||
onMounted(async () => {
|
||||
navigatorStore.current.title = 'flow.title';
|
||||
navigatorStore.current.path = [{ text: 'flow.caption', i18n: true }];
|
||||
pageState.gridView = $q.screen.lt.md ? true : false;
|
||||
|
||||
await fetchWorkflowList();
|
||||
});
|
||||
|
|
@ -481,7 +485,7 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
|
|||
/>
|
||||
</article>
|
||||
|
||||
<article v-else class="col q-pa-md surface-2 scroll">
|
||||
<article v-else class="col q-pa-md surface-2 scroll full-width">
|
||||
<q-table
|
||||
flat
|
||||
bordered
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue