1.模具模块 变为列表点击跳转

loulijun2021

2024-01-02 472085677669ef90d924078c3f48c5d04b747bca

 pages/mjgl/mjwj.vue

@@ -3,119 +3,59 @@
      <page-nav title="模具外借"></page-nav>


      <view v-show="topContent.length===0">
      <view v-if="purchorderArrAll.length>0">


         <u-input prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" placeholder="扫描模具编码/输入模具信息"
            clearable border="surround" @clear='inputBoxValueClear' v-model="inputBoxValue"
            @change="changeInputBoxValue">
            <template slot="suffix">
               <u-icon name="scan" color="#909399" size="24" @click="topScanClick"></u-icon>
            </template>
         </u-input>



         <u-alert :title="'模具数（共'+title+'个）'" type="primary"></u-alert>

         <u-radio-group v-model="radioValue" iconPlacement="right" @change="radioValueClick" class="radioGroupClass">
            <view v-for="(item,index) in purchorderArr" :key="item.code">
               <!-- @click="radioValueClick(item.code)" -->
               <view>
                  <u-radio activeColor="red" size="18" labelSize='16' :name='item.code'
                     :label="item.code+' ' + item.name +' '+item.spec "></u-radio>
               </view>
               <u-line v-if="index!==purchorderArr.length-1" color="#2979ff"></u-line>
            </view>
         </u-radio-group>

         <!-- <view style="height: 120rpx;"></view> -->

         <view class="footer" style="min-height:62rpx;">
            <u-button type="primary" size='large' :hairline="true" @click="navigateTo" text="下一步"></u-button>
         </view>
      </view>


      <view v-if="purchorderArrAll.length===0">
         <div class="sacnBody">
            <div class="scanImg" @click="topScanClick"></div>
            <div class="scanText">扫描模具编码</div>
            <div class="boxImg"></div>
            <div class="scanText">暂无模具信息</div>
         </div>
      </view>


      <view v-show="topContent.length!==0">
         <view class="mainContent">
            <view>
               <u-gap height="10" bgColor="#eff0f1"></u-gap>
               <view class="head" style="max-height: 410rpx;overflow:scroll;">
                  <view class="head_block">
                     <view class="head_left">
                        <view class="head_bar"></view>
                        <view class="head_title">
                           模具信息
                        </view>
                     </view>

                     <view class="marginRight20">
                        <u-icon name="scan" @click="topScanClick" color="red" size="24"></u-icon>
                     </view>

                  </view>

                  <view class="marginTop20 marginLeft20 marginRight20 flex_column">
                     <view class="marginBottom20 flex_between" v-for="item in topContent" :key="item.code">
                        <view style="display: flex;">
                           <view class="flex_column titleFont">
                              <view>模具编码：</view>
                              <view>模具名称：</view>
                              <view>规格型号：</view>
                              <view>预计寿命：</view>
                              <view>剩余寿命：</view>

                           </view>
                           <view class="flex_column contentFont">
                              <view>{{item.code}}</view>
                              <view>{{item.name}}</view>
                              <view>{{item.spec?item.spec:'/'}}</view>
                              <view>{{item.surp_life}}</view>
                              <view>{{item.resi_life}}</view>

                           </view>
                        </view>
                     </view>

                  </view>

               </view>

               <u-gap height="10" bgColor="#eff0f1"></u-gap>

               <view class="head" style="padding-bottom: 10rpx;">
                  <view class="head_block" style="margin-bottom: 10rpx;margin-top:20rpx;">
                     <view class="head_left">
                        <view class="head_bar"></view>
                        <view class="head_title">
                           外借描述
                        </view>
                     </view>
                  </view>
                  <view class='inputClass  contentFont' style="margin: 0 20rpx; width: 95%;">
                     <u--textarea placeholder="请输入" confirm-type="send" border="surround" height='80'
                        v-model="descMessage">
                     </u--textarea>
                  </view>




               </view>

            </view>
         </view>


         <view class="footer">
            <u-button size="large" :loading="isDisabledSubmitButton" :disabled="descMessage.length===0"
               loadingText="正在提交,请稍等..." type="primary" @click="submit" text="确认提交">
            </u-button>
         </view>

      </view>



      <u-action-sheet :actions="eqpArr" @select="selectClick" round='20' :closeOnClickOverlay='true'
         @close="show=false" :closeOnClickAction="true" :safeAreaInsetBottom='true' :show="show"></u-action-sheet>




   </view>
</template>


<script>
   import {
      MouldLendOutQrCodeData,

      MouldLendOutSave
   } from '../../config/api.js'
      ScanMouldQrCodeMessageData,
      ScanMouldQrCodeMessageSubData
   } from '../../config/api.js';
   export default {
      onLoad(option) {
         //   const _this = this
         // uni.$off('scancodedate') // 每次进来先 移除全局自定义事件监听器
         // uni.$on('scancodedate', function(content) {
         //    console.log("扫描到的内容为:", content)
         //    _this.getMouldLendOutQrCodeData(content)
         // })
      },
      onLoad(option) {},

      onPullDownRefresh() {
         setTimeout(() => {
            this.init(() => {
@@ -123,44 +63,33 @@
            })
         }, 1000);
      },

      data() {
         return {
            topRightMessageCount: 0,

            isDisabledSubmitButton: false,
            inputBoxValue: '', //输入框值

            topContent: [],

            scanContent: '',
            title: 0,


            selectValue: '',
            radioValue: '',

            descMessage: '',
            purchorderArr: [],

            show: false,
            eqpArr: []
            purchorderArrAll: []
         }
      },
      created() {
         // this.getMouldLendOutQrCodeData('007')

      },
      mounted() {
         this.init()


         this.getScanMouldQrCodeMessageData()
      },
      methods: {

         init() {
            uni.stopPullDownRefresh();
         },


         selectClick(val) {
            console.log(val)
            this.selectValue = val.name
         },
         // 扫码工位  的扫码框点击
         topScanClick() {
@@ -177,18 +106,11 @@
                  console.log('条码类型：' + res.scanType);
                  console.log('条码内容：' + res.result);
                  that.scanContent = res.result;
                  let flag = false
                  that.topContent.forEach(item => {
                     if (item.code === res.result) {
                        flag = true
                     }
                  })
                  if (flag) {
                     that.$u.toast('此条码已扫描，已在列表中！')
                  } else {
                     //处理扫码事件
                     that.getMouldLendOutQrCodeData(that.scanContent);
                  }
                  that.inputBoxValue = res.result;

                  //处理扫码事件
                  that.changeInputBoxValue(that.scanContent);

               },
               complete: function(res) {

@@ -200,45 +122,36 @@

            });
         },

         // 获取维修工位    
         async getMouldLendOutQrCodeData(val) {
            const data = {
               mouldcode: val
            }

            const res = await MouldLendOutQrCodeData(data)
            if (res.code === '200') {
               this.topContent = []
               this.topContent.unshift(res.data[0])
            }
         changeInputBoxValue(val) {
            this.purchorderArr = this.purchorderArrAll.filter((p) => {
               return p.code.indexOf(val) !== -1 || p.name.indexOf(val) !== -1 || p.spec.indexOf(val) !== -1
            })
            this.radioValue = this.purchorderArr[0].code
            this.$forceUpdate()
         },

         // 确认提交按钮
         async submit() {

            // if (parseFloat(this.topContent[0].resi_life) < parseFloat(this.selectValue)) {
            //    uni.$u.toast('本次使用次数不能大于剩余寿命次数！')
            // }

            const data = {
               mouldcode: this.topContent[0].code,
               description: this.descMessage
            }

            // console.log(JSON.stringify(data))

            this.isDisabledSubmitButton = true
            const res = await MouldLendOutSave(data)
            if (res.code === '200') {
               uni.$u.toast('提交成功！')
               this.isDisabledSubmitButton = false
               this.topContent = []
               this.selectValue = ''
               this.descMessage = ''
            }

         inputBoxValueClear() {
            this.inputBoxValue = ''
         },
         radioValueClick(val) {
            this.radioValue = val
         },
         navigateTo() {
            uni.navigateTo({
               url: './mjwj2?code=' + this.radioValue
            });
         },
         async getScanMouldQrCodeMessageData() {
            const res = await ScanMouldQrCodeMessageData()

            this.purchorderArrAll = res.data

            this.purchorderArr = res.data

            this.title = res.data.length

            this.radioValue = res.data[0].code

         }
      }
   }
</script>
@@ -249,4 +162,34 @@
   ::v-deep .uicon-arrow-left>span {
      display: block;
   }

   .u-input--square {
      margin: 20rpx 10rpx;
      border-radius: 40rpx;
      background-color: #fff;
      border: 1px solid #c8c8c8;
   }

   ::v-deep .u-alert__text--primary--light {
      margin-bottom: 0;
      font-size: 32rpx !important;
   }

   .radioGroupClass {
      display: flex;
      flex-direction: column;
      background-color: #fff;

      overflow-y: auto;
      max-height: 1100rpx;
      margin-top: 20rpx;
   }

   ::v-deep .u-radio-label--right {
      height: 90rpx;
      line-height: 90rpx;
      width: 92%;
      margin-left: 4%;
      // padding: 0 50rpx;
   }
</style>