|
|
@@ -1,138 +1,138 @@
|
|
|
-<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
|
|
|
- clearable
|
|
|
- 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"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- type="datetimerange"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- align="right"
|
|
|
- @change="getList"
|
|
|
- />
|
|
|
- </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>
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-form-item label="关键词">
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.search"
|
|
|
+ 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
|
|
|
+ clearable
|
|
|
+ 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"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ type="datetimerange"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ align="right"
|
|
|
+ @change="getList"
|
|
|
+ />
|
|
|
+ </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>
|
