|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<!-- 待办单查询 -->
|
|
|
<div class="modal-content">
|
|
|
- <u-popup v-model="isshow" class="search-popup" mode="right" @close="handleClose" :custom-style="{top:'var(--status-bar-height)'}" length="90%">
|
|
|
+ <u-popup v-model="isshow" class="search-popup" mode="right" @close="handleClose" length="85%">
|
|
|
<view class="search-title">待办单查询</view>
|
|
|
<u-form class="form-content" :model="form" ref="uForm" label-width="150">
|
|
|
<u-form-item label="发起时间" prop="time">
|
|
@@ -28,29 +28,27 @@
|
|
|
<button type="primary" @click="handleSearch">查询</button>
|
|
|
<button type="info" @click="resetForm">重置</button>
|
|
|
</view>
|
|
|
- <!-- 时间选择器 -->
|
|
|
- <w-picker
|
|
|
- class="date-picker"
|
|
|
- :visible.sync="showPicker"
|
|
|
- mode="range"
|
|
|
- :current="true"
|
|
|
- fields="day"
|
|
|
- @confirm="onSelected($event,'range')"
|
|
|
- @cancel="showPicker=false"
|
|
|
- ref="date"
|
|
|
- ></w-picker>
|
|
|
<!-- <mx-date-picker class="date-picker" :show="showPicker" type="range" format="yyyy-mm-dd" :value="form.time" :show-tips="true" @confirm="onSelected" @cancel="showPicker=false" /> -->
|
|
|
</u-popup>
|
|
|
-
|
|
|
+ <!-- 时间选择器 -->
|
|
|
+ <w-picker
|
|
|
+ class="date-picker"
|
|
|
+ :visible.sync="showPicker"
|
|
|
+ mode="range"
|
|
|
+ :current="true"
|
|
|
+ fields="day"
|
|
|
+ @confirm="onSelected($event,'range')"
|
|
|
+ @cancel="showPicker=false"
|
|
|
+ ref="date"
|
|
|
+ ></w-picker>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import wPicker from "@/components/w-picker/w-picker.vue"
|
|
|
- import MxDatePicker from "@/components/mx-datepicker/mx-datepicker.vue"
|
|
|
+ import { getLookUpDatas } from '@/api/data.js'
|
|
|
export default {
|
|
|
components: {
|
|
|
- MxDatePicker,
|
|
|
wPicker
|
|
|
},
|
|
|
props: {
|
|
@@ -77,58 +75,8 @@
|
|
|
return {
|
|
|
isshow: this.visible, // 显示隐藏
|
|
|
showPicker: false, // 是否显示时间弹窗
|
|
|
- statusList: [
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- code: 'pending',
|
|
|
- dispName: '待整改',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- {
|
|
|
- id: 12,
|
|
|
- code: 'check_pending',
|
|
|
- dispName: '待审核',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- {
|
|
|
- id: 13,
|
|
|
- code: 'finished',
|
|
|
- dispName: '整改完成',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- {
|
|
|
- id: 14,
|
|
|
- code: 'expired',
|
|
|
- dispName: '已过期',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- ], // 状态列表
|
|
|
- sourceTypeList: [
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- code: 'remote_check',
|
|
|
- dispName: '远程巡店',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- {
|
|
|
- id: 12,
|
|
|
- code: 'spot_check',
|
|
|
- dispName: '现场巡店',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- {
|
|
|
- id: 13,
|
|
|
- code: 'point_check',
|
|
|
- dispName: '点检',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- {
|
|
|
- id: 14,
|
|
|
- code: 'manual',
|
|
|
- dispName: '手动创建',
|
|
|
- checked: false
|
|
|
- },
|
|
|
- ], // 检查方式列表
|
|
|
+ statusList: [], // 状态列表
|
|
|
+ sourceTypeList: [], // 检查方式列表
|
|
|
form: {
|
|
|
time: '', // 发起时间区间
|
|
|
storeName: '', // 门店名称
|
|
@@ -148,7 +96,28 @@
|
|
|
return this.filterData(this.sourceTypeList)
|
|
|
}
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ // 获取单据状态 和 检查方式列表
|
|
|
+ this.getLookUpData('BACKLOG_STATUS')
|
|
|
+ this.getLookUpData('BACKLOG_SOURCE_TYPE')
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ // 获取数据字典数据
|
|
|
+ getLookUpData (code) {
|
|
|
+ getLookUpDatas({type:code}).then(res=>{
|
|
|
+ if (res.status == 200) {
|
|
|
+ res.data.map(item => {
|
|
|
+ item.checked = false
|
|
|
+ })
|
|
|
+ if (code == 'BACKLOG_STATUS') {
|
|
|
+ this.statusList = res.data
|
|
|
+ }
|
|
|
+ if (code == 'BACKLOG_SOURCE_TYPE') {
|
|
|
+ this.sourceTypeList = res.data
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
// 关闭弹窗
|
|
|
handleClose () {
|
|
|
this.isshow = false
|