小程序代码

jiangping

2023-10-26 ea87c908fb6cdfc3e227a584a53e6730efb8262a

 minipro_standard/pages_adjust/pages/workOrder/workOrder.vue

@@ -1,7 +1,7 @@
<template>

   <view class="content p30 bbox">

      <div class="content_search">

         <v-Search @searchInput="searchInput" @submit="search" @reset="reset" :isShow="true"

         <v-Search @searchInput="searchForm.mixParam" @submit="search" @reset="reset" :isShow="true"

            placeholder="搜索工单编码/工序名称">

            <template v-slot:content>

               <div class="Search_item">

@@ -22,10 +22,10 @@
         <v-LableSelection :TagList="tagList" :isShow="true" @change="clickTag"></v-LableSelection>

      </div>

      <div class="content_total mt20">共{{page.total}}条数据</div>

      <view class="fx1">
         <scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered" @scrolltolower="getLists"
            @refresherrefresh="onRefresh">
      <div class="content_list">

         <scroll-view scroll-y="true" :style="{height:height}" refresher-enabled="true"

            :refresher-triggered="triggered" @scrolltolower="getLists" @refresherrefresh="onRefresh">



            <div class="content_list_item" v-for="(item, i) in list" :key="i" @click="jump(item)">

               <div class="content_list_item_top">

                  <div class="content_list_item_top_left">

@@ -43,7 +43,7 @@
                     <span v-if="item.status === 4">已报工</span>

                     <span v-if="item.status === 5">已入库</span>

                     <span v-if="item.status === 6">已取消</span>

                     <span class="green" v-if="item.status === 7">生产中</span>

                        <span class="green" v-if="item.status === 7">进行中</span>
                  </div>

               </div>

               <span class="f24">工单编号: {{item.code}}</span>

@@ -78,15 +78,12 @@
                  </div>

               </div>

            </div>



         </scroll-view>

      </div>

      <view class="fx1">



         </scroll-view>
      </view>



      <!-- <u-calendar :show="isOpenDate" mode="range" @confirm="dateConfirm"></u-calendar> -->

      <l-calendar :lunar="false" v-model="isOpenDate" @change="dateConfirm" :isRange="true" activeBgColor="#305ED5"

      <l-calendar :lunar="false" v-model="isOpenDate" @change="onConfirm" :isRange="true" activeBgColor="#305ED5"
         rangeColor="#305ED5" rangeBgColor="rgba(48, 80, 213, 0.1)"></l-calendar>

   </view>

</template>

@@ -98,9 +95,7 @@
      getList,

      pageCount

   } from '@/util/api/WorkOrderAPI.js'

   import {

      gsdate

   } from '@/util/utils.js'

   import { gsdate } from '@/util/utils.js'

   export default {

      components: {

         vSearch,

@@ -125,7 +120,6 @@
                  num: '0'

               }

            ],

            height: '',

            triggered: false,

            _freshing: false,

            searchForm: {

@@ -142,21 +136,6 @@
            list: [],

         }

      },

      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() {

         this.pageCounts()

         this.loadData()

@@ -166,17 +145,15 @@
            this.searchForm = {

               mixParam: '',

               startDate: '',

               // endDate: gsdate(new Date()),

               endDate: '',

               endDate: gsdate(new Date()),
               statusList: []

            }

            this.search()

         },

         searchInput(data) {

            this.searchForm.mixParam = data

            this.search()

            this.page.page = 1
            this.pageCounts()
            this.loadData()
         },

         loadData() {



            getList({

                  ...this.page,

                  model: {

@@ -203,10 +180,11 @@
         pageCounts() {

            pageCount({

               ...this.searchForm,

               endDate: this.searchForm.endDate || null,

               endDate: this.searchForm.endDate || '',

               statusList: this.searchForm.statusList.length === 0 ? this.tagList[0].id : this.searchForm

                  .statusList

            }).then(res => {

               console.log(res);

               if (res.code === 200) {

                  this.tagList[0].num = String(res.data.startNum)

                  this.tagList[1].num = String(res.data.ingNum)

@@ -220,10 +198,9 @@
            this.loadData()

         },

         dateConfirm(v) {

            console.log(v);

            this.isOpenDate = false

            this.searchForm.startDate = v.startDate

            this.searchForm.endDate = v.endDate

            this.searchForm.startDate = v[0]

            this.searchForm.endDate = v[v.length - 1]

         },

         getLists() {

            this.page.page += 1

@@ -232,12 +209,12 @@
         onRefresh() {

            if (this.triggered) return

            this.triggered = true;

            this.search()

            this.page.page = 1

            this.loadData()

         },

         search() {

            this.page.page = 1

            this.loadData()

            this.pageCounts()

         },

         jump(item) {

            // uni.navigateTo({

@@ -262,7 +239,6 @@
      display: flex;

      flex-direction: column;

      height: 100vh;



      .content_search {

         background: white;

         z-index: 9;