<template>
  <div class="orderList">
    <div class="head-title">
      订单列表
      <!-- <el-button @click="dialogVisible=true" style="float:right;margin-top: -5px;" size="small" type="primary">批量导出
      </el-button>
      <el-button @click="ClearHsz" style="float:right;margin-top: -5px;margin-right:20px" size="small" type="primary">
        清空回收站</el-button> -->
    </div>
    <div class="content">
      <div>
        <span>下单时间：</span>
        <el-date-picker v-model="dateList" @change="msg.pageIndex=1,getList()" size="small" type="datetimerange"
          range-separator="至" value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期">
        </el-date-picker>
        <span style="margin-left:15px">订单来源：</span>
        <el-select class="w120" @change="msg.pageIndex=1,getList()" v-model="msg.OrderSource" size="small"
          placeholder="请选择">
          <el-option label="不限" :value="0"></el-option>
          <el-option v-for="item in platList" :key="item.Id" :label="item.Name" :value="item.Id">
          </el-option>
        </el-select>
        <span style="margin-left:15px">订单类型：</span>
        <el-select class="w120" @change="msg.pageIndex=1,getList()" v-model="msg.OrderType" size="small"
          placeholder="请选择">
          <el-option label="全部订单" :value="0"></el-option>
          <el-option v-for="item in orderTypeList" :key="item.Id" :label="item.Name" :value="item.Id">
          </el-option>
        </el-select>
      
        <el-input @clear="msg.pageIndex=1,getList()" @keyup.enter.native="msg.pageIndex=1,getList()" clearable
          style="margin-left:15px;width:300px" class="input-with-select" placeholder="请输入内容" v-model="msgVal"
          size="small">
          <el-select class="pendSelect" @change="ChangeId" v-model="msgId" slot="prepend" placeholder="请选择">
            <el-option v-for="item in option" :key="item.Id" :label="item.name" :value="item.Id">
            </el-option>
          </el-select>
        </el-input>
      </div>
      <div style="display: flex;flex-direction: row;align-items: center;justify-content: space-between">
        <!-- <div>
          <el-checkbox v-model="IsSelectPayMoney" true-label="1" false-label="0" style="margin-left: 15px"
            @change="msg.pageIndex=1,getList()">只看已付款</el-checkbox>
        </div> -->
        <div style="display: flex;flex-direction: row;align-items: center;font-size: 12px" v-if="TenantId==1">
          <div class="fkbox">
            <div class="fkbox_item" style="background: #00FFFF"></div>
            <span>暂存</span>
          </div>
          <div class="fkbox">
            <div class="fkbox_item" style="background: #0080FF"></div>
            <span>审核中</span>
          </div>
          <div class="fkbox">
            <div class="fkbox_item" style="background: #000"></div>
            <span>通过</span>
          </div>
          <div class="fkbox">
            <div class="fkbox_item" style="background: #FF4048"></div>
            <span>出纳审核通过</span>
          </div>
          <div class="fkbox">
            <div class="fkbox_item" style="background: #FFF100"></div>
            <span>驳回</span>
          </div>
        </div>
      </div>
      <div>
        <el-tabs style="margin-top:20px" v-model="activeName" @tab-click="handleClick">
          <el-tab-pane :dataId="0" label="全部" name="first" :key="0"></el-tab-pane>
          <el-tab-pane v-for="item in orderStatusList" :key="item.Id" :dataId="item.Id" :name="item.Id.toString()"
            :label="item.Name">
          </el-tab-pane>
          <el-tab-pane :dataId="8" label="回收站" :key="8" name="8"></el-tab-pane>
        </el-tabs>
        <div class="app-order-title">
          <div style="width: 55%;">订单信息</div>
          <div style="width: 20%;">实付金额</div>
          <div style="width: 20%;">操作</div>
        </div>
        <div class="app-order-list">
          <el-card v-for="(item,index) in tableData"  :key="index" class="app-order-item" shadow="never">
            <div v-if="item.OrderType!=5">
              <div slot="header" class="clearfix">
                <div flex="cross:center" class="app-order-head">
                  <div class="app-order-time">{{item.CreateDate}}</div>
                  <div class="app-order-user">
                    <span class="app-order-time" style="margin-right: 5px">订单号：</span>{{item.OrderNo}}({{item.OrderId}})
                    <el-tag v-if="item.OrderSource==1" size="small">{{item.OrderTypeName}}</el-tag>
                    <el-tag v-if="item.OrderSource==2" size="small" type="success">{{item.OrderTypeName}}</el-tag>
                    <el-tag v-if="item.OrderSource==3" size="small" type="info">{{item.OrderTypeName}}</el-tag>
                    <el-tag v-if="item.OrderSource==4" size="small" type="warning">{{item.OrderTypeName}}</el-tag>
                    <el-tag v-if="item.OrderSource==5" size="small" type="danger">{{item.OrderTypeName}}</el-tag>
                    <el-tag v-if="item.OrderSource==6" size="small" type="danger">{{item.OrderTypeName}}</el-tag>
                  </div>
                
                  <div flex="cross:center" class="app-order-user">
                    <img v-if="item.OrderSource==1" src="../../../assets/img/userman/wx.png" alt="">
                    <span>{{item.UserName}}({{item.UserId}})</span>
                  </div>
                  <div v-if="item.BuyerMessage && item.BuyerMessage!=''" flex="cross:center" class="remark-box">
                    <el-tooltip class="item" effect="dark" :content="item.BuyerMessage" placement="top">
                      <img src="../../../assets/img/userman/remark.png" alt="">
                    </el-tooltip>

                  </div>
                  <div flex="dir:left wrap:wrap" class="app-order-offline">
                    <el-tag v-if="item.PaymentTime==''" style="margin-left:5px" size="small" type="warning">未付款</el-tag>
                    <el-tag v-if="item.OrderStatus== 2 " style="margin-left:5px" size="small" type="success">待确认</el-tag>
                    <el-tag v-if="item.OrderStatus== 5 " style="margin-left:5px" size="small" type="success">待处理</el-tag>
                    <el-tag
                      v-if="item.PaymentTime!='' && item.DeliveryTime=='' && item.ReceivingTime=='' && item.FinishTime==''"
                      style="margin-left:5px" size="small" type="warning">已付款</el-tag>
                    <!-- 
                  
                    <el-tag v-if="item.DeliveryTime!='' && item.ReceivingTime==''" style="margin-left:5px" size="small"
                      type="success">待出行</el-tag>
                    <el-tag v-if="item.DeliveryTime!='' && item.ReceivingTime==''" style="margin-left:5px" size="small"
                      type="success">出行中</el-tag>
                    <el-tag v-if="item.ReceivingTime!='' && item.FinishTime==''" style="margin-left:5px" size="small"
                      type="success">出行完成</el-tag> -->
                    <el-tag v-if="item.OrderStatus==3" style="margin-left:5px" size="small" type="success">已完成</el-tag>
                    <el-tag v-if="item.OrderStatus==4" style="margin-left:5px" size="small" type="danger">已取消</el-tag>
                  </div>
                  <el-tooltip class="item" effect="dark" content="强制取消" placement="top-start">
                    <img v-if="item.OrderStatus==1 || item.OrderStatus==2" @click="OrderExit2(item)" style="right:60px"
                      class="app-order-btnimg" src="../../../assets/img/userman/force.png" alt="">
                  </el-tooltip>
                  <el-tooltip class="item" effect="dark" content="加入回收站" placement="top-start">
                    <img v-if="msg.Recycled!=1" @click="fRhsz(item,3)" class="app-order-btnimg"
                      src="../../../assets/img/userman/del1.png" alt="">
                  </el-tooltip>
                </div>
              </div>
              <div class="app-order-body">
                <div class="goods-item" style="width: 60%;">
                  <div v-for="(list,index2) in getshangplist(item)" :key="index2" class="goods">
                    <div >
                      <img  :src="list.HotelImage" v-if='item.OrderType == 1' class="goods-image" />
                      <img  :src="list.DiningImg" v-if='item.OrderType == 2' class="goods-image" />
                      <img  :src="list.TicketImg" v-if='item.OrderType == 3' class="goods-image" />
                      <div flex="dir:left" style='display:flex'>
                        <div class="goods-info">
                          <div class="goods-name">
                            <div class="app-ellipsis">
                              <div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;font-size: 15px;font-weight: 500;">
                                <span v-if='item.OrderType == 1'>{{list.HotelName}}</span>
                                <span v-if='item.OrderType == 2'>{{list.MealName}}</span>
                                <span v-if='item.OrderType == 3'>{{list.TicketName}}</span>
                                <span v-if='item.OrderType == 4'>{{list.StartCityName}} - {{list.ArriveCityName}}</span>
                              </div>
                            </div>
                          </div>
                          <div style="margin-bottom: 5px;">
                            <span style="margin-right: 10px;" v-if='item.OrderType == 1'>房间数：x{{list.RoomNumber}}</span>
                            <span style="margin-right: 10px;" v-if='item.OrderType == 2 || item.OrderType == 3'>数量：x{{list.PeopleNumber}}</span>
                          </div>
                          <div style="margin-bottom: 5px;" > <span>单价：￥{{list.Unit_Price}}</span></div>
                          <div style="margin-bottom: 5px;" v-if='item.OrderType == 1'>
                            <span>
                              入店时间：{{list.StartDate}} - {{list.EndDate}}
                            </span>
                           </div>
                          <div style="margin-bottom: 5px;" v-if='item.OrderType == 4'>
                            <span>
                              上车地点：{{list.DepartAddress}} 
                            </span>
                            <span style='margin:0 5px'></span> 
                            <span>
                              下车地点：{{list.ArriveAddress}}
                            </span>
                             </div>
                          <div style="margin-bottom: 5px;" v-if='item.OrderType == 4'> </div>
                          <div style="margin-bottom: 5px;">
                            <span style="margin-right: 10px;" v-if='item.OrderType == 1'>到店时间：{{list.ArrivalTime}} </span>
                            <span style="margin-right: 10px;" v-if='item.OrderType == 2'>就餐时间：{{list.Date}} </span>
                            <span style="margin-right: 10px;" v-if='item.OrderType == 3'>入园时间：{{list.Date}} </span>
                            <span style="margin-right: 10px;" v-if='item.OrderType == 4'>出行时间：{{list.Date}} {{list.DepartureTime}} </span>
                          </div>
                        
                        </div>
                        <div flex="dir:left box:mean" style="width: 350px;display: flex;align-items: center;justify-content: center;">
                          <div flex="cross:center main:center"
                            style="display: flex;flex-direction: column;align-items: flex-start;width: 55%;">
                            <span style="cursor:pointer">小计：￥{{list.Final_Price}} <span style="color:#f56c6c" v-if='item.Refund && item.Refund>0'>(实退:￥{{item.Refund}})</span>
                               <!-- <img v-if="item.PaymentTime==''" @click="EditPrice(item,1,list)"
                                src="../../../assets/img/userman/edit1.png" alt=""> -->
                            </span> 
                            <span style="cursor:pointer">成本：￥{{ list.CostMoney}}
                              <img v-if="item.OrderStatus!==4" @click="costBtn_t(list,item)"
                                src="../../../assets/img/userman/edit1.png" alt="">
                            </span>
                            <span style="cursor:pointer" v-if='item.OrderType == 4 && list.PeopleNumber && list.PeopleNumber>0'>成人：{{ list.PeopleNumber}}人</span>
                            <span style="cursor:pointer" v-if='item.OrderType == 4 && list.ChildNumber && list.ChildNumber>0'>儿童：{{ list.ChildNumber}}人 </span>
                            
                          </div>
                        </div>
                        <div style="width: 200px; display: flex;flex-direction:column;justify-content: center"
                          v-if="TenantId==1">
                          <div style="font-size: 12px" v-if="list.YSMoney!=0 || list.RealMoney!=0">
                            <span>应收：￥{{list.YSMoney}}</span>
                            <span style="margin-left: 10px">实收：￥{{list.RealMoney}}</span>
                          </div>
                          <div style="font-size: 12px" v-if="list.YFMoney!=0 || list.PayMoney!=0">
                            <span>应付：￥{{list.YFMoney}}</span>
                            <span style="margin-left: 10px">实付：￥{{list.PayMoney}}</span>
                          </div>
                        </div>
                      </div>
                    </div>
                     <div class="billStyle"
                        v-if="((item.SFinanceList && item.SFinanceList.length>0)||(item.ZFinanceList && item.ZFinanceList.length >0) ) ">
                        <div class="billStyle_item" style="border-right: 1px solid #EBEEF5">
                          收入单据:
                          <span v-for="(x,index2) in item.SFinanceList" :key="index2" @click="goSF(x)">
                            <span class="billtext" v-if="x.Status == 0" :style="{color:'#00FFFF'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 1&& x.Is_Cashier!=1"
                              :style="{color:'#0080FF'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 1&&x.Is_Cashier==1"
                              :style="{color:'#FF4048'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 2">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 3" :style="{color:'#FFF100'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 4" :style="{color:'#800080'}">{{x.FrID}}</span>
                          </span>
                        </div>
                        <div class="billStyle_item">
                          支出单据:
                          <span v-for="(x,index2) in item.ZFinanceList" :key="index2" @click="goZF(x)">
                            <span class="billtext" v-if="x.Status == 0" :style="{color:'#00FFFF'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 1 && x.Is_Cashier!=1"
                              :style="{color:'#0080FF'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 1&&x.Is_Cashier==1"
                              :style="{color:'#FF4048'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 2">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 3" :style="{color:'#FFF100'}">{{x.FrID}}</span>
                            <span class="billtext" v-if="x.Status == 4" :style="{color:'#800080'}">{{x.FrID}}</span>
                          </span>
                        </div>
                      </div>
                   
                  </div>
                </div>
                <div flex="cross:center" class="app-order-info" style="width: 15%;">
                  <div flex="dir:top">
                    <div>
                      <span style="font-size: 16px;">￥{{item.Income}}</span>
                      <el-popover placement="bottom" width="200" trigger="hover" :content="'商品小计 '+  item.Income +'元'">
                        <img slot="reference" src="../../../assets/img/userman/price.png" alt="">
                      </el-popover>
                    </div>
                    <div>
                      <el-tag effect="dark" type="warning" size="mini">{{item.PaymentWayName}}</el-tag>
                    </div>
                  </div>
                </div>
                <div class="app-order-info" style="padding: 10px; border-right: 0px; width: 20%;">
                  <div flex="wrap:wrap cross:center">
                    <template v-if="msg.Recycled==2">
                      <!-- 待确认 -->
                      <el-tooltip class="item" effect="dark" content="确认" placement="top" v-if="item.OrderStatus==2">
                        <img v-if="item.OrderStatus==2" @click="qrEnd(item,2)" class="app-order-icon"
                          src="../../../assets/img/userman/pass.png" alt="">
                      </el-tooltip>
                      <!-- 待出行 -->
                      <!-- <el-tooltip class="item" effect="dark" content="确认出行" placement="top" v-if="item.OrderStatus==3">
                        <img @click="qrEnd(item,2)" v-if="item.OrderStatus==3" class="app-order-icon"
                          src="../../../assets/img/userman/pass.png" alt="">
                      </el-tooltip> -->
                  
                      <!--待处理-->
                      <el-tooltip class="item" effect="dark" content="同意" placement="top" v-if="item.OrderStatus==5">
                        <img @click="pending(item,1)" v-if="item.OrderStatus==5" class="app-order-icon"
                          src="../../../assets/img/userman/pass.png" alt="">
                      </el-tooltip>
                      <el-tooltip class="item" effect="dark" content="拒绝" placement="top" v-if="item.OrderStatus==5">
                        <img @click="pending(item,2)" v-if="item.OrderStatus==5" class="app-order-icon"
                          src="../../../assets/img/userman/nopass.png" alt="">
                      </el-tooltip>
                    </template>
                    <!-- 回收站 -->
                    <el-tooltip class="item" effect="dark" content="恢复订单" placement="top">
                      <img @click="fRhsz(item,4)" v-if="msg.Recycled==1" class="app-order-icon"
                        src="../../../assets/img/userman/renew.png" alt="">
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" content="删除订单" placement="top">
                      <img @click="fRhsz(item,5)" v-if="msg.Recycled==1" class="app-order-icon"
                        src="../../../assets/img/userman/del.png" alt="">
                    </el-tooltip>
                    <template v-if="msg.Recycled==2">
                      
                      <el-tooltip class="item" effect="dark" content="添加备注" placement="top">
                        <img @click="fRhsz(item,1)" class="app-order-icon"
                          src="../../../assets/img/userman/add_remark.png" alt="">
                      </el-tooltip>
                    </template>
                    <el-tooltip class="item" effect="dark" content="查看订单详情" placement="top">
                      <img @click="goCommonJump('traveorderdetails',item.OrderId)" class="app-order-icon"
                        src="../../../assets/img/userman/detail.png" alt="">
                    </el-tooltip>
                  </div>
                </div>
              </div>
              <div class="card-footer">
              <div>
                <div flex="dir:left">
                  <div class="address-box">联系人: {{item.Consignee}} <span style='margin:0 5px'></span> 电话:{{item.Mobile}} <span style="margin-left:15px" v-if="item.CancelRemark && item.CancelRemark!=''">取消备注:{{item.CancelRemark}}</span> </div>
                  <!-- <button v-if="item.OrderStatus==2" @click="ExitshAdress(item)" type="button"
                    class="el-button el-button--text is-circle"><i class="el-icon-edit"></i></button> -->
                </div>
              </div>
                <div v-if="item.Remark && item.Remark!=''" class="seller-remark">商家备注：{{item.Remark}}</div>
              </div>
            </div>
            <!-- 城际样式 -->
            <div v-if="item.OrderType==5">
                <div slot="header" class="clearfix">
                  <div flex="cross:center" class="app-order-head">
                    <div class="app-order-time">{{item.CreateDate}}</div>
                    <div class="app-order-user">
                      <span class="app-order-time" style="margin-right: 5px">订单号：</span>{{item.OrderNo}}({{item.OrderId}})
                      <el-tag v-if="item.OrderSource==1" size="small">{{item.OrderTypeName}}</el-tag>
                      <el-tag v-if="item.OrderSource==2" size="small" type="success">{{item.OrderTypeName}}</el-tag>
                      <el-tag v-if="item.OrderSource==3" size="small" type="info">{{item.OrderTypeName}}</el-tag>
                      <el-tag v-if="item.OrderSource==4" size="small" type="warning">{{item.OrderTypeName}}</el-tag>
                      <el-tag v-if="item.OrderSource==5" size="small" type="danger">{{item.OrderTypeName}}</el-tag>
                      <el-tag v-if="item.OrderSource==6" size="small" type="danger">{{item.OrderTypeName}}</el-tag>
                    </div>
                   
                    <div flex="cross:center" class="app-order-user">
                      <img v-if="item.OrderSource==1" src="../../../assets/img/userman/wx.png" alt="">
                      <span>{{item.UserName}}({{item.UserId}})</span>
                    </div>
                    <div v-if="item.BuyerMessage && item.BuyerMessage!=''" flex="cross:center" class="remark-box">
                      <el-tooltip class="item" effect="dark" :content="item.BuyerMessage" placement="top">
                        <img src="../../../assets/img/userman/remark.png" alt="">
                      </el-tooltip>

                    </div>
                    <div flex="dir:left wrap:wrap" class="app-order-offline">
                      <el-tag v-if="item.PaymentTime==''" style="margin-left:5px" size="small" type="warning">未付款</el-tag>
                      <el-tag
                        v-if="item.PaymentTime!='' && item.DeliveryTime=='' && item.ReceivingTime=='' && item.FinishTime==''"
                        style="margin-left:5px" size="small" type="warning">已付款</el-tag>
                      <el-tag v-if="item.DeliveryTime=='' && item.ReceivingTime==''" style="margin-left:5px" size="small"
                        type="success">待确认</el-tag>
                      <el-tag v-if="item.DeliveryTime!='' && item.ReceivingTime==''" style="margin-left:5px" size="small"
                        type="success">待出行</el-tag>
                      <el-tag v-if="item.DeliveryTime!='' && item.ReceivingTime==''" style="margin-left:5px" size="small"
                        type="success">出行中</el-tag>
                      <el-tag v-if="item.ReceivingTime!='' && item.FinishTime==''" style="margin-left:5px" size="small"
                        type="success">出行完成</el-tag>
                      <el-tag v-if="item.FinishTime!=''" style="margin-left:5px" size="small" type="success">已完成</el-tag>
                      <el-tag v-if="item.OrderStatus==7" style="margin-left:5px" size="small" type="danger">已取消</el-tag>
                    </div>
                    <el-tooltip class="item" effect="dark" content="强制取消" placement="top-start">
                      <img v-if="item.OrderStatus==1 || item.OrderStatus==2" @click="OrderExit3(item)" style="right:60px"
                        class="app-order-btnimg" src="../../../assets/img/userman/force.png" alt="">
                    </el-tooltip>
                    <el-tooltip class="item" effect="dark" content="加入回收站" placement="top-start">
                      <img v-if="msg.Recycled!=1" @click="fRhsz2(item,4)" class="app-order-btnimg"
                        src="../../../assets/img/userman/del1.png" alt="">
                    </el-tooltip>
                  </div>
                </div>
                <div class="app-order-body">
                  <div class="goods-item" style="width: 60%;">
                    <div v-for="(list,index2) in item.SDGoodsList" :key="index2" class="goods">
                      <div>
                        <img :src="list.CoverImagePath" class="goods-image" />
                        <div flex="dir:left" style="display:flex">
                          <div class="goods-info">
                            <div class="goods-name">
                              <div class="app-ellipsis">
                                <div class="vue-line-clamp" style="word-break: break-all; -webkit-line-clamp: 2;">
                                  
                                  {{list.GoodsName}}
                                </div>
                              </div>
                            </div>
                            <div style="margin-bottom: 5px;">
                              <span style="margin-right: 10px;">
                                车辆：{{list.CarName}}、{{list.CarColorName}}、{{list.CarNumber}}
                              </span>
                            </div>
                            <div style="margin-bottom: 5px;">
                              <span style="margin-right: 10px;">
                                导游：{{list.GuideName}}
                              </span>
                              <span style="margin-right: 10px;">
                                服务类型：{{list.CarTypeName}}、{{list.CarType==5? (list.IsSpell==1?'拼车':'不拼车'):''}}
                              </span>
                            </div>
                            <div style="margin-bottom: 5px;">
                              <span style="margin-right: 10px;">
                                出发时间：{{list.TripSTime}}
                              </span>
                            </div>
                            <div style=" display: flex;flex-direction: row;align-items: center;"
                              v-if="list.SmallShopsCostPrice!=null && list.SmallShopsCostPrice!=''&& list.SmallShopsCostPrice>0&& item.SmallShopsId!=0">
                              <span>赞羊小计：￥{{list.SmallShopsCostPrice}}</span>
                            </div>
                          </div>
                          <div flex="dir:left box:mean" style="width: 350px;display: flex;align-items: center;justify-content: center;">
                            <div flex="cross:center main:center"
                              style="display: flex;flex-direction: column;align-items: flex-start;width: 55%;">
                              <span style="cursor:pointer">小计：￥{{list.Final_Price}}
                                <img v-if="item.PaymentTime==''" @click="EditPrice(item,1,list)"
                                  src="../../../assets/img/userman/edit1.png" alt="">
                              </span>
                              <span style="cursor:pointer">商品成本：￥{{ list.CostMoney}}
                                <img v-if="item.OrderStatus!==7" @click="costBtn(list,1)"
                                  src="../../../assets/img/userman/edit1.png" alt="">
                              </span>
                              <span style="cursor:pointer"> 保险成本：￥{{list.InsuranceCostMoney}}
                                <img v-if="item.OrderStatus!==7" @click="costBtn2(list,2)"
                                  src="../../../assets/img/userman/edit1.png" alt="">
                              </span>
                              <!-- <span style="cursor:pointer">供应商：{{list.SupplierName !=null ? list.SupplierName :''}}
                                <img v-if="item.OrderStatus!==7" @click="UpdateSuplier(list)"
                                  src="../../../assets/img/userman/edit1.png" alt="">
                              </span> -->
                            </div>
                            <div flex="cross:center main:center" >人数：x {{list.Number}}</div>
                          </div>
                          <div style="width: 200px; display: flex;flex-direction:column;justify-content: center"
                            v-if="TenantId==1">
                            <el-dropdown trigger="click" style="margin-left: 50px">
                              <span class="el-dropdown-link">制单</span>
                              <el-dropdown-menu slot="dropdown" class="TC-dropdown">
                                <el-dropdown-item @click.native="goCollection(item,list)">
                                  收入制单
                                </el-dropdown-item>
                                <el-dropdown-item @click.native="goPayment(item,list)">
                                  付款制单
                                </el-dropdown-item>
                              </el-dropdown-menu>
                            </el-dropdown>
                            <div style="margin-top: 10px;font-size: 12px"
                              v-if="list.YSMoney!=0 || list.RealMoney!=0 || list.YFMoney!=0 || list.PayMoney!=0">
                              其他费用：
                            </div>
                            <div style="font-size: 12px" v-if="list.YSMoney!=0 || list.RealMoney!=0">
                              <span>应收：￥{{list.YSMoney}}</span>
                              <span style="margin-left: 10px">实收：￥{{list.RealMoney}}</span>
                            </div>
                            <div style="font-size: 12px" v-if="list.YFMoney!=0 || list.PayMoney!=0">
                              <span>应付：￥{{list.YFMoney}}</span>
                              <span style="margin-left: 10px">实付：￥{{list.PayMoney}}</span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="billStyle"
                        v-if="(list.SFinanceList.length>0|| list.ZFinanceList.length >0) ">
                        <div class="billStyle_item" style="border-right: 1px solid #EBEEF5">
                          收入单据:
                          <span v-for="(item,index2) in list.SFinanceList" :key="index2" @click="goSF(item)">
                            <span class="billtext" v-if="item.Status == 0" :style="{color:'#00FFFF'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 1&& item.Is_Cashier!=1"
                              :style="{color:'#0080FF'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 1&&item.Is_Cashier==1"
                              :style="{color:'#FF4048'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 2">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 3" :style="{color:'#FFF100'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 4" :style="{color:'#800080'}">{{item.FrID}}</span>
                          </span>
                        </div>
                        <div class="billStyle_item">
                          支出单据:
                          <span v-for="(item,index2) in list.ZFinanceList" :key="index2" @click="goZF(item)">
                            <span class="billtext" v-if="item.Status == 0" :style="{color:'#00FFFF'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 1 && item.Is_Cashier!=1"
                              :style="{color:'#0080FF'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 1&&item.Is_Cashier==1"
                              :style="{color:'#FF4048'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 2">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 3" :style="{color:'#FFF100'}">{{item.FrID}}</span>
                            <span class="billtext" v-if="item.Status == 4" :style="{color:'#800080'}">{{item.FrID}}</span>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div flex="cross:center" class="app-order-info" style="width: 15%;">
                    <div flex="dir:top">
                      <div>
                        <span style="font-size: 16px;">￥{{item.Income}}</span>
                        <el-popover placement="bottom" width="200" trigger="hover" :content="'商品小计 '+  item.Income +'元'">
                          <img slot="reference" src="../../../assets/img/userman/price.png" alt="">
                        </el-popover>
                      </div>
                      <div class="express-price"><span>
                          <span style="color: rgb(144, 147, 153);">(含保险￥{{item.InsuranceMoney}})
                          </span>
                        </span></div>
                      <div>
                        <el-tag effect="dark" type="warning" size="mini">{{item.PaymentWayName}}</el-tag>
                      </div>
                      <div style="font-size: 12px" v-if="item.CouponMoney&& item.CouponMoney!=''&& item.CouponMoney>0">
                        <span>优惠金额:￥{{item.CouponMoney}}</span>
                      </div>
                      <div style="font-size: 12px"
                        v-if="item.IntegralMoney&& item.IntegralMoney!=''&& item.IntegralMoney>0">
                        <span>积分抵用金额:￥{{item.IntegralMoney}}</span>
                      </div>
                      <div style="font-size: 12px"
                        v-if="item.IntegralNumber&& item.IntegralNumber!=''&& item.IntegralNumber>0">
                        <span>积分数:￥{{item.IntegralNumber}}</span>
                      </div>
                      <div style="font-size: 12px"
                        v-if="item.MemberDiscountCouponList && item.MemberDiscountCouponList.length>0">
                        <span>优惠券信息:</span>
                        <span v-for="(MItem,Mindex) in item.MemberDiscountCouponList" :key="Mindex">
                          {{MItem.Name}}券,{{MItem.CouponType==1?'满'+MItem.MinConsumePrice+'元减'+MItem.DiscountsPrice+'元':'满'+MItem.MinConsumePrice+'元打'+MItem.DiscountsPrice+'折'}}
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="app-order-info" style="padding: 10px; border-right: 0px; width: 20%;">
                    <div flex="wrap:wrap cross:center">
                      <template v-if="msg.Recycled==2">
                        <!-- 待确认 -->
                        <el-tooltip class="item" effect="dark" content="确认" placement="top" v-if="item.OrderStatus==2">
                          <img v-if="item.OrderStatus==2" @click="qrEnd2(item,1)" class="app-order-icon"
                            src="../../../assets/img/userman/pass.png" alt="">
                        </el-tooltip>
                        <!-- 待出行 -->
                        <el-tooltip class="item" effect="dark" content="确认出行" placement="top" v-if="item.OrderStatus==3">
                          <img @click="qrEnd2(item,2)" v-if="item.OrderStatus==3" class="app-order-icon"
                            src="../../../assets/img/userman/pass.png" alt="">
                        </el-tooltip>
                        <!-- 已收货 -->
                        <el-tooltip class="item" effect="dark" content="确认完成" placement="top" v-if="item.OrderStatus==4">
                          <img @click="qrEnd2(item,3)" v-if="item.OrderStatus==4" class="app-order-icon"
                            src="../../../assets/img/userman/pass.png" alt="">
                        </el-tooltip>
                        <!--待处理-->
                        <el-tooltip class="item" effect="dark" content="同意" placement="top" v-if="item.OrderStatus==6">
                          <img @click="pending(item,1)" v-if="item.OrderStatus==6" class="app-order-icon"
                            src="../../../assets/img/userman/pass.png" alt="">
                        </el-tooltip>
                        <el-tooltip class="item" effect="dark" content="拒绝" placement="top" v-if="item.OrderStatus==6">
                          <img @click="pending(item,2)" v-if="item.OrderStatus==6" class="app-order-icon"
                            src="../../../assets/img/userman/nopass.png" alt="">
                        </el-tooltip>
                      </template>
                      <!-- 回收站 -->
                      <el-tooltip class="item" effect="dark" content="恢复订单" placement="top">
                        <img @click="fRhsz2(item,7)" v-if="msg.Recycled==1" class="app-order-icon"
                          src="../../../assets/img/userman/renew.png" alt="">
                      </el-tooltip>
                      <el-tooltip class="item" effect="dark" content="删除订单" placement="top">
                        <img @click="DeleteOrder(item)" v-if="msg.Recycled==1" class="app-order-icon"
                          src="../../../assets/img/userman/del.png" alt="">
                      </el-tooltip>
                      <template v-if="msg.Recycled==2">
                      
                        <el-tooltip class="item" effect="dark" content="添加备注" placement="top">
                          <img @click="OrderExit(item,1)" class="app-order-icon"
                            src="../../../assets/img/userman/add_remark.png" alt="">
                        </el-tooltip>
                      </template>
                      <el-tooltip class="item" effect="dark" content="查看订单详情" placement="top">
                        <img @click="goCommonJump('directorOrderDetails',item.OrderId)" class="app-order-icon"
                          src="../../../assets/img/userman/detail.png" alt="">
                      </el-tooltip>
                    </div>
                  </div>
                </div>
                <div class="card-footer">
                  <div>
                    <div flex="dir:left">
                      <div class="address-box">联系人: {{item.Consignee}} <span style='margin:0 5px'></span> 电话: {{item.Mobile}}
                        出发地：{{item.ShoppingAddress}}
                        {{item.SDGoodsList[0].CarType!=5 ?('目的地：'+item.DestinationAddress):''}}
                      </div>
                      <button v-if="item.OrderStatus==2" @click="ExitshAdress(item)" type="button"
                        class="el-button el-button--text is-circle"><i class="el-icon-edit"></i></button>
                    </div>
                  </div>
                  <div v-if="item.Remark && item.Remark!=''" class="seller-remark">商家备注：{{item.Remark}}</div>
                </div>
            </div>
          </el-card>
          <el-card v-if="tableData.length==0" class="app-order-item" shadow="never">
            <div style="height:100px;line-height:100px;text-align:center">
              暂无订单信息
            </div>
          </el-card>
        </div>
        <el-pagination style="text-align:right" background @current-change="handleCurrentChange"
          :current-page.sync="msg.pageIndex" :page-size="msg.pageSize" layout="prev, pager, next" :total="total">
        </el-pagination>
      </div>
    </div>
    <!-- 订单取消 -->
    <el-dialog title="修改" :visible.sync="exitDig" width="600px">
      <el-form :model="exitMsg" ref="exitMsg" label-width="0">
        <p style="padding:10px 0" v-if="exitMsg.Type==3">填写取消理由：</p>
        <p style="padding:10px 0" v-if="exitMsg.Type==1">添加备注：</p>
        <template v-if="exitMsg.Type==2">
          <el-form-item label-width="80px" label="商品总价">
            <el-input size="small" v-model="exitMsg.Income"></el-input>
          </el-form-item>
          <el-form-item v-if="exitMsg.moneyType==2" label-width="80px" label="运费">
            <el-input size="small" v-model="exitMsg.Remark"></el-input>
          </el-form-item>
        </template>
        <el-form-item v-if="exitMsg.Type!=2">
          <el-input type="textarea" row="2" size="small" v-model="exitMsg.Remark"></el-input>
        </el-form-item>

      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="exitDig = false">取 消</el-button>
        <el-button size="small" type="primary" @click="submitForm('exitMsg')">确 定</el-button>
      </span>
    </el-dialog>
    <!--待处理-->
    <el-dialog custom-class="app-send" :title="pendMgs.Type==1?'同意':'拒绝'" :visible.sync="pendD" width="20%" class="tyi">
      <div style="width100%;height:15px"></div>
      <div v-if="pendMgs.Type==1 && pendMgs.OrderType!=5">
        <span>退款金额</span>
        <el-input  type="text" size="small" v-model="pendMgs.RefundMoney" placeholder="退款金额"></el-input>
      </div>
      
      <el-input v-if="pendMgs.Type==2" type="textarea" size="small" v-model="pendMgs.Remark" placeholder="拒绝理由"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="pendD = false">取 消</el-button>
        <el-button size="small" type="primary" @click="pendingForm()">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 发货 -->
    
    <!-- 选择导出信息 -->
    <el-dialog title="选择导出信息" :visible.sync="dialogVisible" width="960px">
      <el-form style="border: 1px solid #F0F2F7;" :model="addMsg" ref="addMsg" label-width="100px">
        <div
          style="box-sizing: border-box;background-color: #F3F5F6;width: 100%;padding-left: 20px;height: 50px;line-height: 50px;">
          <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
          </el-checkbox>
        </div>
        <div style="margin: 15px 0;"></div>
        <div style="padding: 10px 25px 20px;">
          <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
            <el-checkbox style="margin-bottom:10px;width:135px" v-for="city in cities" :label="city.Id"
              :key="city.Name">
              {{city.Name}}</el-checkbox>
          </el-checkbox-group>
        </div>
      </el-form>
      <div style="text-align:right;margin-top:20px">
        <el-button size="small" type="primary" @click="Export">导出</el-button>
      </div>
    </el-dialog>
    <!-- 多个物流信息 -->
    <el-dialog custom-class="sendDigClass" title="提示" :visible.sync="moresendDig" width="420px">
      <p style="padding: 10px 15px;">{{moresendtips}}</p>
      <div style="text-align:right;margin-top:20px">
        <el-button size="small" type="primary" @click="moresendDig=fasle">确定</el-button>
      </div>
    </el-dialog>
    <!-- 放入回收站 -->
    <el-dialog custom-class="hszDigClass" :visible.sync="hszDig" width="420px">
      <p style="padding: 10px 15px;" class="center">
        <i class="el-icon-warning" style="color:#E6A23C;font-size:24px"></i>
        <span style="font-size:20px">提示</span>
      </p>
      <p class="center" style="padding: 10px 15px;">{{hstips}}</p>
      <el-input style="margin-left: 10px; width: 400px;" size="small" type="textarea" v-if='hszMsg.Type == 1' v-model="hszMsg.Remark"></el-input>

      
      <div style="text-align:center;margin-top:20px">
        <el-button size="small" @click="hszDig=fasle">取消</el-button>
        <el-button size="small" type="primary" @click="hszOk">确定</el-button>
      </div>
    </el-dialog>
     <!-- 放入回收站 -->
    <el-dialog custom-class="hszDigClass" :visible.sync="hszDig2" width="420px">
      <p style="padding: 10px 15px;" class="center">
        <i class="el-icon-warning" style="color:#E6A23C;font-size:24px"></i>
        <span style="font-size:20px">提示</span>
      </p>
      <p class="center" style="padding: 10px 15px;">{{hstips}}</p>
      <div style="text-align:center;margin-top:20px">
        <el-button size="small" @click="hszDig2=fasle">取消</el-button>
        <el-button size="small" type="primary" @click="hszOk2">确定</el-button>
      </div>
    </el-dialog>
    <!-- 订单取消 -->
    <el-dialog title="修改价格" :visible.sync="priceDig" width="600px">
      <el-form :model="priceMsg" ref="priceMsg" label-width="80px">
        <el-form-item label="商品总价">
          <el-input size="small" v-model="priceMsg.Income"></el-input>
        </el-form-item>
        <el-form-item v-if="priceType==2" label="运费">
          <el-input size="small" v-model="priceMsg.FreightMoney"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="priceDig = false">取 消</el-button>
        <el-button size="small" type="primary" @click="priceForm('priceMsg')">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 成本修改  新增 6.2日 -->
    <el-dialog title="商品成本修改" :visible.sync="costDig_t" width="600px">
      <el-form :model="costMsg" ref="cost_tMSg" label-width="80px">
        <el-form-item label="商品成本">
          <el-input size="small" v-model="cost_tMSg.CostMoney" step="1" min="0"
            onkeyup="this.value= this.value.match(/\d+(\.\d{0,3})?/) ? this.value.match(/\d+(\.\d{0,3})?/)[0] : ''">
          </el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="costDig_t = false">取 消</el-button>
        <el-button size="small" type="primary" @click="costForm_t('costMsg')">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 保险成本的修改 -->
    <el-dialog title="保险成本修改" :visible.sync="costDig2" width="600px">
      <el-form :model="CostMoney" ref="CostMoney" label-width="80px">
        <el-form-item label="保险成本">
          <el-input size="small" v-model="CostMoney.InsuranceCostMoney" step="1" min="0"
            onkeyup="this.value= this.value.match(/\d+(\.\d{0,3})?/) ? this.value.match(/\d+(\.\d{0,3})?/)[0] : ''">
          </el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="costDig2 = false">取 消</el-button>
        <el-button size="small" type="primary" @click="costForm2('CostMoney')">确 定</el-button>
      </span>
    </el-dialog>
     <el-dialog :title="cosType==1?'商品成本修改':'运费成本修改'" :visible.sync="costDig" width="600px">
      <el-form :model="costMsg" ref="costMsg" label-width="80px">
        <el-form-item :label="cosType==1?'商品成本':'运费成本'">
          <el-input size="small" v-model="costMsg.Money" step="1" min="0"
            onkeyup="this.value= this.value.match(/\d+(\.\d{0,3})?/) ? this.value.match(/\d+(\.\d{0,3})?/)[0] : ''">
          </el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="costDig = false">取 消</el-button>
        <el-button size="small" type="primary" @click="costForm('costMsg')">确 定</el-button>
      </span>
    </el-dialog>
   
  </div>
</template>

<script>
  export default {
    name: "orderList",
    components:{
      
    },
    data() {
      return {
        importFileUrl: this.domainManager().UploadFileUrl,
        priceType: 1,
        priceMsg: {
          Income: '',
          FreightMoney: '',
        },
        priceDig: false,
        costDig: false, //商品、运费成本的修改
        costDig2: false, //商品、运费成本的修改
        costDig_t:false,
        cosType: 1,
        costMsg: {
          Id: 0,
          Money: 0,
        },
        CostMoney: { //设置司导订单 保险成本
          OrderDetailId: 0,
          InsuranceCostMoney: 0,
        },
        hstips: '是否放入回收站(可在回收站中恢复)?',
        orderStatusList: [],
        checkAll: false,
        checkedCities: [],
        cities: [],
        cityOptions: [],
        isIndeterminate: true,
        addMsg: {},
        dialogVisible: false,
        shDig: false,
        shMsg: {
          OrderId: 0,
          Consignee: '',
          Mobile: '',
          Province: '',
          City: '',
          District: '',
          ShoppingAddress: '',
        },
        shMsgrule: {
          Province: [{
            required: true,
            message: '请选择省',
            trigger: 'change'
          }],
          ShoppingAddress: [{
            required: true,
            message: '请输入详细地址',
            trigger: 'blur'
          }],
          Mobile: [{
            required: true,
            message: '请输入手机号',
            trigger: 'blur'
          }],
          Consignee: [{
            required: true,
            message: '请输入收件人',
            trigger: 'blur'
          }],
        },

        fhrules: {
          ExpressId: [{
            required: true,
            message: '请选择快递公司',
            trigger: 'change'
          }],
          ExpressNumber: [{
            required: true,
            message: '请输入快递单号',
            trigger: 'blur'
          }],
        },
        fhMsg: {
          Id: 0,
          OrderId: '',
          Type: 1,
          ExpressId: '',
          PostCode: '',
          ExpressNumber: '',
          Remark: '',
          OrderDetailIdList: [],
        },
        // 待处理
        pendMgs: {
          OrderId: 0,
          Type: 1,
          Remark: 0,
        },
        fahuoList: [],
        fhDig: false,
        pendD: false,
        exitMsg: {
          OrderId: 0,
          Type: 1,
          Remark: '',
          Income: '',
        },
        exitDig: false,
        activeName: 'first',
        msgVal: '',
        dateList: [],
        msg: {
          pageIndex: 1,
          pageSize: 15,
          OrderSource:0,
          OrderType: 0,
          OrderId: 0,
          StartTime: '',
          EndTime: '',
          OrderStatus: 0,
          OrderNo: '',
          UserName: '',
          UserId: '',
          Consignee: '',
          Mobile: '',
          ProductCode: '',
          Recycled: 2,
          
          // DeliveryMethod: 0,
          // Name: '',
          
          
          // MerchantsNo: '',
         
          // GoodsName: '',
          // ProductCode: '',
          // AnchorName: '',
          // IsSelectPayMoney: 0,
        },
        IsSelectPayMoney: 0,
        platList: [],
        option: [{
            Id: 1,
            name: '订单号'
          },
          {
            Id: 2,
            name: '用户名'
          },
          {
            Id: 3,
            name: '用户ID'
          },
        
          {
            Id: 4,
            name: '联系人'
          },
          {
            Id: 5,
            name: '联系电话'
          },
         
        ],
        msgId: 1,
        ExpressList: [],
        provinceList: [],
        cityList: [],
        areaList: [],
        tableData: [],
        total: 0,
        deliveryList: [],
        orderTypeList: [],
        statusEnumList: [],
        loading: false,
        checkfhList: [],
        moresendDig: false,
        moresendtips: '',
        hszDig: false,
        hszDig2: false,
        hszMsg: {},
        hszMsg2: {},
        btnLoad: false,
        upSupliDilog: false, // 修改供应商弹窗
        SuplierList: [], // 供应商下拉数据
        SupplierId: 0, //公用供应商id 给弹窗用
        CommonId: 0, //公用id 给弹窗用
        TenantId: 0,

        cost_tMSg:{},//成本管理 
      }
    },
    created() {
      let currentUser = this.getLocalStorage()
      this.TenantId = currentUser.TenantId
      if (this.$route.query.TypeId) {
        this.msgId = Number(this.$route.query.TypeId)
      }
      if (this.$route.query.UserId) {
        this.msgVal = Number(this.$route.query.UserId);
        this.msg.UserId = Number(this.$route.query.UserId)
      }
      this.getList();
      this.getplat();
      // this.getExpressInfo();
      // this.getProvince();
      this.getDown();
      this.getOrderStatus();
      this.getDelivery();
      this.getOrderType();
    },
    mounted() {},
    methods: {

      // 订单操作
      priceForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let cmd = '';
            if (this.priceType == 1) {
              cmd = '/api/order/SetOrderDetialMoneyInfo';
            } else {
              cmd = '/api/order/SetOrderMoneyOrFreightInfo';
            }
            this.lxymallapipost(cmd, this.priceMsg,
              res => {
                if (res.data.resultCode === 1) {
                  this.getList();
                  this.Success(res.data.message)
                  this.priceDig = false;

                } else {
                  this.Error(res.data.message);
                }
              },
              null
            );
          } else {
            return false;
          }
        });
      },
      // 修改价格
      EditPrice(item, num, list) {
        this.priceType = num;
        if (num == 1) {
          this.priceMsg = {
            OrderDetailId: list.Id,
            Income: list.Final_Price,
          }
        } else {
          this.priceMsg = {
            OrderId: item.OrderId,
            Income: item.Income,
            FreightMoney: item.FreightMoney
          }
        }
        this.priceDig = true;
      },
      ChangeId(val) {
        let msgVal = this.msgVal;
        if (val == 1) {
           this.msg.OrderNo = msgVal;
          this.msg.UserName = '';
          this.msg.UserId = '';
          this.msg.Consignee = '';
          this.msg.Mobile = '';
        } else if (val == 2) {
          this.msg.OrderNo = '';
          this.msg.UserName = msgVal;
          this.msg.UserId = '';
          this.msg.Consignee = '';
          this.msg.Mobile = '';
        } else if (val == 3) {
          this.msg.OrderNo = '';
          this.msg.UserName = '';
          this.msg.UserId = msgVal;
          this.msg.Consignee = '';
          this.msg.Mobile = '';
        } else if (val == 4) {
          this.msg.OrderNo = '';
          this.msg.UserName = '';
          this.msg.UserId = '';
          this.msg.Consignee = msgVal;
          this.msg.Mobile = '';
        } else if (val == 5) {
          this.msg.OrderNo = '';
          this.msg.UserName = '';
          this.msg.UserId = '';
          this.msg.Consignee = '';
          this.msg.Mobile = msgVal;
        }
        
      },
      hszOk() {
        this.lxymallapipost('/api/DmcOrder/SetDmcOrderOperation', this.hszMsg,
          res => {
            if (res.data.resultCode === 1) {
              this.getList();
              this.Success(res.data.message)
              this.hszDig = false;

            } else {
              this.Error(res.data.message);
            }
          },
          null
        );
      },
       hszOk2() {
         this.lxymallapipost('/api/order/SetOrderOperation', this.hszMsg2,
          res => {
            if (res.data.resultCode === 1) {
              this.getList();
              this.Success(res.data.message)
              this.hszDig = false;

            } else {
              this.Error(res.data.message);
            }
          },
          null
        );
      },
      pending(item, type) {
        this.pendD = true;
        this.pendMgs.OrderId = item.OrderId;
        this.pendMgs.Type = type;
        this.pendMgs.Remark = '';
        this.pendMgs.RefundMoney = item.PreferPrice;
        this.pendMgs.OrderType = item.OrderType;//来判断的否是城际专车 是的话用之前的接口


      },
      // 待处理调用接口
      pendingForm() {
        this.loading = true;
        let url = '/api/DmcOrder/SetDmcOrderCancelAudit'
        if(this.pendMgs.OrderType==5){
          url = '/api/order/SetOrderApplyForCancelAudit'
        }
        this.lxymallapipost(url, this.pendMgs,
          res => {
            if (res.data.resultCode === 1) {
              this.pendD = false;
              this.loading = false;
              this.getList();
              this.Success(res.data.message)
            } else {
              this.Error(res.data.message);
              this.loading = false;

            }
          },

        );
      },
      // 确认完成
      qrEnd(item, num) {
        let msg = {
          OrderId: item.OrderId,
          Type: num
        };
        let that = this;
        let text
        if (num == 1) {
          text = '是否确定订单？'
        } else if (num == 2) {
          text = '是否确认？'
        } else if (num == 3) {
          text = '是否完成该订单？'
        }
        that.$confirm(text, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.lxymallapipost('/api/DmcOrder/SetDmcOrderOperation', msg,
            res => {
              if (res.data.resultCode === 1) {
                this.getList();
                this.Success(res.data.message)

              } else {
                this.Error(res.data.message);
              }
            },
            null
          );
        }).catch(() => {

        });
      },
        // 司导的确认完成
      qrEnd2(item, num) {
        let msg = {
          OrderId: item.OrderId,
          Type: num
        };
        let that = this;
        let text
        if (num == 1) {
          text = '是否确定订单？'
        } else if (num == 2) {
          text = '是否出行？'
        } else if (num == 3) {
          text = '是否完成该订单？'
        }
        that.$confirm(text, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.lxymallapipost('/api/order/SetSDOrderConfirm', msg,
            res => {
              if (res.data.resultCode === 1) {
                this.getList();
                this.Success(res.data.message)

              } else {
                this.Error(res.data.message);
              }
            },
            null
          );
        }).catch(() => {

        });
      },
      // 放入回收站
      fRhsz(item, num) {
        let Remark = ''
         if (num == 1) {
          this.hstips = "备注修改"
          Remark = item.Remark
        }
        if (num == 3) {
          this.hstips = "是否放入回收站(可在回收站中恢复)?"
        }
        if (num == 4) {
          this.hstips = "是否移出回收站?"
        }
          if (num == 5) {
          this.hstips = "是否删除?"
        }
        this.hszMsg = {
          OrderId: item.OrderId,
          Type: num,
          Remark:Remark
        };
        this.hszDig = true;
      },
      // 城际放入回收站
      fRhsz2(item, num) {
        if (num == 4) {
          this.hstips = "是否放入回收站(可在回收站中恢复)?"
        }
        if (num == 7) {
          this.hstips = "是否移出回收站?"
        }
        this.hszMsg2 = {
          OrderId: item.OrderId,
          Type: num
        };
        this.hszDig2 = true;
      },
      DeleteOrder(item) {
        let msg = {
          OrderId: item.OrderId,
          Type: 8
        };
        let that = this;
        that.$confirm('是否删除订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.lxymallapipost('/api/order/SetOrderOperation', msg,
            res => {
              if (res.data.resultCode === 1) {
                this.getList();
                this.Success(res.data.message)

              } else {
                this.Error(res.data.message);
              }
            },
            null
          );
        }).catch(() => {

        });
      },
      // 修改收货地址
      ExitshAdress(item) {
        this.shDig = true;
        this.shMsg = {
          OrderId: item.OrderId,
          Consignee: item.Consignee,
          Mobile: item.Mobile,
          Province: item.Province,
          City: item.City,
          District: item.District,
          ShoppingAddress: item.ShoppingAddress,
        }
        this.getCity(item.Province);
        this.getArea(item.City);
      },
      // 确认收货
      ConfirmSh(item) {
        let msg = {
          OrderId: item.OrderId,
          Type: 5
        };
        let that = this;
        that.$confirm('是否确认收货?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.lxymallapipost('/api/order/SetOrderOperation', msg,
            res => {
              if (res.data.resultCode === 1) {
                this.getList();
                this.Success(res.data.message)

              } else {
                this.Error(res.data.message);
              }
            },
            null
          );
        }).catch(() => {

        });
      },
    
      FhsubmitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.fhMsg.OrderDetailIdList = [];
            if (this.checkfhList.length == 0) {
              this.Error("至少选择一项！");
              return;
            }
            this.checkfhList.forEach(item => {
              this.fhMsg.OrderDetailIdList.push(item.Id);
            })
            if (this.fhMsg.Type == 2) {
              this.fhMsg.ExpressId = "";
              this.fhMsg.PostCode = "";
              this.fhMsg.ExpressNumber = "";
            }
            this.lxymallapipost('/api/order/SetOrderSendGoods', this.fhMsg,
              res => {
                if (res.data.resultCode === 1) {
                  this.getList();
                  this.fhDig = false;
                  this.Success(res.data.message)

                } else {
                  this.Error(res.data.message);
                }
              },
              null
            );
          } else {
            return false;
          }
        });
      },
      TableSelectChange(val) {
        this.checkfhList = val;

      },
      selectable(row, index) {
        return row.IsBindExpress === 2
      },
      // 发货
      fhBtn(item) {
        this.fhDig = true;
        this.fhMsg = {
          Id: 0,
          OrderId: item.OrderId,
          Type: 1,
          ExpressId: '',
          PostCode: '',
          ExpressNumber: '',
          Remark: '',
          OrderDetailIdList: [],
        }
        this.fahuoList = item.DetailList;

      },
      // 修改收货地址
      shsubmitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.lxymallapipost('/api/order/SetOrderShopingAddress', this.shMsg,
              res => {
                if (res.data.resultCode === 1) {
                  this.getList();
                  this.Success(res.data.message)
                  this.shDig = false;

                } else {
                  this.Error(res.data.message);
                }
              },
              null
            );
          } else {
            return false;
          }
        });
      },
      // 清空回收站
      ClearHsz() {
        let that = this;
        that.$confirm('此操作将清空回收站，是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.lxymallapipost('/api/order/SetOrderEmptyRecycleBin',
            res => {
              if (res.data.resultCode === 1) {
                this.getList();
                this.Success(res.data.message)

              } else {
                this.Error(res.data.message);
              }
            },
            null
          );
        }).catch(() => {

        });
      },
      Export() {
        this.msg.ExcelEnumIds = this.checkedCities;
        let msg = JSON.parse(JSON.stringify(this.msg));
        this.GetLocalFile(
          "/api/order/GetSDGoodsOrderListToExcel",
          msg,
          "订单列表.xls"
        );
      },
      getDown() {
        this.cityOptions = [];
        this.lxymallapipost("/api/order/GetOrderListExportForSDEnumList", {}, res => {
          this.cities = res.data.data;
          let data = res.data.data;
          data.forEach(item => {
            this.cityOptions.push(item.Id)
          })

        })
      },
      handleCheckAllChange(val) {
        this.checkedCities = val ? this.cityOptions : [];
        this.isIndeterminate = false;
      },
      handleCheckedCitiesChange(value) {
        let checkedCount = value.length;
        this.checkAll = checkedCount === this.cities.length;
        this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
      },
      // 订单操作
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.lxymallapipost('/api/order/SetOrderOperation', this.exitMsg,
              res => {
                if (res.data.resultCode === 1) {
                  this.getList();
                  this.Success(res.data.message)
                  this.exitDig = false;

                } else {
                  this.Error(res.data.message);
                }
              },
              null
            );
          } else {
            return false;
          }
        });
      },
      OrderExit(item, type) {
        this.exitMsg.OrderId = item.OrderId;
        this.exitMsg.Type = type;
        this.exitMsg.Remark = item.Remark;
        if (type == 3) {
          this.exitMsg.Remark = '';
        }
        this.exitDig = true;
      },
      // 强制取消
      OrderExit2(item) {
        let that = this;
        let text = '';
        if (item.OrderStatus == 1) {
          text = '确认取消?'
        } else if (item.OrderStatus == 2) {
          text = '确认取消?客人付款金额将原路退回。'
        }
        that.Confirm(text, function () {
          that.loading = true
          that.lxymallapipost(
            "/api/DmcOrder/SetDmcOrderCancel", {
              OrderId: item.OrderId
            },
            res => {
              if (res.data.resultCode == 1) {
                that.loading = false
                that.Success(res.data.message);
                that.getList();
              } else {
                that.Error(res.data.message);
                that.loading = false

              }
            },
          );
        });
      },
      OrderExit3(item){
        let that = this;
        let text = '';
        if (item.OrderStatus == 1) {
          text = '确认取消?'
        } else if (item.OrderStatus == 2) {
          text = '确认取消?客人付款金额将原路退回。'
        }
        that.Confirm(text, function () {
          that.loading = true
          that.lxymallapipost(
            "/api/order/SetOrderForcedToCancel", {
              OrderId: item.OrderId
            },
            res => {
              if (res.data.resultCode == 1) {
                that.loading = false
                that.Success(res.data.message);
                that.getList();
              } else {
                that.Error(res.data.message);
                that.loading = false

              }
            },
          );
        });

      },
      handleClick(val) {
        let dataId = val.$attrs.dataId;
        this.msg.OrderStatus = dataId;
        this.msg.Recycled = 2;
        if (dataId == 8) {
          this.msg.OrderStatus = 0;
          this.msg.Recycled = 1;
        }
        this.msg.pageIndex = 1
        this.getList();
      },

      getList() {
        let that = this;
        that.ChangeId(that.msgId);
        if (!that.msgVal || that.msgVal == '') {
          that.msg.OrderNo = '';
          that.msg.UserName = '';
          that.msg.UserId = '';
          that.msg.Consignee = '';
          that.msg.Mobile = '';
        }
        if (that.dateList && that.dateList.length > 0) {
          that.msg.StartTime = that.dateList[0];
          that.msg.EndTime = that.dateList[1];
        } else {
          that.msg.StartTime = '';
          that.msg.EndTime = '';
        }
        that.loading = true;
       that.lxymallapipost("/api/DmcOrder/GetDmcOrderCommonPageList_V2", that.msg, res => {
          if (res.data.resultCode == 1) {
              that.loading = false;
              that.total = res.data.data.count;
              let pageData = res.data.data.pageData;
              that.tableData = pageData;
              this.$forceUpdate()
          }
        })

      },
      handleCurrentChange(val) {
        this.msg.pageIndex = val;
        this.getList();
      },
      getOrderStatus() {
        this.lxymallapipost("/api/DmcOrder/GetOrderStatusEnumList", {}, res => {
          this.orderStatusList = res.data.data;
        })
      },
      getDelivery() {
        this.lxymallapipost("/api/order/GetOrderDeliveryMethodEnumList", {}, res => {
          this.deliveryList = res.data.data;
        })
      },
      getOrderType() {
        this.lxymallapipost("/api/DmcOrder/GetOrderTypeEnumList", {}, res => {
          this.orderTypeList = res.data.data;
        })
      },


      getplat() {
        this.lxymallapipost("/api/DmcOrder/GetUserSourceEnumList", {}, res => {
          this.platList = res.data.data;
        })
      },
      getArea(val) {
        this.lxymallapipost("/api/Destination/GetChildList", {
          Id: val
        }, res => {
          this.areaList = res.data.data;
        })
      },
      getCity(val) {
        this.lxymallapipost("/api/Destination/GetChildList", {
          Id: val
        }, res => {
          this.cityList = res.data.data;
          if (this.cityList.length > 0) {
            this.getArea(this.cityList[0].ID)
          }
        })
      },
      getProvince() {
        this.lxymallapipost("/api/Destination/GetChildList", {
          Id: 1
        }, res => {
          this.provinceList = res.data.data;
          if (this.provinceList.length > 0) {
            this.getCity(this.provinceList[0].ID)
          }
        })
      },
      // 快递公司
      getExpressInfo() {
        this.lxymallapipost("/api/MallBase/GetExpressInfo", {}, res => {
          if (res.data.resultCode == 1) {
            this.ExpressList = res.data.data;
          } else {
            this.Info(res.data.message);
          }
        })
      },
      costBtn_t(list,item){
          this.cost_tMSg.OrderDetailId=list.Id;
          this.cost_tMSg.OrderType=item.OrderType;
          this.cost_tMSg.CostMoney=list.CostMoney;
          this.costDig_t = true
      },
       costForm_t(){//成本修改 新的
        if(this.cost_tMSg.CostMoney==''){
          this.Info('请输入修改成本金额')
          return
        }
        this.lxymallapipost('/api/DmcOrder/SetDmcOrderCost', this.cost_tMSg,
            res => {
              if (res.data.resultCode === 1) {
                this.getList();
                this.Success(res.data.message)
                this.costDig_t = false;
              } else {
                this.Error(res.data.message);
              }
            },
            null
          );
      },
      costBtn(list, type) {
        this.cosType = type;
        if (type == 1) {
          this.costMsg.Id = list.Id;
          this.costMsg.Money = list.CostMoney;
        } else if (type == 2) {
          this.costMsg.Id = list.Id;
          this.costMsg.Money = list.FreightCostMoney > 0 ? list.FreightCostMoney : list.FreightMoney;
        }
        this.costDig = true;
      },
      costBtn2(list, type) {

        this.CostMoney.OrderDetailId = list.Id;
        this.CostMoney.InsuranceCostMoney = list.InsuranceCostMoney;

        this.costDig2 = true;
      },
     

      costForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let cmd = '';
            let msg = {}
            if (this.cosType == 1) {
              cmd = '/api/order/SetOrderCostMoney';
              msg = {
                Id: this.costMsg.Id,
                CostMoney: Number(this.costMsg.Money),
                EmpId: this.getLocalStorage().EmpId
              }
            } else if (this.cosType == 2) {
              cmd = '/api/order/SetOrderFreightCostMoney';
              msg = {
                Id: this.costMsg.Id,
                FreightCostMoney: Number(this.costMsg.Money),
                EmpId: this.getLocalStorage().EmpId
              }
            }
            this.lxymallapipost(cmd, msg,
              res => {
                if (res.data.resultCode === 1) {
                  this.getList();
                  this.Success(res.data.message)
                  this.costDig = false;
                } else {
                  this.Error(res.data.message);
                }
              },
              null
            );
          } else {
            return false;
          }
        });
      },
      costForm2(formName) { //成本修改
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let cmd = '';
            let msg = {}
            cmd = '/api/order/SetOrderInsuranceCostMoney';
            msg = {
              OrderDetailId: this.CostMoney.OrderDetailId,
              InsuranceCostMoney: Number(this.CostMoney.InsuranceCostMoney),
            }

            this.lxymallapipost(cmd, msg,
              res => {
                if (res.data.resultCode === 1) {
                  this.getList();
                  this.Success(res.data.message)
                  this.costDig2 = false;
                } else {
                  this.Error(res.data.message);
                }
              },
              null
            );
          } else {
            return false;
          }
        });
      },
      //获取供应商下拉值
      getSupplierList() {
        this.lxymallapipost("/api/Supplier/GetSupplierAllList", {}, res => {
          this.loading = false;
          if (res.data.resultCode == 1) {
            this.SuplierList = res.data.data;
          }
        });
      },

      //修改供应商
      UpdateSuplier(item) {
        this.upSupliDilog = true;
        this.SupplierId = item.SupplierId;
        this.CommonId = item.Id;
        this.getSupplierList();
      },
      //保存供应商
      SaveSuplier() {
        let msg = {
          Id: this.CommonId,
          SupplierId: this.SupplierId
        }
        this.lxymallapipost("/api/Order/SetOrderSupplierId", msg, res => {
          this.loading = false;
          if (res.data.resultCode == 1) {
            this.upSupliDilog = false;
            this.getList();
          }
        });
      },
      goCollection(item, list) { //跳到erp收款单
        let currentUser = this.getLocalStorage()
        let companyID = currentUser.ERPBranchId != 0 ? currentUser.ERPBranchId : 1224;
        let orderObj = {
          OrderSource: 16,
          OtherType: 21,
          ReFinanceId: item.OrderId, //订单id
          ReFinanceId2: list.Id, //订单商品id
          ECOrderList: [{
            ECOrderId: item.OrderId,
            ECOrderDetailId: list.Id
          }]
        }
        // window.open('http://www.test.com:8081/#/ChoiceAddFinancialDocuments?Type=1&companyID='+companyID+'&orderObj='+JSON.stringify(orderObj))
        window.open('http://yx.oytour.com/#/ChoiceAddFinancialDocuments?Type=1&companyID=' + companyID + '&orderObj=' +
          JSON.stringify(orderObj))
      },
      getshangplist(item){
        let List = [];
        if(item.OrderType==1){
          List = item.HotelList
        }else if(item.OrderType==2){
          List = item.DiningList
        }else if(item.OrderType==3){
          List = item.TicketList
        }else if(item.OrderType==4){
          List = item.CarList
        }
        return List
      },
      goPayment(item, list) { //跳到erp付款单
        let currentUser = this.getLocalStorage()
        let companyID = currentUser.ERPBranchId != 0 ? currentUser.ERPBranchId : 1224;
        let orderObj = {
          OrderSource: 16,
          OtherType: 22,
          ReFinanceId: item.OrderId,
          ReFinanceId2: list.Id,
          ECOrderList: [{
            ECOrderId: item.OrderId,
            ECOrderDetailId: list.Id
          }]
        }
        // window.open('http://www.test.com:8081/#/ChoiceAddFinancialDocuments?Type=2&companyID='+companyID+'&orderObj='+JSON.stringify(orderObj))
        window.open('http://yx.oytour.com/#/ChoiceAddFinancialDocuments?Type=2&companyID=' + companyID + '&orderObj=' +
          JSON.stringify(orderObj))
      },
      goSF(item) { //收入详情
        this.$router.push({
          name: 'FinancialDocumentsDetail',
          query: {
            id: item.FrID,
            blank:'y'
          }
        });
          

      },
      goZF(item) { //付款详情
        this.$router.push({
          name: 'FinancialDocumentsDetail',
          query: {
            id: item.FrID,
            blank:'y'
           
          }
        });
      },
      goCommonJump(url,id){
        
        this.$router.push({
          name: url,
          query: {
            OrderId: id,
            blank:'y'
           
          }
        });
      }
    },
  };

</script>

<style>
  @import '../Lxy/css/index.css';

  .orderList .remark-box {
    padding-top: 3px;
    margin-left: 7px;
  }

  .orderList .upload-demo {
    float: right;
    margin-top: -5px;
    margin-left: 20px;
  }

  .orderList .pendSelect .el-input {
    width: 100px;
  }

  .hszDigClass .el-dialog__body {
    padding: 0 10px 20px 0;
  }

  .orderList .tyi .el-dialog__body {
    padding: 0 20px
  }

  .sendDigClass .el-dialog__body {
    padding: 0 10px 10px 0;
  }

  .app-order-list .card-footer .seller-remark {
    margin-top: 10px;
    color: #E6A23C;
  }

  .app-send .el-table__header-wrapper th {
    background-color: #f5f7fa;
  }

  .app-send .title-box .text {
    background-color: #FEFAEF;
    color: #E6A23C;
    padding: 6px;
  }

  .app-send .title-box {
    margin: 15px 0;
  }

  .app-order-list .app-order-item .el-button {
    padding: 0;
  }

  .app-order-list .card-footer .address-box {
    margin-right: 10px;
  }

  .app-order-list .card-footer {
    background: #F3F5F6;
    padding: 10px 20px;
  }

  .app-order-list .app-order-info>div {
    width: 100%;
  }

  .app-order-icon {
    margin-right: 5%;
    margin-bottom: 10px;
    cursor: pointer;
  }

  .app-order-body {
    display: flex;
    flex-wrap: nowrap;
  }

  .app-order-list .app-order-info {
    display: flex;
    align-items: center;
    width: 15%;
    text-align: center;
    border-right: 1px solid #EBEEF5;
    justify-content: center;
  }

  .app-order-list .el-card__body {
    padding: 0;
  }

  .app-order-list .express-price {
    height: 30px;
    line-height: 30px;
  }

  .app-order-list .goods-item {
    border-right: 1px solid #EBEEF5;
  }

  .app-order-list .app-order-info {
    display: flex;
    align-items: center;
    width: 15%;
    text-align: center;
    border-right: 1px solid #EBEEF5;

  }

  .app-order-list .goods-item .goods .app-order-goods-price {
    height: 24px;
    margin-top: 3px;
    position: absolute;
    bottom: 20px;
    left: 125px;
  }

  .app-order-list .goods-item .goods-info .goods-name {
    margin-bottom: 5px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .app-order-list .goods-item .goods-info {
    width: 50%;
    margin-top: 5px;
  }

  .app-order-list .goods-image {
    height: 90px;
    width: 90px;
    margin-right: 15px;
    float: left;
  }

  .app-order-list .goods-item .goods {
    position: relative;
    padding: 20px;
    min-height: 130px;
    border-top: 1px solid #EBEEF5;
  }

  .app-order-list .goods-item .goods:first-of-type {
    border-top: 0;
  }

  .orderList .app-order-list .app-order-item:hover .app-order-btnimg {
    display: block;
  }

  .orderList .app-order-list .app-order-item:hover {
    border: 1px solid #3399FF;
  }

  .orderList .app-order-btnimg {
    position: absolute;
    top: 20px;
    right: 25px;
    color: #7C868D;
    font-size: 18px;
    padding: 0;
    display: none;
  }

  .orderList .app-order-offline {
    margin-left: 30px;
    margin-top: -2px;
  }

  .orderList .app-order-user img {
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
  }

  .orderList .app-order-list .app-order-time {
    color: #909399;
  }

  .orderList .app-order-user {
    margin-left: 30px;
  }

  .orderList .app-order-list .app-order-time {
    color: #909399;
  }

  .orderList .app-order-list .app-order-item .el-card__header {
    padding: 0;
  }

  .orderList .app-order-list .app-order-item {
    margin-top: 20px;
    min-width: 750px;
  }

  .orderList .app-order-list .app-order-head {
    padding: 20px;
    background-color: #F3F5F6;
    color: #303133;
    min-width: 750px;
    display: flex;
    position: relative;
  }

  .orderList .app-order-title div {
    text-align: center;
  }

  .orderList .app-order-title {
    background-color: #F3F5F6;
    height: 40px;
    line-height: 40px;
    display: flex;
    min-width: 750px;
  }

  .orderList .content {
    background: #fff;
    margin-top: 10px;
    padding: 20px;
    box-sizing: border-box;
  }

  .orderList .billStyle {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #EBEEF5;
    margin-top: 20px;
  }

  .orderList .billStyle .billStyle_item {
    width: 50%;
    padding: 5px;
  }

  .orderList .billStyle .billtext {
    font-size: 14px;
    cursor: pointer;
    margin-right: 5px;
    text-decoration: underline;
  }

  .orderList .el-dropdown-link {
    height: 30px;
    line-height: 30px;
    background-color: #409EFF;
    color: #fff;
    font-size: 12px;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
  }

  .orderList .fkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 15px;
  }

  .orderList .fkbox .fkbox_item {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 4px;
  }
  .vue-line-clamp span{
    font-size:16px;font-weight:bold
  }
 .orderList span{
    font-size: 13px;
    font-weight: normal;
}

</style>
