✨ feat(ID1000749):【Bug转需求】新版内部商城销售订单“待付款”及以后的状态都需要显示销售码单

src/components/BottomBtns/index.tsx

@@ -17,9 +17,11 @@ interface prosObj {
   showTuiGoods?: boolean
   handApplyGoods?: () => void
   handApplyMoney?: () => void
+  handShowCodeList?: () => void
   showDetail?: boolean
   goodsObj?: any
 }
+
 const BottomBtns = (props: prosObj, ref) => {
   const {
     obj = {
@@ -36,6 +38,7 @@ const BottomBtns = (props: prosObj, ref) => {
     handSureGoods,
     handApplyGoods,
     handApplyMoney,
+    handShowCodeList,
     showDetail = false,
     goodsObj = {},
   } = props
@@ -142,6 +145,15 @@ const BottomBtns = (props: prosObj, ref) => {
     else { return false }
   }, [obj])
 
+  // 判断是否显示码单
+  // 订单状态：待付款、待发货、待提货、待收货、已收货、已完成
+  const showCodeList = useMemo(() => {
+    if (obj.status == 3 || obj.status == 8 || obj.status == 11 || obj.status == 9 || obj.status == 4) {
+      return true
+    }
+    else { return false }
+  }, [obj])
+
   // 多的不显示别的按钮
   // const currentNums = useRef<any>({ nums: 0 })
   const itemNums = useMemo(() => {
@@ -158,6 +170,7 @@ const BottomBtns = (props: prosObj, ref) => {
     if (showBuy) {
       nums = nums + 1
     }
+
     return nums
   }, [obj])
 
@@ -176,6 +189,9 @@ const BottomBtns = (props: prosObj, ref) => {
         (showTuikuan && showDetail && itemNums < 4) && <View className={style.nextBuy} onClick={() => handApplyMoney?.()}>申请退款</View>
 
       }
+      {
+        (showCodeList && showDetail) && <View className={style.cancle} onClick={() => handShowCodeList?.()}>销售码单</View>
+      }
       {
         showTake && showTuiGoods && <View className={style.cancle} onClick={() => handSureGoods?.()}>确认收货</View>
       }
@@ -188,7 +204,6 @@ const BottomBtns = (props: prosObj, ref) => {
       {
         canBuy && <View className={style.toBuy} onClick={e => toPay?.(e)}>去付款</View>
       }
-
     </View>
   )
 }

src/components/SaleCodeList/index.module.scss

@@ -0,0 +1,21 @@
+.popupBox {
+    .scroStyle {
+        height: 900px;
+    }
+
+    .sure {
+        // margin-top: 35px;
+        margin-left: 40px;
+        margin-right: 40px;
+        // width: 670px;
+        height: 80px;
+        background: #337FFF;
+        border-radius: 44px;
+        font-size: 28px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #FFFFFF;
+        text-align: center;
+        line-height: 80px;
+    }
+}

src/components/SaleCodeList/index.tsx

@@ -0,0 +1,172 @@
+import { ScrollView, View, Image } from '@tarojs/components'
+import { memo, useCallback, useEffect, useMemo, useState, useRef } from 'react'
+import styles from './index.module.scss'
+import classnames from 'classnames'
+// import BottomBtns from '@/components/BottomBtns'
+import { formatPriceDiv } from '@/common/format'
+import Taro from '@tarojs/taro'
+import Popup from '@/components/popup'
+import useCheckAuthorize from '@/use/useCheckAuthorize'
+import { alert } from '@/common/common'
+import { GetPayCode } from "@/api/order"
+import { formatWeightDiv, formatDateTime } from '@/common/format'
+import { PAY_H5_CODE_URL } from '@/common/constant'
+interface Props {
+    obj: any,
+    // picUrl?: string,
+    showPopup: boolean,
+    popupClose: () => void
+}
+
+export default memo((props: Props) => {
+
+    const { fetchData: payFetch } = GetPayCode()
+    const [PicUrl, setPicUrl] = useState<string>('')
+    useEffect(() => {
+        //判断进来的是否是空对象，减少性能问题
+        var length = Object.keys(props.obj);
+        if (length.length > 0) getPic()
+    }, [props.obj])
+
+    const getPic = async () => {
+        Taro.showLoading({
+            title: '请稍等...',
+            mask: true
+        })
+        const list: any = [];
+        props.obj.product_list?.forEach((item) => {
+            item.product_colors.forEach((it) => {
+                list.push({
+                    product_code: item.code,
+                    product_name: item.name,
+                    product_color_code: it.code,
+                    product_color_name: it.name,
+                    num: it.roll.toString(),
+                    weight: formatWeightDiv(it.label_weight).toString(),
+                    deduction_weight: formatWeightDiv(it.deductions_weight).toString(),
+                    settle_weight: formatWeightDiv(it.settle_weight).toString(),
+                    deduction_amount: (it.deductions_amount / 100).toString(),
+                    sale_price: (it.sale_price / 100).toString(),
+                    total_price: (it.estimate_amount / 100).toString(),
+                    length: (it.length / 100).toString(),
+                    weight_error: formatWeightDiv(it.settle_weight_error).toString(),
+                });
+            });
+        });
+        const query = {
+            list: list,
+            title: "面料销售电子确认单",
+            show_qrcode: true,
+            show_barcode: true,
+            show_wait_pay_amount: true,
+            order_type: props.obj.sale_mode_name,
+            shipment_mode: props.obj.shipment_mode_name,
+            company: props.obj.title_purchaser_name,
+            sale_user: props.obj.sale_user_name,
+            order_created_time: formatDateTime(props.obj.create_time),
+            order_no: props.obj.order_no,
+            target_user_name: props.obj.target_user_name,
+            target_address: props.obj.address_detail,
+            target_description: props.obj.remark,
+            pay_account: props.obj.transfer_remittance_account,
+            bank_account_name: props.obj.account_name,
+            bank_name: props.obj.bank_of_deposit,
+            pay_type: props.obj.settle_mode_name,
+            client: props.obj.purchaser_name,
+            phone: props.obj.target_user_phone,
+            order_total_length: (props.obj.total_number / 100).toString(),
+            order_total_price: (
+                props.obj.bill_total_sale_price / 100
+            ).toString(),
+            total_weight_error_discount: (
+                props.obj.total_weight_error_discount / 100
+            ).toString(),
+            order_total_num: props.obj.total_number.toString(),
+            qrcode: `${PAY_H5_CODE_URL}?sale_order_no=${props.obj.order_no}`,
+            order_total_weight: (props.obj.total_weight / 1000).toString(),
+            estimate_amount: (props.obj.estimate_amount / 100).toString(),
+            total_sale_price: (props.obj.total_sale_price / 100).toString(),
+            show_total_sale_price: true,
+            show_total_weight_error_discount: true,
+            actual_amount: (props.obj.actual_amount / 100).toString(),
+            wait_pay_amount: (props.obj.wait_pay_amount / 100).toString(),
+            order_total_weight_error: (
+                props.obj.total_weight_error / 1000
+            ).toString(),
+        };
+        const res = await payFetch(query)
+        if (res.data) {
+            setPicUrl(res.data.base64)
+            Taro.hideLoading()
+        }
+    }
+
+    const fileData = useRef({
+        filePath: '',
+        base64: '',
+    })
+
+    //预览图片
+    const showImage = () => {
+        const time = new Date().valueOf()
+        const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(PicUrl) || []
+        let filePath = Taro.env.USER_DATA_PATH + '/img' + time + '.' + format
+        fileData.current.filePath = filePath
+        fileData.current.base64 = bodyData
+        const save = Taro.getFileSystemManager()
+        save.writeFile({
+            filePath: fileData.current.filePath,
+            data: fileData.current.base64,
+            encoding: 'base64',
+        })
+        Taro.previewImage({
+            current: fileData.current.filePath, // 当前显示
+            urls: [fileData.current.filePath], // 需要预览的图片http链接列表
+        })
+    }
+
+    //检查是否开启保存图片权限
+    const { check } = useCheckAuthorize({ scope: 'scope.writePhotosAlbum', msg: '您没授权，无法保存图片' })
+    const saveImageCheck = async () => {
+        const res = await check()
+        res && saveImage()
+    }
+
+    //保存图片
+    const saveImage = () => {
+        const time = new Date().valueOf()
+        const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(PicUrl) || []
+        let filePath = Taro.env.USER_DATA_PATH + '/img' + time + '.' + format
+        fileData.current.filePath = filePath
+        fileData.current.base64 = bodyData
+        const save = Taro.getFileSystemManager()
+        save.writeFile({
+            filePath: fileData.current.filePath,
+            data: fileData.current.base64,
+            encoding: 'base64',
+        })
+        alert.loading('正在保存图片')
+        Taro.saveImageToPhotosAlbum({
+            filePath: fileData.current.filePath,
+            success: function () {
+                alert.success('图片保存成功')
+            },
+            fail: function (err) {
+                console.log('err::', err)
+            },
+        })
+    }
+
+    return (
+        <Popup show={props.showPopup} title={'销售码单'} onClose={() => props.popupClose?.()}>
+            <View className={styles.popupBox}>
+                <ScrollView enhanced scrollY className={styles.scroStyle}>
+                    <View className={styles.pic}>
+                        <Image lazyLoad mode='widthFix' style={{ width: '100%', height: '100%' }} src={PicUrl} onClick={() => showImage()}></Image>
+                    </View>
+                </ScrollView>
+                <View className={styles.sure} onClick={() => saveImageCheck()}>保存图片</View>
+            </View>
+        </Popup>
+    )
+})

src/pages/orderDetails/index.tsx

@@ -16,22 +16,23 @@ import BottomBtns from '@/components/BottomBtns'
 import { debounce } from '@/common/util'
 import {
   GetPayCode,
-  MpSaleOrder,
+  mpsaleOrder,
-  MpSaleOrderAddress,
+  mpsaleOrderaddress,
-  MpSaleOrderCancel,
+  mpsaleOrdercancel,
-  MpSaleOrderPut,
+  mpsaleOrderput,
-  MpSaleOrderReceive,
+  mpsaleOrderreceive,
-  MpSaleOrderShipmentMode,
+  mpsaleOrdershipmentMode,
-  MpShoppingCartProductColorList,
+  mpshoppingCartproductColorlist,
-  OrderPaymentOrderPaymentMethodInfo,
+  orderPaymentorderPaymentMethodInfo,
-  OrderPaymentOrderPaymentSubmission,
+  orderPaymentorderPaymentSubmission,
-  OrderPaymentPreCollectOrderOrderPaymentMethodInfo,
+  orderPaymentpreCollectOrderorderPaymentMethodInfo,
-  OrderPaymentPreCollectOrderOrderPaymentSubmission,
+  orderPaymentpreCollectOrderorderPaymentSubmission,
 } from '@/api/order'
 import { alert, goLink } from '@/common/common'
 import { formatDateTime, formatPriceDiv, formatWeightDiv } from '@/common/format'
 import IconFont from '@/components/iconfont/iconfont'
 import { PAY_H5_CODE_URL } from '@/common/constant'
+import SaleCodeList from '@/components/SaleCodeList'
 
 // 卡片盒子元素
 interface Obs {
@@ -120,61 +121,18 @@ const OrderDetails = () => {
   // useEffect(() => {
   //     getDetail()
   // }, [])
+  useDidShow(() => {
+    getDetail()
+  })
+  // 页面下拉刷新
+  usePullDownRefresh(() => {
+    getDetail()
+  })
 
   // 收货方法,1:自提，2物流
   const [receivingStatus, setReceivingStatus] = useState(null)
   // 切换自提或者物流
-  const { fetchData: selectFetch } = MpSaleOrderShipmentMode()
+  const { fetchData: selectFetch } = mpsaleOrdershipmentMode()
-  // 订单信息文字数组
-  const [orderMsg, setOrderMsg] = useState<any[]>([
-    {
-      leftTitle: '订单编号：',
-      rightTitle: '------',
-      showBtn: true,
-    },
-    {
-      leftTitle: '创建时间：',
-      rightTitle: '------',
-    },
-    {
-      leftTitle: '发货时间：',
-      rightTitle: '------',
-    },
-    {
-      leftTitle: '业务员：',
-      rightTitle: '------',
-    },
-  ])
-  const { fetchData: infoFetch } = MpSaleOrder()
-  const [infoObj, setInfoObj] = useState<any>({})
-  // 获取订单详情
-  const getDetail = async() => {
-    Taro.showLoading({
-      title: '加载中...',
-      mask: true,
-    })
-    const res = await infoFetch({ id: router.params.id })
-    setInfoObj(res.data)
-    orderMsg.forEach((it) => {
-      if (it.leftTitle === '订单编号：') {
-        it.rightTitle = res.data.order_no
-      }
-      if (it.leftTitle === '创建时间：') {
-        it.rightTitle = formatDateTime(res.data.create_time)
-      }
-      if (it.leftTitle === '发货时间：') {
-        it.rightTitle = formatDateTime(res.data.delivery_time)
-      }
-      if (it.leftTitle === '业务员：') {
-        it.rightTitle = res.data.sale_user_name
-      }
-    })
-    setOrderMsg([...orderMsg])
-    setReceivingStatus(res.data.shipment_mode)
-    // 小程序提供的api，通知页面停止下拉刷新效果
-    Taro.stopPullDownRefresh()
-    Taro.hideLoading()
-  }
   const onReceivingStatus = debounce(async(e, value) => {
     if (infoObj.status === 8 || infoObj.status === 9 || infoObj.status === 4 || infoObj.status === 5 || infoObj.status === 3 || infoObj.status === 11) {
       alert.error('不允许更改')
@@ -217,6 +175,36 @@ const OrderDetails = () => {
     }
   }, 300)
 
+  const { fetchData: infoFetch } = mpsaleOrder()
+  const [infoObj, setInfoObj] = useState<any>({})
+  // 获取订单详情
+  const getDetail = async() => {
+    Taro.showLoading({
+      title: '加载中...',
+      mask: true,
+    })
+    const res = await infoFetch({ id: router.params.id })
+    setInfoObj(res.data)
+    orderMsg.map((it) => {
+      if (it.leftTitle === '订单编号：') {
+        it.rightTitle = res.data.order_no
+      }
+      if (it.leftTitle === '创建时间：') {
+        it.rightTitle = formatDateTime(res.data.create_time)
+      }
+      if (it.leftTitle === '发货时间：') {
+        it.rightTitle = formatDateTime(res.data.delivery_time)
+      }
+      if (it.leftTitle === '业务员：') {
+        it.rightTitle = res.data.sale_user_name
+      }
+    })
+    setOrderMsg([...orderMsg])
+    setReceivingStatus(res.data.shipment_mode)
+    // 小程序提供的api，通知页面停止下拉刷新效果
+    Taro.stopPullDownRefresh()
+    Taro.hideLoading()
+  }
   // 复制功能
   const clipboardData = () => {
     Taro.setClipboardData({
@@ -233,10 +221,30 @@ const OrderDetails = () => {
   // useEffect(() => {
   //     setReceivingStatus(receivingStatus)
   // }, [receivingStatus])
+  // 订单信息文字数组
+  const [orderMsg, setOrderMsg] = useState<any[]>([
+    {
+      leftTitle: '订单编号：',
+      rightTitle: '------',
+      showBtn: true,
+    },
+    {
+      leftTitle: '创建时间：',
+      rightTitle: '------',
+    },
+    {
+      leftTitle: '发货时间：',
+      rightTitle: '------',
+    },
+    {
+      leftTitle: '业务员：',
+      rightTitle: '------',
+    },
+  ])
 
   // 备注操作
   const [showDesc, setShowDesc] = useState(false)
-  const { fetchData: remarkFetch } = MpSaleOrderPut()
+  const { fetchData: remarkFetch } = mpsaleOrderput()
   const getRemark = async() => {
     const res = await remarkFetch({ remark: infoObj.remark, id: Number(router.params.id) })
     if (res.msg === 'success') {
@@ -258,7 +266,7 @@ const OrderDetails = () => {
     getDetail()
   }, [])
 
-  const { fetchData: cancelFetch } = MpSaleOrderCancel()
+  const { fetchData: cancelFetch } = mpsaleOrdercancel()
   // 取消订单
   const cancle = async(e, item) => {
     e.stopPropagation()
@@ -291,7 +299,7 @@ const OrderDetails = () => {
     })
   }
   // 再次购买
-  const { fetchData: buyFetch } = MpShoppingCartProductColorList()
+  const { fetchData: buyFetch } = mpshoppingCartproductColorlist()
   const nextBuy = async(e, item) => {
     e.stopPropagation()
     Taro.showLoading({
@@ -329,8 +337,8 @@ const OrderDetails = () => {
     }
   }
   // 去支付逻辑
-  const { fetchData: infoOneFetch } = OrderPaymentOrderPaymentMethodInfo()
+  const { fetchData: infoOneFetch } = orderPaymentorderPaymentMethodInfo()
-  const { fetchData: infoTwoFetch } = OrderPaymentPreCollectOrderOrderPaymentMethodInfo()
+  const { fetchData: infoTwoFetch } = orderPaymentpreCollectOrderorderPaymentMethodInfo()
   const [payList, setPayList] = useState<any[]>([
     {
       id: 2,
@@ -365,142 +373,6 @@ const OrderDetails = () => {
       name: '扫码支付',
     },
   ])
-
-  useDidShow(() => {
-    getDetail()
-  })
-  // 页面下拉刷新
-  usePullDownRefresh(() => {
-    getDetail()
-  })
-
-  // 扫码支付
-  const [showSide, setShowSide] = useState(true)
-  const [title, setTitle] = useState('')
-  const [picUrl, setPicUrl] = useState('')
-  const { fetchData: payFetch } = GetPayCode()
-  const handScanpay = async() => {
-    const list: any = []
-    infoObj.product_list.forEach((item) => {
-      item.product_colors.forEach((it) => {
-        list.push({
-          product_code: item.code,
-          product_name: item.name,
-          product_color_code: it.product_color_code,
-          product_color_name: it.product_color_name,
-          num: it.roll.toString(),
-          weight: formatWeightDiv(it.actual_weight).toString(),
-          sale_price: (it.sale_price / 100).toString(),
-          total_price:
-                    it.total_sale_price !== 0
-                      ? (it.total_sale_price / 100).toString()
-                      : (it.estimate_amount / 100).toString(),
-          length: (it.length / 100).toString(),
-          weight_error: formatWeightDiv(it.weight_error).toString(),
-        })
-      })
-    })
-    const query = {
-      list,
-      title: '面料销售电子确认单',
-      show_qrcode: true,
-      show_barcode: true,
-      order_type: infoObj.sale_mode_name,
-      shipment_mode: infoObj.shipment_mode_name,
-      company: infoObj.title_purchaser_name,
-      sale_user: infoObj.sale_user_name,
-      order_created_time: formatDateTime(infoObj.create_time),
-      order_no: infoObj.order_no,
-      target_user_name: infoObj.target_user_name,
-      target_address: infoObj.address_detail,
-      target_description: infoObj.remark,
-      pay_account: infoObj.transfer_remittance_account,
-      bank_account_name: infoObj.account_name,
-      bank_name: infoObj.bank_of_deposit,
-      pay_type: infoObj.settle_mode_name,
-      client: infoObj.purchaser_name,
-      phone: infoObj.target_user_phone,
-      order_total_length: (infoObj.total_number / 100).toString(),
-      order_total_price: (
-        infoObj.bill_total_sale_price / 100
-      ).toString(),
-      total_weight_error_discount: (
-        infoObj.total_weight_error_discount / 100
-      ).toString(),
-      order_total_num: infoObj.total_number.toString(),
-      qrcode: `${PAY_H5_CODE_URL}?sale_order_no=${infoObj.order_no}`,
-      order_total_weight: (infoObj.total_weight / 1000).toString(),
-      estimate_amount: (infoObj.estimate_amount / 100).toString(),
-      total_sale_price: (infoObj.total_sale_price / 100).toString(),
-      actual_amount: (infoObj.actual_amount / 100).toString(),
-      wait_pay_amount: (infoObj.wait_pay_amount / 100).toString(),
-      order_total_weight_error: (
-        infoObj.total_weight_error / 1000
-      ).toString(),
-      show_sale_price: infoObj?.sale_mode === 0 && infoObj?.is_display_price ? true : !!((infoObj?.sale_mode === 1 || infoObj?.sale_mode === 2)),
-      show_total_price: infoObj?.sale_mode === 0 && infoObj?.is_display_price ? true : !!((infoObj?.sale_mode === 1 || infoObj?.sale_mode === 2)),
-      show_estimate_amount: infoObj?.sale_mode === 0 && infoObj?.is_display_price ? true : !!((infoObj?.sale_mode === 1 || infoObj?.sale_mode === 2)),
-      show_total_sale_price: infoObj?.sale_mode === 0 && infoObj?.is_display_price ? true : !!((infoObj?.sale_mode === 1 || infoObj?.sale_mode === 2)),
-      show_total_weight_error_discount: infoObj?.sale_mode === 0 && infoObj?.is_display_price ? true : !!((infoObj?.sale_mode === 1 || infoObj?.sale_mode === 2)),
-      show_actual_amount: infoObj?.sale_mode === 0 && infoObj?.is_display_price ? true : !!((infoObj?.sale_mode === 1 || infoObj?.sale_mode === 2)),
-      show_wait_pay_amount: infoObj?.sale_mode === 0 && infoObj?.is_display_price ? true : !!((infoObj?.sale_mode === 1 || infoObj?.sale_mode === 2)),
-    }
-    const res = await payFetch(query)
-    if (res.data) {
-      console.log(res.data.base64)
-      setShowSide(false)
-      setTitle('查看销售码单')
-      setPicUrl(res.data.base64)
-    }
-  }
-
-  // 确认交易
-  const { fetchData: payOneFetch } = OrderPaymentOrderPaymentSubmission()
-  const { fetchData: payTwoFetch } = OrderPaymentPreCollectOrderOrderPaymentSubmission()
-
-  // 显示支付
-  const [showPay, setShowPay] = useState(false)
-  // 显示线下汇款
-  const [showOffline, setShowOffine] = useState(false)
-  // 选择地址
-  const handSelect = (obj) => {
-    if (receivingStatus === 1 || (infoObj.status === 8 || infoObj.status === 9 || infoObj.status === 4 || infoObj.status === 5 || infoObj.status === 11 || infoObj.status === 3)) {
-      alert.error('不允许更改')
-      return false
-    }
-    Taro.navigateTo({
-      url: `/pages/addressManager/index?orderId=${obj.id}&purchaser_id=${obj.purchaser_id}`,
-    })
-  }
-
-  // 申请退货
-  const handApplyGood = () => {
-    if (infoObj.av_return_product.length == 0) {
-      return alert.error('暂无货物退')
-    }
-    else {
-      Taro.navigateTo({
-        url: `/pages/applyGoods/index?orderId=${infoObj.id}`,
-      })
-      setShowMore(false)
-    }
-  }
-
-  // 申请退款
-  const handApplyMoney = () => {
-    // 三种类型的   待收货，已收货后申请退货退款，需要选择质量/非质量问题
-    if (infoObj?.status == 8 || infoObj?.status == 9) {
-      Taro.navigateTo({
-        url: `/pages/applyGoods/index?orderId=${infoObj.id}`,
-      })
-    }
-    else {
-      Taro.navigateTo({
-        url: `/pages/applyMoney/index?orderId=${infoObj.id}`,
-      })
-    }
-    setShowMore(false)
-  }
   const toPay = async(e, item) => {
     e.stopPropagation()
 
@@ -583,43 +455,102 @@ const OrderDetails = () => {
     setTitle('待支付款项')
     setShowPay(true)
   }
-  // 确认收货
+
-  const { fetchData: receveFetch } = MpSaleOrderReceive()
+  // 选择支付方式
-  const handSureGoods = async() => {
+  const clickItem = (item) => {
-    Taro.showModal({
+    if (item.name === '扫码支付') { handScanpay() }
-      content: '确认收货吗？',
+    if (item.name === '线下汇款') { setShowOffine(true) }
-      confirmText: '确认',
+    payList.map((it) => {
-      cancelText: '取消',
+      if (item.id === it.id) {
-      async success(res) {
+        it.checked = true
-        if (res.confirm) {
+      }
-          Taro.showLoading({
+      else {
-            title: '请稍等...',
+        it.checked = false
-            mask: true,
+      }
-          })
+      return it
-          const res = await receveFetch({ sale_order_id: Number(infoObj.id) })
-          if (res?.msg === 'success') {
-            Taro.showToast({
-              title: '成功',
-            })
-            Taro.hideLoading()
-            setShowMore(false)
-            getDetail()
-          }
-          else {
-            Taro.hideLoading()
-            Taro.showToast({
-              title: res?.msg,
-              icon: 'error',
-            })
-          }
-        }
-      },
     })
+    setPayList([...payList])
   }
 
-  const onChange = (e) => {
+  // 扫码支付
-    setInfoObj(val => ({ ...val, remark: e }))
+  const [showSide, setShowSide] = useState(true)
+  const [title, setTitle] = useState('')
+  const [picUrl, setPicUrl] = useState('')
+  const { fetchData: payFetch } = GetPayCode()
+  const handScanpay = async() => {
+    const list: any = []
+    infoObj.product_list.forEach((item) => {
+      item.product_colors.forEach((it) => {
+        list.push({
+          product_code: item.code,
+          product_name: item.name,
+          product_color_code: it.product_color_code,
+          product_color_name: it.product_color_name,
+          num: it.roll.toString(),
+          weight: formatWeightDiv(it.actual_weight).toString(),
+          sale_price: (it.sale_price / 100).toString(),
+          total_price:
+                        it.total_sale_price !== 0
+                          ? (it.total_sale_price / 100).toString()
+                          : (it.estimate_amount / 100).toString(),
+          length: (it.length / 100).toString(),
+          weight_error: formatWeightDiv(it.weight_error).toString(),
+        })
+      })
+    })
+    const query = {
+      list,
+      title: '面料销售电子确认单',
+      show_qrcode: true,
+      show_barcode: true,
+      show_wait_pay_amount: true,
+      order_type: infoObj.sale_mode_name,
+      shipment_mode: infoObj.shipment_mode_name,
+      company: infoObj.title_purchaser_name,
+      sale_user: infoObj.sale_user_name,
+      order_created_time: formatDateTime(infoObj.create_time),
+      order_no: infoObj.order_no,
+      target_user_name: infoObj.target_user_name,
+      target_address: infoObj.address_detail,
+      target_description: infoObj.remark,
+      pay_account: infoObj.transfer_remittance_account,
+      bank_account_name: infoObj.account_name,
+      bank_name: infoObj.bank_of_deposit,
+      pay_type: infoObj.settle_mode_name,
+      client: infoObj.purchaser_name,
+      phone: infoObj.target_user_phone,
+      order_total_length: (infoObj.total_number / 100).toString(),
+      order_total_price: (
+        infoObj.bill_total_sale_price / 100
+      ).toString(),
+      total_weight_error_discount: (
+        infoObj.total_weight_error_discount / 100
+      ).toString(),
+      order_total_num: infoObj.total_number.toString(),
+      qrcode: `${PAY_H5_CODE_URL}?sale_order_no=${infoObj.order_no}`,
+      order_total_weight: (infoObj.total_weight / 1000).toString(),
+      estimate_amount: (infoObj.estimate_amount / 100).toString(),
+      total_sale_price: (infoObj.total_sale_price / 100).toString(),
+      show_total_sale_price: true,
+      show_total_weight_error_discount: true,
+      actual_amount: (infoObj.actual_amount / 100).toString(),
+      wait_pay_amount: (infoObj.wait_pay_amount / 100).toString(),
+      order_total_weight_error: (
+        infoObj.total_weight_error / 1000
+      ).toString(),
+    }
+    const res = await payFetch(query)
+    if (res.data) {
+      console.log(res.data.base64)
+      setShowSide(false)
+      setTitle('查看销售码单')
+      setPicUrl(res.data.base64)
+    }
   }
+
+  // 确认交易
+  const { fetchData: payOneFetch } = orderPaymentorderPaymentSubmission()
+  const { fetchData: payTwoFetch } = orderPaymentpreCollectOrderorderPaymentSubmission()
   const handsurePay = (obj) => {
     let arr: any = []
     // if (obj.status !== 10) {
@@ -666,6 +597,89 @@ const OrderDetails = () => {
 
     // }
   }
+
+  // 显示支付
+  const [showPay, setShowPay] = useState(false)
+  // 显示线下汇款
+  const [showOffline, setShowOffine] = useState(false)
+  // 选择地址
+  const handSelect = (obj) => {
+    if (receivingStatus === 1 || (infoObj.status === 8 || infoObj.status === 9 || infoObj.status === 4 || infoObj.status === 5 || infoObj.status === 11 || infoObj.status === 3)) {
+      alert.error('不允许更改')
+      return false
+    }
+    Taro.navigateTo({
+      url: `/pages/addressManager/index?orderId=${obj.id}&purchaser_id=${obj.purchaser_id}`,
+    })
+  }
+
+  // 申请退货
+  const handApplyGood = () => {
+    if (infoObj.av_return_product.length == 0) {
+      return alert.error('暂无货物退')
+    }
+    else {
+      Taro.navigateTo({
+        url: `/pages/applyGoods/index?orderId=${infoObj.id}`,
+      })
+      setShowMore(false)
+    }
+  }
+
+  // 申请退款
+  const handApplyMoney = () => {
+    // 三种类型的   待收货，已收货后申请退货退款，需要选择质量/非质量问题
+    if (infoObj?.status == 8 || infoObj?.status == 9) {
+      Taro.navigateTo({
+        url: `/pages/applyGoods/index?orderId=${infoObj.id}`,
+      })
+    }
+    else {
+      Taro.navigateTo({
+        url: `/pages/applyMoney/index?orderId=${infoObj.id}`,
+      })
+    }
+    setShowMore(false)
+  }
+
+  // 确认收货
+  const { fetchData: receveFetch } = mpsaleOrderreceive()
+  const handSureGoods = async() => {
+    Taro.showModal({
+      content: '确认收货吗？',
+      confirmText: '确认',
+      cancelText: '取消',
+      async success(res) {
+        if (res.confirm) {
+          Taro.showLoading({
+            title: '请稍等...',
+            mask: true,
+          })
+          const res = await receveFetch({ sale_order_id: Number(infoObj.id) })
+          if (res?.msg === 'success') {
+            Taro.showToast({
+              title: '成功',
+            })
+            Taro.hideLoading()
+            setShowMore(false)
+            getDetail()
+          }
+          else {
+            Taro.hideLoading()
+            Taro.showToast({
+              title: res?.msg,
+              icon: 'error',
+            })
+          }
+        }
+      },
+    })
+  }
+
+  const onChange = (e) => {
+    setInfoObj(val => ({ ...val, remark: e }))
+  }
+
   useEffect(() => {
     setInfoObj(infoObj)
   }, [infoObj])
@@ -701,21 +715,13 @@ const OrderDetails = () => {
       return '合计金额'
     }
   }, [infoObj])
-  // 选择支付方式
+
-  const clickItem = (item) => {
+  const [showCodeList, setshowCodeList] = useState(false)
-    if (item.name === '扫码支付') { handScanpay() }
+  // 展示码单
-    if (item.name === '线下汇款') { setShowOffine(true) }
+  const handShowCodeList = () => {
-    payList.map((it) => {
+    setshowCodeList(true)
-      if (item.id === it.id) {
-        it.checked = true
-      }
-      else {
-        it.checked = false
-      }
-      return it
-    })
-    setPayList([...payList])
   }
+
   return (
     <View className={styles.mainBox}>
       {(infoObj?.status != 10 && <OrderState orderInfo={infoObj} />)}
@@ -728,7 +734,7 @@ const OrderDetails = () => {
         receivingStatus={receivingStatus}
         onReceivingStatus={(e, value) => onReceivingStatus(e, value)}
       ></AddressDetailBox>
-      <DefaultBoxWithMemo
+      <DefaultBox
         showMode
         title="客户信息"
         modeName={infoObj.sale_mode_name}
@@ -737,10 +743,10 @@ const OrderDetails = () => {
           <View className={styles.pussName}>{infoObj.purchaser_name}</View>
           <View className={styles.pussPhone}>{infoObj.purchaser_phone}</View>
         </View>
-      </DefaultBoxWithMemo>
+      </DefaultBox>
       <View className={styles.total}> {infoObj.total_fabrics} 种面料，{infoObj.total_colors} 个颜色，共 {infoObj.sale_mode === 0 ? infoObj.total_number : infoObj.total_number / 100} {infoObj.sale_mode === 0 ? '条' : 'm'}</View>
       <View className={styles.productBox}>
-        <GoodsItemWithMemo list={infoObj?.product_list} obj={infoObj}></GoodsItemWithMemo>
+        <GoodsItem list={infoObj?.product_list} obj={infoObj}></GoodsItem>
         <View className={styles.flexMoney}>
           <View className={styles.flexTotalBox}>
             <View className={styles.totalFont}>{payFont}</View>
@@ -775,7 +781,7 @@ const OrderDetails = () => {
         }
 
       </View>
-      <DefaultBoxWithMemo title="订单信息">
+      <DefaultBox title="订单信息">
         {
           orderMsg.map((item, index) => {
             return (
@@ -793,7 +799,7 @@ const OrderDetails = () => {
           })
         }
 
-      </DefaultBoxWithMemo>
+      </DefaultBox>
       <DefaultBox title="备注信息" showMode modeName={showRemarkFont} clickNode={() => setShowDesc(showRemarkFont != '')}>
         <View className={styles.remarkFont}>{infoObj.remark === '' ? '暂无' : infoObj.remark}</View>
       </DefaultBox>
@@ -842,6 +848,7 @@ const OrderDetails = () => {
           cancle={e => cancle?.(e, infoObj)}
           nextBuy={e => nextBuy?.(e, infoObj)}
           toPay={e => toPay?.(e, infoObj)}
+          handShowCodeList={() => handShowCodeList?.()}
           handSureGoods={() => handSureGoods?.()}
           handApplyGoods={() => handApplyGood?.()}
           handApplyMoney={() => handApplyMoney?.()}
@@ -859,6 +866,7 @@ const OrderDetails = () => {
         picUrl={picUrl}
       ></PayPopup>
       <OfflinePay showKong={false} show={showOffline} onClose={() => setShowOffine(false)} offlineInfo={infoObj}></OfflinePay>
+      <SaleCodeList obj={infoObj} showPopup={showCodeList} popupClose={() => setshowCodeList(false)}></SaleCodeList>
     </View >
   )
 }