|
@@ -1,16 +1,24 @@
|
|
|
<template>
|
|
|
<div class="todo-order-container layout-pd">
|
|
|
<el-card shadow="never">
|
|
|
- <el-tabs v-model="state.queryParams.Status" class="demo-tabs" @tab-change="queryList">
|
|
|
- <el-tab-pane name="0" label="工单待办"></el-tab-pane>
|
|
|
- <el-tab-pane name="1" label="工单已办"></el-tab-pane>
|
|
|
+ <el-tabs v-model="state.queryParams.IsHandled" class="demo-tabs" @tab-change="queryList">
|
|
|
+ <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 class="mt15" label-width="100px">
|
|
|
<el-row :gutter="10">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
+ <el-form-item label="关键字" prop="Keyword">
|
|
|
+ <el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="queryList" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
- <el-form-item label="关键字" prop="Keyword">
|
|
|
- <el-input v-model="state.queryParams.Keyword" placeholder="工单编码/标题" clearable @keyup.enter="queryList" />
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="是否省工单" prop="IsProvince">
|
|
|
+ <el-select v-model="state.queryParams.IsProvince" placeholder="请选择是否省工单" class="w100">
|
|
|
+ <el-option label="是" value="true" />
|
|
|
+ <el-option label="否" value="false" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
<el-form-item label=" ">
|
|
@@ -32,7 +40,7 @@
|
|
|
<!-- 表格 -->
|
|
|
<el-table :data="state.tableData" v-loading="state.loading" row-key="id" ref="multipleTableRef" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="40" />
|
|
|
- <template v-if="state.queryParams.Status === '0'">
|
|
|
+ <template v-if="state.queryParams.IsHandled === 'false'">
|
|
|
<el-table-column prop="no" label="工单编码" show-overflow-tooltip width="150"></el-table-column>
|
|
|
<el-table-column width="100" label="省/市工单" prop="isProvince">
|
|
|
<template #default="{ row }">
|
|
@@ -40,7 +48,7 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="currentStepName" label="当前办理节点" show-overflow-tooltip width="150"></el-table-column>
|
|
|
- <template v-if="state.queryParams.Status === '0'">
|
|
|
+ <template v-if="state.queryParams.Status === 'false'">
|
|
|
<el-table-column prop="creationTime" label="节点签收时间" show-overflow-tooltip width="170">
|
|
|
<template #default="{ row }">
|
|
|
<span>{{ formatDate(row.creationTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
|
|
@@ -65,7 +73,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="节点期满时间" show-overflow-tooltip width="170">
|
|
|
<template #default="{ row }">
|
|
|
- <span>{{ formatDate(row.expiredTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
|
|
|
+ <span>{{ formatDate(row.stepExpiredTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="工单期满时间" show-overflow-tooltip width="170">
|
|
@@ -85,7 +93,7 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</template>
|
|
|
- <template v-if="state.queryParams.Status === '1'">
|
|
|
+ <template v-if="state.queryParams.IsHandled === 'true'">
|
|
|
<el-table-column prop="no" label="工单编码" show-overflow-tooltip width="150"></el-table-column>
|
|
|
<el-table-column width="100" label="省/市工单" prop="isProvince">
|
|
|
<template #default="{ row }">
|
|
@@ -118,7 +126,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="节点期满时间" show-overflow-tooltip width="170">
|
|
|
<template #default="{ row }">
|
|
|
- <span>{{ formatDate(row.expiredTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
|
|
|
+ <span>{{ formatDate(row.stepExpiredTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="工单期满时间" show-overflow-tooltip width="170">
|
|
@@ -178,8 +186,9 @@ const state = reactive(<any>{
|
|
|
// 查询条件
|
|
|
PageIndex: 1, // 当前页
|
|
|
PageSize: 10, // 每页条数
|
|
|
- Status: '0', // 工单状态
|
|
|
+ IsHandled: 'false', // 工单状态
|
|
|
Keyword: null, // 关键字
|
|
|
+ IsProvince: null, // 是否省工单
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|