<template>
  <view class="wrap">
    <common-navbar title="工作台" :showBack="false">
      <template #right>
        <view class="scan_box">
          <u-icon name="scan" color="#333333" size="46" @click="handleScan"></u-icon>
        </view>
      </template>
    </common-navbar>
   <view class="workbench-title">销售管理</view>
   <view class="toolbar">
     <u-grid class="grid" :col="4" :border="false">
       <u-grid-item :index="0" @click="navTo('/pages/saleship/salepickscan')">
         <view class="home-icon icon-color05">
           <i class="iconfont icon-hetongguanli"></i>
         </view>
         <view class="grid-text">成品配布</view>
       </u-grid-item>
       <!-- <u-grid-item :index="1" @click="navTo('/pages/storegoods/QRBarCodeReview')"> -->
         <!-- <view class="home-icon icon-color02"> -->
<!--            <i class="iconfont icon-mall-bag"></i>-->
<!--          </view>-->
<!--          <view class="grid-text">标签检测</view>-->
<!--        </u-grid-item>-->
     </u-grid>
   </view>
   <view class="workbench-title">成品管理</view>
   <view class="toolbar">
     <u-grid class="grid" :col="4" :border="false">
       <u-grid-item :index="2" @click="navTo('/pages/storegoods/storeGoodsProcessInList')">
         <view class="home-icon icon-color04">
           <i class="iconfont icon-hetongguanli"></i>
         </view>
         <view class="grid-text">加工进仓</view>
       </u-grid-item>
       <u-grid-item :index="3" @click="navTo('/pages/storegoods/storeGoodsProcessOutList')">
         <view class="home-icon icon-color05">
           <i class="iconfont icon-hetongguanli"></i>
         </view>
         <view class="grid-text">加工出仓</view>
       </u-grid-item>
     </u-grid>
   </view>
  </view>
</template>
<script>
import CommonNavbar from "@/components/common-navbar/index";
import scanMixin from '@/common/scanMixin.js';
/**
 * Copyright (c) 2013-Now http://aidex.vip All rights reserved.
 */
export default {
  components: {
    CommonNavbar,
  },
  mixins: [scanMixin],
  data() {
    return {
      show: false,
      head: "/static/aidex/images/head.png",
      imgList: [
        { image: "/static/aidex/banner/banner01.png" },
        //{image: '/static/aidex/banner/banner02.png'},
        //{image: '/static/aidex/banner/banner03.png'}
      ],
      todoCount: 3,
      // scanReceiver 和 isPageActive 已由 scanMixin 提供
    };
  },

  onLoad() {
    this.registerScanBroadcast(this.handleScanCode);
  },
  // onUnload, onHide, onShow 已由 scanMixin 自动处理

  computed: {
    contentStyle() {
      const navHeight = getStatusBarHeight() + 44;
      return {
        height: `${navHeight}px`,
      };
    },
  },
  methods: {
    // 自定义扫码处理回调 - 处理本页面特有的扫码逻辑
    handleScanCode(scanResult) {
      console.log('工作台-扫码结果:', scanResult);
      const cleanResult = scanResult.trim().replace(/[\r\n]/g, '');
      uni.navigateTo({
        url: '/pages/saleship/salepickscandetail?order_no=' + cleanResult
      });
    },

    navTo(url) {
      uni.navigateTo({
        url: url,
      });
    },
    imgListClick(index) {
      console.log(`点击了第${index + 1}页图片`);
    },
    itemClick(index) {
      console.log(index);
    },
    // 处理扫码（手动点击扫码按钮）
    handleScan() {
      if (this.usePhoneScanFallback) {
        this.openPhoneScan();
        return;
      }
      // #ifdef APP-PLUS || MP-WEIXIN
      uni.scanCode({
        scanType: ['qrCode', 'barCode'], // 同时支持二维码和条形码
        success: (res) => {
          console.log('扫码成功：', res);
          const cleanResult = res.result.trim().replace(/[\r\n]/g, '');
          uni.navigateTo({
            url: '/pages/saleship/salepickscandetail?order_no=' + cleanResult
          })
        },
        fail: (err) => {
          console.error('扫码失败：', err);
          uni.showToast({
            title: '扫码失败',
            icon: 'none'
          });
        }
      });
      // #endif

      // #ifdef H5
      uni.showToast({
        title: "H5环境不支持扫码功能",
        icon: "error",
      });
      // #endif
    },
    // 处理扫码成功
    handleScanSuccess(result) {
      try {
        // 这里可以根据实际需求处理扫码结果
        // 例如：验证扫码结果的格式或内容
        if (this.validateScanResult(result)) {
          // 扫码验证通过，执行其他逻辑
          uni.showToast({
            title: "执行成功",
            icon: "success",
          });
        } else {
          uni.showToast({
            title: "无效的二维码",
            icon: "none",
          });
        }
      } catch (error) {
        console.error("处理扫码结果失败：", error);
        uni.showToast({
          title: "处理失败",
          icon: "none",
        });
      }
    },
    // registerScanBroadcast 和 unregisterScanBroadcast 已由 scanMixin 提供
  },
};
</script>
<style lang="scss">
@import "index.scss";

.scan_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  .scan_text {
    font-size: 12px;
    color: #2979ff;
  }
}

.banner-box {
  padding: 0 2%;
  width: 96%;
  height: 170rpx;
  margin: 30rpx 0 30rpx;
}

.u-swiper-wrap {
  padding: 0 10px;
}

.banner-pic {
  width: 47%;
  float: left;
  display: inline-block;
  margin: 0 1.5%;
}

.banner-pic image {
  width: 100%;
  height: 170rpx;
  border-radius: 12rpx;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.u-mode-light-info {
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #e9ecf6;
  font-size: 12px;
  padding: 2px 8px;
  position: relative;
  top: -3px;
}

.workbench-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
  padding: 15px 30rpx;
}

.home-icon i.icon-tongzhi {
  font-size: 22px;
}
</style>
