|
|
@@ -5,37 +5,74 @@
|
|
|
<el-tab-pane name="false" label="工单待办"></el-tab-pane>
|
|
|
<el-tab-pane name="true" label="工单已办"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
|
|
|
- <el-form-item label="关键字" prop="Keyword">
|
|
|
- <el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="是否省工单" prop="IsProvince">
|
|
|
- <el-select v-model="state.queryParams.IsProvince" placeholder="请选择是否省工单" @change="handleQuery">
|
|
|
- <el-option label="是" value="true" />
|
|
|
- <el-option label="否" value="false" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="是否会签" prop="IsCounterSign">
|
|
|
- <el-select v-model="state.queryParams.IsCounterSign" placeholder="请选择是否会签" @change="handleQuery">
|
|
|
- <el-option label="是" value="true" />
|
|
|
- <el-option label="否" value="" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="超期状态" prop="ExpiredOrAlmostOverdue">
|
|
|
- <el-select v-model="state.queryParams.ExpiredOrAlmostOverdue" placeholder="请选择超期状态" @change="handleQuery">
|
|
|
- <el-option label="已超期" value="true" />
|
|
|
- <el-option label="即将超期" value="false" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
- <el-button @click="resetQuery(ruleFormRef)" v-waves class="default-button" :loading="state.loading">
|
|
|
- <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="关键字" prop="Keyword">
|
|
|
+ <el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="生成时间" prop="scTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.scTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="是否省工单" prop="IsProvince">
|
|
|
+ <el-select v-model="state.queryParams.IsProvince" placeholder="请选择是否省工单" @change="handleQuery" class="w100">
|
|
|
+ <el-option label="是" value="true" />
|
|
|
+ <el-option label="否" value="false" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="是否会签" prop="IsCounterSign">
|
|
|
+ <el-select v-model="state.queryParams.IsCounterSign" placeholder="请选择是否会签" @change="handleQuery" class="w100">
|
|
|
+ <el-option label="是" value="true" />
|
|
|
+ <el-option label="否" value="" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="超期状态" prop="ExpiredOrAlmostOverdue">
|
|
|
+ <el-select v-model="state.queryParams.ExpiredOrAlmostOverdue" placeholder="请选择超期状态" @change="handleQuery" class="w100">
|
|
|
+ <el-option label="已超期" value="true" />
|
|
|
+ <el-option label="即将超期" value="false" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="">
|
|
|
+ <div class="flex-end w100">
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
+ <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
+ </el-button>
|
|
|
+ <el-button link type="primary" @click="closeSearch" :loading="state.loading">
|
|
|
+ {{ searchCol ? '展开' : '收起' }}
|
|
|
+ <SvgIcon :class="{ 'is-reverse': searchCol }" name="ele-ArrowUp" class="mr5 arrow" size="18px" />
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
<!-- 表格 -->
|
|
|
-<!-- :toolButton="['refresh', 'setting', 'exportCurrent', 'exportAll']"-->
|
|
|
+ <!-- :toolButton="['refresh', 'setting', 'exportCurrent', 'exportAll']"-->
|
|
|
<ProTable
|
|
|
ref="proTableRef"
|
|
|
:columns="columns"
|
|
|
@@ -46,9 +83,8 @@
|
|
|
v-model:page-index="state.queryParams.PageIndex"
|
|
|
v-model:page-size="state.queryParams.PageSize"
|
|
|
:key="Math.random()"
|
|
|
-
|
|
|
- @export-current="exportTable($event)"
|
|
|
- @export-all="exportTable($event, true)"
|
|
|
+ @export-current="exportTable($event)"
|
|
|
+ @export-all="exportTable($event, true)"
|
|
|
>
|
|
|
<template #tableHeader="scope">
|
|
|
<el-button type="primary" @click="onJbExport" :disabled="!scope.isSelected" :loading="state.loading" v-auth="'todo:seats:jbdExport'"
|
|
|
@@ -77,10 +113,12 @@ import { useRouter } from 'vue-router';
|
|
|
import { orderListTodo } from '@/api/todo/order';
|
|
|
import { exportJbOrder } from '@/api/business/order';
|
|
|
import { downloadZip } from '@/utils/tools';
|
|
|
+import { defaultDateThree, shortcuts } from '@/utils/constants';
|
|
|
+import Other from '@/utils/other';
|
|
|
// 引入组件
|
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
|
// 定义变量内容
|
|
|
-const state = reactive({
|
|
|
+const state = reactive<any>({
|
|
|
queryParams: {
|
|
|
// 查询条件
|
|
|
PageIndex: 1, // 当前页
|
|
|
@@ -90,12 +128,20 @@ const state = reactive({
|
|
|
IsProvince: null, // 是否省工单
|
|
|
IsCounterSign: null, // 是否会签
|
|
|
ExpiredOrAlmostOverdue: null, // 超期状态
|
|
|
+ scTime: defaultDateThree,
|
|
|
+ StartTime: null,
|
|
|
+ EndTime: null,
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
|
total: 0, // 总数
|
|
|
});
|
|
|
const ruleFormRef = ref<RefType>(); // 表单ref
|
|
|
+const searchCol = ref(true); // 展开/收起
|
|
|
+// 展开/收起
|
|
|
+const closeSearch = () => {
|
|
|
+ searchCol.value = !searchCol.value;
|
|
|
+};
|
|
|
const router = useRouter(); // 路由
|
|
|
const proTableRef = ref<RefType>(); // 表格ref
|
|
|
// 表格配置项
|
|
|
@@ -206,7 +252,12 @@ const queryList = async () => {
|
|
|
} else {
|
|
|
columns.value = columnsTodo;
|
|
|
}
|
|
|
- const res: any = await orderListTodo(state.queryParams);
|
|
|
+
|
|
|
+ let request = Other.deepClone(state.queryParams);
|
|
|
+ request.StartTime = state.queryParams.scTime === null ? null : state.queryParams.scTime[0];
|
|
|
+ request.EndTime = state.queryParams.scTime === null ? null : state.queryParams.scTime[1];
|
|
|
+ Reflect.deleteProperty(request, 'scTime');
|
|
|
+ const res: any = await orderListTodo(request);
|
|
|
state.tableData = res.result?.items ?? [];
|
|
|
state.total = res.result?.total ?? 0;
|
|
|
state.loading = false;
|
|
|
@@ -247,26 +298,26 @@ const onJbExport = () => {
|
|
|
};
|
|
|
// 表格导出
|
|
|
const exportTable = (val: any, isExportAll = false) => {
|
|
|
- const columnInfos = val.map((item: any) => {
|
|
|
- return {
|
|
|
- prop: item.prop,
|
|
|
- name: item.label,
|
|
|
- };
|
|
|
- });
|
|
|
- const req = {
|
|
|
- queryDto: { ...state.queryParams },
|
|
|
- columnInfos,
|
|
|
- isExportAll,
|
|
|
- };
|
|
|
- state.loading = true;
|
|
|
- exportOrder(req)
|
|
|
- .then((res: any) => {
|
|
|
- state.loading = false;
|
|
|
- downloadFileByStream(res);
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- state.loading = false;
|
|
|
- });
|
|
|
+ const columnInfos = val.map((item: any) => {
|
|
|
+ return {
|
|
|
+ prop: item.prop,
|
|
|
+ name: item.label,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ const req = {
|
|
|
+ queryDto: { ...state.queryParams },
|
|
|
+ columnInfos,
|
|
|
+ isExportAll,
|
|
|
+ };
|
|
|
+ state.loading = true;
|
|
|
+ exportOrder(req)
|
|
|
+ .then((res: any) => {
|
|
|
+ state.loading = false;
|
|
|
+ downloadFileByStream(res);
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ state.loading = false;
|
|
|
+ });
|
|
|
};
|
|
|
const historyParams = history.state;
|
|
|
onMounted(() => {
|
|
|
@@ -284,3 +335,14 @@ onMounted(() => {
|
|
|
queryList();
|
|
|
});
|
|
|
</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+.todo-order-container {
|
|
|
+ .arrow {
|
|
|
+ transition: transform var(--el-transition-duration);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .arrow.is-reverse {
|
|
|
+ transform: rotateZ(-180deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
zhangchong
