yyb
8 小时以前 3a75daf63f5b64af3388424c3de82662c20aa383
pages/wareHouse/nuclearScale/nuclearscalerecord.vue
@@ -1,936 +1,960 @@
<template>
   <view class="page">
      <view class="finishProductIn-locno-bg" />
      <u-navbar title="核磅记录" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
         back-icon-color="#000">
         <view class="navbar-right" slot="right" @click="goPrintAll">
            全部打印
         </view>
      </u-navbar>
      <view class="wrap">
         <scroll-view class="finishProductIn-locno-scroll-list" scroll-y="true" @scrolltolower="getmoreList()">
            <u-cell-group class="finishProductIn-locno-scroll-list-group" :border="false">
               <view class="content" v-for="(item, index) in list" :key="item.locNo" :index="index"
                  @click="selectNo(item)">
                  <view class="content-header">
                     <view class="content-header-title">{{ index + 1 }}</view>
                  </view>
                  <view class="content-body">
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-1"> </view>
                           <view class="_label-name">批次号:</view>
                        </view>
                        <view class="_content">
                           {{ item.outBatchNo }}
                        </view>
                     </view>
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-2"> </view>
                           <view class="_label-name">产品描述:</view>
                        </view>
                        <view class="_content">
                           {{ item.netWeight }}
                        </view>
                     </view>
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-3"> </view>
                           <view class="_label-name">零件号:</view>
                        </view>
                        <view class="_content">
                           {{ item.partNo }}
                        </view>
                     </view>
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-1"> </view>
                           <view class="_label-name">毛重:</view>
                        </view>
                        <view class="_content">
                           {{ item.grossWeight }}
                        </view>
                     </view>
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-2"> </view>
                           <view class="_label-name">盘重:</view>
                        </view>
                        <view class="_content">
                           {{ item.trayWeight }}
                        </view>
                     </view>
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-3"> </view>
                           <view class="_label-name">净重:</view>
                        </view>
                        <view class="_content">
                           {{ item.value5 }}
                        </view>
                     </view>
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-1"> </view>
                           <view class="_label-name">核磅重量:</view>
                        </view>
                        <view class="_content">
                           {{ item.netWeight }}
                        </view>
                     </view>
                     <view class="row-list">
                        <view class="_label">
                           <view class="_label-icon-2"> </view>
                           <view class="_label-name">叉车盘重:</view>
                        </view>
                        <view class="_content">
                           {{ item.value7 }}
                        </view>
                     </view>
                  </view>
               </view>
            </u-cell-group>
            <view class="loadmore" @click="getmoreList()">
               <u-loadmore :status="status" :load-text="loadText" @loadmore="getmoreList()" />
            </view>
         </scroll-view>
      </view>
      <u-toast ref="uToast" />
      <u-modal v-model="maskShow" title=""
         :show-confirm-button="false" >
         <view  @touchmove.stop.prevent="moveHandle" @click="maskclose">
            <scroll-view class="uni-scroll_box" scroll-y @touchmove.stop.prevent="moveHandle"
               @click.stop="moveHandle">
               <view class="modal-title">选择蓝牙设备</view>
               <view v-if="listDevice.length === 0" class="empty-tip">暂无设备</view>
               <view v-for="(item, index) in listDevice" :key="index" @click="tapQuery(item)" class="device-item">
                  <view class="device-name">
                     <text>名称:</text>
                     <text>{{ item.name || '未知设备' }}</text>
                  </view>
                  <view class="device-uuid">
                     <text>UUID:</text>
                     <text>{{ item.address || '无地址' }}</text>
                  </view>
               </view>
            </scroll-view>
         </view>
      </u-modal>
            <!-- </scroll-view>
         </view>
      </u-modal> -->
      <!-- 连接和打印状态指示器 -->
      <view class="status-indicator" :class="{'connected': connectionStatus === 'connected', 'connecting': connectionStatus === 'connecting', 'disconnected': connectionStatus === 'disconnected'}">
         <text class="status-text">{{ getConnectionStatusText() }}</text>
         <text class="print-status" v-if="printStatus !== 'idle'">- {{ getPrintStatusText() }}</text>
      </view>
   </view>
  <view class="page">
    <view class="finishProductIn-locno-bg" />
    <u-navbar
      title="核磅记录"
      :background="background"
      :border-bottom="false"
      :title-bold="true"
      title-color="#000"
      back-icon-color="#000"
    >
      <view class="navbar-right" slot="right" @click="goPrintAll">
        全部打印
      </view>
    </u-navbar>
    <view class="wrap">
      <!-- 连接和打印状态指示器 -->
      <view
        class="status-indicator"
        :class="{
          connected: connectionStatus === 'connected',
          connecting: connectionStatus === 'connecting',
          disconnected: connectionStatus === 'disconnected',
        }"
      >
        <text class="status-text">{{ getConnectionStatusText() }}</text>
        <text class="print-status" v-if="printStatus !== 'idle'"
          >- {{ getPrintStatusText() }}</text
        >
      </view>
      <scroll-view
        class="finishProductIn-locno-scroll-list"
        scroll-y="true"
        @scrolltolower="getmoreList()"
      >
        <u-cell-group
          class="finishProductIn-locno-scroll-list-group"
          :border="false"
        >
          <view
            class="content"
            v-for="(item, index) in list"
            :key="item.locNo"
            :index="index"
            @click="selectNo(item)"
          >
            <view class="content-header">
              <view class="content-header-title">{{ index + 1 }}</view>
            </view>
            <view class="content-body">
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-1"> </view>
                  <view class="_label-name">批次号:</view>
                </view>
                <view class="_content">
                  {{ item.outBatchNo }}
                </view>
              </view>
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-2"> </view>
                  <view class="_label-name">产品描述:</view>
                </view>
                <view class="_content">
                  {{ item.netWeight }}
                </view>
              </view>
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-3"> </view>
                  <view class="_label-name">零件号:</view>
                </view>
                <view class="_content">
                  {{ item.partNo }}
                </view>
              </view>
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-1"> </view>
                  <view class="_label-name">毛重:</view>
                </view>
                <view class="_content">
                  {{ item.grossWeight }}
                </view>
              </view>
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-2"> </view>
                  <view class="_label-name">盘重:</view>
                </view>
                <view class="_content">
                  {{ item.trayWeight }}
                </view>
              </view>
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-3"> </view>
                  <view class="_label-name">净重:</view>
                </view>
                <view class="_content">
                  {{ item.value5 }}
                </view>
              </view>
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-1"> </view>
                  <view class="_label-name">核磅重量:</view>
                </view>
                <view class="_content">
                  {{ item.netWeight }}
                </view>
              </view>
              <view class="row-list">
                <view class="_label">
                  <view class="_label-icon-2"> </view>
                  <view class="_label-name">叉车盘重:</view>
                </view>
                <view class="_content">
                  {{ item.value7 }}
                </view>
              </view>
            </view>
          </view>
        </u-cell-group>
        <view class="loadmore" @click="getmoreList()">
          <u-loadmore
            :status="status"
            :load-text="loadText"
            @loadmore="getmoreList()"
          />
        </view>
      </scroll-view>
    </view>
    <u-toast ref="uToast" />
    <u-modal v-model="maskShow" title="" :show-confirm-button="false">
      <view @touchmove.stop.prevent="moveHandle" @click="maskclose">
        <scroll-view
          class="uni-scroll_box"
          scroll-y
          @touchmove.stop.prevent="moveHandle"
          @click.stop="moveHandle"
        >
          <view class="modal-title">选择蓝牙设备</view>
          <view v-if="listDevice.length === 0" class="empty-tip">暂无设备</view>
          <view
            v-for="(item, index) in listDevice"
            :key="index"
            @click="tapQuery(item)"
            class="device-item"
          >
            <view class="device-name">
              <text>名称:</text>
              <text>{{ item.name || "未知设备" }}</text>
            </view>
            <view class="device-uuid">
              <text>UUID:</text>
              <text>{{ item.address || "无地址" }}</text>
            </view>
          </view>
        </scroll-view>
      </view>
    </u-modal>
  </view>
</template>
<script>
   import content_bg from '@/static/custom/finishProductIn/locNoBg.png'
   const jcapi = uni.requireNativePlugin("JCSDK-JCApiModule");
import content_bg from "@/static/custom/finishProductIn/locNoBg.png";
const jcapi = uni.requireNativePlugin("JCSDK-JCApiModule");
   // 二维码类型
   const QrCodeType = {
      QrCode: 31,
      PDF417: 32,
      DataMatrix: 33,
      AZTEC: 34
   }
   // 线条类型
   const LineType = {
      Solid: 1, // 实线
      Dotted: 2, // 虚线(默认虚实1:1相间)
   }
   // 换行方式
   const LineModeType = {
      Justified: 1, // 宽高固定,内容自适应(字号/字间距/行间距按比例缩放)
      AutoHeight: 2, // 宽度固定,高度自适应
      Fixed: 4, // 宽高固定,超出部分裁剪
      Adapt: 6, // 宽高固定,内容超过时预设宽高自动缩小
   }
   export default {
      data() {
         return {
            background: {
               backgroundImage: `url(${content_bg})`,
               backgroundAttachment: 'fixed',
               backgroundSize: '100% auto',
               backgroundRepeat: 'no-repeat',
            },
            keywords: '',
            list: [],
            total: 0,
            pageNum: 1,
            pageSize: 10,
            status: 'loading',
            loadText: {
               loadmore: "加载更多...",
               loading: "努力加载中...",
               nomore: "没有更多了",
            },
            maskShow: false,
            listDevice: [], //蓝牙设备数据
            printQueue: [], // 打印队列
            printing: false, // 是否正在打印
            printDensity: 3, // 默认打印浓度
            labelType: 1, // 默认标签类型
            // 1:间隙纸
            // 2:黑标纸
            // 3:连续纸
            // 4:定孔纸
            // 5:透明纸
            printMode: 2, // 默认打印模式
            //   1:热敏
            //    2:热转印
            connectedDevice: null, // 已连接的打印机
            connectionStatus: 'disconnected', // 连接状态: disconnected, connecting, connected
            printStatus: 'idle', // 打印状态: idle, printing, error
            errorMessage: '' // 错误信息
         };
      },
      onLoad() {
         this.getlist()
         // 初始化SDK
         jcapi.initSDK()
         // 监听页码回调
         jcapi.didReadPrintCountInfo(function(r) {
            console.log(r)
         })
// 二维码类型
const QrCodeType = {
  QrCode: 31,
  PDF417: 32,
  DataMatrix: 33,
  AZTEC: 34,
};
// 线条类型
const LineType = {
  Solid: 1, // 实线
  Dotted: 2, // 虚线(默认虚实1:1相间)
};
// 换行方式
const LineModeType = {
  Justified: 1, // 宽高固定,内容自适应(字号/字间距/行间距按比例缩放)
  AutoHeight: 2, // 宽度固定,高度自适应
  Fixed: 4, // 宽高固定,超出部分裁剪
  Adapt: 6, // 宽高固定,内容超过时预设宽高自动缩小
};
export default {
  data() {
    return {
      background: {
        backgroundImage: `url(${content_bg})`,
        backgroundAttachment: "fixed",
        backgroundSize: "100% auto",
        backgroundRepeat: "no-repeat",
      },
      keywords: "",
      list: [],
      total: 0,
      pageNum: 1,
      pageSize: 10,
      status: "loading",
      loadText: {
        loadmore: "加载更多...",
        loading: "努力加载中...",
        nomore: "没有更多了",
      },
      maskShow: false,
      listDevice: [], //蓝牙设备数据
      printQueue: [], // 打印队列
      printing: false, // 是否正在打印
      printDensity: 3, // 默认打印浓度
      labelType: 1, // 默认标签类型
      // 1:间隙纸
      // 2:黑标纸
      // 3:连续纸
      // 4:定孔纸
      // 5:透明纸
      printMode: 2, // 默认打印模式
      //   1:热敏
      //    2:热转印
      connectedDevice: null, // 已连接的打印机
      connectionStatus: "disconnected", // 连接状态: disconnected, connecting, connected
      printStatus: "idle", // 打印状态: idle, printing, error
      errorMessage: "", // 错误信息
    };
  },
  onLoad() {
    this.getlist();
    // 初始化SDK
    jcapi.initSDK();
    // 监听页码回调
    jcapi.didReadPrintCountInfo(function (r) {
      console.log(r);
    });
         // 监听错误回调
         jcapi.didReadPrintErrorInfo((r) => {
            console.log(r)
            if (r.code == 23) {
               // 打印机断开连接
               this.connectedDevice = null
               uni.showToast({
                  icon: 'none',
                  title: '打印机连接已断开,请重新连接',
                  duration: 2 * 1000
               })
            } else {
               uni.showToast({
                  icon: 'none',
                  title: JSON.stringify(r),
                  duration: 2 * 1000
               })
            }
         })
      },
      methods: {
         getmoreList() {
            if (this.pageSize >= this.total) {
               this.status = "nomore";
               return;
            }
            this.status = "loading";
            setTimeout(() => {
               this.pageSize += this.pageSize;
               this.getlist();
            }, 1000);
         },
         getlist() {
            this.$u.api.workReporting
               .getWorkshopOrder({
                  current: this.pageNum,
                  size: this.pageSize
               })
               .then((res) => {
                  this.list = res.data.records;
                  this.total = res.data.total;
                  if (this.pageSize >= this.total) {
                     this.status = "nomore";
                  } else {
                     this.status = "loadmore";
                  }
               });
         },
         search(value) {
            if (value) {
               this.list = [];
               this.pageSize = 10;
               this.$u.api.workReporting
                  .getWorkshopOrder({
                     current: this.pageNum,
                     size: this.pageSize,
                     moNo: value,
                  })
                  .then((res) => {
                     this.list = res.data.records;
                     this.total = res.data.total;
                     if (this.pageSize >= this.total) {
                        this.status = "nomore";
                     } else {
                        this.status = "loadmore";
                     }
                  });
            } else {
               this.getlist();
            }
         },
         // 检查蓝牙连接状态
         async checkBluetoothConnection() {
            console.log('disconnected1111111111111')
            if (!this.connectedDevice) {
               this.connectionStatus = 'disconnected';
               return false;
            }
            console.log('disconnected2222222222')
    // 监听错误回调
    jcapi.didReadPrintErrorInfo((r) => {
      console.log(r);
      if (r.code == 23) {
        // 打印机断开连接
        this.connectedDevice = null;
        uni.showToast({
          icon: "none",
          title: "打印机连接已断开,请重新连接",
          duration: 2 * 1000,
        });
      } else {
        uni.showToast({
          icon: "none",
          title: JSON.stringify(r),
          duration: 2 * 1000,
        });
      }
    });
  },
  methods: {
    getmoreList() {
      if (this.pageSize >= this.total) {
        this.status = "nomore";
        return;
      }
      this.status = "loading";
      setTimeout(() => {
        this.pageSize += this.pageSize;
        this.getlist();
      }, 1000);
    },
    getlist() {
      this.$u.api.workReporting
        .getWorkshopOrder({
          current: this.pageNum,
          size: this.pageSize,
        })
        .then((res) => {
          this.list = res.data.records;
          this.total = res.data.total;
          if (this.pageSize >= this.total) {
            this.status = "nomore";
          } else {
            this.status = "loadmore";
          }
        });
    },
    search(value) {
      if (value) {
        this.list = [];
        this.pageSize = 10;
        this.$u.api.workReporting
          .getWorkshopOrder({
            current: this.pageNum,
            size: this.pageSize,
            moNo: value,
          })
          .then((res) => {
            this.list = res.data.records;
            this.total = res.data.total;
            if (this.pageSize >= this.total) {
              this.status = "nomore";
            } else {
              this.status = "loadmore";
            }
          });
      } else {
        this.getlist();
      }
    },
    // 检查蓝牙连接状态
    async checkBluetoothConnection() {
      if (!this.connectedDevice) {
        this.connectionStatus = "disconnected";
        return false;
      }
            // 设置为连接中状态
            this.connectionStatus = 'connecting';
            console.log('disconnected33333333333')
      // 设置为连接中状态
      this.connectionStatus = "connecting";
            // 增强连接状态检测
            return new Promise(resolve => {
               // 简化连接状态检测,直接使用已记录的连接状态
               if (this.connectedDevice) {
                  this.connectionStatus = 'connected';
                  resolve(true);
               } else {
                  this.connectionStatus = 'disconnected';
                  uni.showToast({
                     icon: 'none',
                     title: '打印机未连接,请先连接',
                     duration: 2000
                  });
                  resolve(false);
               }
            });
         },
      // 增强连接状态检测
      return new Promise((resolve) => {
        // 简化连接状态检测,直接使用已记录的连接状态
        if (this.connectedDevice) {
          this.connectionStatus = "connected";
          resolve(true);
        } else {
          this.connectionStatus = "disconnected";
          uni.showToast({
            icon: "none",
            title: "打印机未连接,请先连接",
            duration: 2000,
          });
          resolve(false);
        }
      });
    },
         // 添加到打印队列
         addToPrintQueue(items) {
            if (!Array.isArray(items)) {
               items = [items];
            }
    // 添加到打印队列
    addToPrintQueue(items) {
      if (!Array.isArray(items)) {
        items = [items];
      }
            this.printQueue.push(...items);
            // 如果不在打印中,则开始处理队列
            if (!this.printing) {
               this.processPrintQueue();
            }
         },
      this.printQueue.push(...items);
      // 如果不在打印中,则开始处理队列
      if (!this.printing) {
        this.processPrintQueue();
      }
    },
         // 处理打印队列
         async processPrintQueue() {
            while (this.printQueue.length > 0) {
               console.log('111111111111111', this.printQueue.length)
               // 检查连接状态
               console.log('12222222222222222')
               const isConnected = await this.checkBluetoothConnection();
               console.log('isConnected',isConnected)
               if (!isConnected) {
                  // 如果未连接,显示蓝牙连接对话框
                  this.searchDevice();
                  // 不是直接return,而是等待用户连接后再继续处理
                  return;
               }
    // 处理打印队列
    async processPrintQueue() {
      while (this.printQueue.length > 0) {
        // 检查连接状态
        const isConnected = await this.checkBluetoothConnection();
        if (!isConnected) {
          // 如果未连接,显示蓝牙连接对话框
          this.searchDevice();
          // 不是直接return,而是等待用户连接后再继续处理
          return;
        }
               this.printing = true;
               this.printStatus = 'printing';
        this.printing = true;
        this.printStatus = "printing";
               // 取出队列中的第一个任务
               const item = this.printQueue.shift();
               console.log('打印的任务',item)
        // 取出队列中的第一个任务
        const item = this.printQueue.shift();
               try {
                  // 执行打印
                  await this.printQrCode(item);
        try {
          // 执行打印
          await this.printQrCode(item);
                  // 打印成功后继续处理下一个
                  uni.showToast({
                     title: '打印成功',
                     icon: 'success',
                     duration: 1000
                  });
          // 打印成功后继续处理下一个
          uni.showToast({
            title: "打印成功",
            icon: "success",
            duration: 1000,
          });
                  // 短暂延迟,避免打印机缓存溢出
                  await new Promise(resolve => setTimeout(resolve, 1000));
               } catch (error) {
                  console.error('打印出错:', error);
                  this.printStatus = 'error';
                  this.errorMessage = error.message || '打印时发生未知错误';
                  this.printing = false;
          // 短暂延迟,避免打印机缓存溢出
          await new Promise((resolve) => setTimeout(resolve, 1000));
        } catch (error) {
          console.error("打印出错:", error);
          this.printStatus = "error";
          this.errorMessage = error.message || "打印时发生未知错误";
          this.printing = false;
                  // 记录失败的任务,不重新添加到队列
                  this.failedPrintJobs = this.failedPrintJobs || [];
                  this.failedPrintJobs.push(item);
          // 记录失败的任务,不重新添加到队列
          this.failedPrintJobs = this.failedPrintJobs || [];
          this.failedPrintJobs.push(item);
                  uni.showToast({
                     title: `打印失败: ${this.errorMessage}`,
                     icon: 'none',
                     duration: 2000
                  });
                  // 继续处理下一个任务
                  continue;
               }
            }
          uni.showToast({
            title: `打印失败: ${this.errorMessage}`,
            icon: "none",
            duration: 2000,
          });
          // 继续处理下一个任务
          continue;
        }
      }
            this.printing = false;
            this.printStatus = 'idle';
         },
         // 打印单个信息
         selectNo(item) {
            let that = this
            uni.showModal({
               title: '提示',
               content: '是否打印装箱单?',
               showCancel: true,
               success: async function(res) {
                  if (res.confirm) {
                     // 添加到打印队列
                     that.addToPrintQueue(item);
                  }
               }
            });
         },
      this.printing = false;
      this.printStatus = "idle";
    },
    // 打印单个信息
    selectNo(item) {
      let that = this;
      uni.showModal({
        title: "提示",
        content: "是否打印装箱单?",
        showCancel: true,
        success: async function (res) {
          if (res.confirm) {
            // 添加到打印队列
            that.addToPrintQueue(item);
          }
        },
      });
    },
         // 打印全部信息
         goPrintAll() {
            let that = this
            uni.showModal({
               title: '提示',
               content: `是否打印全部${that.list.length}条装箱单?`,
               showCancel: true,
               success: async function(res) {
                  if (res.confirm) {
                     // 添加到打印队列
                     that.addToPrintQueue([...that.list]);
                  }
               }
            });
         },
         moveHandle() {
    // 打印全部信息
    goPrintAll() {
      let that = this;
      uni.showModal({
        title: "提示",
        content: `是否打印全部${that.list.length}条装箱单?`,
        showCancel: true,
        success: async function (res) {
          if (res.confirm) {
            // 添加到打印队列
            that.addToPrintQueue([...that.list]);
          }
        },
      });
    },
    moveHandle() {},
    maskclose() {},
    //打印二维码
    async printQrCode(item) {
      return new Promise(async (resolve, reject) => {
        const params = {
           rwMatlBindId: item.id
        };
        try {
          let res = await this.$u.api.dailyPaper.zongjianLabelInfo(params)
          if (!res.data) {
            this.$refs.uToast.show({
              title: "未查询到该标签信息!",
              type: "warning ",
            });
            reject(new Error("未查询到该标签信息"));
            return;
          }
         },
         maskclose() {
          // 从API响应中提取所需数据
          const { ht, lj, ljms, fh, scdt, scph, fhdw, shdw } = res.data;
         },
         //打印二维码
         async printQrCode(item) {
            return new Promise(async (resolve, reject) => {
               console.log('item de shuju ', item)
               // const params = {
               //    rwMatlBindId: item.id
               // };
               try {
                  let res = {
                     data: {
                     ht:'1',
                     lj:'1',
                     ljms:'1',
                     fh:'1',
                     scdt:'1',
                     scph:'1',
                     fhdw:'1',
                     shdw:'1',
                  }}
                  // let res = await this.$u.api.dailyPaper.zongjianLabelInfo(params)
                  if (!res.data) {
                     this.$refs.uToast.show({
                        title: '未查询到该标签信息!',
                        type: 'warning '
                     })
                     reject(new Error('未查询到该标签信息'));
                     return
                  }
          // 初始化画板
          jcapi.initDrawingBoard({
            width: 70,
            height: 49,
            rotate: 90,
          });
                  // 从API响应中提取所需数据
                  const {
                     ht,
                     lj,
                     ljms,
                     fh,
                     scdt,
                     scph,
                     fhdw,
                     shdw
                  } = res.data
          // 绘制二维码
          const qrContent = `ht:${ht}\nlj:${lj}\nljms:${ljms}\nfh:${fh}\nscdt:${scdt}\nscph:${scph}\nfhdw:${fhdw}\nshdw:${shdw}`;
          jcapi.drawLabelQrCode({
            x: 43.5,
            y: 2,
            width: 24,
            height: 24,
            value: qrContent,
            rotate: 0,
            codeType: QrCodeType.QrCode,
          });
                  // 初始化画板
                  jcapi.initDrawingBoard({
                     width: 70,
                     height: 49,
                     rotate: 90
                  });
          // 绘制横线
          this.getDrawLabelLine(1, 1, 67, 0.5, 0, LineType.Solid);
          this.getDrawLabelLine(1, 6, 42, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 11, 42, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 16, 42, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 21, 42, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 27, 67, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 32, 67, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 37, 67, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 42, 67, 0.3, 0, LineType.Solid);
          this.getDrawLabelLine(1, 47, 67, 0.5, 0, LineType.Solid);
                  // 绘制二维码
                  const qrContent =
                     `ht:${ht}\nlj:${lj}\nljms:${ljms}\nfh:${fh}\nscdt:${scdt}\nscph:${scph}\nfhdw:${fhdw}\nshdw:${shdw}`;
                  jcapi.drawLabelQrCode({
                     x: 43.5,
                     y: 2,
                     width: 24,
                     height: 24,
                     value: qrContent,
                     rotate: 0,
                     codeType: QrCodeType.QrCode,
                  });
          //绘制竖线
          this.getDrawLabelLine(1, 1, 0.5, 46, 0, LineType.Solid); // 竖线1
          this.getDrawLabelLine(43, 1, 0.3, 26, 0, LineType.Solid); // 竖线2
          this.getDrawLabelLine(68, 1, 0.5, 46, 0, LineType.Solid); // 竖线3
                  // 绘制横线
                  this.getDrawLabelLine(1, 1, 67, 0.5, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 6, 42, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 11, 42, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 16, 42, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 21, 42, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 27, 67, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 32, 67, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 37, 67, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 42, 67, 0.3, 0, LineType.Solid)
                  this.getDrawLabelLine(1, 47, 67, 0.5, 0, LineType.Solid)
          // 绘制文本
          this.getDrawLabelText(3,2.5,40,8,"中天科技装箱清单",2.5,0,LineModeType.AutoHeight,0,0,1,1,1);
          this.getDrawLabelText(2,7,25,8,"合同号:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
          this.getDrawLabelText(2,12,25,8,"零件号:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
          this.getDrawLabelText(2,17,25,8,"零件描述:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
          this.getDrawLabelText(2,22.5,25,8,"发货/装箱数:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
          this.getDrawLabelText(2,27.5,25,8,"生产日期:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
          this.getDrawLabelText(2,32.5,25,8,"生产批号:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
          this.getDrawLabelText(2,37.5,25,8,"发货单位:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
          this.getDrawLabelText(2,42.5,25,8,"收货单位:",2.5,0,LineModeType.AutoHeight,0,0,0,1,1);
                  //绘制竖线
                  this.getDrawLabelLine(1, 1, 0.5, 46, 0, LineType.Solid) // 竖线1
                  this.getDrawLabelLine(43, 1, 0.3, 26, 0, LineType.Solid) // 竖线2
                  this.getDrawLabelLine(68, 1, 0.5, 46, 0, LineType.Solid) // 竖线3
          // 填充参数值
          this.getDrawLabelText(11,7,30,8,ht,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
          this.getDrawLabelText(11,12,32,8,lj,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
          this.getDrawLabelText(14,17,30,8,ljms,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
          this.getDrawLabelText(17,22.5,27,8,fh,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
          this.getDrawLabelText(14,27.5,55,8,scdt,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
          this.getDrawLabelText(14,32.7,55,8,scph,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
          this.getDrawLabelText(14,37.5,55,8,fhdw,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
          this.getDrawLabelText(14,42.5,55,8,shdw,2.5,0,LineModeType.AutoHeight,0,0,0,0,1);
                  // 绘制文本
                  this.getDrawLabelText(3, 2.5, 40, 8, '中天科技装箱清单', 2.5, 0, LineModeType.AutoHeight, 0, 0, 1, 1, 1)
                  this.getDrawLabelText(2, 7, 25, 8, '合同号:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
                  this.getDrawLabelText(2, 12, 25, 8, '零件号:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
                  this.getDrawLabelText(2, 17, 25, 8, '零件描述:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
                  this.getDrawLabelText(2, 22.5, 25, 8, '发货/装箱数:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
                  this.getDrawLabelText(2, 27.5, 25, 8, '生产日期:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
                  this.getDrawLabelText(2, 32.5, 25, 8, '生产批号:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
                  this.getDrawLabelText(2, 37.5, 25, 8, '发货单位:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
                  this.getDrawLabelText(2, 42.5, 25, 8, '收货单位:', 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 1, 1)
          // 生成打印数据
          let imageJsonObj = jcapi.generateLabelJson();
                  // 填充参数值
                  this.getDrawLabelText(11, 7, 30, 8, ht, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
                  this.getDrawLabelText(11, 12, 32, 8, lj, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
                  this.getDrawLabelText(14, 17, 30, 8, ljms, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
                  this.getDrawLabelText(17, 22.5, 27, 8, fh, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
                  this.getDrawLabelText(14, 27.5, 55, 8, scdt, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
                  this.getDrawLabelText(14, 32.7, 55, 8, scph, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
                  this.getDrawLabelText(14, 37.5, 55, 8, fhdw, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
                  this.getDrawLabelText(14, 42.5, 55, 8, shdw, 2.5, 0, LineModeType.AutoHeight, 0, 0, 0, 0, 1)
          // 设置打印任务
          jcapi.startJob(
            {
              totalCount: 1,
              density: this.printDensity,
              labelType: this.labelType,
              printMode: this.printMode,
            },
            function (r) {
              if (r.code == 0) {
                // 打印数据
                // 存储原始打印计数回调
                const originalPrintCountCallback =
                  jcapi.didReadPrintCountInfo._callback;
                // 临时打印计数回调,用于确认打印完成
                const tempPrintCountCallback = (printResult) => {
                  // 恢复原始回调
                  jcapi.didReadPrintCountInfo(originalPrintCountCallback);
                  // 清除打印超时
                  clearTimeout(printTimeout);
                  // 结束当前打印任务
                  // 解析Promise表示打印完成
                  resolve();
                };
                // 设置临时回调
                jcapi.didReadPrintCountInfo(tempPrintCountCallback);
                  // 生成打印数据
                  let imageJsonObj = jcapi.generateLabelJson()
                  console.log('打印的数据',imageJsonObj)
                // 添加打印超时处理
                const printTimeout = setTimeout(() => {
                  jcapi.didReadPrintCountInfo(originalPrintCountCallback);
                  reject(new Error("打印超时未响应"));
                }, 20000);
                  // 设置打印任务
                  jcapi.startJob({
                     totalCount: 1,
                     density: this.printDensity,
                     labelType: this.labelType,
                     printMode: this.printMode,
                  }, function(r) {
                     if (r.code == 0) {
                        // 打印数据
                        // 存储原始打印计数回调
                        const originalPrintCountCallback = jcapi.didReadPrintCountInfo._callback;
                        // 临时打印计数回调,用于确认打印完成
                        const tempPrintCountCallback = (printResult) => {
                           console.log("打印计数回调:", printResult);
                           // 恢复原始回调
                           jcapi.didReadPrintCountInfo(originalPrintCountCallback);
                           // 结束当前打印任务
                           // 解析Promise表示打印完成
                           resolve();
                        };
                        // 设置临时回调
                        jcapi.didReadPrintCountInfo(tempPrintCountCallback);
                jcapi.printData(
                  imageJsonObj,
                  {
                    printQuantity: 1,
                  },
                  function (r) {
                    if (r.code != 0) {
                      // 恢复原始回调
                      jcapi.didReadPrintCountInfo(originalPrintCountCallback);
                      // 结束当前打印任务
                      reject(new Error(r.msg || "打印失败"));
                    }
                    // 打印数据发送成功后等待打印计数回调确认实际打印完成
                  }
                );
              } else {
                reject(new Error(r.msg || "设置打印任务失败"));
              }
            }
          );
        } catch (error) {
          reject(error);
        }
      });
    },
    tapQuery(item) {
      this.maskShow = false;
      // 连接打印机
      let _this = this;
                        // 添加打印超时处理
                        const printTimeout = setTimeout(() => {
                           jcapi.didReadPrintCountInfo(originalPrintCountCallback);
                           reject(new Error('打印超时未响应'));
                        }, 10000);
      // 设置为连接中状态
      this.connectionStatus = "connecting";
                        jcapi.printData(imageJsonObj, {
                           "printQuantity": 1,
                        }, function(r) {
                           if (r.code != 0) {
                              console.log("打印失败", r);
                              // 恢复原始回调
                              jcapi.didReadPrintCountInfo(originalPrintCountCallback);
                              // 结束当前打印任务
                              reject(new Error(r.msg || '打印失败'));
                           }
                           // ��印数据发送成功后等待打印计数回调确认实际打印完成
                        })
                     } else {
                        console.log("设置打印任务失败", r)
                        reject(new Error(r.msg || '设置打印任务失败'));
                     }
                  })
               } catch (error) {
                  console.log(error)
                  reject(error);
               }
            });
         },
         tapQuery(item) {
            this.maskShow = false
            // 连接打印机
            let _this = this;
            console.log(item)
      jcapi.openPrinterByDevice(
        {
          address: item.address,
          name: item.name,
          deviceType: 0, // 设备类型:0-蓝牙,1-网络
        },
        function (r) {
          if (r.code == 0) {
            _this.connectedDevice = item;
            _this.connectionStatus = "connected";
            uni.showToast({
              title: "连接成功",
              duration: 1500,
            });
            // 开始处理打印队列
            if (_this.printQueue.length > 0) {
              _this.processPrintQueue();
            }
          } else {
            _this.connectionStatus = "disconnected";
            uni.showToast({
              title: "连接失败: " + (r.msg || "未知错误"),
              icon: "none",
              duration: 2000,
            });
          }
        }
      );
    },
    //打印相关
    searchDevice() {
      let _this = this;
      uni.openBluetoothAdapter({
        // 确认蓝牙是否打开
        success(r) {
          uni.showLoading({
            title: "搜索中...",
          });
          // 未授予蓝牙相关权限和未打开手机定位会搜索不到设备
          jcapi.getBluetoothDevices(function (r) {
            console.log("device:" + JSON.stringify(r));
            // 搜索到设备回调
            uni.hideLoading();
            // 如果之前有连接的设备但不在搜索结果中,说明设备已更换
            if (
              _this.connectedDevice &&
              !r.some((dev) => dev.address === _this.connectedDevice.address)
            ) {
              _this.connectedDevice = null;
              uni.showToast({
                icon: "none",
                title: "已连接的蓝牙设备已更换,请重新选择",
                duration: 2000,
              });
            }
            _this.listDevice = r;
            _this.maskShow = true;
          });
        },
        fail(e) {
          uni.showModal({
            title: "提示",
            content: "打开蓝牙失败,请检查蓝牙是否开启",
            showCancel: false,
          });
          console.log("开启蓝牙设备失败" + e);
        },
      });
    },
    // 绘制横线
    getDrawLabelLine(x, y, width, height, rotate, lineType) {
      jcapi.drawLabelLine({
        x: x,
        y: y,
        width: width,
        height: height,
        rotate: rotate,
        lineType: lineType,
      });
    },
    // 填冲文字标题
    getDrawLabelText(
      x,
      y,
      width,
      height,
      value,
      fontSize,
      rotate,
      lineMode,
      lineSpace,
      letterSpace,
      textAlignHorizontal,
      textAlignVertical,
      bold
    ) {
      jcapi.drawLabelText({
        x: x,
        y: y,
        width: width,
        height: height,
        value: value,
        fontSize: fontSize,
        rotate: rotate,
        lineMode: lineMode,
        lineSpace: lineSpace,
        letterSpace: letterSpace,
        textAlignHorizontal: textAlignHorizontal,
        textAlignVertical: textAlignVertical,
        bold: bold,
      });
    },
    getConnectionStatusText() {
      switch (this.connectionStatus) {
        case "connected":
          return "蓝牙已连接";
        case "connecting":
          return "蓝牙连接中...";
        default:
          return "蓝牙未连接";
      }
    },
    getPrintStatusText() {
      switch (this.printStatus) {
        case "printing":
          const total = this.printQueue.length + 1; // 队列中剩余 + 当前正在打印
          const current = total - this.printQueue.length;
          return `打印中(${current}/${total})`;
        case "error":
          return `打印错误: ${this.errorMessage}`;
        default:
          return "就绪";
      }
    },
    //刷新上一个页面
    refreshLastPage(no) {
      // 告知 A.vue 更新数据
      // 获取页面栈
      let pages = getCurrentPages();
            // 设置为连接中状态
            this.connectionStatus = 'connecting';
      // 获取上一页栈
      let prevPage = pages[pages.length - 2];
            jcapi.openPrinterByDevice({
               address: item.address,
               name: item.name,
               deviceType: 0 // 设备类型:0-蓝牙,1-网络
            }, function(r) {
               if (r.code == 0) {
                  _this.connectedDevice = item
                  _this.connectionStatus = 'connected';
                  uni.showToast({
                     title: "连接成功",
                     duration: 1500
                  })
                  // 开始处理打印队列
                  console.log('打印队列',_this.printQueue)
                  if (_this.printQueue.length > 0) {
                     _this.processPrintQueue();
                  }
               } else {
                  _this.connectionStatus = 'disconnected';
                  uni.showToast({
                     title: "连接失败: " + (r.msg || '未知错误'),
                     icon: 'none',
                     duration: 2000
                  })
               }
            })
         },
         //打印相关
         searchDevice() {
            let _this = this
            uni.openBluetoothAdapter({ // 确认蓝牙是否打开
               success(r) {
                  uni.showLoading({
                     title: "搜索中..."
                  })
                  // 未授予蓝牙相关权限和未打开手机定位会搜索不到设备
                  jcapi.getBluetoothDevices(function(r) {
                     console.log("device:" + JSON.stringify(r))
                     // 搜索到设备回调
                     uni.hideLoading()
                     // 如果之前有连接的设备但不在搜索结果中,说明设备已更换
                     if (_this.connectedDevice && !r.some(dev => dev.address === _this
                           .connectedDevice.address)) {
                        _this.connectedDevice = null;
                        uni.showToast({
                           icon: 'none',
                           title: '已连接的蓝牙设备已更换,请重新选择',
                           duration: 2000
                        });
                     }
                     _this.listDevice = r;
                     _this.maskShow = true
                  })
               },
               fail(e) {
                  uni.showModal({
                     title: '提示',
                     content: '打开蓝牙失败,请检查蓝牙是否开启',
                     showCancel: false
                  })
                  console.log("开启蓝牙设备失败" + e)
               }
            })
         },
         // 绘制横线 ���线
         getDrawLabelLine(x, y, width, height, rotate, lineType) {
            jcapi.drawLabelLine({
               x: x,
               y: y,
               width: width,
               height: height,
               rotate: rotate,
               lineType: lineType
            });
         },
         // 填冲文字标题
         getDrawLabelText(x, y, width, height, value, fontSize, rotate, lineMode, lineSpace, letterSpace,
            textAlignHorizontal, textAlignVertical, bold) {
      // 触发上一页 upData 函数(并携带参数)
      prevPage.$vm.setNo(no);
            jcapi.drawLabelText({
               x: x,
               y: y,
               width: width,
               height: height,
               value: value,
               fontSize: fontSize,
               rotate: rotate,
               lineMode: lineMode,
               lineSpace: lineSpace,
               letterSpace: letterSpace,
               textAlignHorizontal: textAlignHorizontal,
               textAlignVertical: textAlignVertical,
               bold: bold
            })
         },
         //刷新上一个页面
         getConnectionStatusText() {
            switch(this.connectionStatus) {
               case 'connected':
                  return '蓝牙已连接';
               case 'connecting':
                  return '蓝牙连接中...';
               default:
                  return '蓝牙未连接';
            }
         },
         getPrintStatusText() {
            switch(this.printStatus) {
               case 'printing':
                  const total = this.printQueue.length + 1; // 队列中剩余 + 当前正在打印
                  const current = total - this.printQueue.length;
                  return `打印中(${current}/${total})`;
               case 'error':
                  return `打印错误: ${this.errorMessage}`;
               default:
                  return '就绪';
            }
         },
         refreshLastPage(no) {
            // 告知 A.vue 更新数据
            // 获取页面栈
            let pages = getCurrentPages()
            // 获取上一页栈
            let prevPage = pages[pages.length - 2]
            // 触发上一页 upData 函数(并携带参数)
            prevPage.$vm.setNo(no)
            // 返回上一页
            uni.navigateBack({
               delta: 1
            })
         },
      }
   };
      // 返回上一页
      uni.navigateBack({
        delta: 1,
      });
    },
  },
};
</script>
<style lang="scss">
   .finishProductIn-locno-bg {
      background-color: #F6F9FF;
      background-image: url('~@/static/custom/finishProductIn/locNoBg.png');
      // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
      padding: 0 20rpx;
      background-attachment: fixed;
      background-size: 100% auto;
      background-repeat: no-repeat;
      position: fixed;
      top: 0;
      bottom: 0;
      width: 100%;
      z-index: -1;
   }
.finishProductIn-locno-bg {
  background-color: #f6f9ff;
  background-image: url("~@/static/custom/finishProductIn/locNoBg.png");
  // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
  padding: 0 20rpx;
  background-attachment: fixed;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
   .finishProductIn-locno-search {
      padding: 40rpx 30rpx 20rpx 30rpx;
   }
.finishProductIn-locno-search {
  padding: 40rpx 30rpx 20rpx 30rpx;
}
   .wrap .finishProductIn-locno-scroll-list {
      height: calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
      width: 100%;
   }
.wrap .finishProductIn-locno-scroll-list {
  height: calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
  width: 100%;
}
   .finishProductIn-locno-scroll-list-group {
      ::v-deep .u-cell-item-box {
         background-color: rgba(250, 252, 255, 0.36) !important;
         padding: 0rpx 30rpx;
      }
.finishProductIn-locno-scroll-list-group {
  ::v-deep .u-cell-item-box {
    background-color: rgba(250, 252, 255, 0.36) !important;
    padding: 0rpx 30rpx;
  }
      .content {
         font-size: 12px;
         background-color: #ffffff;
         box-sizing: border-box;
         border-radius: 10rpx;
         margin: 0rpx 0rpx 16rpx;
         padding: 20rpx 8rpx;
         box-shadow: none;
         display: flex;
         align-items: center;
  .content {
    font-size: 12px;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 10rpx;
    margin: 0rpx 0rpx 16rpx;
    padding: 20rpx 8rpx;
    box-shadow: none;
    display: flex;
    align-items: center;
         .content-header {
            width: 40rpx;
            height: 90rpx;
            display: flex;
            align-items: center;
    .content-header {
      width: 40rpx;
      height: 90rpx;
      display: flex;
      align-items: center;
            .content-header-icon {
               background-image: url("~@/static/custom/moveWareHouse/header_icon.png");
               background-size: 100% auto;
               background-repeat: no-repeat;
               height: 28rpx;
               width: 28rpx;
            }
      .content-header-icon {
        background-image: url("~@/static/custom/moveWareHouse/header_icon.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 28rpx;
        width: 28rpx;
      }
            .content-header-title {
               margin-left: 11rpx;
               font-size: 26rpx;
               font-weight: bold;
               color: #3d52f5;
            }
         }
      .content-header-title {
        margin-left: 11rpx;
        font-size: 26rpx;
        font-weight: bold;
        color: #3d52f5;
      }
    }
         .content-body {
            flex: 1;
            background: #f5f9ff;
            border-radius: 10rpx;
            padding: 0rpx 23rpx;
    .content-body {
      flex: 1;
      background: #f5f9ff;
      border-radius: 10rpx;
      padding: 0rpx 23rpx;
            .row-list {
               height: 60rpx;
               display: flex;
               flex-direction: row;
               padding: 0px;
               align-items: center;
            }
      .row-list {
        height: 60rpx;
        display: flex;
        flex-direction: row;
        padding: 0px;
        align-items: center;
      }
            .row-list ._label {
               display: flex;
               flex: 0.8;
               color: #909399;
               align-items: center;
      .row-list ._label {
        display: flex;
        flex: 0.8;
        color: #909399;
        align-items: center;
               ._label-icon-1 {
                  background-image: url("~@/static/custom/moveWareHouse/label-icon-1.png");
                  background-size: 100% auto;
                  background-repeat: no-repeat;
                  height: 26rpx;
                  width: 26rpx;
               }
        ._label-icon-1 {
          background-image: url("~@/static/custom/moveWareHouse/label-icon-1.png");
          background-size: 100% auto;
          background-repeat: no-repeat;
          height: 26rpx;
          width: 26rpx;
        }
               ._label-icon-2 {
                  background-image: url("~@/static/custom/moveWareHouse/label-icon-2.png");
                  background-size: 100% auto;
                  background-repeat: no-repeat;
                  height: 26rpx;
                  width: 26rpx;
               }
        ._label-icon-2 {
          background-image: url("~@/static/custom/moveWareHouse/label-icon-2.png");
          background-size: 100% auto;
          background-repeat: no-repeat;
          height: 26rpx;
          width: 26rpx;
        }
               ._label-icon-3 {
                  background-image: url("~@/static/custom/moveWareHouse/label-icon-3.png");
                  background-size: 100% auto;
                  background-repeat: no-repeat;
                  height: 26rpx;
                  width: 26rpx;
               }
        ._label-icon-3 {
          background-image: url("~@/static/custom/moveWareHouse/label-icon-3.png");
          background-size: 100% auto;
          background-repeat: no-repeat;
          height: 26rpx;
          width: 26rpx;
        }
               ._label-name {
                  margin-left: 11rpx;
                  font-size: 26rpx;
                  font-weight: 500;
                  color: #666666;
               }
            }
        ._label-name {
          margin-left: 11rpx;
          font-size: 26rpx;
          font-weight: 500;
          color: #666666;
        }
      }
            .row-list ._content {
               flex: 1.5;
               text-align: right;
               color: #909399;
               font-size: 24rpx;
            }
      .row-list ._content {
        flex: 1.5;
        text-align: right;
        color: #909399;
        font-size: 24rpx;
      }
            .row-list .s1 {
               color: #d35651;
            }
         }
      }
   }
      .row-list .s1 {
        color: #d35651;
      }
    }
  }
}
   .navbar-right {
      font-weight: 500;
      font-size: 13px;
      color: #0b0b0b;
      line-height: 36rpx;
      margin-right: 32rpx;
   }
.navbar-right {
  font-weight: 500;
  font-size: 13px;
  color: #0b0b0b;
  line-height: 36rpx;
  margin-right: 32rpx;
}
   /* 模态框样式优化 */
   .u-modal {
      --modal-width: 85% !important;
      --modal-radius: 16rpx !important;
      --modal-bg-color: #ffffff !important;
   }
/* 模态框样式优化 */
.u-modal {
  --modal-width: 85% !important;
  --modal-radius: 16rpx !important;
  --modal-bg-color: #ffffff !important;
}
   /* 模态框内容区域 */
   .uni-scroll_box {
      height: 500rpx !important;
      padding: 20rpx;
   }
/* 模态框内容区域 */
.uni-scroll_box {
  height: 500rpx !important;
  padding: 20rpx;
}
   /* 设备列表项样式 */
   .device-item {
      background-color: #f5f9ff;
      border-radius: 12rpx;
      padding: 20rpx;
      margin-bottom: 16rpx;
      box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
   }
/* 设备列表项样式 */
.device-item {
  background-color: #f5f9ff;
  border-radius: 12rpx;
  padding: 20rpx;
  margin-bottom: 16rpx;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}
   /* 设备名称样式 */
   .device-name {
      font-size: 28rpx;
      font-weight: 500;
      color: #333333;
      margin-bottom: 10rpx;
      display: flex;
      justify-content: space-between;
   }
/* 设备名称样式 */
.device-name {
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10rpx;
  display: flex;
  justify-content: space-between;
}
   /* UUID文本样式 */
   .device-uuid {
      font-size: 24rpx;
      color: #666666;
      word-break: break-all;
   }
/* UUID文本样式 */
.device-uuid {
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10rpx;
  display: flex;
  justify-content: space-between;
}
   /* 模态框标题 */
   .modal-title {
      font-size: 32rpx;
      font-weight: bold;
      color: #333333;
      text-align: center;
      margin-bottom: 20rpx;
      padding-bottom: 10rpx;
      border-bottom: 1rpx solid #eeeeee;
   }
/* 模态框标题 */
.modal-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 20rpx;
  padding-bottom: 10rpx;
  border-bottom: 1rpx solid #eeeeee;
}
   /* 空状态提示 */
   .empty-tip {
      text-align: center;
      padding: 100rpx 0;
      color: #999999;
      font-size: 28rpx;
   }
/* 空状态提示 */
.empty-tip {
  text-align: center;
  padding: 100rpx 0;
  color: #999999;
  font-size: 28rpx;
}
   .status-indicator {
      padding: 8rpx 16rpx;
      font-size: 24rpx;
      text-align: center;
      color: #fff;
      background-color: #666;
      &.connected {
         background-color: #07c160;
      }
      &.connecting {
         background-color: #ff976a;
      }
      &.disconnected {
         background-color: #f53f3f;
      }
      .print-status {
         margin-left: 10rpx;
         font-size: 22rpx;
      }
   }
.status-indicator {
  padding: 8rpx 16rpx;
  font-size: 24rpx;
  text-align: center;
  color: #fff;
  background-color: #666;
  &.connected {
    background-color: #07c160;
  }
  &.connecting {
    background-color: #ff976a;
  }
  &.disconnected {
    background-color: #f53f3f;
  }
  .print-status {
    margin-left: 10rpx;
    font-size: 22rpx;
  }
}
</style>