修改PDA出入库中出现undefined问题，修改job中因为上游调用频率过快导致job死掉，修改前端报警信息使用不同颜色

yanjinhui

7 天以前 de398f47dd12b3890c9ee545422da78e82b60fa9

 н¨Îļþ¼Ð/PDA/pages/stash/raworderboxing.vue

@@ -1,44 +1,81 @@
<template>
   <view>
      <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem">
    <uni-segmented-control
      :current="current"
      :values="items"
      @clickItem="onClickItem"
    >
      </uni-segmented-control>
      <view class="content">
         <view v-if="current === 0" class="headerstyle">
            <view class="itemstyle">
               <uni-forms label-width="180">
                  <uni-forms-item :label="label">
                  </uni-forms-item>
                  <uni-forms-item :label="goods_no">
                  </uni-forms-item>
                  <uni-forms-item :label="batch_num">
                  </uni-forms-item>
                  <uni-forms-item :label="order_qty">
                  </uni-forms-item>
                  <uni-forms-item :label="order_Inqty">
            <uni-forms-item :label="label"> </uni-forms-item>
            <uni-forms-item :label="goods_no"> </uni-forms-item>
            <uni-forms-item :label="batch_num"> </uni-forms-item>
            <uni-forms-item :label="order_qty"> </uni-forms-item>
            <uni-forms-item :label="order_Inqty"> </uni-forms-item>
            <uni-forms-item label="待扫物料编码:">
              <uni-easyinput
                type="text"
                placeholder="请扫描物料编码"
                ref="materialInput"
                :focus="step === 1"
                v-model="materialCode"
                @confirm="materialCodeInput"
                @blur="materialCodeInput"
              />
                  </uni-forms-item>
                  <uni-forms-item label="库位编号:">
                     <uni-easyinput type="text" placeholder="请扫描库位编号" ref='midInput' :focus="!focus"
                        v-model="barcode" @confirm="barcodeInput" />
              <uni-easyinput
                type="text"
                placeholder="请扫描库位编号"
                ref="midInput"
                :focus="step === 2"
                v-model="barcode"
                @confirm="barcodeInput"
              />
                  </uni-forms-item>
                  <uni-forms-item label="入库数量:">
                     <uni-easyinput type="text" placeholder="请输入入库数量" ref='midInput' :focus="focus"
                        v-model="materSn" @confirm="snInput" />
              <uni-easyinput
                type="text"
                placeholder="请输入入库数量"
                ref="midInput"
                :focus="step === 3"
                v-model="materSn"
                @confirm="snInput"
              />
                  </uni-forms-item>

                  <uni-forms-item :label="Testlabel" v-if="Test">
                     <uni-easyinput type="text" :placeholder="Testplaceholder" ref='midInput'
                        v-model="Initiallife" />
              <uni-easyinput
                type="text"
                :placeholder="Testplaceholder"
                ref="midInput"
                v-model="Initiallife"
              />
                  </uni-forms-item>

                  <!-- <uni-forms-item>
                     <checkbox checked="check">是否满盘</checkbox>
                  </uni-forms-item> -->
                  <uni-forms-item>
                     <view style="display: flex;justify-content: space-around;margin-top: 2%;">
              <view
                style="
                  display: flex;
                  justify-content: space-around;
                  margin-top: 2%;
                "
              >
                        <!-- <button @click="reset" type="default" size="default"
                           style="width: 160rpx;border: 1rpx solid #007aff;color: #007aff;">重置</button> -->
                        <button @click="submit" type="primary" size="default"
                           style="width: 200rpx;">确认入库</button>
                <button
                  @click="submit"
                  type="primary"
                  size="default"
                  style="width: 250rpx"
                >
                  ç¡®è®¤å…¥åº“
                </button>
                     </view>
                  </uni-forms-item>
               </uni-forms>
@@ -48,15 +85,34 @@
            <view class="itemstyle">
               <uni-forms label-width="120">
                  <uni-forms-item label="托盘条码">
                     <uni-easyinput type="text" :focus="!addressFocus" v-model="inboundBarcode"
                        placeholder="请扫描托盘条码" ref='midInput' @confirm="inputChangebarcode" />
              <uni-easyinput
                type="text"
                :focus="!addressFocus"
                v-model="inboundBarcode"
                placeholder="请扫描托盘条码"
                ref="midInput"
                @confirm="inputChangebarcode"
              />
                  </uni-forms-item>
                  <uni-forms-item label="地址条码">
                     <uni-easyinput type="text" v-model="address" :disabled="addressdisabled"
                        placeholder="请扫描地址条码" ref='midInput' :focus="addressFocus" />
              <uni-easyinput
                type="text"
                v-model="address"
                :disabled="addressdisabled"
                placeholder="请扫描地址条码"
                ref="midInput"
                :focus="addressFocus"
              />
                  </uni-forms-item>
                  <uni-forms-item>
                     <button @click="inbound" type="primary" size="default" style="margin-top: 2%;">入库确认</button>
              <button
                @click="inbound"
                type="primary"
                size="default"
                style="margin-top: 2%"
              >
                å…¥åº“确认
              </button>
                  </uni-forms-item>
               </uni-forms>
            </view>
@@ -64,17 +120,29 @@
         <view v-if="current === 2" class="headerstyle">
            <view class="itemstyle">
               <uni-list :border="true">
                  <uni-list-item direction="column" v-for="(item,index) in orderInfo" :key="index">
            <uni-list-item
              direction="column"
              v-for="(item, index) in orderInfo"
              :key="index"
            >
                     <template v-slot:body>
                        <view class="uni-list-box">
                           <view class="uni-content">
                              <view style="font-size: 18px;">单据号：{{orderNo}}</view>
                              <view style="font-size: 18px;">物料编码：{{item.materielCode}}</view>
                    <view style="font-size: 18px">单据号：{{ orderNo }}</view>
                    <view style="font-size: 18px"
                      >物料编码：{{ item.materielCode }}</view
                    >
                              <view>物料名称：{{item.materielName}}</view>
                              <view>物料规格：{{item.materielSpec}}</view>
                              <!-- <view style="font-size: 18px;">物料名称：{{item.matName}}</view> -->
                              <view style="font-size: 18px;">数量：{{item.orderQuantity+item.unit}}</view>
                              <view style="font-size: 18px;">组盘数量：{{item.receiptQuantity}}</view>
                    <view style="font-size: 18px"
                      >物料名称：{{ item.matName }}</view
                    >
                    <view style="font-size: 18px"
                      >数量：{{ item.orderQuantity + item.unit }}</view
                    >
                    <view style="font-size: 18px"
                      >组盘数量：{{ item.receiptQuantity }}</view
                    >
                           </view>
                        </view>
                     </template>
@@ -86,34 +154,77 @@
            <view class="itemstyle">
               <uni-forms label-width="180">
                  <uni-forms-item label="内箱标签:">
                     <uni-easyinput type="text" placeholder="请扫描内箱标签" ref='midInput' :focus="!pkfocus"
                        v-model="pkmaterSn" @confirm="pksnInput" />
              <uni-easyinput
                type="text"
                placeholder="请扫描内箱标签"
                ref="midInput"
                :focus="!pkfocus"
                v-model="pkmaterSn"
                @confirm="pksnInput"
              />
                  </uni-forms-item>

                  <uni-forms-item>
                     <view style="display: flex;justify-content: space-around;margin-top: 2%;">
                        <button @click="resetInPk" type="default" size="default"
                           style="width: 160rpx;border: 1rpx solid #007aff;color: #007aff;">重置</button>
                        <button @click="pksubmit" type="primary" size="default"
                           style="margin-top: 2%;">入平库</button>
              <view
                style="
                  display: flex;
                  justify-content: space-around;
                  margin-top: 2%;
                "
              >
                <button
                  @click="resetInPk"
                  type="default"
                  size="default"
                  style="
                    width: 160rpx;
                    border: 1rpx solid #007aff;
                    color: #007aff;
                  "
                >
                  é‡ç½®
                </button>
                <button
                  @click="pksubmit"
                  type="primary"
                  size="default"
                  style="margin-top: 2%"
                >
                  å…¥å¹³åº“
                </button>
                     </view>
                  </uni-forms-item>

               </uni-forms>
               <uni-list>
                  <uni-list-item direction="column" v-for="(item,index) in pkmatInfos" :key="index">
            <uni-list-item
              direction="column"
              v-for="(item, index) in pkmatInfos"
              :key="index"
            >
                     <template v-slot:body>
                        <view class="uni-list-box">
                           <uni-icons type="trash" size="22" style="position: absolute;right: 5%;"
                              @click="pkdeleteList(index)">
                  <uni-icons
                    type="trash"
                    size="22"
                    style="position: absolute; right: 5%"
                    @click="pkdeleteList(index)"
                  >
                           </uni-icons>
                           <view class="uni-content">
                              <view class="uni-title-sub uni-ellipsis-2">采购单号：{{item.purchaseOrderNo}}</view>
                              <view class="uni-note">物料编码：{{item.materielCode}}</view>
                    <view class="uni-title-sub uni-ellipsis-2"
                      >采购单号：{{ item.purchaseOrderNo }}</view
                    >
                    <view class="uni-note"
                      >物料编码：{{ item.materielCode }}</view
                    >
                              <view class="uni-note">批次号：{{item.lotNo}}</view>
                              <view class="uni-note">数量：{{item.quantity}}</view>
                              <view class="uni-note">生产日期：{{item.productionDate}}</view>
                              <view class="uni-note">有效期：{{item.effectiveDate}}</view>
                    <view class="uni-note"
                      >生产日期：{{ item.productionDate }}</view
                    >
                    <view class="uni-note"
                      >有效期：{{ item.effectiveDate }}</view
                    >
                           </view>
                        </view>
                     </template>
@@ -131,7 +242,7 @@
   export default {
      data() {
         return {
            items: ['入库'], //, '解盘''组盘', , '单据信息'
      items: ["入库"], //, '解盘''组盘', , '单据信息'
            current: 0,
            matTotal: [],
            matInfos: [],
@@ -169,12 +280,17 @@
            Testcheck: false,
            pkmaterSn: "",
            pkmatInfos: [],
            addressdisabled: false
         }
      addressdisabled: false,
      materialCode: "", // æ–°å¢žï¼šæ‰«æçš„物料编码
      materialCodeValid: false, // æ–°å¢žï¼šç‰©æ–™ç¼–码验证状态
      step: 1, // æ–°å¢žï¼š1-物料编码，2-库位编号，3-入库数量
    };
      },
      onShow() {},
      onLoad(res) {
    this.step = 1; // åˆå§‹æ­¥éª¤ï¼šç‰©æ–™ç¼–码
         this.focus = false;

         this.id = res.id;
         this.addressFocus = false;
         this.orderNo = res.orderNo;
@@ -195,18 +311,69 @@
         //    innerAudioContext.src = src; // '../../static/success.mp3';
         //    innerAudioContext.play();
         // },
         updateFocus() {
            debugger

    // ç‰©æ–™ç¼–码验证
    materialCodeInput() {
      console.log("materialCodeInput è¢«è§¦å‘");
      console.log("输入值:", this.materialCode);
            this.$nextTick(() => {
               this.materSn = '';
        if (this.materialCode.trim() !== "") {
          const scannedCode = this.materialCode.trim();
          const expectedCode = this.materielCode;

          console.log("扫描编码:", scannedCode);
          console.log("期望编码（materielCode）:", expectedCode);

          if (scannedCode === expectedCode) {
            this.materialCodeValid = true;
            console.log("✅ ç‰©æ–™ç¼–码验证成功");

            // éªŒè¯æˆåŠŸåŽä¸æ¸…空值，直接切换到下一步
            this.step = 2;
            this.$refs.uToast.show({
              title: "物料编码验证成功",
              type: "success",
            });
            // ä½¿ç”¨ $nextTick ç¡®ä¿ç„¦ç‚¹åˆ‡æ¢åœ¨ DOM æ›´æ–°åŽæ‰§è¡Œ
            this.$nextTick(() => {
              // è®©åº“位编号输入框获得焦点
              this.$refs.midInput.focus();
            });
          } else {
            this.materialCodeValid = false;
            console.log("❌ ç‰©æ–™ç¼–码验证失败");

            this.$refs.uToast.show({
              title: `物料编码不匹配`,
              type: "error",
            });

            // éªŒè¯å¤±è´¥æ—¶æ¸…空值并保持焦点在物料编码输入框
            setTimeout(() => {
              this.materialCode = "";
              this.step = 1;
              // ç¡®ä¿ç„¦ç‚¹å›žåˆ°ç‰©æ–™ç¼–码输入框
              this.$nextTick(() => {
                this.$refs.materialInput.focus();
              });
            }, 500);
          }
        }
      });
    },

    updateFocus() {
      debugger;
      this.$nextTick(() => {
        this.materSn = "";
               if (!this.focus) {
                  this.focus = true;
               }
            });
         },
         barcodeFocus() {
            debugger
            this.barcode = '';
      debugger;
      this.barcode = "";
            if (this.focus) {
               this.focus = false;
            }
@@ -214,17 +381,19 @@
         getData() {
            var postData = {
               MainData: {
                  orderNo: this.orderNo
          orderNo: this.orderNo,
               },
            }
            this.$u.post('/api/InboundOrderDetail/GetInboundOrderDetails', postData).then((res) => {
      };
      this.$u
        .post("/api/InboundOrderDetail/GetInboundOrderDetails", postData)
        .then((res) => {
               if (res.status) {
                  this.orderInfo = res.data;
                  if (this.orderInfo.length > 3) {
                     this.loadVisible = true;
                  }
               }
            })
        });
         },
         onClickItem(e) {
            this.focus = false;
@@ -236,31 +405,52 @@
               }
            }
         },
         barcodeInput() {
            this.$nextTick(function(x) {
               if (this.barcode.length > 0) {
                  // if (this.barcode.substring(0, 1) == 'A' || this.barcode.substring(0, 2) == 'TP') {
                  this.focus = true;
                  // } else {

    // barcodeInput() {
    // this.$nextTick(function(x) {
    //    if (this.barcode.length > 0) {
    //    // æ‰«æåº“位编号后，自动切换到入库数量输入框（步骤3）
    //    setTimeout(() => {
    //       this.step = 3; // åˆ‡æ¢åˆ°å…¥åº“数量
                  //    this.$refs.uToast.show({
                  //       title: "扫码错误,请扫描托盘码",
                  //       type: "error"
                  //    })
    //       title: "库位编号扫描成功",
    //       type: "success"
    //       });
    //    }, 100);
                  // }
    // })
    // },
    barcodeInput() {
      this.$nextTick(() => {
        if (this.barcode.length > 0) {
          this.step = 3; // åˆ‡æ¢åˆ°å…¥åº“数量
          this.$refs.uToast.show({
            title: "库位编号扫描成功",
            type: "success",
          });
          // æ·»åŠ å»¶æ—¶ç¡®ä¿æ‰«ç å®Œæˆ
          setTimeout(() => {
            this.$nextTick(() => {
              this.$refs.midInput.focus();
            });
          }, 100);
               }
            })
      });
         },

         snInput() {
            this.$nextTick(() => {
               if (this.materSn != "") {
                  this.focus = false;
                  var matSn = this.materSn;
                  if (this.warehouseId == 11) {
                     matSn = matSn.replace(/,SC.*/, '');
            matSn = matSn.replace(/,SC.*/, "");
                  }
                  //查询matSn是否存在字符
                  if (matSn.indexOf("POHA") > 0) {
                     this.$u.post('/api/MaterielInfo/CodeAnalysis?serNum=' + matSn, {}).then((res) => {
            this.$u
              .post("/api/MaterielInfo/CodeAnalysis?serNum=" + matSn, {})
              .then((res) => {
                        this.Testcheck = false;
                        if (res.status) {
                           this.sns.push(res.data.serialNumber);
@@ -269,8 +459,8 @@
                           if (res.message) {
                              this.$refs.uToast.show({
                                 title: res.message,
                                 type: "error"
                              })
                      type: "error",
                    });
                              // setTimeout(() => {
                              //    this.voiceSpeech('../../static/fail.mp3');
                              // }, 100);
@@ -282,36 +472,37 @@
                        } else {
                           this.$refs.uToast.show({
                              title: res.message,
                              type: "error"
                           })
                    type: "error",
                  });
                           // setTimeout(() => {
                           //    this.voiceSpeech('../../static/fail.mp3');
                           // }, 100);
                        }
                     })
              });
                  }
                  setTimeout(() => {
                     this.materSn = "";
                  }, 100);
               }
            })
      });
         },
         pksnInput() {
            this.$nextTick(() => {
               if (this.pkmaterSn != "") {

                  var matSn = this.pkmaterSn;

                  if (matSn.indexOf("POHA") > 0) {
                     this.$u.post('/api/MaterielInfo/CodeAnalysis?serNum=' + matSn, {}).then((res) => {
            this.$u
              .post("/api/MaterielInfo/CodeAnalysis?serNum=" + matSn, {})
              .then((res) => {
                        if (res.status) {
                           this.pksns.push(res.data.serialNumber);
                           this.pkmatInfos.push(res.data);
                           if (!res.status) {
                              this.$refs.uToast.show({
                                 title: res.message,
                                 type: "error"
                              })
                      type: "error",
                    });
                              // setTimeout(() => {
                              //    this.voiceSpeech('../../static/fail.mp3');
                              // }, 100);
@@ -324,43 +515,45 @@
                        } else {
                           this.$refs.uToast.show({
                              title: res.message,
                              type: "error"
                           })
                    type: "error",
                  });
                           // setTimeout(() => {
                           //    this.voiceSpeech('../../static/fail.mp3');
                           // }, 100);
                        }
                     })
              });
                  }
                  setTimeout(() => {
                     this.pkmaterSn = "";
                  }, 100);
               }
            })
      });
         },
         inbound() {
            if (this.inboundBarcode == "") {
               this.$refs.uToast.show({
                  title: "请扫描托盘条码",
                  type: "error"
               })
          type: "error",
        });
               return;
            }
            if (this.address == "") {
               this.$refs.uToast.show({
                  title: "请扫描地址条码",
                  type: "error"
               })
          type: "error",
        });
               return;
            }
            var postData = {
               MainData: {
                  "barcode": this.inboundBarcode,
                  "startPoint": this.address,
                  "warehouseId": this.warehouseId
               }
            }
            this.$u.post('/api/Task/RequestInboundTask', postData).then(res => {
          barcode: this.inboundBarcode,
          startPoint: this.address,
          warehouseId: this.warehouseId,
        },
      };
      this.$u
        .post("/api/Task/RequestInboundTask", postData)
        .then((res) => {
               if (res.status) {
                  this.inboundBarcode = "";
                  if (this.warehouseId != 5) this.address = "";
@@ -368,29 +561,30 @@
                     this.addressFocus = false;
                     this.$refs.uToast.show({
                        title: "成功",
                        type: "success"
                     })
                type: "success",
              });
                  }, 200);
               } else {
                  this.$refs.uToast.show({
                     title: res.message,
                     type: "error"
                  })
              type: "error",
            });
               }
            }).catch(err => {
        })
        .catch((err) => {
               this.$refs.uToast.show({
                  title: err.message,
                  type: "error"
               })
            })
            type: "error",
          });
        });
         },
         inputChangebarcode() {
            this.addressFocus = false;
            this.$nextTick(function(x) {
               if (this.inboundBarcode != '') {
        if (this.inboundBarcode != "") {
                  this.addressFocus = true;
               }
            })
      });
         },
         deleteList(res) {
            this.matInfos.splice(res, 1);
@@ -401,11 +595,16 @@
            this.pksns.splice(res, 1);
         },
         reset() {
      //重置物料编码相关状态
      this.materialCode = "";
      this.materialCodeValid = false;
      this.materialFocus = false;

            this.barcode = "";
            this.matInfos = [];
            this.sns = [];
            this.materSn = "";
            if (this.warehouseId = !6) {
      if ((this.warehouseId = !6)) {
               this.Initiallife = 0;
            }
         },
@@ -419,27 +618,34 @@
            if (this.pkmatInfos.length == 0) {
               this.$refs.uToast.show({
                  title: "请扫描内箱标签",
                  type: 'error'
               })
          type: "error",
        });
               return;
            }
            this.$u.post('/api/InboundOrder/InPinKu?warehouseId=' + this.warehouseId + "&orderNo=" + this.orderNo, this
               .pksns).then(res => {
      this.$u
        .post(
          "/api/InboundOrder/InPinKu?warehouseId=" +
            this.warehouseId +
            "&orderNo=" +
            this.orderNo,
          this.pksns
        )
        .then((res) => {
               if (res.status) {
                  this.$refs.uToast.show({
                     title: "入库成功",
                     type: "success"
                  })
              type: "success",
            });
                  this.pkfocus = false;
                  this.pkmatInfos = [];
                  this.pksns = [];
               } else {
                  this.$refs.uToast.show({
                     title: res.message,
                     type: "error"
                  })
              type: "error",
            });
               }
            })
        });
         },
         // submit() {
         //    if (this.barcode == "") {
@@ -503,75 +709,96 @@
         // æ–°å¢žæ–¹æ³•å¤„理入库完成逻辑
         
         submit() {
      // å…ˆéªŒè¯ç‰©æ–™ç¼–码
      if (!this.materialCodeValid) {
        this.$refs.uToast.show({
          title: "请先扫描并验证物料编码",
          type: "error",
        });
        return;
      }
    if (this.barcode == "") {
        this.$refs.uToast.show({
            title: "请扫描货位编号",
            type: 'error'
        })
          type: "error",
        });
        return;
    }
    if (this.materSn.length == 0) {
        this.$refs.uToast.show({
            title: "请输入入库数量",
            type: 'error'
        })
          type: "error",
        });
        return;
    }

    // æ–°å¢žäºŒæ¬¡ç¡®è®¤é€»è¾‘
    uni.showModal({
        title: '确认入库',
        content: '您确定要提交入库信息吗？',
        title: "确认入库",
        content: "您确定要提交入库信息吗？",
        success: (res) => {
            if (res.confirm) {
                // ç”¨æˆ·ç‚¹å‡»ç¡®å®šï¼Œæ‰§è¡ŒåŽŸæœ‰çš„提交逻辑
                uni.showLoading({
                    title: '提交中...'
              title: "提交中...",
                });
                this.$u.post('/api/CabinOrder/FeedbackIn', {
            this.$u
              .post("/api/CabinOrder/FeedbackIn", {
                    MainData: {
                        "LocationCode": this.barcode,
                        "id": this.id,
                        "warehouseCode": this.warehouseId,
                        "orderNo": this.orderNo,
                        "materielCode": this.materielCode,
                        "Inqty": this.materSn,
                        "batchNo": this.batchNo,
                  LocationCode: this.barcode,
                  id: this.id,
                  warehouseCode: this.warehouseId,
                  orderNo: this.orderNo,
                  materielCode: this.materielCode,
                  Inqty: this.materSn,
                  batchNo: this.batchNo,
                    },
                    DelKeys: this.sns
                }).then(res => {
                DelKeys: this.sns,
              })
              .then((res) => {
                    uni.hideLoading();
                    this.Testcheck = false;
                    if (res.status) {
                        this.$refs.uToast.show({
                            title: "入库成功",
                            type: "success"
                        })
                    type: "success",
                  });
                        this.Inqty = parseInt(res.message);
                        this.order_Inqty = "已入库数量：" + this.Inqty;
                  // æ‰‹åŠ¨æ¸…空所有输入数据
                  this.materialCode = "";
                  this.materialCodeValid = false;
                        this.barcode = "";
                        this.materSn = "";
                  this.step = 1; // é‡ç½®æ­¥éª¤åˆ°ç¬¬ä¸€æ­¥

                  // ä½¿ç”¨ $nextTick ç¡®ä¿ç„¦ç‚¹è®¾ç½®åœ¨ DOM æ›´æ–°åŽæ‰§è¡Œ
                  this.$nextTick(() => {
                    // ç¡®ä¿ç‰©æ–™ç¼–码输入框获得焦点
                    this.$refs.materialInput.focus();
                  });
                        if (this.Inqty == this.orderqty) {
                            uni.setStorageSync('isIn', true);
                    uni.setStorageSync("isIn", true);
                            this.handleInboundComplete();
                        }
                    } else {
                        this.$refs.uToast.show({
                            title: res.message,
                            type: "error"
                        })
                    type: "error",
                  });
                    }
                }).catch(err => {
              })
              .catch((err) => {
                    uni.hideLoading();
                    this.$refs.uToast.show({
                        title: "网络错误，请重试",
                        type: "error"
                    })
                })
                  type: "error",
                });
              });
            } else {
                // ç”¨æˆ·ç‚¹å‡»å–消，不做任何操作
            }
        }
        },
    });
},

@@ -610,16 +837,16 @@
               // });
               // æ–¹å¼1：使用uni.navigateBack返回上一页
               uni.navigateBack({
                  delta: 1
          delta: 1,
               });
            }, 600);
         }
      }
   }
    },
  },
};
</script>

<style lang="scss">
   @import '@/common/uni-ui.scss';
@import "@/common/uni-ui.scss";

   .content {
      display: flex;