小程序

Mr.Zhang

2023-09-11 c4bf789deae97a35db17378ae7565cff435bac59

 minipro_standard/pages_adjust/pages/workOrder/workOrder.vue

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

   <view class="content p30">

   <view class="content p30 bbox">

      <div class="content_search">

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

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

@@ -21,64 +21,67 @@
         <div class="content_search_x"></div>

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

      </div>

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

      <scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered" @scrolltolower="getLists"

         @refresherrefresh="onRefresh">

         <div class="content_list">

            <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">

                     <span class="f32" v-if="item.mmodel">{{item.mmodel.name}} | {{item.procedureName}}</span>

                     <div class="content_list_item_top_left_tag" v-if="item.urgent">优先{{item.urgent}}</div>

                     <div class="content_list_item_top_left_tag backgreen" v-if="item.type === 0">正常</div>

                     <div class="content_list_item_top_left_tag backyellow" v-if="item.type === 2">返工返修</div>

                     <div class="content_list_item_top_left_tagW" v-if="item.paused === 1">停</div>

                  </div>

                  <div class="content_list_item_top_right">

                     <span class="yellow" v-if="item.status === 0">已创建</span>

                     <span class="green" v-if="item.status === 1">已备料</span>

                     <span v-if="item.status === 2">已完工检</span>

                     <span class="purple" v-if="item.status === 3">已检验</span>

                     <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>

                  </div>

               </div>

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

               <div class="content_list_item_content">

                  <div class="content_list_item_content_item">

                     <div class="content_list_item_content_item_label">物料编码：</div>

                     <div class="content_list_item_content_item_nr" v-if="item.mmodel">{{item.mmodel.code}}</div>

                  </div>

                  <div class="content_list_item_content_item">

                     <div class="content_list_item_content_item_label">计划开工：</div>

                     <div class="content_list_item_content_item_nr">{{item.planDate}}</div>

                  </div>

                  <div class="content_list_item_content_item">

                     <div class="content_list_item_content_item_label">生产批次：</div>

                     <div class="content_list_item_content_item_nr">{{item.batch}}</div>

                  </div>

                  <div class="content_list_item_content_item">

                     <div class="content_list_item_content_item_label">计划数量：</div>

                     <div class="content_list_item_content_item_nr" v-if="item.umodel">

                        {{item.planNum}}{{item.umodel.name}}

                     </div>

                  </div>

                  <div class="content_list_item_content_item">

                     <div class="content_list_item_content_item_label">生产设备：</div>

                     <div class="content_list_item_content_item_nr" v-if="item.pgmodel">{{item.pgmodel.code}}

                     </div>

                  </div>



                  <div class="content_list_item_content_item" v-if="item.status === 5">

                     <div class="content_list_item_content_item_label">完工数量：</div>

                     <div class="content_list_item_content_item_nr">{{item.proNum}}</div>

                  </div>

               </div>

            </div>

         </div>

      </scroll-view>

      <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">
               <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">
                        <span class="f32" v-if="item.mmodel">{{item.mmodel.name}} | {{item.procedureName}}</span>
                        <div class="content_list_item_top_left_tag" v-if="item.urgent">优先{{item.urgent}}</div>
                        <div class="content_list_item_top_left_tag backgreen" v-if="item.type === 0">正常</div>
                        <div class="content_list_item_top_left_tag backyellow" v-if="item.type === 2">返工返修</div>
                        <div class="content_list_item_top_left_tagW" v-if="item.paused === 1">停</div>
                     </div>
                     <div class="content_list_item_top_right">
                        <span class="yellow" v-if="item.status === 0">已创建</span>
                        <span class="green" v-if="item.status === 1">已备料</span>
                        <span v-if="item.status === 2">已完工检</span>
                        <span class="purple" v-if="item.status === 3">已检验</span>
                        <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>
                     </div>
                  </div>
                  <span class="f24">工单编号: {{item.code}}</span>
                  <div class="content_list_item_content">
                     <div class="content_list_item_content_item">
                        <div class="content_list_item_content_item_label">物料编码：</div>
                        <div class="content_list_item_content_item_nr" v-if="item.mmodel">{{item.mmodel.code}}</div>
                     </div>
                     <div class="content_list_item_content_item">
                        <div class="content_list_item_content_item_label">计划开工：</div>
                        <div class="content_list_item_content_item_nr">{{item.planDate}}</div>
                     </div>
                     <div class="content_list_item_content_item">
                        <div class="content_list_item_content_item_label">生产批次：</div>
                        <div class="content_list_item_content_item_nr">{{item.batch}}</div>
                     </div>
                     <div class="content_list_item_content_item">
                        <div class="content_list_item_content_item_label">计划数量：</div>
                        <div class="content_list_item_content_item_nr" v-if="item.umodel">
                           {{item.planNum}}{{item.umodel.name}}
                        </div>
                     </div>
                     <div class="content_list_item_content_item">
                        <div class="content_list_item_content_item_label">生产设备：</div>
                        <div class="content_list_item_content_item_nr" v-if="item.pgmodel">{{item.pgmodel.code}}
                        </div>
                     </div>
			
                     <div class="content_list_item_content_item" v-if="item.status === 5">
                        <div class="content_list_item_content_item_label">完工数量：</div>
                        <div class="content_list_item_content_item_nr">{{item.proNum}}</div>
                     </div>
                  </div>
               </div>
            </div>
         </scroll-view>
      </view>

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

@@ -233,21 +236,9 @@


<style lang="scss" scoped>

   .content {

      .content_code {

         position: fixed;

         right: 30rpx;

         bottom: 100rpx;



         img {

            width: 138rpx;

            height: 138rpx;

         }

      }



      .content_top {

         top: 0 !important;

      }



      display: flex;
      flex-direction: column;
      height: 100vh;

      .content_search {

         background: white;

         z-index: 9;