|
@@ -1,9 +1,9 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
<!-- 顶部筛选条件 -->
|
|
<!-- 顶部筛选条件 -->
|
|
- <u-dropdown ref="uDropdown" class="uDropdown">
|
|
|
|
|
|
+ <u-dropdown ref="uDropdown" class="uDropdown" @close="closeDropdownItem">
|
|
<u-dropdown-item v-model="searchForm.inspectorId" :title="isAll" @change="dropdownChange" :options="screenClass"></u-dropdown-item>
|
|
<u-dropdown-item v-model="searchForm.inspectorId" :title="isAll" @change="dropdownChange" :options="screenClass"></u-dropdown-item>
|
|
- <u-dropdown-item title="检查方式" class="screen-dropdown" @change="typeChange" @close="closeDropdownItem">
|
|
|
|
|
|
+ <u-dropdown-item title="检查方式" class="screen-dropdown" @change="typeChange">
|
|
<view class="slot-content">
|
|
<view class="slot-content">
|
|
<scroll-view class="scroll-view" scroll-y="true">
|
|
<scroll-view class="scroll-view" scroll-y="true">
|
|
<view class="screen-module">
|
|
<view class="screen-module">
|
|
@@ -16,7 +16,7 @@
|
|
</view>
|
|
</view>
|
|
</u-dropdown-item>
|
|
</u-dropdown-item>
|
|
<u-dropdown-item v-model="searchForm.status" title="状态" :options="screenState" @change="dropdownChange"></u-dropdown-item>
|
|
<u-dropdown-item v-model="searchForm.status" title="状态" :options="screenState" @change="dropdownChange"></u-dropdown-item>
|
|
- <u-dropdown-item title="筛选" class="screen-dropdown" @close="closeDropdownItem">
|
|
|
|
|
|
+ <u-dropdown-item title="筛选" class="screen-dropdown">
|
|
<view class="slot-content">
|
|
<view class="slot-content">
|
|
<scroll-view class="scroll-view" scroll-y="true">
|
|
<scroll-view class="scroll-view" scroll-y="true">
|
|
<view class="screen-module">
|
|
<view class="screen-module">
|
|
@@ -29,13 +29,13 @@
|
|
<view class="screen-module">
|
|
<view class="screen-module">
|
|
<text class="screen-tit">门店:</text>
|
|
<text class="screen-tit">门店:</text>
|
|
<view class="screen-inp-val">
|
|
<view class="screen-inp-val">
|
|
- <u-input class="screen-inp" v-model="searchForm.storeName" :height="52" placeholder="请输入" type="text" :border="true" />
|
|
|
|
|
|
+ <u-input class="screen-inp" v-model="moreScreen.storeName" :height="52" placeholder="请输入" type="text" :border="true" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="screen-module">
|
|
<view class="screen-module">
|
|
<text class="screen-tit">巡店人:</text>
|
|
<text class="screen-tit">巡店人:</text>
|
|
<view class="screen-inp-val">
|
|
<view class="screen-inp-val">
|
|
- <u-input class="screen-inp" v-model="searchForm.shopInspector" :height="52" placeholder="请输入" type="text" :border="true" />
|
|
|
|
|
|
+ <u-input class="screen-inp" v-model="moreScreen.shopInspector" :height="52" placeholder="请输入" type="text" :border="true" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</scroll-view>
|
|
@@ -81,7 +81,11 @@
|
|
screenState: [], // 过滤条件 状态
|
|
screenState: [], // 过滤条件 状态
|
|
showPicker: false, // 是否选择创建时间
|
|
showPicker: false, // 是否选择创建时间
|
|
range: [], // 筛选创建时间的默认值
|
|
range: [], // 筛选创建时间的默认值
|
|
- sourceTypeList: [], // 检查方式列表
|
|
|
|
|
|
+ sourceTypeList: [], // 检查方式数据列表
|
|
|
|
+ moreScreen: { // 数据暂存
|
|
|
|
+ storeName: '', // 门店
|
|
|
|
+ shopInspector: '' // 巡店人
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -105,6 +109,9 @@
|
|
this.searchForm.creatTime = this.defaultParams.creatTime ? this.defaultParams.creatTime : []
|
|
this.searchForm.creatTime = this.defaultParams.creatTime ? this.defaultParams.creatTime : []
|
|
this.range = this.searchForm.creatTime
|
|
this.range = this.searchForm.creatTime
|
|
this.searchForm.storeName = this.defaultParams.storeName ? this.defaultParams.storeName : ''
|
|
this.searchForm.storeName = this.defaultParams.storeName ? this.defaultParams.storeName : ''
|
|
|
|
+ this.searchForm.shopInspector = this.defaultParams.shopInspector ? this.defaultParams.shopInspector : ''
|
|
|
|
+ this.moreScreen.storeName = this.searchForm.storeName
|
|
|
|
+ this.moreScreen.shopInspector = this.searchForm.shopInspector
|
|
this.defaultSourceType()
|
|
this.defaultSourceType()
|
|
},
|
|
},
|
|
// 巡店人、状态 筛选条件 change
|
|
// 巡店人、状态 筛选条件 change
|
|
@@ -119,6 +126,9 @@
|
|
},
|
|
},
|
|
// 筛选 筛选条件
|
|
// 筛选 筛选条件
|
|
closeDropdown(){
|
|
closeDropdown(){
|
|
|
|
+ this.searchForm.creatTime = this.range
|
|
|
|
+ this.searchForm.storeName = this.moreScreen.storeName
|
|
|
|
+ this.searchForm.shopInspector = this.moreScreen.shopInspector
|
|
this.$emit('refresh', this.searchForm)
|
|
this.$emit('refresh', this.searchForm)
|
|
this.$refs.uDropdown.close()
|
|
this.$refs.uDropdown.close()
|
|
},
|
|
},
|
|
@@ -137,8 +147,14 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 关闭
|
|
// 关闭
|
|
- closeDropdownItem(){
|
|
|
|
-
|
|
|
|
|
|
+ closeDropdownItem(ind){
|
|
|
|
+ if(ind == 1){ // 检查方式
|
|
|
|
+ this.defaultSourceType()
|
|
|
|
+ }else if(ind == 3){ // 多条件筛选
|
|
|
|
+ this.moreScreen.storeName = this.searchForm.storeName
|
|
|
|
+ this.moreScreen.shopInspector = this.searchForm.shopInspector
|
|
|
|
+ this.range = this.searchForm.creatTime
|
|
|
|
+ }
|
|
},
|
|
},
|
|
// 获取数据字典数据
|
|
// 获取数据字典数据
|
|
getLookUpData(code) {
|
|
getLookUpData(code) {
|
|
@@ -169,7 +185,7 @@
|
|
if (item.checked) {
|
|
if (item.checked) {
|
|
arr.push(item.code)
|
|
arr.push(item.code)
|
|
}
|
|
}
|
|
- });
|
|
|
|
|
|
+ })
|
|
return arr
|
|
return arr
|
|
},
|
|
},
|
|
// 显示日期选择
|
|
// 显示日期选择
|
|
@@ -181,7 +197,6 @@
|
|
this.showPicker = false
|
|
this.showPicker = false
|
|
if(e) {
|
|
if(e) {
|
|
this.range = e.value
|
|
this.range = e.value
|
|
- this.searchForm.creatTime = this.range
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}
|
|
}
|
|
@@ -197,8 +212,11 @@
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
.scroll-view{
|
|
.scroll-view{
|
|
height: 300upx;
|
|
height: 300upx;
|
|
|
|
+ padding: 20upx 0;
|
|
|
|
+ box-sizing: border-box;
|
|
.screen-module{
|
|
.screen-module{
|
|
- margin: 20upx 30upx 20upx;
|
|
|
|
|
|
+ margin: 0 30upx;
|
|
|
|
+ padding: 14upx 0;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
.screen-tit{
|
|
.screen-tit{
|
|
@@ -213,7 +231,6 @@
|
|
background-color: #f4f4f4;
|
|
background-color: #f4f4f4;
|
|
border-radius: 12upx;
|
|
border-radius: 12upx;
|
|
padding: 10upx 14upx;
|
|
padding: 10upx 14upx;
|
|
- margin: 10upx 0;
|
|
|
|
text-align: center;
|
|
text-align: center;
|
|
text{
|
|
text{
|
|
display: inline-block;
|
|
display: inline-block;
|