Skip to content

S
SEMI
提交 25d58335 authored 作者: 刘旭's avatar 刘旭
浏览文件
操作

实现切换页面保存数据功能

上级 0549e4a2
隐藏空白字符变更
内嵌 并排
正在显示 包含 114 行增加 和 102 行删除
src/store/modules/search.ts
浏览文件 @ 25d58335
// import { createStore } from "vuex";
// export default createStore({
// state: {
// kingdeeSearch: {},
// },
// mutations: {
// SET_KINGEE: (state: any, val: any) => {
// state.kingdeeSearch = val;
// console.log(val);
// },
// },
// actions: {},
// modules: {},
// });
// export const search = {
// state: {
// kingdeeSearch: {},
// },
// mutations: {
// SET_KINGEE: (state: any, val: any) => {
// state.kingdeeSearch = val;
// console.log(val);
// },
// // SET_INOVICE: (state: any, val: any) => {
// // state.invoiceSearch = val;
// // },
// },
// };
//定义state类型
export type SearchState = {
kingdeeSearch: Object;
thirdPartySearch: Object;
monitoringSearch: Object;
};
//定义state
export const state: SearchState = {
kingdeeSearch: {},
thirdPartySearch: {},
monitoringSearch: {},
};
//定义mutations
export const mutations = {
setkingdeeSearch(state: SearchState, data: Object) {
state.kingdeeSearch = data;
console.log(state.kingdeeSearch);
},
setThirdPartySearch(state: SearchState, data: Object) {
state.thirdPartySearch = data;
},
setMonitoringSearch(state: SearchState, data: Object) {
state.monitoringSearch = data;
},
};
// //定义actions
......
src/views/manage/kingdeeLog.vue
浏览文件 @ 25d58335
......@@ -47,9 +47,7 @@
<el-divider />
<!-- 表格 -->
<el-table v-loading="loading" :data="tableList" border stripe style="width: 100%"
@selection-change="handleSelectionChange" @filter-change="filterChange">
<!-- <el-table-column type="selection" width="55" /> -->
<el-table v-loading="loading" :data="tableList" border stripe style="width: 100%" @filter-change="filterChange">
<el-table-column type="index" :index="indexMethod(1)" />
<el-table-column prop="flag" label="是否成功" :filters="[
{ text: '成功', value: '1' },
......@@ -129,7 +127,7 @@
</template>
<script setup lang="ts">
import { ref, nextTick, watch } from "vue";
import { ref, nextTick } from "vue";
import moment from "moment";
import { ElMessage, ElTable } from "element-plus";
import { store } from '@/store';
......@@ -200,10 +198,6 @@ const dateChange = (value: any) => {
filterForm.value.dateTo = "";
}
};
// 选择多选框的数据
const handleSelectionChange = (val: List[]) => {
multipleSelection.value = val;
};
// 详情
const handleDetails = (scope: any) => {
......@@ -222,10 +216,7 @@ const handleScreen = () => {
if (+filterForm.value.costTimeFrom < +filterForm.value.costTimeTo ||
filterForm.value.costTimeFrom === undefined ||
filterForm.value.costTimeFrom === undefined) {
store.commit('search/setkingdeeSearch', filterForm.value)
// localStorage.setItem("kingdeeFilter", JSON.stringify(filterForm.value));
page(
currentPage.value,
pageSize.value,
......@@ -304,10 +295,20 @@ const onFocus = () => document.getElementById('input-class')!.style.boxShadow =
const onBlur = () => document.getElementById('input-class')!.style.boxShadow = '0 0 0 1px #dcdfe6 inset'
const initfilter = () => {
let data: any = store.state.search.kingdeeSearch
setTimeout(() => {
filterForm.value = store.state.search.kingdeeSearch
console.log(filterForm.value)
}, 50);
filterForm.value = data
dateTime.value = [new Date(data.dateFrom), new Date(data.dateTo)]
page(currentPage.value,
pageSize.value,
filterForm.value.dateFrom,
filterForm.value.dateTo,
filterForm.value.name,
filters.value,
filterForm.value.costTimeFrom,
filterForm.value.costTimeTo,
filterForm.value.queueId)
}, 50)
}
initfilter()
// 筛选
......
src/views/manage/synchronousMonitoring.vue
浏览文件 @ 25d58335
......@@ -4,17 +4,17 @@
<el-row>
<el-col :span="6">
<el-form-item label="同步记录主键">
<el-input v-model="filterForm.fid" placeholder="请输入同步记录主键" />
<el-input v-model="filterForm.fid" placeholder="请输入同步记录主键" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="唯一标识">
<el-input v-model="filterForm.queueId" placeholder="请输入唯一标识" />
<el-input v-model="filterForm.queueId" placeholder="请输入唯一标识" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="金蝶标识">
<el-input v-model="filterForm.sFormId" placeholder="请输入金蝶标识" />
<el-input v-model="filterForm.sFormId" placeholder="请输入金蝶标识" clearable />
</el-form-item>
</el-col>
<el-col :span="4" style="text-align: center;">
......@@ -70,14 +70,15 @@
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { ref, reactive, onMounted } from 'vue'
import { store } from '@/store'
import { ElMessage, ElMessageBox } from 'element-plus';
import { getSMonitoring, deleteSMonitoring } from '@/services/api/systemApi/synchronousMonitoring'
const loading = ref(true)
const monitoringData = ref()
const filterForm = reactive({
const filterForm = ref({
fid: '',
queueId: '',
sFormId: '',
......@@ -92,13 +93,14 @@ const pageData = reactive({
// 筛选
const onConfirm = () => {
store.commit('search/setMonitoringSearch', filterForm.value)
initSMonitoring(
pageData.currentPage,
pageData.pageSize,
filterForm.fid,
filterForm.queueId,
filterForm.sFormId,
filterForm.status
filterForm.value.fid,
filterForm.value.queueId,
filterForm.value.sFormId,
filterForm.value.status
)
}
......@@ -109,14 +111,14 @@ const filterChange = (value: any) => {
i = e[0]
})
// nextTick(() => {
filterForm.status = i;
filterForm.value.status = i;
initSMonitoring(
pageData.currentPage,
pageData.pageSize,
filterForm.fid,
filterForm.queueId,
filterForm.sFormId,
filterForm.status
filterForm.value.fid,
filterForm.value.queueId,
filterForm.value.sFormId,
filterForm.value.status
)
// });
};
......@@ -127,10 +129,10 @@ const handleSizeChange = (val: number) => {
initSMonitoring(
pageData.currentPage,
pageData.pageSize,
filterForm.fid,
filterForm.queueId,
filterForm.sFormId,
filterForm.status
filterForm.value.fid,
filterForm.value.queueId,
filterForm.value.sFormId,
filterForm.value.status
)
};
// 新页数
......@@ -139,10 +141,10 @@ const handleCurrentChange = (val: number) => {
initSMonitoring(
pageData.currentPage,
pageData.pageSize,
filterForm.fid,
filterForm.queueId,
filterForm.sFormId,
filterForm.status
filterForm.value.fid,
filterForm.value.queueId,
filterForm.value.sFormId,
filterForm.value.status
)
};
......@@ -179,7 +181,24 @@ const initSMonitoring = (
}
})
}
initSMonitoring(pageData.currentPage, pageData.pageSize)
onMounted(() => initSMonitoring(pageData.currentPage, pageData.pageSize))
const initfilter = () => {
let data: any = store.state.search.monitoringSearch
setTimeout(() => {
filterForm.value = data
initSMonitoring(
pageData.currentPage,
pageData.pageSize,
filterForm.value.fid,
filterForm.value.queueId,
filterForm.value.sFormId,
filterForm.value.status
)
}, 50)
}
initfilter()
</script>
<style scoped>
......
src/views/manage/thirdPartyLog.vue
浏览文件 @ 25d58335
<template>
<div class="router">
<el-card>
<el-space direction="vertical" alignment="align-items: left" style="margin-top: 30px">
<!-- 过滤条件框 -->
<div>
<el-form :model="filterForm">
<el-space :size="40">
<el-form-item label="选择时间：">
<el-date-picker v-model="dateTime" type="datetimerange" range-separator="至"
start-placeholder="开始时间" end-placeholder="结束时间" @change="dateChange" />
</el-form-item>
<el-form-item label="名称：" width="60px">
<el-input v-model="filterForm.name" placeholder="请输入名称" clearable />
</el-form-item>
<el-form-item label="唯一标识：" width="60px">
<el-input v-model="filterForm.queueId" placeholder="请输入唯一标识" clearable />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleScreen">筛选</el-button>
</el-form-item>
</el-space>
</el-form>
</div>
</el-space>
<!-- 过滤条件框 -->
<el-form :model="filterForm" label-width="100px" style="margin-top: 30px;">
<el-row>
<el-col :span="8">
<el-form-item label="选择时间：">
<el-date-picker v-model="dateTime" type="datetimerange" range-separator="至"
start-placeholder="开始时间" end-placeholder="结束时间" @change="dateChange" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="名称：">
<el-input v-model="filterForm.name" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="唯一标识：">
<el-input v-model="filterForm.queueId" placeholder="请输入唯一标识" clearable />
</el-form-item>
</el-col>
<el-col :span="4" style="text-align: center;">
<el-form-item>
<el-button type="primary" @click="handleScreen">筛选</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-divider />
<!-- 表格 -->
<el-table v-loading="loading" :data="tableList" border stripe style="width: 100%"
@selection-change="handleSelectionChange" @filter-change="filterChange">
<!-- <el-table-column type="selection" width="55" /> -->
@filter-change="filterChange">
<el-table-column type="index" :index="indexMethod(1)" />
<el-table-column prop="flag" label="是否成功" :filters="[
{ text: '成功', value: '1' },
......@@ -116,6 +119,7 @@
import { ref, nextTick } from "vue";
import moment from "moment";
import { ElTable } from "element-plus";
import { store } from "@/store";
import { getThirdPartyLog } from "@/services/api/systemApi/log/logApi";
import { useThirdPartyTableList } from "../system/tableConfigData/useXyunLog";
......@@ -185,10 +189,6 @@ const dateChange = (value: any) => {
filterForm.value.dateTo = '';
}
};
// 选择多选框的数据
const handleSelectionChange = (val: List[]) => {
multipleSelection.value = val;
};
// 详情
const handleDetails = (scope: any) => {
......@@ -204,6 +204,7 @@ const cancelVisible1 = () => {
};
// 筛选按钮
const handleScreen = () => {
store.commit('search/setThirdPartySearch', filterForm.value)
page(
currentPage.value,
pageSize.value,
......@@ -237,8 +238,6 @@ const page = (
tableList.value = res.data.records;
total.value = res.data.total;
}
// filterForm.value.dateFrom = ''
// filterForm.value.dateTo = ''
});
};
// 每页新条数
......@@ -253,8 +252,6 @@ const handleSizeChange = (val: number) => {
filters.value,
filterForm.value.queueId
);
// if (val === pageSize.value) return;
// page(val, pageSize.value);
};
// 新页数
const handleCurrentChange = (val: number) => {
......@@ -269,6 +266,22 @@ const handleCurrentChange = (val: number) => {
filterForm.value.queueId
);
};
const initfilter = () => {
let data: any = store.state.search.thirdPartySearch
setTimeout(() => {
filterForm.value = data
dateTime.value = [new Date(data.dateFrom), new Date(data.dateTo)]
page(currentPage.value,
pageSize.value,
filterForm.value.dateFrom,
filterForm.value.dateTo,
filterForm.value.name,
filters.value,
filterForm.value.queueId)
}, 50)
}
initfilter()
</script>
<style>
.paperview-input-text {
......
src/views/system/tableConfigData/useXyunLog.ts
浏览文件 @ 25d58335
......@@ -14,11 +14,9 @@ export const usekingdeeLogTableList = () => {
const loading = ref(true);
onMounted(async () => {
const res = await getkingdeeLog(currentPage.value, pageSize.value);
console.log("数据", res);
tableList.value = res.data.records;
total.value = res.data.total;
loading.value = false;
localStorage.setItem("filter", JSON.stringify());
});
return {
tableList,
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论