Mr.Zhang
2023-09-12 041c81a20c93a6b8238e810fe9a1adfee9c9d86f
minipro_standard/pages/index/index.vue
@@ -2,26 +2,23 @@
   <view class="index">
      <!-- <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="plr30 pb30 nav-style">
         <view class="plr30 pb30 nav-style bg_w">
            <view
               :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="search"
                  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="search" @reset="reset" :isShow="true"
                  placeholder="搜索关键字">
               </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 refresher-enabled="true" :refresher-triggered="triggered" @scrolltolower="loadMore"
      </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">
@@ -50,7 +47,7 @@
            <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>
@@ -66,7 +63,9 @@
</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 +75,14 @@
   } from 'vuex'
   export default {
      components: {
         myTabbar
         myTabbar,
         vSearch,
         LabelSelection
      },
      data() {
         return {
         return {
            height: '',
            top: '',
            code: '',
            windowHeight: '',
            show: false,
@@ -154,17 +157,45 @@
         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) => {
                  console.log('-----',rect);
                  that.height = `calc(100vh - ${rect.height + 80}px)`
                  that.top = `${rect.height}px`
               })
               .exec()
         })
      },
      onLoad() {
         uni.getSystemInfo({
            success: res => {
               this.windowHeight = res.windowHeight
            }
         })
         this.loadData()
      },
      methods: {
      methods: {
         // 搜索
         searchInput(val) {
            this.searchForm.mixParam = val;
            this.search();
            this.getPageCount()
         },
         getPageCount() {
            pageCount({mixParam: this.searchForm.mixParam})
               .then(res => {
                  this.tagList[0].num = res.data.startNum
                  this.tagList[1].num = res.data.endNum
               })
               .catch(err => {})
         },
         loadData() {
            getList({
                  model: this.searchForm,
@@ -196,26 +227,71 @@
            this.page.page += 1
            this.loadData()
         },
         selectType(status) {
         clickTag(status) {
            if (this.searchForm.status == status) return
            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?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
               //    }
               // })
            switch(item.type) {
               case 0: case 2: case 5: {
                  if (item.status === 0) {
                     uni.navigateTo({
                        url: `/pages/OutOperation/OutOperation?id=${item.objId}&dbid=${item.id}&type=7`
                     })
                  } else {
                     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/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/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({
@@ -233,14 +309,7 @@
               uni.navigateTo({
                  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({
@@ -253,7 +322,10 @@
                  //    }
                  // })
                  return
               }
               }
               uni.navigateTo({
                  url: `/pages/warehousingDetails/warehousingDetails?id=${item.objId}`
               })
               // router.push({
               //    name: 'wTransferDetail',
               //    query: {
@@ -269,7 +341,9 @@
               //    }
               // })
            } 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: {
@@ -288,14 +362,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
@@ -434,6 +516,22 @@
   .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;
   }
</style>