固定搜索
This commit is contained in:
@@ -42,7 +42,7 @@ uni-toast .uni-toast {
|
|||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: rgba(1, 114, 195, 40%);
|
background: linear-gradient(-45deg,rgba(16, 131, 202, 1),rgba(8, 39, 87, 1));
|
||||||
border: 1px solid #00a3dd;
|
border: 1px solid #00a3dd;
|
||||||
box-shadow: rgba(4, 136, 203, 0.2) -3px 6px 6px 1px, rgba(4, 136, 203, 0.2) 3px -3px 6px 1px;
|
box-shadow: rgba(4, 136, 203, 0.2) -3px 6px 6px 1px, rgba(4, 136, 203, 0.2) 3px -3px 6px 1px;
|
||||||
}
|
}
|
||||||
@@ -269,6 +269,7 @@ uni-toast .uni-toast {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
/* background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat; */
|
/* background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat; */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
top: 52px;
|
||||||
}
|
}
|
||||||
.zd-sec-th-wraper {
|
.zd-sec-th-wraper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -156,6 +156,9 @@ input[type="button"], input[type="submit"], input[type="search"], input[type="re
|
|||||||
.mgl52 {
|
.mgl52 {
|
||||||
margin-left: 52px;
|
margin-left: 52px;
|
||||||
}
|
}
|
||||||
|
.mgr1 {
|
||||||
|
margin-right: 1px;
|
||||||
|
}
|
||||||
.mgr5 {
|
.mgr5 {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|||||||
49
components/upTop.vue
Normal file
49
components/upTop.vue
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
<template>
|
||||||
|
<view class="back-top" @tap="toTop" v-show="showBtn">
|
||||||
|
<uni-icons type="arrow-up" size="26" color="#9a99ac"></uni-icons>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name:"upTop",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showBtn: false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
scrollTop: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
topData(e) {
|
||||||
|
this.showBtn = e > 50
|
||||||
|
},
|
||||||
|
// 返回顶部
|
||||||
|
toTop() {
|
||||||
|
uni.pageScrollTo({
|
||||||
|
scrollTop: 0,
|
||||||
|
duration: 100
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus" scoped>
|
||||||
|
.back-top
|
||||||
|
position: fixed;
|
||||||
|
z-index: 299;
|
||||||
|
right: 11px;
|
||||||
|
bottom: 11px;
|
||||||
|
background-color: rgba(4, 19, 36, 70%);
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 1px 2px 5px #114d90;
|
||||||
|
</style>
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<nav-bar title="调拨维护"></nav-bar>
|
<nav-bar title="调拨维护"></nav-bar>
|
||||||
<view class="search-confirm-wrap">
|
<view class="sticky search-confirm-wrap">
|
||||||
<view class="zd-row">
|
<view class="zd-row">
|
||||||
<view class="zd-col-15 zd-row jcflexstart">
|
<view class="zd-col-15 zd-row jcflexstart">
|
||||||
<view class="zd-col-10"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
<view class="zd-col-10"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<nav-bar title="盘点"></nav-bar>
|
<nav-bar title="盘点"></nav-bar>
|
||||||
<view class="search-confirm-wrap">
|
<view class="sticky search-confirm-wrap">
|
||||||
<view class="zd-row">
|
<view class="zd-row">
|
||||||
<view class="zd-row zd-col-14">
|
<view class="zd-row zd-col-14">
|
||||||
<view class="zd-col-12"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
<view class="zd-col-12"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
||||||
|
|||||||
@@ -1,16 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<nav-bar :title="title"></nav-bar>
|
<nav-bar :title="title"></nav-bar>
|
||||||
<view class="search-confirm-wrap">
|
<view class="sticky search-confirm-wrap">
|
||||||
<view class="zd-row">
|
<view class="zd-row">
|
||||||
<view class="zd-col-13 zd-row jcflexstart">
|
<view class="zd-col-13 zd-row jcflexstart">
|
||||||
<view :class="crType === 'OUT' ? 'zd-col-10' : 'zd-col-16'"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
<view :class="crType === 'OUT' ? 'zd-col-10' : 'zd-col-16'"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
||||||
<view v-if="crType === 'OUT'" class="zd-col-6 select_wraper mgl10">
|
<view v-if="crType === 'OUT'" class="zd-col-6 select_wraper mgl10">
|
||||||
<zxz-uni-data-select placeholder="选择仓管员" v-model="value2" filterable :localdata="range2"></zxz-uni-data-select>
|
<zxz-uni-data-select placeholder="选择仓管员" v-model="value2" filterable :localdata="range2"></zxz-uni-data-select>
|
||||||
</view>
|
</view>
|
||||||
<view class="relative zd-col-8 mgl10">
|
<view class="zd-col-8 mgl10 zd-row jcflexstart">
|
||||||
<switch :checked="isChecked" color="#007de7"/>
|
<view class="pop_label mgr1">全部数据</view>
|
||||||
<text @tap="setWStatus" style="position: absolute;display: inline-block;width: 75px; height: 26px;left: 0;"></text>
|
<view class="relative">
|
||||||
|
<switch :checked="isChecked" color="#007de7"/>
|
||||||
|
<text @tap="setWStatus" style="position: absolute;display: inline-block;width: 75px; height: 26px;left: 0;"></text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="zd-col-11 zd-row jcflexend">
|
<view class="zd-col-11 zd-row jcflexend">
|
||||||
@@ -191,6 +194,7 @@
|
|||||||
<uni-popup ref="alertDialog" type="dialog">
|
<uni-popup ref="alertDialog" type="dialog">
|
||||||
<uni-popup-dialog type="info" cancelText="关闭" confirmText="确定" title="提示" content="是否提交库存?" @confirm="_inWarehouseCommit"></uni-popup-dialog>
|
<uni-popup-dialog type="info" cancelText="关闭" confirmText="确定" title="提示" content="是否提交库存?" @confirm="_inWarehouseCommit"></uni-popup-dialog>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
|
<up-top ref="UT" :scrollTop="top"></up-top>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -200,6 +204,7 @@
|
|||||||
import ScanInput from '@/components/ScanInput.vue'
|
import ScanInput from '@/components/ScanInput.vue'
|
||||||
import Pagination from '@/components/Pagination.vue'
|
import Pagination from '@/components/Pagination.vue'
|
||||||
import GridDetail from '@/components/GridDetail.vue'
|
import GridDetail from '@/components/GridDetail.vue'
|
||||||
|
import UpTop from '@/components/upTop.vue'
|
||||||
import {getWarehouseInfo, getUserInfo, easOutInBillPage, easOutInBillDetailPage, viewAssignDtl, inWarehouseAssignLocation, updateAssignDtl, addAssignDtl, inWarehouseCommit, easOutInBillUpdate, easOutInBillSync} from '@/utils/getData2.js'
|
import {getWarehouseInfo, getUserInfo, easOutInBillPage, easOutInBillDetailPage, viewAssignDtl, inWarehouseAssignLocation, updateAssignDtl, addAssignDtl, inWarehouseCommit, easOutInBillUpdate, easOutInBillSync} from '@/utils/getData2.js'
|
||||||
// import {updateAssignDtl, addAssignDtl, inWarehouseCommit, easOutInBillUpdate, easOutInBillSync} from '@/utils/getData2.js'
|
// import {updateAssignDtl, addAssignDtl, inWarehouseCommit, easOutInBillUpdate, easOutInBillSync} from '@/utils/getData2.js'
|
||||||
// import {getWarehouseInfo, getUserInfo, easOutInBillPage, easOutInBillDetailPage, viewAssignDtl, inWarehouseAssignLocation} from '@/utils/mork2.js'
|
// import {getWarehouseInfo, getUserInfo, easOutInBillPage, easOutInBillDetailPage, viewAssignDtl, inWarehouseAssignLocation} from '@/utils/mork2.js'
|
||||||
@@ -209,11 +214,13 @@
|
|||||||
SearchBox,
|
SearchBox,
|
||||||
ScanInput,
|
ScanInput,
|
||||||
Pagination,
|
Pagination,
|
||||||
GridDetail
|
GridDetail,
|
||||||
|
UpTop
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
title: '',
|
title: '',
|
||||||
|
top: 0,
|
||||||
id: '',
|
id: '',
|
||||||
crType: '',
|
crType: '',
|
||||||
val1: '', // 模糊查询
|
val1: '', // 模糊查询
|
||||||
@@ -242,6 +249,9 @@
|
|||||||
isChecked: false
|
isChecked: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onPageScroll(e) {
|
||||||
|
this.$refs.UT.topData(e.scrollTop)
|
||||||
|
},
|
||||||
onLoad (options) {
|
onLoad (options) {
|
||||||
this.id = options.id
|
this.id = options.id
|
||||||
this.title = options.name
|
this.title = options.name
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<nav-bar :title="title"></nav-bar>
|
<nav-bar :title="title"></nav-bar>
|
||||||
<view class="search-confirm-wrap">
|
<view class="sticky search-confirm-wrap">
|
||||||
<view class="zd-row">
|
<view class="zd-row">
|
||||||
<view class="zd-col-13 zd-row jcflexstart">
|
<view class="zd-col-13 zd-row jcflexstart">
|
||||||
<view :class="crType === 'OUT' ? 'zd-col-10' : 'zd-col-16'"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
<view :class="crType === 'OUT' ? 'zd-col-10' : 'zd-col-16'"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<nav-bar title="移库"></nav-bar>
|
<nav-bar title="移库"></nav-bar>
|
||||||
<view class="search-confirm-wrap">
|
<view class="sticky search-confirm-wrap">
|
||||||
<view class="zd-row">
|
<view class="zd-row">
|
||||||
<view class="zd-row zd-col-14">
|
<view class="zd-row zd-col-14">
|
||||||
<view class="zd-col-12"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
<view class="zd-col-12"><search-box placeholder="输入查询条件" v-model="val1" /></view>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<nav-bar title="收货确认"></nav-bar>
|
<nav-bar title="收货确认"></nav-bar>
|
||||||
<view class="search-confirm-wrap">
|
<view class="sticky search-confirm-wrap">
|
||||||
<view class="zd-row">
|
<view class="zd-row">
|
||||||
<view class="zd-col-14 zd-row jcflexstart">
|
<view class="zd-col-14 zd-row jcflexstart">
|
||||||
<view class="zd-col-12"><search-box placeholder="请输入查询条件" v-model="val1" /></view>
|
<view class="zd-col-12"><search-box placeholder="请输入查询条件" v-model="val1" /></view>
|
||||||
|
|||||||
Reference in New Issue
Block a user