-
Notifications
You must be signed in to change notification settings - Fork 126
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #52 from lanyulei/dev
feat: 添加工单筛选功能。
- Loading branch information
Showing
7 changed files
with
192 additions
and
56 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,135 @@ | ||
| <template> | ||
| <div> | ||
| <el-form-item label="工单标题"> | ||
| <el-input | ||
| v-model="listQuery.title" | ||
| placeholder="请输入工单标题" | ||
| clearable | ||
| size="small" | ||
| style="width: 180px" | ||
| @keyup.enter.native="getList" | ||
| /> | ||
| </el-form-item> | ||
| <el-form-item v-if="genre !== 'upcoming'" label="当前处理人"> | ||
| <el-select | ||
| v-model="listQuery.processor" | ||
| filterable | ||
| remote | ||
| size="small" | ||
| reserve-keyword | ||
| placeholder="请输入当前处理人" | ||
| :remote-method="remoteUserList" | ||
| :loading="loading" | ||
| style="width: 150px" | ||
| @change="getList" | ||
| > | ||
| <el-option | ||
| v-for="item in UserOptions" | ||
| :key="item.userId" | ||
| :label="item.nickName" | ||
| :value="item.userId" | ||
| /> | ||
| </el-select> | ||
| </el-form-item> | ||
| <el-form-item label="优先级"> | ||
| <el-select v-model="listQuery.priority" placeholder="请选择优先级" size="small" clearable style="width: 130px" @change="getList"> | ||
| <el-option label="一般" :value="1" /> | ||
| <el-option label="紧急" :value="2" /> | ||
| <el-option label="非常紧急" :value="3" /> | ||
| </el-select> | ||
| </el-form-item> | ||
| <el-form-item v-if="genre !== 'upcoming'" label="是否结束"> | ||
| <el-select v-model="listQuery.isEnd" placeholder="请选择状态" size="small" clearable style="width: 130px" @change="getList"> | ||
| <el-option label="是" :value="1" /> | ||
| <el-option label="否" :value="0" /> | ||
| </el-select> | ||
| </el-form-item> | ||
| <el-form-item label="创建时间"> | ||
| <el-date-picker | ||
| v-model="timeValue" | ||
| size="small" | ||
| type="datetimerange" | ||
| :picker-options="pickerOptions" | ||
| range-separator="至" | ||
| start-placeholder="开始日期" | ||
| end-placeholder="结束日期" | ||
| align="right" | ||
| /> | ||
| </el-form-item> | ||
| <el-form-item> | ||
| <el-button type="primary" icon="el-icon-search" size="small" @click="getList">搜索</el-button> | ||
| </el-form-item> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import { | ||
| listUser | ||
| } from '@/api/system/sysuser' | ||
| import { parseTime } from '@/utils' | ||
| export default { | ||
| name: 'WorkOrderSearch', | ||
| // eslint-disable-next-line vue/require-prop-types | ||
| props: ['genre'], | ||
| data() { | ||
| return { | ||
| loading: false, | ||
| timeValue: '', | ||
| listQuery: {}, | ||
| UserOptions: [], | ||
| pickerOptions: { | ||
| shortcuts: [{ | ||
| text: '最近一周', | ||
| onClick(picker) { | ||
| const end = new Date() | ||
| const start = new Date() | ||
| start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) | ||
| picker.$emit('pick', [start, end]) | ||
| } | ||
| }, { | ||
| text: '最近一个月', | ||
| onClick(picker) { | ||
| const end = new Date() | ||
| const start = new Date() | ||
| start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) | ||
| picker.$emit('pick', [start, end]) | ||
| } | ||
| }, { | ||
| text: '最近三个月', | ||
| onClick(picker) { | ||
| const end = new Date() | ||
| const start = new Date() | ||
| start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) | ||
| picker.$emit('pick', [start, end]) | ||
| } | ||
| }] | ||
| } | ||
| } | ||
| }, | ||
| methods: { | ||
| getList() { | ||
| if (this.timeValue === null || this.timeValue === undefined || this.timeValue === '') { | ||
| this.listQuery.startTime = '' | ||
| this.listQuery.endTime = '' | ||
| } else { | ||
| this.listQuery.startTime = parseTime(this.timeValue[0]) | ||
| this.listQuery.endTime = parseTime(this.timeValue[1]) | ||
| } | ||
| this.$emit('handleSearch', this.listQuery) | ||
| }, | ||
| remoteUserList(query) { | ||
| listUser({ | ||
| pageSize: 999999, | ||
| nickName: query | ||
| }).then(res => { | ||
| this.UserOptions = res.data.list | ||
| }) | ||
| } | ||
| } | ||
| } | ||
| </script> | ||
|
|
||
| <style scoped> | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters