<template>
  <div class="order-content">
      <div class="order-status" v-if="order!=null" >
          <el-steps  :active="order.status==3?order.status+1:order.status" align-center>
            <el-step title="待支付"></el-step>
            <el-step title="待发货"></el-step>
            <el-step title="待收货"></el-step>
            <el-step title="交易完成"></el-step>
          </el-steps>
      </div>
      <div>
      <el-card shadow="never" style="margin-top: 15px">
      <div class="operate-container"  v-if="order!=null">
        <span style="margin-left: 20px" class="color-danger">订单状态：
           <el-tag prop="status" v-for="(item, index) in statusOptions"   v-if="order.status==item.dictValue">{{item.dictLabel}}</el-tag>
        </span>
        <div class="operate-button-container" >
          <el-button size="mini" @click="editOrder()"  v-hasPermi="['store:storeOrder:edit']" >修改订单</el-button>
        </div>
        <div class="operate-button-container"  v-hasPermi="['store:storeOrder:finishOrder']" v-if="order.status===2">
          <el-button size="mini" @click="finishOrder()" >确认收货</el-button>
        </div>
        <div class="operate-button-container" v-if="order.status==1||order.status==2"  v-hasPermi="['store:storeOrder:refundOrderMoney']"  >
          <el-button size="mini" @click="refundOrderMoney()" >退款</el-button>
        </div>
        <div class="operate-button-container"  v-hasPermi="['store:storeOrder:express']"  >
          <el-button size="mini" @click="showExpress()">查看物流</el-button>
        </div>
        <div class="operate-button-container" v-if="order.tuiMoneyStatus==0"  v-hasPermi="['store:storeOrder:editTuiMoney']"  >
          <el-button size="mini" @click="editTuiMoney1()" >解冻</el-button>
        </div>
        <div class="operate-button-container" v-if="order.tuiMoneyStatus==1"  v-hasPermi="['store:storeOrder:editTuiMoney']"  >
          <el-button size="mini" @click="editTuiMoney2()" >冻结</el-button>
        </div>

        <div class="operate-button-container" v-if="order.status==3&&order.tuiMoneyStatus==null"  v-hasPermi="['store:storeOrder:addTuiMoney']"  >
          <el-button size="mini" @click="addTuiMoney()" >分佣</el-button>
        </div>

<!--        <div class="operate-button-container" v-if="order.extendOrderId!=null"  v-hasPermi="['store:storeOrder:getEroOrder']"  >
          <el-button size="mini" @click="showErpOrder()" >查看ERP订单信息</el-button>
        </div>-->
        <div class="operate-button-container" v-if="order.isPayRemain!=null&&order.isPayRemain==1"  v-hasPermi="['store:storeOrder:auditPayRemain']"  >
          <el-button size="mini" @click="auditPayRemain()" >尾款审核</el-button>
        </div>
        <div class="operate-button-container" >
          <el-button size="mini" @click="editDelivery()"  v-hasPermi="['store:storeOrder:editDeliveryId']" >修改物流</el-button>
        </div>
        <div class="operate-button-container" v-if="order.status >=1 && order.extendOrderId == null && order.deliveryId == null"  v-hasPermi="['store:storeOrder:createErpOrder']"  >
          <el-button size="mini" @click="addErpOrder()" >创建ERP订单信息</el-button>
        </div>
        <!-- <div class="operate-button-container" v-show="order.status===2">
          <el-button size="mini"  >去发货</el-button>
          <el-button size="mini" >备注订单</el-button>
        </div>
        <div class="operate-button-container" v-show="order.status===4">
          <el-button size="mini"  >订单跟踪</el-button>
          <el-button size="mini"  disabled>备注订单</el-button>
        </div> -->
      </div>
      <div style="margin: 20px 0px">
        <span class="font-small">基本信息</span>
      </div>
      <el-descriptions :column="4" border  >
            <el-descriptions-item label="订单编号"  >
                <span v-if="order!=null">
                  {{order.orderCode}}
                </span>
                <el-tag  v-for="(item, index) in createTypeOptions"    v-if="order!=null&&order.orderCreateType==item.dictValue">{{item.dictLabel}}
                </el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="会员"  >
                <span v-if="user!=null">
                  {{user.nickname}}({{user.phone}})
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="支付方式"  >
              <el-tag prop="payType" v-for="(item, index) in payTypeOptions"    v-if="order!=null&&order.payType==item.dictValue">{{item.dictLabel}}
              </el-tag>
            </el-descriptions-item>
<!--            <el-descriptions-item label="订单类型"  >
              <el-tag prop="orderType" v-for="(item, index) in orderTypeOptions"    v-if="order!=null&&order.orderType==item.dictValue">{{item.dictLabel}}</el-tag>
            </el-descriptions-item>-->
            <el-descriptions-item label="物流公司编码"  >
                <span v-if="order!=null">
                  {{order.deliveryCode || order.deliverySn}}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="物流公司名称"  >
                <span v-if="order!=null">
                  {{order.deliveryName}}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="物流单号"  >
                <span v-if="order!=null">
                  {{order.deliverySn || order.deliveryId}}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="发货时间"  >
                <span v-if="order!=null">
                  {{order.deliverySendTime}}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="物流状态"  >
                <span v-if="order!=null">
                  <el-tag prop="deliveryId" v-for="(item, index) in deliveryStatusOptions"    v-if="order!=null&&order.deliveryStatus==item.dictValue">{{item.dictLabel}}</el-tag>
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="物流跟踪状态"  >
                <span v-if="order!=null">
                  <el-tag prop="deliveryId" v-for="(item, index) in deliveryTypeOptions"    v-if="order!=null&&order.deliveryType==item.dictValue">{{item.dictLabel}}</el-tag>
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="物流结算费用"  >
                <span v-if="order!=null&&order.deliveryPayMoney!=null ">
                  {{order.deliveryPayMoney.toFixed(2) }}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="快递帐单日期"  >
                <span v-if="order!=null ">
                  {{order.deliveryTime }}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="快递结算日期"  >
                <span v-if="order!=null ">
                  {{order.deliveryPayTime }}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="推广佣金"  >
                <span v-if="order!=null ">
                  {{order.tuiMoney }}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="收货人"  >
                <span v-if="order!=null ">
                  {{order.realName }}
                </span>
            </el-descriptions-item>
            <el-descriptions-item label="手机号码"  >
                <span v-if="order!=null ">
                  {{order.userPhone }}
                </span>
                <el-button icon="el-icon-search" size="mini" @click="handlePhone()" style="margin-left: 20px;" circle v-hasPermi="['store:storeOrder:queryPhone']"></el-button>
            </el-descriptions-item>
            <el-descriptions-item label="收货地址"  >
              <el-popover
                v-if="order!=null"
                placement="top-start"
                title="收货地址"
                width="300"
                trigger="hover"
                :content="order.userAddress">
                <span slot="reference">{{order.userAddress}}</span>
                <el-button icon="el-icon-search" size="mini" @click="handleAddress()" style="margin-left: 20px;" circle v-hasPermi="['store:storeOrder:queryAddress']"></el-button>
              </el-popover>
            </el-descriptions-item>
            <el-descriptions-item label="档期归属"  >
              <el-tag prop="scheduleId" v-for="(item, index) in scheduleOptions"    v-if="order!=null&&order.scheduleId==item.id">{{item.name}}
              </el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="用户备注"  >
                <span v-if="order!=null">
                  {{order.mark}}
                </span>
            </el-descriptions-item>
      </el-descriptions>
      <div style="margin: 20px 0px"  v-if="order!=null">
        <span class="font-small">
          凭证信息
        </span>
      </div>
      <el-image
          v-if="certificates != null"
          :src="certificates"
          :preview-src-list="[certificates]"
          :style="{ width: '100px', height: '100px' }"
          @click.native="showImageDialog"
        ></el-image>
        <el-dialog :visible.sync="dialogVisibleImage" width="10%">
          <img :src="certificates" style="width: 100%" alt="">
        </el-dialog>
      <div style="margin-top: 20px">
        <span class="font-small">商品信息</span>
      </div>
      <el-table
        border
        v-if="items!=null"
        :data="items"
        size="small"
        style="width: 100%;margin-top: 20px" >
        <el-table-column label="商品图片" width="150" align="center">
          <template slot-scope="scope">
            <img :src="JSON.parse(scope.row.jsonInfo).image" style="height: 80px">
          </template>
        </el-table-column>
        <el-table-column label="商品编码" width="300" align="center">
          <template slot-scope="scope">
            <p>{{JSON.parse(scope.row.jsonInfo).barCode}}</p>
          </template>
        </el-table-column>
        <el-table-column label="商品组合编码" width="300" align="center">
          <template slot-scope="scope">
            <p>{{JSON.parse(scope.row.jsonInfo).groupBarCode}}</p>
          </template>
        </el-table-column>
        <el-table-column label="商品名称" width="300" align="center">
          <template slot-scope="scope">
            <p>{{JSON.parse(scope.row.jsonInfo).productName}}</p>
          </template>
        </el-table-column>
        <el-table-column label="单价" width="240" align="center">
          <template slot-scope="scope">
            <p>￥{{JSON.parse(scope.row.jsonInfo).price.toFixed(2)}}</p>
          </template>
        </el-table-column>
        <el-table-column label="规格" width="240" align="center">
          <template slot-scope="scope">
            {{JSON.parse(scope.row.jsonInfo).sku}}
          </template>
        </el-table-column>
        <el-table-column label="数量" width="180" align="center">
          <template slot-scope="scope">
            {{scope.row.num}}
          </template>
        </el-table-column>
        <el-table-column label="处方药" width="240" align="center">
          <template slot-scope="scope">
            {{scope.row.isPrescribe!=null&&scope.row.isPrescribe==1?'是':'否'}}
          </template>
        </el-table-column>
        <el-table-column label="小计"  align="center">
          <template slot-scope="scope" >
            ￥{{scope.row.num*JSON.parse(scope.row.jsonInfo).price.toFixed(2)}}
          </template>
        </el-table-column>
      </el-table>
      <div style="float: right;margin: 20px" v-if="order!=null">
        合计：<span class="color-danger">￥{{order.totalPrice.toFixed(2)}}</span>
      </div>
      <div style="margin: 60px 0px 20px 0px">
        <span class="font-small">费用信息</span>
      </div>
      <el-descriptions   :column="4" border  >
          <el-descriptions-item label="商品合计"  >
              <span v-if="order!=null">
                ￥{{order.totalPrice.toFixed(2)}}
              </span>
          </el-descriptions-item>
          <el-descriptions-item label="应付金额"  >
              <span v-if="order!=null">
                ￥{{order.payPrice.toFixed(2)}}
              </span>
          </el-descriptions-item>
          <el-descriptions-item label="运费"  >
              <span v-if="order!=null">
                ￥{{order.payPostage.toFixed(2)}}
              </span>
          </el-descriptions-item>
          <el-descriptions-item label="优惠券"  >
              <span v-if="order!=null">
                ￥{{order.couponPrice.toFixed(2)}}
              </span>
          </el-descriptions-item>
          <el-descriptions-item label="积分抵扣"  >
              <span v-if="order!=null">
                ￥{{order.deductionPrice.toFixed(2)}}
              </span>
          </el-descriptions-item>
          <el-descriptions-item label="实付金额"  >
              <span v-if="order!=null">
                ￥{{order.payMoney.toFixed(2)}}
              </span>
          </el-descriptions-item>
          <el-descriptions-item label="代收金额"  >
              <span v-if="order!=null">
                ￥{{order.payDelivery.toFixed(2)}}
              </span>
          </el-descriptions-item>
      </el-descriptions>

      <div style="margin-top: 20px">
        <span class="font-small">支付信息</span>
      </div>
      <el-table
        border
        :data="payments"
        size="small"
        style="width: 100%;margin-top: 20px" >
          <el-table-column label="支付单号" align="center" prop="payCode" width="120px" />
          <el-table-column label="支付金额" align="center" prop="payMoney" />
          <el-table-column label="类型" align="center" prop="payTypeCode" />
          <el-table-column label="交易单号" align="center" prop="bankTransactionId" />
          <el-table-column label="银行单号" align="center" prop="bankSerialNo" />
          <el-table-column label="创建时间" align="center" prop="createTime" />
          <el-table-column label="支付时间" align="center" prop="payTime" />
      </el-table>


      <div style="margin-top: 20px">
        <span class="font-small">操作信息</span>
      </div>
      <el-table style="margin-top: 20px;width: 100%"
                ref="orderHistoryTable"
                :data="logs" border>
        <el-table-column label="操作时间"  width="160" align="center">
          <template slot-scope="scope">
            {{scope.row.changeTime}}
          </template>
        </el-table-column>
        <el-table-column label="备注" align="center">
          <template slot-scope="scope">
            {{scope.row.changeMessage}}
          </template>
        </el-table-column>
      </el-table>

      <div style="margin-top: 20px">
        <!-- <svg-icon icon-class="marker" style="color: #606266"></svg-icon> -->
        <span class="font-small">分佣信息</span>
      </div>
      <el-table
        border
        :data="tuiMoneyLogs"
        size="small"
                style="width: 100%;margin-top: 20px" >
          <el-table-column label="公司名称" align="center" prop="companyName" width="120px" />
          <el-table-column label="金额" align="center" prop="money" />
          <el-table-column label="余额" align="center" prop="balance" />
          <el-table-column label="创建时间" align="center" prop="createTime" />
          <el-table-column label="备注" align="center" prop="remark" />
      </el-table>

        <div style="margin-top: 20px">
          <span class="font-small">审批信息</span>
        </div>
        <el-table style="margin-top: 20px;width: 100%"
                  :data="auditLogs" border>
          <el-table-column label="操作时间"  width="160" align="center">
            <template slot-scope="scope">
              {{scope.row.createTime}}
            </template>
          </el-table-column>
          <el-table-column label="备注" align="center">
            <template slot-scope="scope">
              {{scope.row.content}}
            </template>
          </el-table-column>
        </el-table>
      </el-card>
    </div>

    <el-dialog :title="edit.title" :visible.sync="edit.open" width="600px" append-to-body>
      <el-form ref="editForm" :model="editForm" :rules="editRules" label-width="100px">
<!--        <el-form-item label="订单类型" prop="orderType"  >
            <el-select style="width: 200px" v-model="editForm.orderType" placeholder="请选择订单类型" clearable size="small" >
              <el-option
                      v-for="item in orderTypeOptions"
                      :key="item.dictValue"
                      :label="item.dictLabel"
                      :value="item.dictValue"
                    />
            </el-select>
        </el-form-item>-->
       <el-form-item label="状态" prop="status" >
           <el-select style="width:220px" v-model="editForm.status" placeholder="请选择状态" clearable size="small">
            <el-option key="0"  label="待支付" value="0" />
            <el-option key="1"  label="待发货" value="1" />
             <el-option key="2"  label="待收货" value="2" />
             <el-option key="3"  label="交易成功" value="3" />
             <el-option key="-1"  label="退款中" value="-1" />
             <el-option key="-2"  label="已退款" value="-2" />
             <el-option key="-3"  label="已取消" value="-3" />
           </el-select>
         </el-form-item>
<!--         <el-form-item label="档期归属" prop="scheduleId"  >
            <el-select filterable style="width: 200px" v-model="editForm.scheduleId" placeholder="请选择档期" clearable size="small" >
              <el-option
                      v-for="item in scheduleOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
            </el-select>
        </el-form-item>-->
         <el-form-item label="详情地址" prop="userAddress"  >
          <el-input v-model="editForm.userAddress" placeholder="请输入" />
        </el-form-item>
        <!-- <el-form-item label="erp单号" prop="extendOrderId"  >
          <el-input v-model="editForm.extendOrderId" placeholder="请输入" />
        </el-form-item> -->
        <el-form-item label="备注" prop="mark"  >
          <el-input v-model="editForm.mark" placeholder="请输入备注" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitEditForm">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="editDy.title" :visible.sync="editDy.open" width="600px" append-to-body>
      <el-form ref="editDyForm" :model="editDyForm" :rules="editDyRules" label-width="120px">
<!--      <div  v-hasPermi="['store:storeOrder:updateErpOrder']"  style="margin-bottom: 20px;" >
        <el-button size="mini" @click="updateErpOrder" >同步物流单号信息</el-button>
      </div>-->
        <el-form-item label="物流公司" prop="deliverySn" >
           <el-select style="width:220px" v-model="editDyForm.deliverySn" placeholder="请选择" clearable size="small">
            <el-option key="SF"  label="顺丰" value="SF" />
            <el-option key="EMS"  label="邮政" value="EMS" />
             <el-option key="ZTO"  label="中通" value="ZTO" />
             <el-option key="STO"  label="申通" value="STO" />
             <el-option key="JD"  label="京东" value="JD" />
             <el-option key="DBL"  label="德邦" value="DBL" />
             <el-option key="JTSD"  label="极兔" value="JTSD" />
             <el-option key="YD"  label="韵达" value="YD" />
             <el-option key="YTO"  label="圆通" value="YTO" />
           </el-select>
         </el-form-item>
        <el-form-item label="物流单号" prop="deliveryId"  >
          <el-input v-model="editDyForm.deliveryId" placeholder="请输入物流单号" />
        </el-form-item>

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitEditDyForm">确 定</el-button>
        <el-button @click="editDy.open = false">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="expressDialog.title" :visible.sync="expressDialog.open" width="600px" append-to-body>
<!--      <div  v-hasPermi="['store:storeOrder:syncExpress']"  >
        <el-button size="mini" @click="syncExpress()" >同步快递鸟物流状态</el-button>
      </div>-->
      <el-table style="margin-top: 20px;width: 100%"
                ref="orderHistoryTable"
                :data="traces" border>
        <el-table-column label="操作时间"  width="160" align="center">
          <template slot-scope="scope">
            {{scope.row.AcceptTime}}
          </template>
        </el-table-column>
         <el-table-column label="位置" align="center">
          <template slot-scope="scope">
            {{scope.row.Location}}
          </template>
        </el-table-column>
        <el-table-column label="描述" align="center">
          <template slot-scope="scope">
            {{scope.row.AcceptStation}}
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>

    <el-dialog :title="erpDialog.title" :visible.sync="erpDialog.open" width="600px" append-to-body>
      <div v-if="order!=null&&order.extendOrderId!=null&&order.status==1"  v-hasPermi="['store:storeOrder:updateExpress']"  >
        <el-button size="mini" @click="updateExpress()" >同步物流发货</el-button>
      </div>
      <div class="table-layout"  v-if="erpOrder!=null">
        <el-row>
          <el-col :span="6" class="table-cell-title">订单编号</el-col>
          <el-col :span="6" class="table-cell-title">是否代收</el-col>
          <el-col :span="6" class="table-cell-title">快递编号</el-col>
          <el-col :span="6" class="table-cell-title">快递名称</el-col>
        </el-row>
        <el-row>
          <el-col :span="6" class="table-cell">
            {{erpOrder.code}}
          </el-col>
          <el-col :span="6" class="table-cell">
            {{erpOrder.cod?'是':'否'}}
          </el-col>
          <el-col :span="6" class="table-cell">
            {{erpOrder.express_code}}
          </el-col>
          <el-col :span="6" class="table-cell">
            {{erpOrder.express_name}}
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6" class="table-cell-title">收货人</el-col>
          <el-col :span="6" class="table-cell-title">电话</el-col>
          <el-col :span="6" class="table-cell-title">地址</el-col>
          <el-col :span="6" class="table-cell-title">运单号</el-col>
        </el-row>
        <el-row>
          <el-col :span="6" class="table-cell">
            {{erpOrder.receiver_name}}
          </el-col>
          <el-col :span="6" class="table-cell">
            {{erpOrder.receiver_mobile}}
          </el-col>
          <el-col :span="6" class="table-cell">
            {{erpOrder.receiver_address}}
          </el-col>
          <el-col :span="6" class="table-cell">
            {{erpOrder.deliverys!=null&&erpOrder.deliverys.length>0?erpOrder.deliverys[0].mail_no:''}}
          </el-col>

        </el-row>
      </div>
    </el-dialog>

  </div>
</template>

<script>
import {auditPayRemain,addTuiMoney,syncExpress,updateExpress,getEroOrder,refundOrderMoney, editTuiMoney,getExpress,finishOrder,listStoreOrder, getStoreOrder, delStoreOrder, addStoreOrder, updateStoreOrder, exportStoreOrder,updateDeliveryId, createErpOrder,updateErp,getStoreOrderAddress,getStoreOrderPhone} from "@/api/hisStore/storeOrder";
import { getTcmScheduleList } from "@/api/company/schedule";
export default {
  name: "StoreDetail",
  props: {
    orderId: {
      type: [String, Number],
      default: null
    }
  },
  watch: {
    orderId: {
      immediate: true,
      handler(val) {
        if (val) {
          this.getOrder(val);
        }
      }
    }
  },
  data() {
    return {
      dialogVisibleImage: false,
      createTypeOptions:[],
      deliveryStatusOptions:[],
      deliveryTypeOptions:[],
      scheduleOptions:[],
      schedules:[],
      orderId:null,
      erpDialog:{
        title:"ERP订单信息",
        open:false,
      },
      expressDialog:{
        title:"物流信息",
        open:false,
      },
      edit:{
        title:"",
        open:false,
      },
      editDy:{
        title:"修改物流单号",
        open:false,
      },
      editDyForm:{
        deliverySn:null,
        deliveryId:null,
      },
      editForm:{
        orderType:null,
        status:null,
        userAddress:null,
        // extendOrderId:null,
        scheduleId:null,
        mark:"",
      },

      editDyRules:{
        deliverySn: [
          { required: true, message: "物流公司不能为空", trigger: "blur" }
        ],
        deliveryId: [
          { required: true, message: "物流单号不能为空", trigger: "blur" }
        ],
      },
      editRules:{
        userAddress: [
          { required: true, message: "收货地址不能为空", trigger: "blur" }
        ],

      },
      orderTypeOptions:[],
      payTypeOptions:[],
      statusOptions:[],
      certificates:null,
      orderStatus:null,
      order:null,
      user:{},
      logs:[],
      items:[],
      express:null,
      traces:[],
      payments:[],
      tuiMoneyLogs:[],
      erpOrder:null,
      auditLogs: [],
    };
  },
  created() {
    this.getDicts("store_order_delivery_status").then((response) => {
      this.deliveryStatusOptions = response.data;
    });
    this.getDicts("store_order_delivery_type").then((response) => {
      this.deliveryTypeOptions = response.data;
    });

    this.getDicts("store_order_type").then((response) => {
      this.orderTypeOptions = response.data;
    });
    this.getDicts("store_order_status").then((response) => {
      this.statusOptions = response.data;
    });
    this.getDicts("store_pay_type").then((response) => {
      this.payTypeOptions = response.data;
    });
    this.getDicts("store_order_create_type").then((response) => {
      this.createTypeOptions = response.data;
    });
    getTcmScheduleList().then(response => {
      this.scheduleOptions = response.data;
    });
  },
  methods: {
    handleAddress(){
        const id = this.order.id;
        getStoreOrderAddress(id).then(response =>{
            this.order.userAddress = response.address;
        })
      },
      handlePhone(){
        const id = this.order.id;
        getStoreOrderPhone(id).then(response =>{
            this.order.userPhone = response.userPhone;
        })
      },
    showImageDialog() {
      this.dialogVisible = true;
    },
    syncExpress(){
      var that=this;
        this.$confirm('确定同步物流状态吗', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return syncExpress(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    updateErpOrder(){
      var that=this;
        this.$confirm('确定同步物流单号信息吗', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return updateErp(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
          this.editDy.open = false
        }).catch(function() {});
    },
    updateExpress(){
      var that=this;
        this.$confirm('确定同步物流信息吗，同步后将自动发货', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return updateExpress(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    showErpOrder(){
      this.erpDialog.open=true;
      var data={extendOrderId:this.order.extendOrderId};
      getEroOrder(data).then(response => {
          this.erp = response.data;
          if(response.data.orders!=null&&response.data.orders.length==1){
            this.erpOrder=response.data.orders[0]
          }
          console.log(this.erpOrder)

      });
    },
    showExpress(){
      this.expressDialog.open=true;
      getExpress(this.orderId).then(response => {
          this.express = response.data;
          if(this.express!=null&&this.express.Traces!=null){
              this.traces=this.express.Traces
          }

      });

    },
    submitEditForm(){
        this.$refs["editForm"].validate(valid => {
        if (valid) {
          updateStoreOrder(this.editForm).then(response => {
            if (response.code === 200) {
              this.msgSuccess("操作成功");
              this.edit.open = false;
              this.getOrder(this.order.id);
            }
          });

        }
      });
    },
    submitEditDyForm(){
        this.$refs["editDyForm"].validate(valid => {
        if (valid) {
          updateDeliveryId(this.editDyForm).then(response => {
            if (response.code === 200) {
              this.msgSuccess("操作成功");
              this.editDy.open = false;
              this.getOrder(this.order.id);
            }
          });

        }
      });
    },
    editTuiMoney1(){
      var that=this;
        this.$confirm('是否冻结此订单推广佣金吗?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return editTuiMoney(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    editTuiMoney2(){
      var that=this;
        this.$confirm('是否解冻此订单推广佣金吗?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return editTuiMoney(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    addTuiMoney(){
      var that=this;
        this.$confirm('确定手动分佣金吗?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return addTuiMoney(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    refundOrderMoney(){
        var that=this;
        this.$confirm('确认退款吗', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return refundOrderMoney(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    finishOrder(){
        var that=this;
        this.$confirm('是否确认客户已收货?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return finishOrder(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    auditPayRemain(){
        var that=this;
        this.$confirm('是否确认已收尾款?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderId:that.order.id}
          return auditPayRemain(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    editOrder(){
        this.edit.open=true;
        this.editForm.id=this.order.id;
        this.editForm.mark=this.order.mark
        this.editForm.orderType=this.order.orderType.toString();
        this.editForm.status = this.order.status.toString();
        this.editForm.userAddress = this.order.userAddress.toString();
        this.editForm.scheduleId = this.order.scheduleId;
        // this.editForm.extendOrderId = this.order.extendOrderId.toString();

    },
    //推送管易按钮
    addErpOrder(){
        var that=this;
        this.$confirm('是否确认推送erp?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          var data={orderCode:that.order.orderCode}
          return createErpOrder(data);
        }).then(() => {
          this.msgSuccess("操作成功");
          this.getOrder(this.order.id);
        }).catch(function() {});
    },
    editDelivery(){
      this.editDy.open = true;
      this.editDyForm.id = this.order.id;
      this.editDyForm.deliveryId = this.order.deliveryId;
      this.editDyForm.deliverySn = this.order.deliverySn;
    },
    getOrder(orderId){
        this.orderId=orderId;
        this.certificates = null;
        getStoreOrder(orderId).then(response => {
            this.order = response.order;
            if(response.order.certificates != null){
              this.certificates = response.order.certificates;
            }
            if(response.order.status != null){
              this.orderStatus = response.order.status;
            }
            this.user = response.user;
            this.logs = response.logs;
            this.items = response.items;
            this.payments=response.payments;
            this.tuiMoneyLogs=response.tuiMoneyLogs;
            this.auditLogs = response.auditLogs;
        });
     }
  }
};
</script>
<style scoped>
.order-content{
  margin: 10px;

}

.operate-container {
  background: #F2F6FC;
  height: 60px;
  margin: -20px -20px 0;
  line-height: 60px;
}

.operate-button-container {
  float: right;
  margin-right: 20px
}
</style>
