#

lty

2026-01-08 2b94d415aa8602da5509da946e5155e47cfb117b

 pages/agv/emptyOut.vue

@@ -1,792 +1,254 @@
<template>
   <view>
      <scroll-view scroll-y catch:touchmove="touchmove">
         <view class="square-2">
            <view class="square-title">
               <view class="title-sign">
                  <view class="sign"></view>
               </view>
               <view class="title-text"><text>楼层</text></view>
            </view>
            <view class="square-content">
               <view class="content-combox">
  <view>
    <scroll-view scroll-y>

                  <uni-combox emptyTips="暂无数据" :candidates="floorList" v-model="floor"
                     placeholder="楼层"></uni-combox>
               </view>
      <!-- 托盘条码 -->
      <view class="square-2">
        <view class="square-title">
          <view class="title-sign"><view class="sign"></view></view>
          <view class="title-text"><text>托盘条码</text></view>
        </view>
        <view class="square-content">
          <view class="content-input">
            <input
              v-model="barcode"
              placeholder="扫码 / 输入托盘码"
              maxlength="10"
              :focus="barcodeFocus"
              @input="barcodeInput"
            />
            <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode" />
          </view>
        </view>
      </view>

            </view>
         </view>
         <view class="square-2">
            <view class="square-title">
               <view class="title-sign">
                  <view class="sign"></view>
               </view>
               <view class="title-text"><text>起始库位</text></view>
            </view>
            <view class="square-content">
               <view class="content-input">
                  <input disabled v-model="sourceLocNo" type="text" placeholder="扫码 / 输入"
                     placeholder-style="line-height:  85rpx;">
      <!-- 标题 -->
      <view class="square-1">
        <view class="square-title">
          <view class="title-sign"><view class="sign"></view></view>
          <view class="title-text"><text>拣料/盘点列表</text></view>
        </view>
      </view>

               </view>
            </view>
         </view>
      <!-- 无数据 -->
      <view class="square-none" v-if="matList.length === 0">
        <view class="v-show">暂无数据</view>
      </view>

         <view class="square-2">
            <view class="square-title">
               <view class="title-sign">
                  <view class="sign"></view>
               </view>
               <view class="title-text"><text>目标站</text></view>
            </view>
            <view class="square-content">
               <view class="content-input">
                  <input v-model="locNo" type="text" placeholder="扫码 / 输入"
                     placeholder-style="line-height:  85rpx;">
                  <uni-icons type="closeempty" size="20" color="#dadada" @click="removelocNo()()"></uni-icons>
               </view>
            </view>
         </view>
      <!-- 列表 -->
      <view
        v-for="(item, index) in matList"
        :key="index"
        class="data-list"
        :class="item.confirmed ? 'bg-true' : 'bg-false'"
      >
        <view class="data-list-left">
          <view>
            <text>编码：{{ item.matnr }}</text>
            <text style="margin-left: 40rpx;">名称：{{ item.maknx }}</text>
          </view>
          <view>
            <text>采购单号：{{ item.boxType3 }}</text>
          </view>
          <view>
            <text>PO：{{ item.standby1 }}</text>
            <text style="margin-left: 40rpx;">SKU：{{ item.standby3 }}</text>
          </view>
          <view>
            <text>UPC：{{ item.standby2 }}</text>
          </view>
          <view>
            <text>拣/盘数量：{{ item.count }}</text><text style="margin-left: 40rpx;">总数量： {{ item.total }}</text>
          </view>
        </view>

        <!-- 右侧确认 -->
        <view class="data-list-right">
          <button
            v-if="!item.confirmed"
            class="confirm-btn"
            @click="confirmRow(index)"
          >
            确认
          </button>
          <text v-else class="confirmed-text">已确认</text>
        </view>
      </view>

    </scroll-view>

         <!-- <view class="square-none" v-show="matList.length === 0">
            <view class="v-show">暂无更多数据...</view>
         </view> -->

         <checkbox-group @change="checkbox">
            <view v-for="(item,index) in matList" :key="index" class="data-list bg-false"
               :class="'bg-'+item.checked">

               <view class="square-title">
                  <view class="title-sign">
                     <view class="sign"></view>
                  </view>
                  <view class="title-text"><text>库位编码:{{item.locNo}}</text></view>
               </view>
               <view class="">
                  <view class="item-sign flex justify-center align-center">

                  </view>
                  <view class="item-text"><text>库位状态:{{item.locSys}}</text></view>
               </view>

               <view v-for="(item2,index) in item.agvDetlList">
                  <view class="">
                     <view class="item-sign flex justify-center align-center">
                        {{index+1}}
                     </view>
                     <view class="item-text"><text>物料码:{{item2.matnr}}</text></view>
                  </view>
                  <view class="">
                     <view class="item-sign flex justify-center align-center">

                     </view>
                     <view class="item-text"><text>批号:{{item2.batch}}</text></view>
                  </view>
                  <view class="">
                     <view class="item-sign flex justify-center align-center">

                     </view>
                     <view class="item-text"><text>物料码:{{item2.anfme}}</text></view>
                  </view>

               </view>



            </view>
         </checkbox-group>
      </scroll-view>

      <view class="footer flex justify-around">
         <!-- <label class="label-btn" style="width: 170rpx;">
            <checkbox :checked="check" @click="allChecked()">{{checkText}}</checkbox>
         </label>
         <label class="label-btn" style="width: 100rpx;">
            <text  @click="reChecked()">反选</text>
         </label> -->

         <label class="label-btn flex justify-center align-center">
            <button class="cu-btn" @click="resst()">重置</button>
         </label>
         <label class="label-btn flex justify-center align-center">
            <button class="cu-btn bg-blue " @click="comb()">启动</button>
         </label>
      </view>




      <!-- 弹窗 -->
      <!-- 修改数量 -->
      <uni-popup ref="revise">
         <view class="revise-box ">
            <view class="revise-box-top">
               <view class="color-block-blue"></view>
               <text class="title">修改批号/数量</text>
            </view>
            <!--             <view class="" style="position: relative;left: 50px;margin-bottom: 20px;">
               <text style="display: inline-block;float: left;width: 50px;">批号：</text>
               <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="batch">
            </view> -->
            <view class="" style="position: relative;left: 50px;margin-bottom: 20px;">
               <text style="display: inline-block;float: left;width: 50px;">客户图号：</text>
               <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="temp2">
            </view>
            <view class="" style="position: relative;left: 50px;margin-bottom: 20px;">
               <text style="display: inline-block;float: left;width: 50px;">合同号：</text>
               <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="outOrderNo">
            </view>
            <view class="changeBox">
               <view class="num-box">
                  <text style="display: inline-block;float: left;width: 50px;">数量：</text>
                  <uni-number-box :value="count" :max="999999999" :step="0.0001" color="#747474"
                     @change="changeValue" />
               </view>
            </view>
            <view class="revise-box-buttom">
               <view>
                  <button class="cu-btn bg-blue" @click="confirm()">确认</button>
               </view>
            </view>
         </view>
      </uni-popup>
   </view>
    <!-- 底部按钮 -->
    <view class="footer">
      <button class="cu-btn bg-blue" @click="callAgv">
        呼叫小车
      </button>
    </view>
  </view>
</template>


<script>
   import permision from "@/common/permission.js"
   export default {
      data() {
         return {
            commonUrl: null,
            barcode: null,
            barcodeFocus: true,
            focus: false,
            type: 'center',
            searchBox: 'hide',
            pick: 'hide',
            matnr: '',
            matList: [],
            result: '',
            enableQty: '',
            count: '',
            minCount: 0,
            maxCount: '',
            rowNum: '',
            check: false,
            checkText: '全选',
            checkedData: [],
            batch: '',
            unit: '',
            outOrderNo: '',
            proType: '',
            temp2: '',
            sourceLocNo: '2033',
            locNo: '',
            floorList: ['1', '2', '4'],
            floor: ''
         }
      },
      onShow() {
         setTimeout(() => {
            // this.focuss()
         }, 100);
export default {
  data() {
    return {
      barcode: "",
      barcodeFocus: true,
      matList: [],
      commonUrl: "",
      baseIP: "",
      basePORT: "",
      baseUrl: "",
    };
  },

      },
      mounted() {
         const UIP = uni.getStorageSync('UIP');
         this.baseIP = UIP;
         const UPORT = uni.getStorageSync('UPORT');
         this.basePORT = UPORT
         const PROJ = uni.getStorageSync('UPROJ');
         this.baseUrl = PROJ
         this.getUrl()
      },
      methods: {
         // 获取url
         getUrl() {
            this.commonUrl = this.baseHttp + this.baseIP + ':' + this.basePORT + "/" + this.baseUrl
         },
         // barcode input 事件
         barcodeInput() {
            const that = this;
  mounted() {
    const UIP = uni.getStorageSync("UIP");
    this.baseIP = UIP;
    const UPORT = uni.getStorageSync("UPORT");
    this.basePORT = UPORT;
    const PROJ = uni.getStorageSync("UPROJ");
    this.baseUrl = PROJ;
    this.getUrl();
  },

            that.matList = []
            uni.request({
               url: that.commonUrl + '/open/asrs/agv/loc/v1/getLocList',
               data: JSON.stringify({
                  locNo: that.barcode,
               }),
               method: 'POST',
               header: {
                  'token': uni.getStorageSync('token'),
                  'appkey': 'ea1f0459efc02a79f046f982767939ae'
               },
               success(result) {
                  console.log(that.matList);
                  uni.hideLoading();
                  var res = result.data
                  if (res.code === 200) {
                     that.matList.push(...res.data)
                     console.log(that.matList);
                  } else if (res.code == 403) {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                     setTimeout(() => {
                        uni.reLaunch({
                           url: '../login/login'
                        });
                     }, 1000);
                  } else {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                  }
               }
            });
  methods: {
     getUrl() {
      this.commonUrl = this.baseHttp + this.baseIP + ":" + this.basePORT + "/" + this.baseUrl;
     },
    /* 扫码托盘码 */
    barcodeInput() {
      if (this.barcode.length !== 6) return;
      this.getPickList();
    },

         },
         // 托盘码有误重置
         barcodeFocuss() {
            let that = this;
            that.barcodeFocus = false;
            setTimeout(() => {
               that.barcode = '';
               that.barcodeFocus = true;
            }, 100);
         },
         // 商品光标清空重置
         focuss() {
            // #ifdef APP
            let that = this;
            that.focus = false;
            setTimeout(() => {
               that.matnr = '';
               that.focus = true;
            }, 100);
            // #endif
         },
         resst() {
            this.matList = []
            this.sourceLocNo = ''
            this.locNo = ''
            uni.vibrateShort();
         },
         removeBarcode() {
            this.barcode = ''
            uni.vibrateShort();
            this.barcodeFocus = false;
            this.$nextTick(function() {
               this.barcodeFocus = true;
            });
         },
         removeSouLocNo() {
            this.sourceLocNo = ''
            uni.vibrateShort();
            // this.barcodeFocus = false;
            // this.$nextTick(function() {
            //    this.barcodeFocus = true;
            // });
         },
         removelocNo() {
            this.locNo = ''
            uni.vibrateShort();
            // this.barcodeFocus = false;
            // this.$nextTick(function() {
            //    this.barcodeFocus = true;
            // });
         },
         removeMatnr() {
            this.matnr = ''
            uni.vibrateShort();
            this.focus = false;
            this.$nextTick(function() {
               this.focus = true;
            });
         },
         // 列表删除按钮
         remove(item, index) {
            this.matList.splice(index, 1)
            uni.vibrateShort();
         },
         comb() {
            uni.vibrateShort();
            let that = this;
            if (that.sourceLocNo === '' || that.locNo === '' || that.floor === '') {
               uni.showToast({
                  title: '请先输入数据',
                  icon: "none",
                  position: 'top'
               });
               return;
            }
    /* 调接口 */
    getPickList() {
      uni.showLoading();

            uni.showLoading();
            uni.request({
               url: that.commonUrl + '/open/asrs/agv/task/v1/createTask',
               data: JSON.stringify({
                  sourceStaNo: that.sourceLocNo,
                  locNo: that.locNo,
                  ioType: '2',
                  floorNo: that.floor
               }),
               method: 'POST',
               header: {
                  'token': uni.getStorageSync('token'),
                  'appkey': 'ea1f0459efc02a79f046f982767939ae'
               },
               success(result) {
                  console.log(that.matList);
                  uni.hideLoading();
                  var res = result.data
                  if (res.code === 200) {
                     that.resst();
                     uni.showToast({
                        title: res.msg,
                        position: 'bottom',
                        duration: 1000
                     });
                  } else if (res.code == 403) {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                     setTimeout(() => {
                        uni.reLaunch({
                           url: '../login/login'
                        });
                     }, 1000);
                  } else {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                  }
               }
            });
         },
         selectMat() {
            let that = this
            uni.vibrateShort();
            uni.navigateTo({
               url: "matSelect",
               events: {
                  // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据  另外一个页面传过来的
                  acceptDataFromOpenedPage: function(data) {
                     that.matnr = data.data
                     that.findMat(that.matnr)
                  },
               },
               success: function(res) {
                  // 通过eventChannel向被打开页面传送数据   向另外一个页面传递值的
                  res.eventChannel.emit('commonUrl', {
                     commonUrl: that.commonUrl
                  })
               },
      uni.request({
        url: this.commonUrl + "/open/asrs/pick/v1/getPickList",
        method: "POST",
        data: {
          barcode: this.barcode,
        },
        header: { token: uni.getStorageSync("token") },
        success: res => {
          uni.hideLoading();
          const r = res.data;
          if (r.code === 200) {
            this.matList = (r.data || []).map(item => ({
              ...item,
              confirmed: false,
            }));
          } else {
            uni.showToast({ title: r.msg || "获取失败", icon: "none" });
          }
        },
        fail() {
          uni.hideLoading();
          uni.showToast({ title: "请求失败", icon: "none" });
        },
      });
    },

            });
            that.matnr = ''
         },
         findMat() {
            let that = this
            uni.request({
               url: that.commonUrl + '/mat/auth',
               data: {
                  matnr: that.matnr
               },
               header: {
                  'token': uni.getStorageSync('token')
               },
               success(result) {
                  uni.vibrateShort();
                  let res = result.data
                  if (res.code === 200 && res.data) {
                     that.matData = res.data
                     that.matnr = ''
                     uni.navigateTo({
                        url: "matQuery",
                        events: {
                           // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
                           matList: function(data) {
                              that.checkMat(data.data)
                              // that.matList.push(data.data)
                           },
                        },
                        success: function(res) {
                           // 通过eventChannel向被打开页面传送数据
                           res.eventChannel.emit('matData', {
                              data: that.matData
                           })
                        },
                     });
                  } else if (res.code == 403) {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                     setTimeout(() => {
                        uni.reLaunch({
                           url: '../login/login'
                        });
                     }, 1000);
                  } else {
                     uni.showToast({
                        title: res.msg,
                        icon: "none",
                        position: 'top'
                     })
                  }
    /* 单行确认 */
    confirmRow(index) {
      const item = this.matList[index];
      if (item.count <= 0 || item.count > item.total) {
        uni.showToast({
          title: "拣/盘数量不合法",
          icon: "none",
        });
        return;
      }
      this.$set(this.matList[index], "confirmed", true);
      uni.vibrateShort();
    },

               }
            });
    /* 呼叫小车 */
    callAgv() {
      if (!this.matList.length) {
        uni.showToast({ title: "暂无拣料数据", icon: "none" });
        return;
      }

         },
      const hasUnConfirm = this.matList.some(i => !i.confirmed);
      if (hasUnConfirm) {
        uni.showToast({
          title: "请先确认所有拣料",
          icon: "none",
        });
        return;
      }

         // 添加商品
         addMat(mat) {
            this.matList.unshift(mat)
         },
         checkMat(mat) {
            var len = this.matList.length
            var add = true
            for (var i = 0; i < len; i++) {
               if (mat.batch == this.matList[i].batch) {
                  if (mat.matnr == this.matList[i].matnr) {
                     this.matList[i].anfme += mat.anfme
                     this.$forceUpdate() // 强制刷新
                     add = false
                  }
               }
               add = true
            }
            if (add) {
               this.matList.unshift(mat)
            }
         },
         change(e) {
            console.log('当前模式：' + e.type + ',状态：' + e.show);
         },
         toggle(type) {
            this.type = type
            // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
            this.$refs.goodsSearch.open(type)
         },
         checkbox: function(e) {
            var items = this.matList,
               values = e.detail.value;
            for (var i = 0, lenI = items.length; i < lenI; ++i) {
               const item = items[i]
               item.id = item.id + ''
               if (values.indexOf(item.id) >= 0) {
                  this.$set(item, 'checked', true)
               } else {
                  this.$set(item, 'checked', false)
               }
            }
            if (values.length == items.length) {
               this.check = true
               this.checkText = "取消全选"
            } else {
               this.check = false
               this.checkText = "全选"
            }
            uni.vibrateShort();
         },
         revise(item, index) {
            this.count = this.matList[index].anfme
            // var maxCount = this.matList[index].maxCount
            // if (maxCount == undefined ) {
            //    this.matList[index]["maxCount"] = item.enableQty
            // } 
            // this.enableQty = item.enableQty
            // this.count = this.minCount
            // this.maxCount = item.maxCount
            this.rowNum = index
            this.eject()
         },
         eject(type) {
            this.type = type
            // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
            this.$refs.revise.open(type)
         },
         changeValue(value) {
            this.count = value
         },
         confirm() {
            this.matList[this.rowNum].anfme = this.count
            this.matList[this.rowNum].batch = this.batch
            this.matList[this.rowNum].proType = this.proType
            this.matList[this.rowNum].outOrderNo = this.outOrderNo
            this.matList[this.rowNum].temp2 = this.temp2
      uni.navigateTo({
        url: "/pages/agv/againIn",
      });
    },

            this.$refs.revise.close()
            this.$forceUpdate() // 强制刷新
         },
         // 列表反选
         reChecked() {
            if (this.matList.length == 0) {
               return;
            }
            var checkArr = []
            for (var i = 0; i < this.matList.length; i++) {
               if (this.matList[i].checked == true) {
                  this.$set(this.matList[i], 'checked', false)
               } else {
                  this.$set(this.matList[i], 'checked', true)
               }
               if (this.matList[i].checked == true) {
                  checkArr.push(this.matList[i].checked)
               }
            }
            if (checkArr.length == this.matList.length) {
               this.check = true
               this.checkText = "取消全选"
            } else {
               this.check = false
               this.checkText = "全选"
            }
            uni.vibrateShort();
         },
         // 列表全选
         allChecked(e) {
    removeBarcode() {
      this.barcode = "";
      this.barcodeFocus = false;
      this.matList = [];
      this.$nextTick(() => (this.barcodeFocus = true));
    },
  },
};

            if (this.check == true) {
               for (var i = 0; i < this.matList.length; i++) {
                  this.$set(this.matList[i], 'checked', false)
               }
               this.check = false
               this.checkText = "全选"
            } else {
               for (var i = 0; i < this.matList.length; i++) {
                  this.$set(this.matList[i], 'checked', true)
               }
               this.check = true
               this.checkText = "取消全选"
            }
            uni.vibrateShort();
         },
      }
   }
</script>

<style>
   /* @import "../../colorui/main.css";
   @import "../../colorui/icon.css"; */
   .item-text {
      /* background-color: #000000; */
      display: inline-block;
.data-list {
  background-color: #fff;
  margin: 15rpx;
  padding: 20rpx;
  border-radius: 20rpx;
  display: flex;
}

      width: 500rpx;
      line-height: 55rpx;
      font-size: 30rpx;
.bg-true {
  background-color: #f0f9eb;
}

.data-list-left {
  flex: 1;
  font-size: 24rpx;
  color: #666;
}

.data-list-right {
  width: 120rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.confirm-btn {
  background-color: #1e9fff;
  color: #fff;
  font-size: 24rpx;
  border-radius: 10rpx;
  width: 150rpx;
  height: 50rpx;
  line-height: 50rpx;
}

.confirmed-text {
  color: #67c23a;
  font-size: 26rpx;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 20rpx;

  display: flex;
  justify-content: center;   /* 水平居中 */
  align-items: center;       /* 垂直居中 */
}


   }

   .item-sign {

      float: left;
      width: 2em;
      height: 50rpx;

   }

   .revise-box {
      position: relative;
      width: 500rpx;
      height: 470rpx;
      border-radius: 15px;
      background-color: #FFFFFF;
   }

   .revise-box-top {
      width: 400rpx;
      height: 120rpx;
      border-radius: 25px;
   }

   .changeBox {
      width: 400rpx;
      height: 100rpx;
   }

   .num-box {
      margin-left: 100rpx;
   }

   .revise-box-buttom {
      margin-left: 190rpx;
   }

   .pak-seach-box {
      background-color: #FFFFFF;
      margin: 15rpx 15rpx 0rpx 15rpx;
      width: 96%;
      height: 150rpx;
      border-radius: 20rpx;
   }

   .box-top {
      display: block;
      height: 60rpx;
      width: 720rpx;
   }

   .color-block-blue {
      background-color: #1E9FFF;
      display: inline-block;
      float: left;
      margin: 15rpx 15rpx 0 15rpx;
      width: 12rpx;
      height: 40rpx;
      border: 5rpx solid #1E9FFF;
      border-radius: 20rpx;
   }

   .title {
      display: inline-block;
      float: left;
      font-size: 34rpx;
      font-weight: 700;
      height: 50rpx;
      line-height: 50rpx;
      margin-top: 10rpx;
   }

   .box-buttom {
      display: inline-block;
      background-color: #ededed;
      width: 65%;
      height: 60rpx;
      border-radius: 20rpx;
      margin: 15rpx 15rpx 0rpx 15rpx;
   }

   .box-buttom input {
      width: 75%;
      float: left;
      margin: 8rpx 10rpx 0rpx 25rpx;
   }

   .box-buttom .search-icon {
      width: 60rpx;
      height: 60rpx;
      float: right;
      margin-top: 5rpx;
      margin-right: 10rpx;
   }

   /* .pak-seach-box input {
      background-color: #ededed;
      border: 1rpx solid #d8d8d8;
      display: inline-block;
      border-radius: 20rpx;
      float: left;
      width: 70%;
      height: 60rpx;
      line-height: 60rpx;
      margin: 15rpx 15rpx 0rpx 15rpx;
      padding-left: 20rpx;
   } */
   .pak-seach-box button {
      background-color: #1E9FFF;
      color: #ffffff;
      display: inline-block;
      float: right;
      width: 180rpx;
      height: 60rpx;
      margin: 15rpx 15rpx 0rpx 15rpx;
      line-height: 60rpx;
   }

   .pakin-btn {
      background-color: #1E9FFF;
   }

   .pak-data-box {
      background-color: #F1F1F1;
      margin: 15rpx 15rpx 0rpx 15rpx;
      width: 96%;
      height: 70rpx;
      border-radius: 20rpx;
   }

   .pak-data-box .box-top {
      background-color: #FFFFFF;
      height: 70rpx;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
   }

   .bg-false {
      background-color: #FFFFFF;
   }

   .bg-true {
      background-color: #ebebeb;
   }

   .data-list {
      border-bottom: 1px solid #d8d8d8;

      margin: 15rpx;
      border-radius: 20rpx;
   }

   .data-list:first-child {
      margin-top: 20rpx;
   }

   .data-list:last-child {
      margin-bottom: 120rpx;
   }

   /* .data-list-left {
      display: inline-block;
      float: left;
      text-align: center;
      width: 100rpx;
      height: 180rpx;
      line-height: 180rpx;
   } */
   .data-list-left {
      display: inline-block;
      float: left;
      margin-left: 6%;
      height: 240rpx;
      color: #676767;
   }

   .matnr {
      padding-top: 10rpx;
   }

   .data-list-right {
      display: inline-block;
      float: right;
      height: 240rpx;
      line-height: 240rpx;
   }

   /* display: inline-block;
   float: right;
   width: 200rpx;
   height: 180rpx;
   line-height: 180rpx; */
   .data-list-right label {
      display: inline-block;
      float: left;
      width: 80rpx;
      height: 240rpx;
   }
</style>
</style>