From ca73a173f008c8d7a9d700bad897ca24fe2d2203 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期一, 16 十月 2023 09:29:57 +0800
Subject: [PATCH] 111
---
minipro_standard/pages/index/index.vue | 312 +++++++++++++++++++++++++++++++++++++--------------
1 files changed, 225 insertions(+), 87 deletions(-)
diff --git a/minipro_standard/pages/index/index.vue b/minipro_standard/pages/index/index.vue
index 97d5592..88883e6 100644
--- a/minipro_standard/pages/index/index.vue
+++ b/minipro_standard/pages/index/index.vue
@@ -1,28 +1,45 @@
-<template>
- <view class="index">
+<template>
+ <page-meta :page-style="ban ?'overflow: hidden;': ''"/>
+ <view class="index" >
+ <!-- :class="ban?'scroll-ban': ''" -->
+ <!-- <view class="mask" @tap="tapMask" @touchmove="moveHandle"></view> -->
<!-- <web-view v-if="show" @onPostMessage="onMessage" :src="'https://dmtest.ahapp.net/doumeeplant_h5/#/appletLogin?code=' + code"></web-view> -->
<!-- {{$store.state.statusbarHeight}} -->
-
+
<u-sticky>
- <view class="plr50 pb30 nav-style">
+ <view class="plr30 pb30 nav-style bg_w">
<view
- :style="{paddingTop: `${statusbarHeight}px`, height: `${navHeight}px`, lineHeight:`${navHeight}px`, textAlign: 'center'}">
+ :style="{background: '#fff', zIndex: '999', paddingTop: `${statusbarHeight}px`, height: `${navHeight}px`, lineHeight:`${navHeight}px`, textAlign: 'center'}">
寰呭姙</view>
- <view class="cY">
- <u-search placeholder="鎼滅储鍏抽敭瀛�" bgColor="#f7f7f7" :showAction="false" @search="scrolltoupper"
- shape="square" v-model="searchForm.mixParam"></u-search>
- <image src="../../static/filter@2x.png" class="img48 ml20" @click="filterAction" mode=""></image>
- </view>
- <view class="cY mt30">
- <view v-for="item in tagList" :key="item.id" class="sbtn rd8 mr10"
- :class="searchForm.status==item.id?'sbtn_green':'sbtn_black_rim'" @click="selectType(item.id)">
- {{`${item.name}(${item.num})`}}
- </view>
- </view>
+ <div class="content_search">
+ <v-Search @searchInput="searchInput" @submit="confirm" @reset="resetType" :isShow="true"
+ placeholder="鎼滅储鍏抽敭瀛�" @scrollerBan="$event => ban=$event">
+ <template v-slot:content>
+ <view class="rp contanir">
+ <view class="c2 b">绫诲瀷</view>
+ <view class="content">
+ <u-grid col="2" :border="false">
+ <u-grid-item v-for="item in types" :key="item.id">
+ <view class="ptb20 f26 c9 type-style tc rd10" :class="type===item.id?'sbtn_green':'sbtn_gray'"
+ @click="type=item.id">{{ item.name }}</view>
+ </u-grid-item>
+ </u-grid>
+ </view>
+ <!-- <view class="flex ap tc bottom-view">
+ <view class="fx1 ptb20 sbtn_gray c9" @click="resetType">閲嶇疆</view>
+ <view class="fx1 ml20 ptb20 sbtn_green" @click="confirm">纭畾</view>
+ </view> -->
+ </view>
+ </template>
+ </v-Search>
+ <div class="content_search_x"></div>
+ <LabelSelection :TagList="tagList" :isShow="true" @change="clickTag"></LabelSelection>
+ </div>
</view>
- </u-sticky>
- <scroll-view v-if="projectList.length" scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered"
- :refresher-threshold="100" @refresherpulling="scrolltolower" @refresherrefresh="scrolltoupper"
+ </u-sticky>
+
+ <scroll-view :style="{height: height}" v-if="projectList.length" scroll-y refresher-enabled="true" :refresher-triggered="triggered" @scrolltolower="loadMore"
+ @refresherrefresh="refresh"
>
<view v-for="(item, index) in projectList" :key="index">
<view class="box_list">
@@ -44,13 +61,13 @@
</view>
</scroll-view>
<view v-else class="tc c6">鏆傛棤鏁版嵁...</view>
- <u-popup :show="show" @close="close" :round="8" zIndex="20000">
+ <!-- <u-popup :show="show" @close="close" :round="8" zIndex="20000">
<view class="rp p40 contanir">
<view class="c2 b">绫诲瀷</view>
<view class="content">
<u-grid col="2" :border="false">
<u-grid-item v-for="item in types" :key="item.id">
- <view class="ptb20 c9 type-style tc rd10" :class="type===item.id?'sbtn_green':'sbtn_gray'"
+ <view class="ptb20 f26 c9 type-style tc rd10" :class="type===item.id?'sbtn_green':'sbtn_gray'"
@click="type=item.id">{{ item.name }}</view>
</u-grid-item>
</u-grid>
@@ -59,14 +76,16 @@
<view class="fx1 ptb20 sbtn_gray c9" @click="resetType">閲嶇疆</view>
<view class="fx1 ml20 ptb20 sbtn_green" @click="confirm">纭畾</view>
</view>
- </view>
+ </view> -->
</u-popup>
<myTabbar :index="0" />
</view>
</template>
<script>
- import myTabbar from "@/components/myTabber.vue"
+ import myTabbar from "@/components/myTabber.vue"
+ import vSearch from '@/components/Search.vue'
+ import LabelSelection from '@/components/LabelSelection.vue'
import {
getList,
pageCount
@@ -76,10 +95,15 @@
} from 'vuex'
export default {
components: {
- myTabbar
+ myTabbar,
+ vSearch,
+ LabelSelection
},
data() {
- return {
+ return {
+ ban: false,
+ height: '',
+ top: '',
code: '',
windowHeight: '',
show: false,
@@ -141,7 +165,9 @@
total: 0,
capacity: 10,
page: 1,
- },
+ },
+ triggered: false,
+ finished: false,
projectList: []
}
},
@@ -152,17 +178,50 @@
await this.$store.dispatch('getUpcomingNum')
this.tagList[0].num = this.$store.state.upcomingNum.d
this.tagList[1].num = this.$store.state.upcomingNum.y
+ },
+ onReady() {
+ var that = this
+
+ this.$nextTick(() => {
+ uni.createSelectorQuery()
+ .in(this)
+ .select('.content_search')
+ .boundingClientRect((rect) => {
+ that.height = `calc(100vh - ${rect.height + 150}px)`
+ that.top = `${rect.height}px`
+ })
+ .exec()
+ })
},
onLoad() {
uni.getSystemInfo({
success: res => {
this.windowHeight = res.windowHeight
-
}
+ })
+ uni.$on('success', () => {
+ this.search();
})
this.loadData()
},
- methods: {
+ methods: {
+ // 鎼滅储
+ searchInput(val) {
+ this.searchForm.mixParam = val;
+ this.search();
+ },
+ getPageCount() {
+ pageCount({mixParam: this.searchForm.mixParam})
+ .then(res => {
+ this.tagList[0].num = res.data.startNum
+ this.tagList[1].num = res.data.endNum
+ this.$store.commit('SETNUM', {
+ d: res.data.startNum,
+ y: res.data.endNum
+ })
+ })
+ .catch(err => {})
+ },
loadData() {
getList({
model: this.searchForm,
@@ -179,49 +238,90 @@
})
.catch(err => {
+ })
+ .finally(() => {
+ this.triggered = false
})
},
- scrolltolower() {
- this.page.page = 1
- this.loadData()
+ refresh() {
+ if (this.triggered) return
+ this.triggered = true;
+ this.search()
+ // this.page.page = 1
+ // this.loadData()
+ // this.getPageCount()
},
- scrolltoupper() {
+ loadMore() {
this.page.page += 1
this.loadData()
},
- selectType(status) {
+ clickTag(status) {
if (this.searchForm.status == status) return
- this.searchForm.status = status
- this.scrolltolower()
+ this.searchForm.status = status
+ this.search()
},
- jump(item) {
- if ((item.type === 0 || item.type === 2 || item.type === 5) && item.status === 0) { // 璺宠浆鍑哄簱(杞簱鍗�)
- uni.navigateTo({
- url: 'pages/OutOperation/OutOperation',
- query: {
- id: item.objId,
- dbid: item.id,
- type: 7
- }
- })
- // router.push({
- // name: 'issueOperation',
- // query: {
- // id: item.objId,
- // dbid: item.id,
- // type: 7
- // }
- // })
- } else if ((item.type === 0 || item.type === 2 || item.type === 5) && item.status === 1) {
- // router.push({
- // name: 'wTransferDetail',
- // query: {
- // id: item.objId,
- // status: item.status,
- // type: item.type,
- // dbid: item.id
- // }
- // })
+ jump(item) {
+ console.log(item.type);
+ switch(item.type) {
+ case 0: case 2: case 5: {
+ if (item.status === 0) {
+ uni.navigateTo({
+ url: `/pages_inspect/pages/OutOperation/OutOperation?id=${item.objId}&dbid=${item.id}&type=7`
+ })
+ } else {
+ debugger
+ uni.navigateTo({
+ url: `/pages_adjust/pages/warehousingDetails/warehousingDetails?id=${item.objId}&status=${item.status}&type=${item.type}&dbid=${item.id}`
+ })
+ }
+ break
+ }
+ case 3: {
+ if (item.status==0) {
+
+ } else{
+ uni.navigateTo({
+ url: `/pages_adjust/pages/warehousingDetails/warehousingDetails?id=${item.objId}`
+ })
+ }
+ break
+ }
+ case 4: {
+ break
+ }
+ case 1: case 6: {
+ if (item.status === 0) {
+ uni.navigateTo({
+ url: `/pages_inspect/pages/InOperation/InOperation?id=${item.objId}&dbid=${item.id}&type=7`
+ })
+ } else {
+ uni.navigateTo({
+ url: `/pages_adjust/pages/warehousingDetails/warehousingDetails?id=${item.objId}`
+ })
+ }
+ break
+ }
+ case 9: {
+ if (item.status === 0) {
+ uni.navigateTo({
+ url: `/pages_inspect/pages/InOperation/InOperation?id=${item.objId}&dbid=${item.id}&type=9`
+ })
+ } else{
+ uni.navigateTo({
+ url: `/pages_adjust/pages_adjust/pages/warehousingDetails1/warehousingDetails1?id=${item.objId}`
+ })
+ }
+ }
+ default: {
+
+ }
+ }
+ /**
+ *
+ * if ((item.type === 0 || item.type === 2 || item.type === 5) && item.status === 0) { // 璺宠浆鍑哄簱(杞簱鍗�)
+
+ } else if ((item.type === 0 || item.type === 2 || item.type === 5) && item.status === 1) {
+
} else if ((item.type === 1 || item.type === 4 || item.type === 6) && item.status === 0) { // 璺宠浆鍏ュ簱(杞簱鍗�)
if (item.type === 4) { // 璺宠浆瀹屽伐鍏ュ簱璇︽儏
// router.push({
@@ -237,21 +337,9 @@
return
}
uni.navigateTo({
- url: '/pages/InOperation/InOperation',
- query: {
- id: item.objId,
- dbid: item.id,
- type: 7
- }
+ url: `/pages/InOperation/InOperation?id=${item.objId}&dbid=${item.id}&type=7`
})
- // router.push({
- // name: 'warehousing',
- // query: {
- // id: item.objId,
- // dbid: item.id,
- // type: 7
- // }
- // })
+
} else if ((item.type === 1 || item.type === 4 || item.type === 6) && item.status === 1) {
if (item.type === 4) { // 璺宠洓瀹屽伐鍏ュ簱璇︽儏
// router.push({
@@ -264,7 +352,10 @@
// }
// })
return
- }
+ }
+ uni.navigateTo({
+ url: `/pages/warehousingDetails/warehousingDetails?id=${item.objId}`
+ })
// router.push({
// name: 'wTransferDetail',
// query: {
@@ -280,14 +371,19 @@
// }
// })
} else if (item.type === 3 && item.status === 1) { // 澶囨枡锛堣浆搴撳崟璇︽儏锛�
- // router.push({ name: 'wInboundDetail', query: { id: item.objId } })
+ uni.navigateTo({
+ url: `/pages/warehousingDetails/warehousingDetails?id=${item.objId}`
+ })
// router.push({
// name: 'wTransferDetail',
// query: {
// id: item.objId
// }
// })
- } else if (item.type === 9 && item.status === 0) { // 璋冩暣鍏ュ簱(鍏ュ簱鍗�)
+ } else if (item.type === 9 && item.status === 0) { // 璋冩暣鍏ュ簱(鍏ュ簱鍗�)
+ uni.navigateTo({
+ url: `/pages/InOperation/InOperation?id=${item.objId}&dbid=${item.id}&type=9`
+ })
// router.push({
// name: 'warehousing',
// query: {
@@ -296,14 +392,22 @@
// type: 9
// }
// })
- } else if (item.type === 9 && item.status === 1) {
+ } else if (item.type === 9 && item.status === 1) {
+ uni.navigateTo({
+ url: `/pages_adjust/pages/warehousingDetails1/warehousingDetails1?id=${item.objId}`
+ })
// router.push({
// name: 'wInboundDetail',
// query: {
// id: item.objId
// }
// })
- }
+ }
+ *
+ *
+ * */
+
+
},
filterAction() {
this.show = true
@@ -313,13 +417,21 @@
},
resetType() {
this.type = ''
- this.searchForm.type = ''
- this.confirm()
+ this.searchForm.type = ''
+ this.ban =false
+ this.confirm()
+
},
confirm() {
this.searchForm.type = this.type
- this.show = false
- this.scrolltoupper()
+ this.show = false
+ this.ban =false
+ this.search()
+ },
+ search() {
+ this.page.page = 1
+ this.loadData()
+ this.getPageCount()
}
}
}
@@ -438,6 +550,32 @@
.bottom-view {
left: 40rpx;
right: 40rpx;
- bottom: 0
+ bottom: 40rpx
+ }
+ .tag_item {
+ min-width: 120rpx;
+ // padding: 0 24rpx;
+ border-radius: 26rpx;
+ text-align: center;
+ flex-shrink: 0;
+ margin-right: 20rpx;
+ border: 1rpx solid #CCCCCC;
+ font-size: 26rpx;
+ font-weight: 400;
+ height: 52rpx;
+ line-height: 52rpx;
+ }
+ .content_search_x {
+ height: 24rpx;
+ }
+ .mask {
+ z-index: 8000;
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ height: 100vh;
+ background-color: rgba(0, 0, 0, 0.5);
}
</style>
--
Gitblit v1.9.3