<template>
  <z-paging ref="paging" v-model="list" @query="queryList">
    <u-navbar title="订单详情" leftIconSize="0" @leftClick="leftClick" placeholder>
      <u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon>
    </u-navbar>
    <view class="" v-for="(item,index) in list" :key="index">
      <view class="Order-details">
        <view class="Order-status">
          <div class="df jcsb Order-head" @click="Status">
            <div>订单状态</div>
            <div class="df aic">
              <!-- <text v-if="s">已退款</text> -->
              <text>{{data.order_status_name}}</text>
              <img style="width: 28rpx;height: 28rpx;margin: 0 4rpx;"
                   :src="$util.img(`/upload/weapp/user/you.png`)"></img>
            </div>
          </div>
          <div class="Order-thread"></div>
          <div class="Order-number">订单编号<span>{{data.order_no}}</span> </div>
          <div class="Order-time">下单时间<span v-if="data.create_time">{{data.create_time | time}}</span></div>
        </view>
        <view class="connection">
          <div class="df jcsb">
            <div class="connection-head">{{data.nickname}}<span>{{data.store_type}}</span></div>
            <div class="df" @click="kehutiaozhuan(data.member_id)">
              <div class="connection-Rearf" v-if="data.pay.pay_status == 0">
                {{ (data.pay.pay_status == 0 && data.pay.pay_money > 0 && data.pay.received_money > 0) ? '部分支付' : '未支付' }}
              </div>
              <div class="connection-Rearf" v-else-if="data.pay.pay_status == 1">支付中</div>
              <div class="connection-Rearf" v-else-if="data.pay.pay_status == -1">已取消支付</div>
              <div class="connection-Rearf" v-else>
                <!--已经支付完毕展示支付方式-->
                {{data.pay_type_name}}
              </div>


              <image style="width: 28rpx;height: 28rpx;margin: 36rpx 4rpx 0 4rpx;"
                     :src="$util.img(`/upload/weapp/user/you.png`)"></image>
            </div>
          </div>
          <div class="line"></div>
          <div class="df jcsb">
            <div class="connection-head">店铺名称：{{data.store_name}}</div>

          </div>
          <div class="line"></div>
          <div class="Good-doctor">{{data.address}}</div>
          <div class="connection-address">
            <span>{{data.full_address}}</span>
            <span>{{data.name}}&ensp;{{data.mobile}}</span>
          </div>
          <div class="line"></div>
          <div class="df Shipping-address">
            <div class="">收货地址：</div>
            <div>
              <view class="Shipping-telephone">{{data.name}}<span>{{data.mobile}}</span></view>
              <view class="Shipping-telephona">{{data.full_address}}</view>
            </div>
          </div>
        </view>
        <view class="Commodity-list">
          <div class="df jcsb Commodity-ten" @click="btn">
            <div>商品清单</div>
            <div class="df aic">
              <text>{{data.goods_num}}件</text>
              <img style="width: 28rpx;height: 28rpx;margin: 0 4rpx;"
                   :src="$util.img(`/upload/weapp/user/you.png`)"></img>
            </div>
          </div>
          <div class="dotted-line"></div>
          <div class="Commodity-money">
            <div class="df jcsb money">
              <div>订单金额</div>
              <div>￥{{data.order_money}}</div>
            </div>
            <div class="df jcsb money">
              <div>商品金额</div>
              <div>￥{{data.goods_money}}</div>
            </div>
            <div class="df jcsb money">
              <div>订单调整</div>
              <div class="money-koude">￥{{data.adjust_money}}</div>
            </div>
            <div class="df jcsb money">
              <div>特批优惠</div>
              <div class="money-koude">￥{{data.sales_money}}</div>
            </div>
            <div class="df jcsb money">
              <div>运费</div>
              <div class="money-koude">￥{{data.delivery_money}}</div>
            </div>
            <div class="df jcsb money">
              <div>优惠卷</div>
              <div>-￥{{data.coupon_money}}</div>
            </div>
          </div>
          <!-- v-if="data.order_status_name=='待审核'" -->
          <div class="df transportation-expenses" v-if="data.sales_status==0">
            <div class="df aic jcsa" @click="show1=true,salesmoney=''">
              <img :src="$util.img(`/upload/weapp/pageSalesman/reportForm/revise.png`)"></img>
              修改运费
            </div>
            <!-- <div class="set" v-else>

            </div> -->
            <div class="df aic jcsa" @click="show2=true,salesmoney=''">
              <img :src="$util.img(`/upload/weapp/pageSalesman/reportForm/form.png`)"></img>
              修改特批价
            </div>
          </div>
        </view>
        <view class="Collection-record">
          <!-- <div class="df jcsb " @click="Logistics">
          <div>发货/物流记录</div>
          <div class="df">
            <u-icon name="arrow-right"></u-icon>
          </div>
        </div>
        <div class="dotted-line" style="margin: 24rpx 0;"></div> -->
          <div class="df jcsb">
            <div>收款记录</div>
            <div class="df">
              <!-- sales_balance == 1 &&  sales_status == 1 -->
              <div v-if="data.order_status == -1 ">已关闭</div>
              <div v-else-if="data.wait_status==1 && data.sales_balance==1 &&data.wait_status==1"
                   @click="Collection">待确认</div>
              <div v-else-if="data.wait_status==1 && data.sales_balance==1 &&data.wait_status==2"
                   @click="Collection">已确认</div>
              <div v-else-if="data.sales_balance==0 &&data.order_status_name=='待支付'" @click="Collection">
                待支付</div>
              <div v-else-if="data.pay.pay_status == 1 ">支付中</div>
              <div v-else-if="data.pay.pay_status == 0 && data.pay.received_money == 0">未支付</div>
              <div v-else-if="data.pay.pay_status == 0 && data.pay.pay_money > 0 && data.pay.received_money > 0">部分支付</div>
              <div v-else-if="data.pay.pay_status==2">已支付</div>
              <!--							<div v-else-if="data.order_status > 0 && data.sales_status == 0">已支付</div>-->
              <div v-else>暂无收款记录</div>
              <!-- <div v-if="data.sales_balance==1 && data.wait_status==2">已收款</div>
              <div v-if="data.sales_balance==0 && data.wait_status==1">待付款</div>
              <div v-if="data.sales_balance==0 && data.wait_status==2">已付款</div> -->
              <image style="width: 28rpx;height: 28rpx;margin: 10rpx 0rpx;"
                     :src="$util.img(`/upload/weapp/user/you.png`)"></image>
            </div>
          </div>
          <div class="Order-message">
            <div class="df jcsb Delivery-method">
              <text>订单总额</text>
              <text>￥{{data.pay.total_money}}</text>
            </div>
            <div class="df jcsb Delivery-method">
              <text>已支付</text>
              <text>￥{{data.pay.received_money}}</text>
            </div>
            <div class="df jcsb Delivery-method">
              <text>还需支付</text>
              <text>￥{{data.pay.pay_money}}</text>
            </div>
          </div>
          <div class="dotted-line" style="margin: 24rpx 0;"></div>
          <!-- <div class="copper-coin">待付￥488.00</div> -->
          <!-- <div class="dotted-line"></div> -->
          <div class="Order-message">订单留言</div>
          <div class="Order-departure">{{data.buyer_message}}</div>
          <div class="dotted-line"></div>
          <!-- <div class="Order-remarks df jcsb">订单备注
        <u-icon name="arrow-right" color="#fff" size="28"></u-icon>
        </div>
        <div class="importance">这是大客户</div> -->
          <div class="dotted-line"></div>
          <div class="df jcsb Delivery-method">
            <text>配送方式</text>
            <text>{{data.delivery_type_name}}</text>
          </div>
          <div class="dotted-line"></div>
          <div class="df jcsb Delivery-methoda">
            <div>发票信息</div>
            <div class="df">
              <text v-if="data.invoice_status==0">未开票</text>
              <text v-if="data.invoice_status==1">已开票</text>
              <u-icon name="arrow-right" color="#fff" size="28"></u-icon>
            </div>
          </div>
        </view>

        <u-overlay :show="show" @click="show = true">
          <div class="notification">
            <div class="point-out">提示</div>
            <div class="Text-field">
              <u-textarea maxlength=100 v-model="value2" placeholder="请输入内容" count></u-textarea>
            </div>
            <div class="define df">
              <div class="f1 df aic jcsa">取消</div>
              <div class="f1 df aic jcsa">确定</div>
            </div>
          </div>
        </u-overlay>
        <u-overlay :show="show1">
          <view class="transportation">
            <div>修改运费</div>
            <div class="df">
              <text>运费:</text>
              <text>￥{{data.delivery_money}}</text>
            </div>
            <!-- <div class="df aic">
              <div class="df aic">修改运费</div>
              <div><input v-model="yunone" type="text"><span>元</span></div>
            </div> -->
            <view class="fixed-empty df aic" style="display: flex;justify-content: space-between;align-items: center;">
              <view class="xiugai">
                修改运费：
              </view>
              <input class="inoutone" style="width: 50%;" v-model="salesmoney" type="text">
              <span>元</span>
            </view>
            <div class="fill-in">请填写修改后运费</div>
            <div class="df definea">
              <div class="df aic jcsa" @click="show1 = false">取消</div>
              <div class="df aic jcsa" @click="one">确定</div>
            </div>
          </view>
        </u-overlay>
        <u-overlay :show="show2">
          <view class="Special-rating">
            <div class="Special-ratingone">申请特批价</div>
            <div>订单价格：<span>￥{{data.order_money}}</span></div>
            <view class="df aic selont">
              <view class="df aic empty-fixed"><span>*</span>特批价</view>
              <view class="fixed-empty df aic">
                <input class="inoutone" v-model="salesmoney" type="text">
                <span>元</span>
              </view>
            </view>

            <div class="df">
              <div cladd="empty-fixed">申请原因</div>
              <div>
                <u-textarea v-model="value1" height="124rpx"></u-textarea>
              </div>
            </div>
            <div class="">特批价是指通过客户与业务员之间得沟通后，同意对本地订单总价进行优惠，在此修改优惠后得订单总价</div>
            <div class="df">
              <div class="df aic jcsa" @click="show2 = false">取消</div>
              <div class="df aic jcsa" @click="two">确认</div>
            </div>
          </view>
        </u-overlay>
        <view class="nav df aic jcsa jcf listset">
          <div class="df aic jcsa listone" @click="passthrough">再次订购</div>
          <div class="df aic jcsa listsui" v-if="data.order_status_name=='待审核'||data.order_status_name=='待支付'"
               @click="cancel">取消订单</div>
          <div class="df aic jcsa listtwo" v-if="data.order_status_name=='已发货'&&xiudada"
               @click="ConfirmCharge">确认收货</div>
          <div class="df aic jcsa listtwo" v-if="data.order_status_name=='待支付'" @click="payment">去支付</div>
          <div class="df aic jcsa listtwo" v-if="data.order_status==1" @click="show3=true">确认发货</div>
          <!--          暂时注释审核功能-->
          <!--          <div class="df aic jcsa listtwo" v-if="data.sales_status == 0" @click="show9=true">去审核</div>-->
          <!--订单状态order_status在[0待支付,1待发货,20待审核] && sales_status=0时才展示取消审核-->
          <!--          <div class="df aic jcsa listtwo" v-if="data.sales_status != 0 && [0,1,20].includes(data.order_status)" @click="cancelAudit(data.order_id)">取消审核</div>-->
        </view>
        <u-overlay :show="show9">
          <view class="head-one">
            <view class="examine">
              审核
            </view>
            <div class="radio-item" v-for="(item,index) in valueList" :key="index"
                 @click="position(index,item)">
              <div>{{item.name}}</div>
              <image :src="$util.img(`/upload/weapp/user/gou.png`)" v-if="index==isRadio"></image>
              <image :src="$util.img(`/upload/weapp/user/un_gou.png`)" v-else></image>
            </div>
            <view class="arr" style="width: 400rpx;margin: 0 auto;">
              <!-- <input v-model="cause" type="text" style="border: 1rpx solid #ccc;"> -->
              <u--textarea v-model="cause" placeholder="驳回时必填"></u--textarea>
            </view>
            <view class="df aic jcsa" style="margin-top: 24rpx;">
              <div class="f1 one df aic jcsa" @click="show9=false">取消</div>
              <div class="f1 two df aic jcsa" @click="through(item.id)">确定</div>
            </view>
          </view>
        </u-overlay>
        <u-overlay :show="show3">
          <view class="listacd">
            <!-- <u-navbar title="填写发货信息"   leftIconSize="0" placeholder>
            <u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon>
          </u-navbar> -->
            <div class="list-list df aic jcsa">填写发货信息</div>
            <!-- data.order_goods -->
            <view class="list" v-for="(item,index) in data.order_goods" :key="index">
              <div class="df">
                <div class="list-img">
                  <image :src="$util.img(item.sku_image)" mode=""></image>
                </div>
                <div class="df fdc Product-Introduction">
                  <div class="Product-name">{{item.goods_name}}</div>
                  <div class="df">
                    <div class="number">编号：{{item.order_no}}</div>
                    <!-- <u-switch :v-model="item.const" @change="errorset(item,index)"></u-switch> -->
                    <div class="badge" @click="other(item,index)">
                      <image :src="$util.img(`/upload/weapp/pageSalesman/checked.png`)"
                             v-if="item.const==true" mode=""></image>
                      <image :src="$util.img(`/upload/weapp/pageSalesman/un_check.png`)" v-else
                             mode=""></image>
                    </div>
                  </div>
                  <div>
                    <!-- <div class="stock">库存：{{item.stock}}袋</div> -->
                  </div>
                  <div class="df aic price">
                    <div class="price-before">当前价：￥{{item.price}}/袋</div>
                    <div style="color: red;margin-left: 12rpx;">×{{item.num}}</div>
                  </div>
                </div>

              </div>
            </view>
            <div class="df" style="margin-top: 20rpx;margin-left: 25rpx;">发货方式<div
                style="margin-left: 20rpx;">
              <u-switch v-model="value12"></u-switch>
            </div>
            </div>
            <view class="wuliu df aic jcsb" @click="show4=true" v-if="value12">
              <div class="df">
                物流公司:
                <div v-if="listname.length>0">{{listname}}</div>
                <div style="color: #ccc;" v-else>请选择物流公司</div>
              </div>
              <div>
                <u-icon name="arrow-right"></u-icon>
              </div>
            </view>
            <div style="margin-top: 20rpx;margin-left: 25rpx;" v-if="value12">快递单号</div>

            <div class="uinput" v-if="value12">
              <u--input placeholder="请输入快递单号" border="surround" v-model="value" @change="changease"
                        :customStyle="{
						border:'none',

					  }"></u--input>
            </div>


            <div class="df aic jcsa">
              <div class="df aic jcsa one" @click="show3 = false">取消</div>
              <div class="df aic jcsa two" @click="twotwo">确认</div>
            </div>
          </view>

        </u-overlay>
        <u-action-sheet cancelText="取消" @close="show4=false" @select="select" :actions="listb" :show="show4">
        </u-action-sheet>
        <u-overlay :show="show8">
          <view class="Select-payment">
            <!-- <div><input type="radio" name="sex" value="微信支付" checked="checked" /></div> -->
            <!-- <div class="manili" v-if="data.sales_money>0">￥{{data.sales_money}}</div>
            <div class="manili" v-else-if="data.order_money>0">￥{{data.order_money}}</div> -->
            <div class="manili">￥{{data.order_money}}</div>
            <div v-for="(item,index) in radiolist2" :key="index">
              <div class="arr df aic jcsb" @click="time(index)">
                <div class="df aic">
                  <image :src="$util.img(item.img)"></image>
                  <text>{{item.name}}</text>
                </div>
                <image v-if="index==indexa" :src="$util.img(`/upload/weapp/user/gou.png`)" mode="">
                </image>
                <image v-else :src="$util.img(`/upload/weapp/user/un_gou.png`)" mode=""></image>
              </div>
            </div>
            <view class="df aic jcsa lisr">
              <div class="one" @click="show8=false">取消</div>
              <div class="two" @click="paymentpos">支付</div>
            </view>
          </view>

        </u-overlay>

      </view>

    </view>
  </z-paging>
</template>

<script>
const timesfm = require('@/common/js/map/message.js')
// import Bus from '@/common/js/bus.js'
import {
  computed
} from "vue"
import eventBus from '@/common/js/bus.js'
export default {
  data() {
    return {
      show: false,
      show1: false,
      s: '',
      show2: false,
      show3: false,
      show4: false,
      show8: false,
      show9: false,
      isRadio: Number,
      lujin: Number,
      value12: false,
      yunone: '',
      salesmoney: '',
      cause: '',
      indexa: 0,
      radiolist1: [{
        name: '微信支付',

        img: '/upload/weapp/pageSalesman/reportForm/WeChat.png'
      },
        {
          name: '支付宝支付',
          img: '/upload/weapp/pageSalesman/reportForm/Alipay.png'
        },
        {
          name: '业务员额度(额度10000，当前剩余9000)',
          img: '/upload/weapp/pageSalesman/reportForm/vacancies.png'
        }
      ],
      radiolist2: [{
        name: '微信支付',

        img: '/upload/weapp/pageSalesman/reportForm/WeChat.png'
      },
        {
          name: '支付宝支付',
          img: '/upload/weapp/pageSalesman/reportForm/Alipay.png'
        }
      ],
      itemid: 1,
      addresspage: [],
      listb: [],
      lista: [],
      xiudada: true,
      valueList: [{
        id: 1,
        name: '通过'
      },
        {
          id: 2,
          name: '反审核'
        }
      ],
      isRadio: 0,
      value2: '请输入订单备注',
      value1: '',
      list: [1],
      order: '', //订单id
      member: '', //下单客户id
      out_trade_no: '', //订单号
      data: [], //详情数据
      sly: false,
      order_no: '',
      express_company_id: '',
      listname: '',
      value: '',
    };
  },
  onLoad(e) {
    // order  订单id  member 下单客户id
    console.log(e, 'id');
    eventBus.$on('urlone', (data) => {

      this.lujin = data
      uni.$off('urlone')
    })
    if (e.s) {
      this.s = e.s
    }
    if (e.ct) {
      uni.$on('confyes', (data) => {
        console.log(data, '查看订单');
        this.order = data.order_id

        this.sly = data.sly
        this.$api.sendRequest({
          url: '/api/salasmanorder/detail',
          data: {
            member_id: data.order_id,
            out_trade_no: data.out_trade_no
          },
          success: res => {
            this.data = res.data
            this.out_trade_no = res.data.out_trade_no
            this.order = res.data.order_id
            this.member = res.data.member_id
            console.log(res, '订单详情');
          }
        })
      })
    } else {
      this.order = e.or
      this.member = e.me
      this.$api.sendRequest({
        url: '/api/salasmanorder/detail',
        data: {
          order_id: e.or,
          member_id: e.me
        },
        success: res => {
          this.data = res.data
          this.out_trade_no = res.data.out_trade_no
          console.log(res, '订单详情');
        }
      })
      this.$api.sendRequest({
        url: '/api/salesmemberaddress/page',
        data: {
          member_id: e.me
        },
        success: res => {
          this.addresspage = res.data.list
          console.log(res.data.list, '客户地址');
        }
      })
    }

  },
  onLaunch() {
    uni.$off('confyes')

  },
  onShow() {
    this.$api.sendRequest({
      url: '/api/salasmanorder/getExpressList',
      data: {
        page: "1",
        page_size: '40'
      },
      success: res => {
        this.lista = res.data.list
        console.log(res.data.list, '物流公司');
        let a = []
        for (var i = 0; i < res.data.list.length; i++) {
          a.push({
            name: res.data.list[i].company_name
          })
        }
        setTimeout(() => {
          this.listb = a
        }, 500)
      }
    })

  },
  computed: {
    Several: function() {
      var Severala = []
      for (var i = 0; i < this.lista.length; i++) {
        this.listb.push({
          "name": this.lista[i].company_name
        })
      }
      // this.listb=Severala
    },
    shuzu: function() {
      let a = ''
      let _this = this
      for (var i = 0; i < this.data.order_goods.length; i++) {
        console.log(_this.data.order_goods, 'iii');
        if (_this.data.order_goods[i].const) {
          console.log(i, 'iii');
          a = a + '' + JSON.stringify(_this.data.order_goods[i].goods_id)
        }
      }
      return a
    },
    CustomerName: function() {
      let mer = []
      for (var i = 0; i < this.data.order_goods.length; i++) {
        console.log(i, 'i');
        mer.push({
          "sku_id": this.data.order_goods[i].sku_id,
          "num": this.data.order_goods[i].num
        })
      }
      return mer
    },
    address: function() {
      let ess = []
      for (var i = 0; i < this.addresspage.length; i++) {
        if (this.data.full_address == this.addresspage[i].full_address) {
          ess = this.addresspage[i]
        }
      }
      return ess
    }
  },
  methods: {
    queryList(pageNo, pageSize) {
      this.$refs.paging.complete(this.list);
    },
    kehutiaozhuan(id) {
      uni.navigateTo({
        // url:'/page_salesman_customer/Customer_details/detailedinformation',
        url: `/page_salesman_customer/detailed/detailed?id=${id}&di=1`
      })
    },
    changease(e) {
      this.value = e
    },
    leftClick() {
      // #ifdef H5
      event.stopPropagation();
      // #endif
      if (this.lujin == 0) {
        uni.redirectTo({
          // url:this.list[this.current.URL]
          url: `/page_salesman_order/index/index?index=0`
        })
        return
      }
      if (this.lujin == 1) {
        uni.redirectTo({
          // url:this.list[this.current.URL]
          url: `/page_salesman_order/index/index?index=1`
        })
        return
      }
      if (this.lujin == 2) {
        uni.redirectTo({
          // url:this.list[this.current.URL]
          url: `/page_salesman_order/index/index?index=2`
        })
        return
      }
      if (this.lujin == 3) {
        uni.redirectTo({
          // url:this.list[this.current.URL]
          url: `/page_salesman_order/index/index?index=3`
        })
        return
      }
      if (this.lujin == 4) {
        uni.redirectTo({
          // url:this.list[this.current.URL]
          url: `/page_salesman_order/index/index?index=4`
        })
        return
      }
      if (this.lujin == 5) {
        uni.redirectTo({
          // url:this.list[this.current.URL]
          url: `/page_salesman_order/index/index?index=5`
        })
        return
      }
      if (this.lujin == 6) {
        uni.redirectTo({
          // url:this.list[this.current.URL]
          url: `/page_salesman_order/index/index?index=6`
        })
        return
      }
      uni.redirectTo({
        // url:this.list[this.current.URL]
        url: `/page_salesman_index/index/index`
      })
    },
    other(item, index) {
      console.log(item, 'item');
      let _this = this
      this.express_company_id = ''
      console.log(this.data.order_goods, 'item2');
      this.data.order_goods[index].const = !this.data.order_goods[index].const
      for (var i = 0; i < this.data.order_goods.length; i++) {
        console.log(_this.data.order_goods, 'iii');

        if (_this.data.order_goods[i].const) {
          // console.log(i,'iii');

          if (this.express_company_id.length > 0) {
            this.express_company_id = this.express_company_id + ',' + JSON.stringify(_this.data
                .order_goods[i].order_goods_id)
          } else {
            this.express_company_id = JSON.stringify(_this.data.order_goods[i].order_goods_id)
          }


        }

      }
      this.$forceUpdate()
    },
    twotwo() {
      this.show2 = false
      // this.$util.showToast({
      // 	title: '修改成功'
      // });
      let _this = this
      let a = ''

      console.log({
        order_id: this.order, //	是	string	订单id
        order_goods_ids: this.express_company_id, //	是	string	发货商品id 多个用英文逗号隔开
        express_company_id: this.company_id, //	是	string	快递公司company_id
        delivery_no: this.value, //	是	string	快递单号
        delivery_type: this.value12 ? 1 : 0 //	否	string	发货方式1 需要物流 0无需物流 默认1
      });
      if (!this.express_company_id.length > 0) {
        this.$util.showToast({
          title: '请选择发货商品'
        });
        return
      }
      if (this.value12) {
        if (!this.listname.length > 0) {
          this.$util.showToast({
            title: '请选择物流公司'
          });
          return
        }

        if (!this.value.length > 0) {
          this.$util.showToast({
            title: '请填写快递单号'
          });
          return
        }
        this.$api.sendRequest({
          url: '/api/salasmanorder/delivery',
          data: {
            order_id: this.order, //	是	string	订单id
            order_goods_ids: this.express_company_id, //	是	string	发货商品id 多个用英文逗号隔开
            express_company_id: this.company_id, //	是	string	快递公司company_id
            delivery_no: this.value, //	是	string	快递单号
            delivery_type: this.value12 ? 1 : 0 //	否	string	发货方式1 需要物流 0无需物流 默认1
          },
          success: res => {
            this.show3 = false
            this.$util.showToast({
              title: '发货成功'
            });
            this.$api.sendRequest({
              url: '/api/salasmanorder/detail',
              data: {
                order_id: this.order,
                member_id: this.member
              },
              success: res => {
                this.data = res.data
                console.log(this.data, '待发货详情');
              }
            })

          }
        })
      } else {
        this.$api.sendRequest({
          url: '/api/salasmanorder/delivery',
          data: {
            order_id: this.order, //	是	string	订单id
            order_goods_ids: this.express_company_id, //	是	string	发货商品id 多个用英文逗号隔开
            // express_company_id: this.company_id, //	是	string	快递公司company_id
            // delivery_no: this.value, //	是	string	快递单号
            delivery_type: this.value12 ? 1 : 0 //	否	string	发货方式1 需要物流 0无需物流 默认1
          },
          success: res => {
            this.show3 = false
            this.$util.showToast({
              title: '发货成功'
            });
            this.$api.sendRequest({
              url: '/api/salasmanorder/detail',
              data: {
                order_id: this.order,
                member_id: this.member
              },
              success: res => {
                this.data = res.data

                console.log(this.data, '待发货详情');
              }
            })
          }
        })
      }
    },
    select(e) {
      this.listname = e.name
      for (let i = 0; i < this.lista.length; i++) {
        if (e.name == this.lista[i].company_name) {
          this.company_id = this.lista[i].company_id
        }
      }
    },
    async weixinPay() {
      try {
        let provider = 'weixin'
        // 微信登录
        const loginRes = await uniLogin({ provider })
        console.log(loginRes, 'loginRes');
        const wxCode = loginRes.code;
        // 请求后端
        let url = '/api/boofopay/unifiedOrder';
        // debug 模式调用 测试支付接口
        const appBaseInfo = wx.getAppBaseInfo()
        if (appBaseInfo.enableDebug)
          url = '/api/boofopay/test'
        const res = await this.$api.sendRequest({
          url,
          data: {
            token: this.token,
            code: wxCode,
            payCode: "WECHAT_JSAPI", //payCode  支付宝：ALIPAY_JSAPI 微信：WECHAT_JSAPI
            out_trade_no: this.out_trade_no
          },
          async: false
        })
        // 拼接支付参数
        const { timeStamp, nonceStr, package: payPackage, signType, paySign } = res.data.chlRetParam
            .wc_pay_data
        await requestPayment({
          provider,
          timeStamp,
          nonceStr,
          package: payPackage,
          signType,
          paySign,
        });
        // 退出小程序
        wx.exitMiniProgram()
      } catch (e) {
        //TODO handle the exception
        console.log(e);
      }
    },
    paymentpos() {
      if (this.indexa == 0) {

        // #ifdef MP-WEIXIN
        this.weixinPay()
        // #endif
        // #ifndef MP-WEIXIN
        this.$api.sendRequest({
          url: '/api/pay/getSchemeUrl',
          data: {
            token: uni.getStorageSync('token'),
            out_trade_no: this.out_trade_no,
            pay_money: this.data.order_money
          },
          success: res => {
            console.log(res, 'res');
            // #ifdef APP-PLUS
            plus.runtime.openURL(res.data.openlink);
            // #endif
            // #ifndef APP-PLUS
            window.open(res.data.openlink)
            // #endif
            this.$util.redirectTo('/page_salesman_order/index/index');
            // setTimeout(() => {
            // 	uni.$emit('confirmation', {
            // 		order_id: _this.member,
            // 		out_trade_no: this.resdatas,
            // 		sly: true,
            // 	})
            // }, 500)
            // this.$util.showToast({
            // 	title: '微信支付成功'
            // });
          }
        })
        // #endif
        this.show8 = false
      }
      if (this.indexa == 1) {
        this.$api.sendRequest({
          url: '/api/pay/getAliSchemeUrl ',
          data: {
            token: uni.getStorageSync('token'),
            out_trade_no: this.out_trade_no,
            pay_money: this.data.order_money,
            page: 'pages_tool/pay/index'
          },
          success: res => {
            // #ifdef APP-PLUS
            plus.runtime.openURL(res.data.openlink);
            // #endif
            // #ifndef APP-PLUS
            window.open(res.data.openlink)
            // #endif
          }
        })
        // this.$api.sendRequest({
        // 	url: '/api/pay/payNotify',
        // 	data: {
        // 		pay_type: 'alipay', //微信支付
        // 		out_trade_no: this.out_trade_no
        // 	},
        // 	success: res => {
        // 		// this.data=res.data
        // 		console.log(res, '支付宝成功');
        // 		this.$util.showToast({
        // 			title: '支付宝支付成功'
        // 		});
        // 		this.$api.sendRequest({
        // 			url: '/api/salasmanorder/detail',
        // 			data: {
        // 				order_id: this.order,
        // 				member_id: this.member
        // 			},
        // 			success: res => {
        // 				this.data = res.data
        // 				console.log(res.data, '订单详情');
        // 			}
        // 		})
        // 		this.show8 = false
        // 	}
        // })
      }
    },
    Status() {
      setTimeout(() => {
        eventBus.$emit('record', {
          order_id: this.order,
          member_id: this.member,
          data: this.data.order_log,
          orderStatus:this.data.order_status_name
        })
      }, 500)
      uni.navigateTo({
        // url:this.list[this.current.URL]
        url: `/page_salesman_order/Order_status/Order_status`
      })
    },
    time(index) {
      this.indexa = index
      console.log(index);
    },
    payment() {
      console.log(this.address, 'address');
      this.show8 = true
      // this.$api.sendRequest({
      // 	url: '/api/salasmanordercreate/create',
      // 	// header: {
      // 	//     'Content-Type': 'application/json' //自定义请求头信息
      // 	// },
      // 	data: {
      // 		store_id: this.data.store_id, //店铺id
      // 		sku_ids: JSON.stringify(this.CustomerName), //skuid集合
      // 		member_id: this.data.member_id, //	客户id
      // 		buyer_message: this.data.buyer_message, //	用户备注
      // 		// delivery:'',//	配送规则
      // 		member_address: JSON.stringify(this.address), //收货地址
      // 		is_invoice: this.data.is_invoice, //是否需要发票 1是 0否
      // 		sales_balance: this.data.sales_balance //业务员是否额度下单
      // 	},
      // 	success: res => {
      // 		console.log(res, '创建订单');
      // 		this.order_no = res.data
      // 		this.show8 = true
      // 	}
      // })
    },
    ConfirmCharge() {
      let _this = this
      this.$api.sendRequest({
        url: '/api/salasmanorder/takeDelivery',
        data: {
          order_id: this.order,
          member_id: this.member
        },
        success: res => {
          if (res.code == 0) {
            _this.xiudada = false
            this.$api.sendRequest({
              url: '/api/salasmanorder/detail',
              data: {
                order_id: this.order,
                member_id: this.member
              },
              success: res => {
                this.data = res.data
                this.order_no = res.data.order_no
                console.log(res.data, '订单详情');
              }
            })
            this.$util.showToast({
              title: '确认收货成功'
            });
          }

        }
      })
    },
    Logistics() {
      console.log('物流');
      // console.log(this.data.);
      uni.navigateTo({
        // url:this.list[this.current.URL]
        url: `/page_salesman_order/Delivery_logistics/Delivery_logistics?id=${this.data.member_id}&di=${this.data.order_id}`
      })
    },
    btn() {
      // this.show=true   1订单  2客户
      console.log(this.data.order_id, this.data.member_id, '订单id');
      // console.log(this.data.order_goods,'item');
      setTimeout(() => {
        uni.$emit('CommodityList', this.data)
      }, 500)
      uni.navigateTo({
        // url:this.list[this.current.URL]
        url: `/page_salesman_index/Commodity_list/Commodity_list`
      })
    },
    Collection() {
      // if(this.data.sales_balance==0){
      // 	this.$util.showToast({
      // 		title: '无收款记录'
      // 	});
      // 	return
      // }
      // if(this.data.sales_status==0){
      // 	this.$util.showToast({
      // 		title: '未审核'
      // 	});
      // 	return
      // }
      // if(this.data.sales_status==2){
      // 	this.$util.showToast({
      // 		title: '已驳回'
      // 	});
      // 	return
      // }
      uni.navigateTo({
        // url:this.list[this.current.URL]
        url: `../Collection_record/Collection_record?id=${this.data.member_id}&di=${this.data.order_id}`
      })
    },
    //运费
    one() {

      if (!this.salesmoney.length > 0) {
        this.$util.showToast({
          title: '请填写运费'
        });
        return
      }

      this.$api.sendRequest({
        url: `/api/salasmanorder/doDeliveryMoney`,
        data: {
          order_id: this.order,
          member_id: this.member,
          delivery_money: this.salesmoney
        },
        success: res => {
          this.show1 = false
          this.$api.sendRequest({
            url: '/api/salasmanorder/detail',
            data: {
              order_id: this.order,
              member_id: this.member
            },
            success: res => {
              this.data = res.data
              console.log(res.data, '订单详情');

            }
          })
          this.$util.showToast({
            title: '运费修改成功'
          });
        }
      })

    },
    //特批价
    two() {
      console.log(this.salesmoney);
      let _this = this
      if (!this.salesmoney.length > 0) {
        this.$util.showToast({
          title: '请填写特批价'
        });
        return
      }
      if (!this.value1.length > 0) {
        this.$util.showToast({
          title: '请填写申请原因'
        });
        return
      }

      this.$api.sendRequest({
        url: `/api/salasmanorder/doSalesMoney`,
        data: {
          order_id: this.order,
          member_id: this.member,
          sales_money: this.salesmoney,
          sales_remark: this.value1
        },
        success: res => {
          this.show2 = false
          this.$util.showToast({
            title: '特批价修改成功'
          });
          this.$api.sendRequest({
            url: '/api/salasmanorder/detail',
            data: {
              order_id: _this.order,
              member_id: _this.member
            },
            success: res => {
              _this.data = res.data
              console.log(res, '订单详情');
            }
          })
        }
      })
    },
    passthrough() {
      // setTimeout(() => {
      // 	uni.$emit('zaicidinggou', this.data.order_goods)
      // }, 500)
      // uni.navigateTo({
      // 	url: `/page_salesman_index/affirm_order/affirm_order?id=${this.data.member_id}&shop=${this.data.store_id}`
      // })
      setTimeout(() => {
        uni.$emit('zaicidinggou', {
          one: this.data.order_goods,
          two: 1
        })
      }, 500)
      uni.navigateTo({
        url: `/page_salesman_index/Select_item/Select_item?st=${this.data.member_id}&di=${this.data.store_id}`
      })
      // this.$util.showToast({
      // 	title: '订购成功'
      // });
    },
    cancel() {
      this.$api.sendRequest({
        url: '/api/salasmanorder/close',
        data: {
          order_id: this.data.order_id,
          member_id: this.data.member_id
        },
        success: res => {
          console.log(res.data, '取消订单');
          this.$api.sendRequest({
            url: '/api/salasmanorder/detail',
            data: {
              order_id: this.order,
              member_id: this.member
            },
            success: res => {
              this.data = res.data
              console.log(res.data, '订单详情');
            }
          })
          this.$util.showToast({
            title: '取消成功'
          });
        }
      })

    },
    //去审核
    through() {

      // this.$api.sendRequest({
      // 	url:'/api/salasmanorder/doExamineOrder',
      // 	data:{
      // 		order_id:this.order,
      // 		member_id:this.member,
      // 		sales_status:this.itemid,
      // 		remark:''
      // 	},
      // 	success:res=>{
      // 		// this.data=res.data
      // 		console.log(res,'审核通过');

      // 	}
      // })
      if (this.itemid == 1) {
        //通过
        this.$api.sendRequest({
          //url: `/api/salasmanorder/doExamineOrder`,//旧审核接口
          url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30)
          data: {
            order_id: this.order,
            member_id: this.member,
            sales_status: this.itemid,
            // remark:''
          },
          success: res => {
            this.$api.sendRequest({
              url: '/api/salasmanorder/detail',
              data: {
                order_id: this.order,
                member_id: this.member
              },
              success: res => {
                this.data = res.data
                console.log(res.data, '订单详情');
              }
            })
            this.$util.showToast({
              title: '审核通过成功'
            });
            this.show9 = false
            // location.reload()
          }
        })
      } else if (this.itemid == 2) {
        //驳回(反审核)
        if (this.cause.length == 0) {
          this.$util.showToast({
            title: '请填写驳回原因'
          });
          return
        } else {
          this.$api.sendRequest({
            //url: `/api/salasmanorder/editSalesStatus`,
            url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30)
            data: {
              order_id: this.order,
              member_id: this.member,
              sales_status: this.itemid,
              remark: this.cause
            },
            success: res => {
              this.$api.sendRequest({
                url: '/api/salasmanorder/detail',
                data: {
                  order_id: this.order,
                  member_id: this.member
                },
                success: res => {
                  this.data = res.data
                  console.log(res.data, '订单详情');
                }
              })
              this.$util.showToast({
                title: '已驳回'
              });
              this.show9 = false
              // location.reload()
            }
          })
        }

      }
    },
    position(index, item) {
      // console.log(item,'item');
      // console.log(111);

      this.itemid = item.id
      this.isRadio = index
      this.itema = item
    },
    //取消审核(审核状态转为=>待审核)
    cancelAudit(order_id){
      console.log(order_id,'取消审核')
      //通过
      this.$api.sendRequest({
        //url: `/api/salasmanorder/doExamineOrder`,//旧审核接口
        url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30)
        data: {
          order_id: this.order,
          member_id: this.member,
          sales_status: 0,//0=待审核
          // remark:''
        },
        success: res => {
          this.$api.sendRequest({
            url: '/api/salasmanorder/detail',
            data: {
              order_id: this.order,
              member_id: this.member
            },
            success: res => {
              this.data = res.data
              console.log(res.data, '订单详情');
            }
          })
          this.$util.showToast({
            title: '操作成功'
          });
        }
      })
    },

  },
  filters: {
    time(num) {
      return timesfm(num * 1000)

    }
  }
}
</script>

<style lang="scss">
::v-deep {
  .zp-l-text {
    display: none;
  }
}

.xiugai {
  width: 204rpx;
  margin-left: 4rpx;
}

.listacd {
  width: 100%;
  height: 100%;
  background-color: rgb(247, 247, 247);
  overflow-y: scroll;
  /* #ifdef APP */
  padding: 100rpx 0 0 0;
  box-sizing: border-box;

  /* #endif */
  .wuliu {
    width: 700rpx;
    margin: 0 auto;
    background-color: #fff;
    padding: 10rpx;
    box-sizing: border-box;
    border-radius: 20rpx;
    margin-top: 20rpx;
  }

  .uinput {
    width: 700rpx;
    margin: 0 auto;
    margin-top: 20rpx;
    border-radius: 20rpx;
    background-color: #fff;
  }

  .one {
    width: 300rpx;
    margin-top: 80rpx;
    padding: 10rpx;
    box-sizing: border-box;
    border-radius: 20rpx;
    border: 1rpx solid #fff;
    background-color: #fff;

  }

  .two {
    width: 300rpx;
    margin-top: 80rpx;
    padding: 10rpx;
    // box-sizing: border-box;
    background-color: rgb(64, 158, 255);
    border-radius: 20rpx;
    color: #fff;
  }
}

.list-list {
  /* #ifdef APP */
  margin-top: 20rpx;
  /* #endif */
  /* #ifdef H5 */
  margin-top: 100rpx;
  /* #endif */
}

.list {
  width: 702rpx;
  // height: 324rpx;
  background: #FFFFFF;
  border-radius: 24rpx;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 20rpx;
  padding-bottom: 24rpx;
  box-sizing: border-box;

  .list-img {
    width: 176rpx;
    height: 176rpx;
    border-radius: 8rpx;
    margin: 32rpx 24rpx 0 32rpx;

    image {
      width: 176rpx;
      height: 176rpx;
      border-radius: 8rpx;
    }
  }

  .Product-Introduction {
    .Product-name {
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 40rpx;
      margin-top: 32rpx;
    }

    .number {
      font-size: 24rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 34rpx;
      margin-top: 32rpx;
      margin-right: 40rpx;
    }

    .badge {
      width: 40rpx;
      height: 40rpx;

      image {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .stock {
      font-size: 24rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 34rpx;
      margin-top: 32rpx;
      // margin-left: 90rpx;
    }

    .price {
      margin-top: 34rpx;

      .price-before {
        font-size: 24rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #999999;
        line-height: 34rpx;
      }

      .price-revise {
        input {
          width: 78rpx;
          height: 40rpx;
          background: #F6F6F6;
          border-radius: 8rpx;
        }

        span:nth-child(1) {
          font-size: 24rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #F33B50;
          line-height: 34rpx;
          margin-left: 46rpx;
          margin-right: 16rpx;
        }

        span:nth-child(2) {
          font-size: 24rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #999999;
          line-height: 34rpx;
          margin-left: 6rpx;
        }
      }
    }
  }
}

.Select-payment {
  width: 702rpx;
  // height: 248rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
  margin-top: 24rpx;
  padding: 32rpx;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%);

  .manili {
    margin-bottom: 24rpx;
    text-align: center;
    color: red;

    font-size: 40rpx;

  }

  .lisr {
    margin-top: 24rpx;

    .one {
      padding: 10rpx 70rpx;
      box-sizing: border-box;
      border: 1rpx solid #ccc;
      border-radius: 20rpx;
    }

    .two {
      padding: 10rpx 70rpx;
      box-sizing: border-box;
      // border: 1rpx solid #ccc;
      background-color: rgb(26, 115, 232);
      color: #fff;
      border-radius: 20rpx;
    }
  }

  .arr {
    margin-right: 16rpx;
    margin-bottom: 32rpx;

    image {
      width: 40rpx;
      height: 40rpx;
    }

    text {
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 40rpx;
      margin-left: 16rpx;
    }
  }
}

.head-one {
  width: 500rpx;
  // height: 500rpx;
  position: fixed;
  top: 500rpx;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 20rpx;

  .examine {
    text-align: center;
    margin-top: 20rpx;
  }

  .one {
    border: 1rpx solid #ccc;
    height: 108rpx;
    border-radius: 0 0 0 20rpx;

  }

  .two {
    height: 112rpx;
    background-color: rgb(32, 160, 255);
    color: #fff;
    border-radius: 0 0 20rpx 0;
  }

  .radio-item {
    width: 300rpx;

    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #222222;
    // margin: 10rpx 0;
    margin: 10rpx auto;

    image {
      width: 32rpx;
      height: 32rpx;
    }
  }

  ::v-deep {
    .u-radio {
      margin-bottom: 32rpx;
    }

    .u-radio__text {
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: bold;
      color: #222222;
    }
  }

}

.Special-rating {
  width: 630rpx;
  background: #FFFFFF;
  border-radius: 24px;
  position: fixed;
  top: 240rpx;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding-bottom: 32rpx;

}

.empty-fixed {
  margin-top: 0 !important;
}

.Special-ratingone {
  margin-top: 40rpx;
  text-align: center;
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222222;
  line-height: 44rpx;
}

.Special-rating div:nth-child(2) {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #585858;
  line-height: 40rpx;
  margin-top: 30rpx;
  margin-left: 28rpx;
}

.selont {

  margin-top: 24rpx;
  height: 70rpx;

  // justify-content: j;
  // display: flex;
  .empty-fixed {
    height: 70rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgb(88, 88, 88);
    line-height: 40rpx;
    margin-left: 28rpx;

    span {
      color: #FF3030;
    }
  }

  .fixed-empty {
    width: 438rpx;
    height: 70rpx;
    // background: red;
    border-radius: 16rpx;
    position: relative;
    margin-left: 30rpx;
    margin-top: 0;

    v-deep {
      .uni-input-input {
        text-align: left !important;
      }
    }

    .inoutone {
      width: 438rpx;
      height: 70rpx;
      // background: red;
      border-radius: 16rpx;
      text-align: left !important;
      border: 1rpx solid #ccc;
    }

    span {
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #222222;
      line-height: 40rpx;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 24rpx;
    }
  }
}

.fixed-empty {
  width: 438rpx;
  height: 70rpx;
  // background: red;
  border-radius: 16rpx;
  position: relative;
  margin-left: 30rpx;
  margin-top: 0;

  v-deep {
    .uni-input-input {
      text-align: left !important;
    }
  }

  .inoutone {
    width: 438rpx;
    height: 70rpx;
    // background: red;
    border-radius: 16rpx;
    text-align: left !important;
    border: 1rpx solid #ccc;
  }

  span {
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 40rpx;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24rpx;
  }
}

.Special-rating div:nth-child(4) {
  height: 160rpx;
  margin-top: 24rpx;

  div:nth-child(1) {
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #585858;
    line-height: 40rpx;
    margin-left: 28rpx;
    margin-right: -12rpx;
    margin-top: 0;
  }

  div:nth-child(2) {
    width: 438rpx;
    height: 124rpx;
    background: #F6F6F6;
    border-radius: 16rpx;
    text-align: left;
    margin-top: 0;

  }
}

.Special-rating div:nth-child(5) {
  width: 570rpx;
  height: 68rpx;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #585858;
  line-height: 34rpx;
  margin: 0 auto;
  margin-top: 16rpx;
}

.Special-rating div:nth-child(6) {
  margin-top: 44rpx;

  div:nth-child(1) {
    margin: 0;
    width: 206rpx;
    height: 72rpx;
    border-radius: 40rpx;
    border: 2rpx solid #E8E8E8;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 40rpx;
    margin: 0 32rpx 0 94rpx;
  }

  div:nth-child(2) {
    margin: 0;
    width: 206rpx;
    height: 72rpx;
    background: #21BBF3;
    border-radius: 40rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40rpx;

  }
}

.transportation {
  width: 540rpx;
  height: 448rpx;
  background: #FFFFFF;
  border-radius: 24px;
  position: fixed;
  top: 418rpx;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;

  .definea {
    margin-top: 38rpx;
  }

  .definea div:nth-child(1) {
    width: 206rpx;
    height: 72rpx;
    border-radius: 40rpx;
    border: 2rpx solid #E8E8E8;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 40rpx;
    margin-top: 0;
    margin-left: 48rpx;
  }

  .definea div:nth-child(2) {
    width: 206rpx;
    height: 72rpx;
    background: #21BBF3;
    border-radius: 40rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40rpx;
    margin-top: 0;
    margin-left: 32rpx;
    padding: 0;
  }
}

.transportation div:nth-child(1) {
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222222;
  line-height: 44rpx;
  text-align: center;
  margin-top: 40rpx;
}

.transportation div:nth-child(2) {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #585858;
  line-height: 40rpx;
  margin-top: 30rpx;
  padding-left: 38rpx;

  text:nth-child(2) {
    margin-left: 16rpx;
  }
}

.transportation div:nth-child(3) {
  div:nth-child(1) {
    width: 112rpx;
    height: 40rpx;
    margin-left: 38rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #585858;
    line-height: 40rpx;
  }

  div:nth-child(2) {
    width: 288rpx;
    height: 70rpx;
    background: #F6F6F6;
    border-radius: 16rpx;
    margin-left: 20rpx;
    position: relative;

    input {
      width: 288rpx;
      height: 70rpx;
      background: #F6F6F6;
      border-radius: 16rpx;
    }

    span {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 24rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #222222;
      line-height: 40rpx;
    }
  }
}

.fill-in {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #585858;
  line-height: 34rpx;
  margin: 20rpx 0 0 36rpx;
}

.nav {
  // width: 750rpx;
  padding: 0 40rpx;
  box-sizing: border-box;
  height: 100rpx;
  background: #F7F7F7;
  margin-top: 32rpx;

  .listone {
    width: 192rpx;
    height: 72rpx;
    border-radius: 40rpx;
    border: 2rpx solid #E8E8E8;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 40rpx;

  }

  .listsui {
    width: 192rpx;
    height: 72rpx;
    border-radius: 40rpx;
    border: 2rpx solid #E8E8E8;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 40rpx;
    margin-left: 20rpx;
  }

  .listtwo {
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40rpx;
    width: 192rpx;
    height: 72rpx;
    background: #21BBF3;
    border-radius: 40rpx;
    margin: 0 0rpx 0 20rpx;
  }
}

.Order-details {
  padding: 24rpx;

  .Order-status {
    width: 702rpx;
    height: 270rpx;
    background: #FFFFFF;
    border-radius: 24rpx;

    .Order-head div:nth-child(1) {
      padding: 32rpx 0 28rpx 32rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 44rpx;
    }

    .Order-head div:nth-child(2) {
      padding: 32rpx 0;
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FF3B67;
      line-height: 40rpx;
    }

    .Order-thread {
      width: 638rpx;
      height: 2rpx;
      background: #F2F2F2;
      border-radius: 16rpx;
      margin: 0 auto;
    }

    .Order-number {
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 40rpx;
      padding: 28rpx 0 0 32rpx;

      span {
        margin-left: 42rpx;

        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #222222;
        line-height: 40rpx;
      }
    }

    .Order-time {
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 40rpx;
      padding: 24rpx 0 0 32rpx;
    }

    .Order-time span:nth-child(1) {
      margin-left: 42rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #222222;
      line-height: 40rpx;
    }


  }

  .connection {
    width: 702rpx;
    // height: 464rpx;
    background: #FFFFFF;
    border-radius: 24rpx;
    margin-top: 24rpx;
    padding-bottom: 20rpx;
    box-sizing: border-box;

    .Shipping-telephona {
      margin-top: 16rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #222222;
      line-height: 40rpx;
    }

    .Shipping-telephone {
      padding: 28rpx 0 0 0;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #222222;
      line-height: 40rpx;

      span {
        margin-left: 24rpx;
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
      }
    }

    .Shipping-address div:nth-child(1) {
      width: 170rpx;
      height: 40rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 40rpx;
      padding: 28rpx 0 0 32rpx;

    }

    .connection-address {
      padding: 24rpx 0 0 32rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 40rpx;
      margin-bottom: 28rpx;
    }

    .connection-address span:nth-child(1) {
      margin-right: 40rpx;
    }

    .Good-doctor {
      padding: 32rpx 0 0 32rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 40rpx;
    }

    .line {
      width: 638rpx;
      height: 2rpx;
      background: #F2F2F2;
      border-radius: 16rpx;
      margin: 0 auto;
    }

    .connection-Rearf {
      padding-top: 32rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 40rpx;
    }

    .connection-head {

      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 44rpx;
      padding: 32rpx;

      span {
        width: 92rpx;
        height: 36rpx;
        font-size: 20rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FF7D02;
        line-height: 28rpx;
        background-color: rgb(255, 240, 226);
        margin-left: 16rpx;
      }
    }
  }

  .Commodity-list {
    width: 702rpx;
    // height: 542rpx;
    background: #FFFFFF;
    border-radius: 16rpx;
    margin-top: 24rpx;
    padding-bottom: 24rpx;
    box-sizing: border-box;

    .transportation-expenses {
      margin-top: 32rpx;

      div {
        width: 174rpx;
        height: 48rpx;
        background: #FFFFFF;
        border-radius: 28rpx;
        border: 2rpx solid #E8E8E8;
        text-align: center;
        font-size: 24rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #222222;
        line-height: 34rpx
      }

      image {
        width: 32rpx;
        height: 32rpx;

      }
    }

    .transportation-expenses div:nth-child(1) {
      margin-left: 274rpx;
      margin-right: 24rpx;
    }

    .set {
      border: none !important;
    }

    .Commodity-money {
      padding: 0 32rpx;

      .money {
        margin-top: 24rpx;

        .money-koude {
          color: red !important;
        }
      }

      .money div:nth-child(1) {
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #222222;
        line-height: 40rpx;
      }

      .money div:nth-child(2) {
        font-size: 24rpx;
        font-family: DINAlternate-Bold, DINAlternate;
        font-weight: bold;
        color: #222222;
        line-height: 40rpx;
      }
    }

    .dotted-line {
      width: 638rpx;
      height: 2rpx;
      background: #F2F2F2;
      border-radius: 16rpx;
      margin: 0 auto;
      margin-top: 28rpx;
      margin-bottom: 4rpx;
    }

    .Commodity-ten div:nth-child(1) {
      padding: 32rpx 0 0 32rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 44rpx;
    }

    .Commodity-ten div:nth-child(2) {
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 44rpx;
      margin-top: 32rpx;
    }
  }

  .Collection-record {
    width: 702rpx;
    background: #FFFFFF;
    border-radius: 24rpx;
    margin-top: 24rpx;
    padding: 32rpx;
    box-sizing: border-box;

    .Delivery-method {
      padding: 28rpx 48rpx 28rpx 0;

    }

    .Delivery-methoda {
      padding: 28rpx 0rpx 28rpx 0;

    }


    .Delivery-method div:nth-child(1) {
      font-size: 30rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 44rpx;
    }

    .Delivery-method div:nth-child(2) {

      font-size: 30rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 44rpx;
    }

    .Delivery-methoda div:nth-child(1) {
      font-size: 30rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 44rpx;
    }

    .Delivery-methoda div:nth-child(2) {

      font-size: 30rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 44rpx;
    }

    .copper-coin {
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 40rpx;
      margin-top: 24rpx;
      margin-bottom: 28rpx;
    }

    .dotted-line {
      width: 638rpx;
      height: 2rpx;
      background: #F2F2F2;
      border-radius: 16rpx;
    }

    .Order-message {
      margin-top: 28rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 40rpx;
    }

    .Order-departure {
      margin-top: 24rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 40rpx;
      margin-bottom: 28rpx;
    }

    .Order-remarks {
      margin-top: 28rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #585858;
      line-height: 40rpx;
    }

    .importance {
      margin-top: 24rpx;
      margin-bottom: 28rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 40rpx;
    }
  }

  .notification {
    width: 540rpx;
    height: 416rpx;
    background: #FFFFFF;
    position: fixed;
    top: 572rpx;
    left: 106rpx;
    right: 104rpx;
    border-radius: 20rpx;
    box-sizing: border-box;

    .define {
      border: 2rpx solid #E8E8E8;
      border-bottom: none;
      height: 96rpx;
      margin-top: 36rpx;
    }

    .define div:nth-child(1) {
      border-left: none;
    }

    .define div:nth-child(2) {
      color: #21BBF3;
      border-right: none;
    }

    .point-out {

      font-size: 32rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 44rpx;
      margin: 0 auto;
      text-align: center;
      margin: 40rpx 0 24rpx 0;
    }

    .Text-field {
      padding: 0;
      padding: 0 50rpx 0 46rpx;
    }
  }
}
</style>