待发货列表

src/views/mallManagement/order/order_wait_deliver_list/index.vue

@@ -0,0 +1,1454 @@
+<template>
+  <div>
+    <zj-tab-page ref="tabPage" :defaultActives="[{ key: 'list', label: $route.meta.title + '-列表', essential: true }]">
+      <template slot-scope="{ activeKey, data }">
+        <div v-if="activeKey == 'list'" class="app-container">
+          <!-- 筛选条件 -->
+          <div class="screen-container">
+            <el-form ref="screenForm" :model="screenForm" label-width="70px" size="small" label-position="left">
+              <el-row :gutter="20">
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="订单号" prop="orderId">
+                    <el-input v-model="screenForm.orderId" placeholder="请输入订单号"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="商品名称" prop="goodsName">
+                    <el-input v-model="screenForm.goodsName" placeholder="请输入商品名称"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="会员昵称" prop="memberName">
+                    <el-input v-model="screenForm.memberName" placeholder="请输入会员昵称"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="手机号" prop="phone">
+                    <el-input v-model="screenForm.phone" placeholder="请输入手机号"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="网点名称" prop="websitId">
+                    <el-select v-model="screenForm.websitId" placeholder="请选择网点名称" filterable clearable>
+                      <el-option
+                        :label="item.name"
+                        :value="item.websitId"
+                        v-for="(item, index) in websiteList"
+                        :key="index"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="兑换码" prop="exchangeCode">
+                    <el-input v-model="screenForm.exchangeCode" placeholder="请输入兑换码"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="创建时间" prop="createDate" style="height: 33px">
+                    <el-date-picker
+                      v-model="screenForm.createDate"
+                      type="datetimerange"
+                      value-format="yyyy-MM-dd HH:mm:ss"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期"
+                    >
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="支付时间" prop="payDate" style="height: 33px">
+                    <el-date-picker
+                      v-model="screenForm.payDate"
+                      type="datetimerange"
+                      value-format="yyyy-MM-dd HH:mm:ss"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期"
+                    >
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="信息编号" prop="workerOrderNo">
+                    <el-input v-model="screenForm.workerOrderNo" placeholder="请输入信息编号"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :lg="6">
+                  <el-form-item label="支付方式" prop="payTypes" clearable>
+                    <el-select v-model="screenForm.payTypes" placeholder="请选择支付方式">
+                      <el-option label="微信支付" value="WECHAT"></el-option>
+                      <el-option label="现金支付" value="CASH"></el-option>
+                      <el-option label="转账支付" value="TRANSFER"></el-option>
+                      <el-option label="到店支付" value="STORE"></el-option>
+                      <el-option label="微信线下" value="WECHAT_OFFLINE"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="24" :lg="24" class="tr">
+                  <el-form-item label="">
+                    <el-button size="small" type="primary" @click="submitScreenForm">搜索</el-button>
+                    <el-button size="small" @click="resetScreenForm">清空</el-button>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+          <!-- --------------------------------------------------------------------------- -->
+          <!-- tab切换 / 操作按钮-->
+          <div class="tabs-container order-tabs-container clearfix">
+            <div class="fl">
+              <el-tabs v-model="tabCurrent" type="card" @tab-click="changeTabs" class="fl" style="margin-right: 20px">         
+                <el-tab-pane label="部分收款" name="PART_PAID"></el-tab-pane>
+                <el-tab-pane label="完成收款" name="PAID"></el-tab-pane>
+              </el-tabs>
+
+            </div>
+            <div class="fr">
+              <el-button v-if="$restrict('exp')" size="small" type="primary" @click="handleExport">导出报表</el-button>
+            </div>
+          </div>
+          <!-- --------------------------------------------------------------------------- -->
+          <!-- 列表 -->
+          <div class="order-main-container">
+            <!-- 表头 -->
+            <div class="table-top">
+              <el-row style="width: 100%">
+                <el-col :span="3">
+                  <el-checkbox
+                    :indeterminate="isIndeterminate"
+                    v-model="checkAll"
+                    @change="allChange"
+                    style="margin-left: 10px"
+                  ></el-checkbox>
+                  <span class="item product">商品信息</span>
+                </el-col>
+                <el-col :span="3" style="text-align: right"><span class="item">单价(元)/数量</span></el-col>
+                <el-col :span="2" style="text-align: center"><span class="item">买家信息</span></el-col>
+                <el-col :span="2" style="text-align: center"><span class="item">收货信息</span></el-col>
+                <el-col :span="2" style="text-align: center"><span class="item">实付金额</span></el-col>
+                <el-col :span="2" style="text-align: center"><span class="item">订单状态</span></el-col>
+                <el-col :span="2" style="text-align: center"><span class="item">收款状态</span></el-col>
+                <el-col :span="2" style="text-align: center"><span class="item">评价状态</span></el-col>
+                <el-col :span="2" style="text-align: center"><span class="item">业务员</span></el-col>
+                <el-col :span="4" style="text-align: center"><span class="item">分销员</span></el-col>
+              </el-row>
+            </div>
+            <!-- --------------------------------------------------------------------------- -->
+            <div class="order-item" v-for="order in dataList" :key="order.orderId">
+              <div class="order-top">
+                <el-checkbox v-model="order.selected"></el-checkbox>
+                <span><b>订单号</b>：{{ order.orderId }}</span>
+                <span><b>下单时间</b>：{{ order.createTime }}</span>
+                <span><b>商户</b>：{{ order.companyWechatName || '无' }}</span>
+                <el-tag>{{ { 1: '商城销售', 2: '线下销售' }[order.saleType] }}</el-tag>
+                <el-tag
+                  :type="order.payTypeId == 'WECHAT' ? 'success' : order.payTypeId == 'WECHAT_OFFLINE' ? 'warning' : ''"
+                  >{{ order.payType }}</el-tag
+                >
+                <el-tag v-if="order.isOld == 'YES'">以旧换新</el-tag>
+                <div class="fr">
+                  <el-link type="primary" v-if="$restrict('orderNote')" :underline="false" @click="showRemark(order)"
+                    >订单备注</el-link
+                  >
+                </div>
+              </div>
+              <div class="order-content">
+                <el-row style="width: 100%">
+                  <el-col :span="6" style="height: 100%">
+                    <div class="col-item-pro">
+                      <div class="pro-item" v-for="orderItem in order.orderDetails" :key="orderItem.orderDetailId">
+                        <div class="left">
+                          <div class="image">
+                            <img :src="$showImgUrl(orderItem.imgUrl)" style="height: 80px; width: 80px" />
+                          </div>
+                          <div class="main">
+                            <span
+                              ><el-tag
+                                type="danger"
+                                effect="plain"
+                                size="mini"
+                                style="margin-right: 4px"
+                                v-if="orderItem.promotionFullPieceId"
+                                >满件打折</el-tag
+                              >{{ orderItem.goodsName }}</span
+                            >
+                            <span
+                              class="spec"
+                              v-if="orderItem.goodsSpecName === '默认' && orderItem.goodsSpecValue === '默认'"
+                              >默认</span
+                            >
+                            <span class="spec" v-else
+                              >{{ orderItem.goodsSpecName }}-{{ orderItem.goodsSpecValue }}</span
+                            >
+                          </div>
+                        </div>
+                        <div class="right">
+                          <span>￥{{ orderItem.price }}</span>
+                          <span>x{{ orderItem.num }}</span>
+                        </div>
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="2" style="height: 100%">
+                    <div class="col-item">
+                      <div>{{ order.userName }}</div>
+                      <div>{{ order.phone }}</div>
+                      <div style="color: #409eff">{{ order.isAddCorp ? '（已入驻企微）' : '' }}</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="2" style="height: 100%">
+                    <div class="col-item">
+                      <div>{{ order.receUserName }}/{{ order.recePhone }}</div>
+                      <div class="ellipsis-2">
+                        {{
+                          order.province + order.city + order.area + order.street + order.receAddress + order.houseNo
+                        }}
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="2" style="height: 100%">
+                    <div class="col-item">
+                      <div class="totalprice">￥{{ order.payAmount }}</div>
+                      <div style="font-size: 12px" v-if="order.discountAmount">
+                        (<span>-{{ order.discountAmount }}</span
+                        ><span v-if="order.promotionDiscountRate">/{{ order.promotionDiscountRate * 10 }}折</span>)
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="2" style="height: 100%">
+                    <div class="col-item">
+                      <div style="display: flex; align-items: center">
+                        <img
+                          src="@/assets/order/CLOSE.png"
+                          style="width: 16px; flex-shrink: 0"
+                          v-if="order.orderStatus == 'CLOSE'"
+                        />
+                        <img
+                          src="@/assets/order/DFH.png"
+                          style="width: 16px; flex-shrink: 0"
+                          v-if="order.orderStatus == 'DFH'"
+                        />
+                        <img
+                          src="@/assets/order/NOPAY.png"
+                          style="width: 16px; flex-shrink: 0"
+                          v-if="order.orderStatus == 'NOPAY'"
+                        />
+                        <img
+                          src="@/assets/order/OVER.png"
+                          style="width: 16px; flex-shrink: 0"
+                          v-if="order.orderStatus == 'OVER'"
+                        />
+                        <img
+                          src="@/assets/order/TIMEOUT.png"
+                          style="width: 16px; flex-shrink: 0"
+                          v-if="order.orderStatus == 'TIMEOUT'"
+                        />
+                        <img
+                          src="@/assets/order/YFH.png"
+                          style="width: 16px; flex-shrink: 0"
+                          v-if="order.orderStatus == 'YFH'"
+                        />
+                        <span style="margin-left: 4px">{{ order.orderStatus | ORDER_CURRENT_STATUS_FILTER }}</span>
+                      </div>
+                      <div>({{ order.toWorkOrder ? '已派单' : '未派单' }})</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="2" style="height: 100%">
+                    <div class="col-item">
+                      <div style="display: flex; align-items: center">
+                        {{ { NO_PAID: '待收款', PART_PAID: '部分收款', PAID: '完成收款' }[order.payStatus] }}
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="2" style="height: 100%">
+                    <div class="col-item">
+                      <el-popover placement="top" width="220" trigger="hover" v-if="order.commentService">
+                        <div class="rate-list">
+                          <div style="display: flex; align-items: center; margin-bottom: 5px">
+                            商品质量：<el-rate :value="order.commentGoods" disabled></el-rate>
+                          </div>
+                          <div style="display: flex; align-items: center; margin-bottom: 5px">
+                            服务质量：<el-rate :value="order.commentService" disabled></el-rate>
+                          </div>
+                          <div style="display: flex; align-items: center">
+                            配送质量：<el-rate :value="order.commentExpress" disabled></el-rate>
+                          </div>
+                        </div>
+                        <el-button type="text" slot="reference">已评价</el-button>
+                      </el-popover>
+                      <div v-else>未评价</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="2" style="height: 100%">
+                    <div class="col-item">
+                      <div>{{ order.saleName }}</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="4" style="height: 100%">
+                    <div class="col-item">
+                      <div>{{ order.workerName }}</div>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
+            <div class="no-data" v-if="dataList.length <= 0">暂无订单</div>
+          </div>
+          <!-- --------------------------------------------------------------------------- -->
+          <div class="pagination clearfix">
+            <div class="fr">
+              <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page="currentPage"
+                :page-sizes="[10, 20, 30, 50]"
+                :page-size="10"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="listTotal"
+              >
+              </el-pagination>
+            </div>
+          </div>
+        </div>
+      </template>
+    </zj-tab-page>
+
+    <print-preview
+      ref="preView"
+      :printOrderId="printOrderId"
+      @initPrint="handleInitPrint"
+      @refreshList="handleRefreshList"
+    />
+  </div>
+</template>
+
+<script>
+import { getToken } from '@/utils/auth'
+import {
+  cancelOrder,
+  confirm2Order,
+  getList,
+  orderDeliver,
+  saveRemark,
+  getWebsiteList,
+  editLogistics,
+  getRegion,
+  editAddress,
+  getOrderDetail,
+  getCodeDetail,
+  getMaterialList,
+  listImport,
+  saveCode,
+  delCode,
+  getDeliverList
+} from '@/api/order'
+import { getExpress, getCompanyList } from '@/api/common'
+import { downloadFiles, handleImport } from '@/utils/util'
+import { commonTemplateDownload } from '@/api/common.js'
+import printPreview from '../components/preview.vue'
+import { disAutoConnect, hiprint } from 'vue-plugin-hiprint'
+import import_mixin from '@/components/template/import_mixin.js'
+import * as Storage from '@/api/storage'
+import '@/styles/order-list.scss'
+
+export default {
+  name: 'order_list',
+
+  components: {
+    printPreview
+  },
+
+  data() {
+    return {
+      baseURL: process.env.VUE_APP_BASE_API,
+      myHeaders: { 'x-token': getToken() },
+      screenForm: {
+        // 筛选表单数据
+        orderId: '', // 订单号
+        goodsName: '', // 商品名称
+        memberName: '', // 会员昵称
+        phone: '', // 手机号
+        websitId: '', // 网点名称
+        payStatus: '', //支付状态
+        orderStatus: '', // 状态
+        createDate: '', // 创建时间
+        payDate: '', // 支付时间
+        exchangeCode: '', // 兑换码
+        evaluateStatus: '', // 评价状态
+        sendStatus: '', // 派单异常
+        workerOrderNo: '', // 信息编号
+        payTypes: ''
+      },
+      tabCurrent: 'ALL',
+      currentPage: 1, // 当前页码
+      pageSize: 10, // 每页数量
+      listTotal: 0, // 列表总数
+      dataList: [],
+      remarkVisible: false,
+      editOrderId: '',
+      remark: '', // 订单备注
+      logisticsVisible: false,
+      logistics: [],
+      prodVisible: false,
+      logisticsType: 'add',
+      logisticsIdVisible: false,
+      logisticsLoading: false,
+      logisticsForm: {
+        pickType: 'YES',
+        pickName: '',
+        pickPhone: '',
+        logisticsNo: '',
+        storageId: '',
+        storageName: '',
+        companyCode: '',
+        workOrder: true,
+        exchange: false,
+        pickType: 'YES',
+        pickName: '',
+        pickPhone: ''
+      },
+      logisticsTab: 'first',
+      storageList: [],
+      companyList: [],
+      websiteList: [],
+      batchShipmentVisible: false,
+      fileList: [],
+      canClickSave: true,
+
+      addressFormOrder: null,
+      addressFormVisible: false,
+      addressForm: {
+        name: '',
+        phone: '',
+        province: '',
+        city: '',
+        area: '',
+        street: '',
+        address: '',
+        house: ''
+      },
+      addressFormRules: {
+        name: [{ required: true, message: '请填写姓名', trigger: 'blur' }],
+        phone: [{ required: true, message: '请填写电话', trigger: 'blur' }],
+        province: [{ required: true, message: '请选择省', trigger: 'change' }],
+        city: [{ required: true, message: '请选择市', trigger: 'change' }],
+        area: [{ required: true, message: '请选择区', trigger: 'change' }],
+        street: [{ required: true, message: '请选择街道', trigger: 'change' }],
+        address: [{ required: true, message: '请填写地址', trigger: 'blur' }]
+      },
+      provinceList: [],
+      cityList: [],
+      areaList: [],
+      streetList: [],
+      formType: 'add',
+      formVisible: false,
+      typeIndex: '1',
+      formData1: {
+        list: []
+      },
+      formData2: {
+        list: []
+      },
+      formData3: {
+        list: []
+      },
+      isEdit1: 0,
+      isEdit2: 0,
+      joinCode: JSON.parse(localStorage.getItem('greemall_user')).joinCode,
+      orderDetailId: '',
+
+      printOrderId: '',
+      payQrcode: JSON.parse(localStorage.getItem('greemall_user')).payQrcode,
+      billTitle: JSON.parse(localStorage.getItem('greemall_user')).billTitle, //打印名称
+
+      deliverSelection: [],
+      orderDetail: {}
+    }
+  },
+  computed: {
+    checkAll: {
+      get() {
+        return this.dataList.every(item => item.selected === true)
+      },
+      set() {}
+    },
+    isIndeterminate() {
+      return (
+        !this.dataList.every(item => item.selected !== true) && !this.dataList.every(item => item.selected !== false)
+      )
+    },
+
+    filterArr() {
+      return function (arr, size) {
+        //判断如果不是数组(就没有length)，或者size没有传值，size小于1，就返回空数组
+        if (!arr.length || !size || size < 1) return []
+        let [start, end, result] = [null, null, []]
+        for (let i = 0; i < Math.ceil(arr.length / size); i++) {
+          start = i * size
+          end = start + size
+          result.push(arr.slice(start, end))
+        }
+        return result
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.getStorageList()
+    this.getCompanyList()
+    this.getWebsiteList()
+    if (this.$route.query.id) {
+      this.queryDetail(this.$route.query.id)
+    }
+  },
+  methods: {
+    queryWorkOrder(id) {
+      this.$router.push({
+        name: 'workOrderPool',
+        params: {
+          pageName: id,
+          pageType: 'saleOrderId',
+          pageCode: id
+        }
+      })
+    },
+    changeTabs(tab, event) {
+      var v = tab.$options.propsData.name
+      if (['DFH'].includes(v)) {
+        this.screenForm.payStatus = ''
+        this.screenForm.orderStatus = 'DFH,SPTG'
+      } else if (['NOPAY', 'DQR', 'DFH', 'YFH', 'OVER', 'CLOSE', 'CANCEL', 'TIMEOUT'].includes(v)) {
+        this.screenForm.payStatus = ''
+        this.screenForm.orderStatus = v
+      } else if (['NO_PAID', 'PAID'].includes(v)) {
+        this.screenForm.payStatus = v
+        this.screenForm.orderStatus = 'DFH,YFH,SPTG,DQR,OVER'
+      } else if (['PART_PAID'].includes(v)) {
+        this.screenForm.payStatus = v
+        this.screenForm.orderStatus = ''      
+       } else {
+        this.screenForm.payStatus = ''
+        this.screenForm.orderStatus = ''
+      }
+    
+      this.currentPage = 1
+      this.getList()
+    },
+    // 获取数据列表
+    getList() {
+      // this.listLoading = true;
+
+      let params = {
+        orderId: this.screenForm.orderId, // 订单号
+        productName: this.screenForm.goodsName, // 商品名称
+        userName: this.screenForm.memberName, // 会员昵称
+        phone: this.screenForm.phone, // 手机号
+        websitId: this.screenForm.websitId,
+        exchangeCode: this.screenForm.exchangeCode,
+        orderStatus: this.screenForm.orderStatus, // 状态
+        payStatus: this.screenForm.payStatus, // 状态
+        startCreateTime: this.screenForm.createDate[0] ? this.screenForm.createDate[0] : null, // 创建时间
+        endCreateTime: this.screenForm.createDate[1] ? this.screenForm.createDate[1] : null, // 创建时间
+        startPayTime: this.screenForm.payDate[0] ? this.screenForm.payDate[0] : null, // 支付时间
+        endPayTime: this.screenForm.payDate[1] ? this.screenForm.payDate[1] : null, // 支付时间
+        isNegative: this.screenForm.evaluateStatus, // 评价状态
+        workerOrderNo: this.screenForm.workerOrderNo, // 信息编号
+        payTypes: this.screenForm.payTypes, // 信息编号
+        pageNum: this.currentPage,
+        pageSize: this.pageSize
+      }
+
+      getList(params).then(res => {
+        res.data.records.forEach(item => {
+          item.selected = false
+        })
+        this.dataList = res.data.records
+        this.listTotal = res.data.total
+      })
+    },
+    getOrderDetail() {
+      getOrderDetail({ orderId: this.editOrderId, storageId: this.logisticsForm.storageId }).then(res => {
+        this.formData1.list = res.data.orderDetails
+      })
+    },
+    getDeliverList() {
+      getDeliverList({
+        pageNum: 1,
+        pageSize: -1,
+        params: [{ param: 'a.order_id', compare: '=', value: this.editOrderId }]
+      }).then(res => {
+        this.formData3.list = res.data.records
+      })
+    },
+    changeType() {
+      this.getOrderDetail()
+      this.getCodeDetail()
+      this.getDeliverList()
+    },
+    async getCodeDetail() {
+      getCodeDetail({ orderId: this.editOrderId }).then(async res => {
+        for (var item of res.data) {
+          item.specs = { goodsMaterialSpecsName: item.specsName, orderDetailId: item.orderDetailId }
+          item.material = { name: item.materialName }
+          item.materialList = await this.getMaterialList(item.specsName, item.goodsMaterialItemType)
+        }
+        this.formData2.list = res.data
+      })
+    },
+    async getMaterialList(specsName, type) {
+      return new Promise((resolve, reject) => {
+        getMaterialList({
+          pageNum: 1,
+          pageSize: -1,
+          specsName,
+          type
+        }).then(async res => {
+          resolve(res.data.records)
+        })
+      })
+    },
+    async changeSpecs(e, row) {
+      row.brandName = e.brandName
+      row.brandId = e.brandId
+      row.mainName = e.mainName
+      row.mainId = e.mainNumber
+      row.smallName = e.smallName
+      row.smallId = e.smallNumber
+      row.specsName = e.goodsMaterialSpecsName
+      row.goodsMaterialName = e.goodsName
+      row.goodsMaterialId = e.goodsMaterialId
+      row.material = null
+      row.materialName = ''
+      row.stockQty = ''
+      row.uniqueCode = ''
+      row.materialList = await this.getMaterialList(row.specsName, row.goodsMaterialItemType)
+      row.orderDetailId = e.orderDetailId
+    },
+    async changeMaterial(e, row) {
+      if (!row.specs) {
+        return this.$message.warning('请先选择规格型号！')
+      }
+      row.material = null
+      row.materialName = ''
+      row.stockQty = ''
+      row.uniqueCode = ''
+      row.materialList = await this.getMaterialList(row.specsName, row.goodsMaterialItemType)
+    },
+    //发货新增条码
+    addCode() {
+      this.$refs.formData2.validate(valid => {
+        if (valid) {
+          this.isEdit2 = 0
+          this.formData2.list.unshift({
+            brandId: '',
+            brandName: '',
+            mainId: '',
+            mainName: '',
+            stockQty: '',
+            smallId: '',
+            smallName: '',
+            goodsMaterialItemType: '',
+            goodsMaterialName: '',
+            goodsMaterialId: '',
+            materialCode: '',
+            uniqueCode: '',
+            specs: null,
+            specsName: '',
+            materialName: '',
+            material: null,
+            materialList: [],
+            orderDetailId: '',
+            goodsMaterialItemId: ''
+          })
+        }
+      })
+    },
+    delCode(orderDetailCodeId, index) {
+      if (orderDetailCodeId) {
+        delCode({
+          orderDetailCodeId
+        }).then(res => {
+          if (res.code == 200) {
+            this.$message({ type: 'success', message: '删除成功!' })
+            this.getOrderDetail()
+            this.getCodeDetail()
+            this.getDeliverList()
+          } else {
+            this.$message.error(res.msg)
+          }
+        })
+      } else {
+        this.formData2.list.splice(index, 1)
+      }
+    },
+    saveCode(orderDetailCodes) {
+      const that = this
+      let params = [
+        {
+          ...orderDetailCodes,
+          orderId: this.editOrderId
+        }
+      ]
+      delete params[0].material
+      delete params[0].specs
+      this.$refs.formData2.validate((valid, invalidFields, errLabels) => {
+        if (valid) {
+          saveCode(params).then(res => {
+            if (res.code == 200) {
+              that.$message.success('保存成功!')
+              this.getOrderDetail()
+              this.getCodeDetail()
+              this.getDeliverList()
+            }
+          })
+        }
+      })
+    },
+    // 查看详情
+    queryDetail(orderId) {
+      this.$router.push({
+        name: 'order_detail',
+        query: {
+          orderId
+        }
+      })
+    },
+    quediingshoukuan(orderId) {
+      this.$router.push({
+        name: 'order_detail',
+        query: {
+          orderId,
+          type: 'shoukuan'
+        }
+      })
+    },
+    openForm(type, order) {
+      this.$refs.tabPage.addTab({
+        // 对应显示的模块
+        activeKey: type,
+        // 唯一标识
+        key: type,
+        // 页签名称
+        label: {
+          remark: '订单备注',
+          editExpressage: '修改快递单号',
+          editAddress: '修改收货地址',
+          materialDetail: '查看物流',
+          deliverGoods: '发货',
+          deliverGoodsDetail: '查看发货条码'
+        }[type],
+        // 打开时事件
+        triggerEvent: () => {
+          this.$nextTick(() => {
+            this.formType = type
+            this.formVisible = true
+            if (type == 'remark') {
+              this.remarkVisible = true
+              this.editOrderId = order.orderId
+              this.remark = order.remark
+            }
+            if (type == 'editExpressage') {
+              this.logisticsForm.logisticsNo = order.logisticsNo
+              this.logisticsForm.companyCode = order.companyCode
+            }
+            if (type == 'materialDetail') {
+              getExpress({ logisticsNo: order.logisticsNo, companyCode: order.companyCode }).then(res => {
+                this.logistics = res.data
+                this.logisticsLoading = false
+              })
+            }
+            if (type == 'editAddress') {
+              this.addressFormVisible = true
+              this.initRegion(0, order)
+              this.addressForm.name = order.receUserName
+              this.addressForm.phone = order.recePhone
+              this.addressForm.address = order.receAddress
+              this.addressForm.house = order.houseNo
+              this.addressFormOrder = order
+            }
+          })
+        },
+        // 关闭时事件
+        closeEvent: () => {}
+      })
+    },
+    // 更改每页数量
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.currentPage = 1
+      this.getList()
+    },
+
+    // 更改当前页
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.getList()
+    },
+    // 提交筛选表单
+    submitScreenForm() {
+      this.currentPage = 1
+      this.getList()
+    },
+    // 重置筛选表单
+    resetScreenForm() {
+      this.$refs.screenForm.resetFields()
+      this.currentPage = 1
+      this.getList()
+    },
+    showRemark(order) {
+      this.openForm('remark', order)
+    },
+    cancelRemark() {
+      this.remarkVisible = false
+      this.editOrderId = ''
+      this.remark = ''
+    },
+    saveRemark(cancel) {
+      const params = {
+        orderId: this.editOrderId,
+        remark: this.remark
+      }
+      saveRemark(params).then(() => {
+        cancel('list')
+        this.cancelRemark()
+        this.getList()
+        this.$successMsg('保存成功')
+      })
+    },
+
+    // 取消订单
+    cancelOrder(orderId) {
+      cancelOrder({ orderId }).then(() => {
+        this.getList()
+        this.$successMsg('取消成功')
+      })
+    },
+
+    // 确认订单
+    confirmOrder(orderId) {
+      confirm2Order({ orderId }).then(() => {
+        this.getList()
+        this.$successMsg('确认成功')
+      })
+    },
+
+    // 发起退货
+    returnOrder(deliveryId) {
+      this.$router.push({
+        name: 'sales_return_order_list',
+        query: {
+          deliverId: deliveryId
+        }
+      })
+    },
+
+    deliverSelectionChange(val) {
+      this.deliverSelection = val
+    },
+
+    // 查看物流
+    queryLogistics(order) {
+      this.logisticsVisible = true
+      this.logisticsLoading = true
+      this.openForm('materialDetail', order)
+    },
+    // 显示快递信息填写
+    showLogistics(item, type) {
+      this.orderDetail = item
+      this.logisticsType = type
+      this.logisticsIdVisible = true
+      this.editOrderId = item.orderId
+      if (type == 'add') {
+        this.getOrderDetail()
+        this.getCodeDetail()
+        this.getDeliverList()
+        this.getStorageList()
+        this.openForm('deliverGoods', item)
+      } else if (type == 'edit') {
+        this.openForm('editExpressage', item)
+      } else {
+        this.logisticsForm.logisticsNo = item.logisticsNo
+        this.logisticsForm.storageId = item.storageId
+        this.logisticsForm.storageName = item.storageName
+        this.logisticsForm.companyCode = item.companyCode
+        this.logisticsForm.workOrder = item.workOrder
+        this.logisticsForm.exchange = item.exchangeOrder
+        this.logisticsForm.pickType = item.pickType
+        this.logisticsForm.pickName = item.pickName
+        this.logisticsForm.pickPhone = item.pickPhone
+        this.getOrderDetail()
+        this.getCodeDetail()
+        this.getDeliverList()
+        this.openForm('deliverGoodsDetail', item)
+      }
+    },
+    // 取消快递信息填写
+    cancelLogistics() {
+      this.logisticsIdVisible = false
+      this.editOrderId = ''
+      this.$refs.logisticsForm.resetFields()
+    },
+    // 提交快递信息填写
+    saveLogistics(cancel) {
+      this.$refs.logisticsForm.validate(valid => {
+        if (valid) {
+          // 发货
+          if (this.logisticsType === 'add') {
+            if (this.deliverSelection.length < 1) return this.$errorMsg('请选择一个发货信息')
+
+            for (let i = 0; i < this.deliverSelection.length; i++) {
+              const item = this.deliverSelection[i]
+              if (!item.num || item.num == 0) return this.$errorMsg('请填写发货数量-订单数量')
+            }
+
+            orderDeliver({
+              orderId: this.editOrderId,
+              logisticsNo: this.logisticsForm.pickType == 'NO' ? this.logisticsForm.logisticsNo : '',
+              storageId: this.logisticsForm.storageId,
+              companyCode: this.logisticsForm.pickType == 'NO' ? this.logisticsForm.companyCode : '',
+              workOrder: this.logisticsForm.workOrder,
+              exchange: this.logisticsForm.exchange,
+              pickName: this.logisticsForm.pickType == 'YES' ? this.logisticsForm.pickName : '',
+              pickPhone: this.logisticsForm.pickType == 'YES' ? this.logisticsForm.pickPhone : '',
+              pickType: this.logisticsForm.pickType,
+              orderDeliveryDetailList: this.deliverSelection.map(item => {
+                return {
+                  orderDetailId: item.orderDetailId,
+                  sendNum: item.num,
+                  sendInsideCodeQty: item.insideCodeQty,
+                  sendOutCodeQty: item.outCodeQty,
+                  sendPartsCodeQty: item.partsCodeQty
+                }
+              }),
+              orderDetailCodes: this.formData2.list
+            }).then(() => {
+              cancel('list')
+              this.cancelLogistics()
+              this.getList()
+              this.$successMsg('发货成功')
+            })
+          }
+          // 修改单号
+          else {
+            editLogistics({
+              orderId: this.editOrderId,
+              logisticsNo: this.logisticsForm.logisticsNo,
+              companyCode: this.logisticsForm.companyCode
+            }).then(() => {
+              cancel('list')
+              this.cancelLogistics()
+              this.getList()
+              this.$successMsg('修改成功')
+            })
+          }
+        }
+      })
+    },
+    getStorageList() {
+      Storage.getList({ pageNum: 1, pageSize: -1, type: '商品' }).then(res => {
+        this.storageList = res.data.records
+      })
+    },
+
+    // 获取物流公司列表
+    getCompanyList() {
+      getCompanyList().then(res => {
+        this.companyList = res.data
+      })
+    },
+
+    // 网点列表
+    getWebsiteList() {
+      getWebsiteList({
+        pageNum: 1,
+        pageSize: 1000,
+        type: 'C'
+      }).then(res => {
+        this.websiteList = res.data
+      })
+    },
+
+    // 取消 批量发货
+    cancelBatchShipmentForm() {
+      this.batchShipmentVisible = false
+      this.fileList = []
+    },
+
+    handleRemove(file, fileList) {
+      this.fileList = []
+    },
+
+    handleChange(file, fileList) {
+      this.fileList = fileList.slice(fileList.length - 1)
+    },
+
+    beforeUpload(file) {
+      const fileSuffix = file.name.substring(file.name.lastIndexOf('.') + 1)
+      const whiteList = ['xls', 'xlsx', 'xlsm']
+      if (whiteList.indexOf(fileSuffix) === -1) {
+        this.$errorMsg('只支持上传excel表格文件!')
+        return false
+      }
+    },
+
+    // 批量发货
+    async submitBatchShipmentForm() {
+      if (!this.canClickSave) return false
+      this.canClickSave = false
+      setTimeout(() => {
+        this.canClickSave = true
+      }, 3000)
+      if (this.fileList.length <= 0) {
+        return this.$errorMsg('请上传发货表格')
+      }
+      const loading = this.$loading({
+        lock: true,
+        text: '上传中...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      console.log(this.fileList[0].raw)
+      const file = this.fileList[0].raw
+      const formData = new FormData()
+      formData.append('file', file)
+
+      handleImport('order/goods/batch/deliver', formData).then(result => {
+        this.importFileList = []
+        if (result.code == 200) {
+          loading.close()
+          this.$successMsg('批量发货成功')
+          this.getList()
+        } else {
+          loading.close()
+          this.$alert(result.message, '批量发货失败', {
+            confirmButtonText: '确定'
+          })
+        }
+      })
+    },
+
+    // 获取省市区街道
+    getRegion(level = 0, id = 0) {
+      getRegion({ pid: id }).then(res => {
+        if (level === 0) {
+          this.provinceList = res.data
+        } else if (level === 1) {
+          this.cityList = res.data
+        } else if (level === 2) {
+          this.areaList = res.data
+        } else if (level === 3) {
+          this.streetList = res.data
+        }
+      })
+    },
+
+    // 切换省
+    changeProvince(value) {
+      this.addressForm.city = ''
+      this.addressForm.area = ''
+      this.addressForm.street = ''
+      this.cityList = []
+      this.areaList = []
+      this.streetList = []
+      this.getRegion(1, value)
+    },
+
+    // 切换市
+    changeCity(value) {
+      this.addressForm.area = ''
+      this.addressForm.street = ''
+      this.areaList = []
+      this.streetList = []
+      this.getRegion(2, value)
+    },
+
+    // 切换区
+    changeArea(value) {
+      this.addressForm.street = ''
+      this.streetList = []
+      this.getRegion(3, value)
+    },
+
+    // 切换街道
+    changeStreet(value) {},
+
+    // 初始化省市区街道
+    initRegion(level, item, id = 0) {
+      let { province, city, area, street } = item
+      let nextId = null
+      getRegion({ pid: id }).then(res => {
+        if (level === 0) {
+          this.provinceList = res.data
+          nextId = this.addressForm.province = this.provinceList[this.$findElem(this.provinceList, 'name', province)].id
+        } else if (level === 1) {
+          this.cityList = res.data
+          nextId = this.addressForm.city = this.cityList[this.$findElem(this.cityList, 'name', city)].id
+        } else if (level === 2) {
+          this.areaList = res.data
+          nextId = this.addressForm.area = this.areaList[this.$findElem(this.areaList, 'name', area)].id
+        } else if (level === 3) {
+          this.streetList = res.data
+          nextId = this.addressForm.street = this.streetList[this.$findElem(this.streetList, 'name', street)].id
+        }
+        if (level < 3) {
+          level = level + 1
+          this.initRegion(level, item, nextId)
+        }
+      })
+    },
+
+    // 打开 修改收货地址 表单
+    openAddressForm(item) {
+      this.openForm('editAddress', item)
+    },
+
+    // 取消 修改收货地址 表单
+    cancelAddressForm() {
+      this.addressFormVisible = false
+      this.$refs.addressForm.resetFields()
+    },
+
+    // 保存 修改收货地址 表单
+    submitAddressForm(cancel) {
+      this.$refs.addressForm.validate(valid => {
+        if (valid) {
+          let province = this.provinceList[this.$findElem(this.provinceList, 'id', this.addressForm.province)].name
+          let city = this.cityList[this.$findElem(this.cityList, 'id', this.addressForm.city)].name
+          let area = this.areaList[this.$findElem(this.areaList, 'id', this.addressForm.area)].name
+          let street = this.streetList[this.$findElem(this.streetList, 'id', this.addressForm.street)].name
+          editAddress({
+            orderId: this.addressFormOrder.orderId,
+            orderStatus: this.addressFormOrder.orderStatus,
+            payStatus: this.addressFormOrder.payStatus,
+            receUserName: this.addressForm.name,
+            recePhone: this.addressForm.phone,
+            province,
+            city,
+            area,
+            street,
+            receAddress: this.addressForm.address,
+            houseNo: this.addressForm.house
+          }).then(() => {
+            cancel('list')
+            this.cancelAddressForm()
+            this.getList()
+            this.$successMsg('修改成功')
+          })
+        }
+      })
+    },
+
+    // 下载模版
+    downloadTemplate() {
+      downloadFiles('order/goods/deliver/excel')
+    },
+
+    // 导出
+    handleExport() {
+      let screenData = {
+        orderId: this.screenForm.orderId, // 订单号
+        productName: this.screenForm.goodsName, // 商品名称
+        userName: this.screenForm.memberName, // 会员昵称
+        phone: this.screenForm.phone, // 手机号
+        websitId: this.screenForm.websitId,
+        exchangeCode: this.screenForm.exchangeCode,
+        orderStatus: this.screenForm.orderStatus, // 状态
+        payStatus: this.screenForm.payStatus, // 状态
+        startCreateTime: this.screenForm.createDate[0] ? this.screenForm.createDate[0] : null, // 创建时间
+        endCreateTime: this.screenForm.createDate[1] ? this.screenForm.createDate[1] : null, // 创建时间
+        startPayTime: this.screenForm.payDate[0] ? this.screenForm.payDate[0] : null, // 支付时间
+        endPayTime: this.screenForm.payDate[1] ? this.screenForm.payDate[1] : null, // 支付时间
+        isNegative: this.screenForm.evaluateStatus, // 评价状态
+        abnormalDispatch: this.screenForm.sendStatus, // 派单异常
+        workerOrderNo: this.screenForm.workerOrderNo, // 信息编号
+        payTypes: this.screenForm.payTypes, // 信息编号
+        pageNum: this.currentPage,
+        pageSize: this.pageSize
+      }
+      downloadFiles('order/export', screenData)
+    },
+
+    // 切换全选/全不选
+    allChange(val) {
+      // 如果有其中一个false，那就全选
+      if (
+        this.dataList.some(item => {
+          return item.selected === false
+        })
+      ) {
+        let dataList = this.dataList
+        dataList.forEach(item => {
+          item.selected = true
+        })
+        this.$set(this, 'dataList', dataList)
+      }
+
+      // 如果全是true，那就全不选
+      else {
+        let dataList = this.dataList
+        dataList.forEach(item => {
+          item.selected = false
+        })
+        this.$set(this, 'dataList', dataList)
+      }
+    },
+    handleText(text) {
+      if (!text) {
+        return ''
+      }
+      if (text.length > 10) {
+        return text.slice(0, 10) + '...'
+      } else {
+        return text
+      }
+    },
+
+    // 查看工单
+    toWorkOrderDetail(orderId) {
+      this.$router.push({
+        name: 'workOrder_detail',
+        query: {
+          orderId
+        }
+      })
+    },
+
+    importCode(data) {
+      const loading = this.$loading({
+        lock: true,
+        text: '正在导入',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      var formdata = new FormData()
+      formdata.append('file', data.file)
+      let params = {
+        orderDetailId: this.orderDetailId
+      }
+      if (!!params) {
+        for (const key in params) {
+          if (Object.hasOwnProperty.call(params, key)) {
+            formdata.append(key, params[key])
+          }
+        }
+      }
+      listImport({ formdata })
+        .then(res => {
+          this.getOrderDetail()
+          this.getCodeDetail()
+          loading.close()
+          this.$message({
+            type: 'success',
+            message: '导入成功!'
+          })
+        })
+        .catch(err => {
+          loading.close()
+          this.$message({
+            type: 'error',
+            message: err.message || '导入失败'
+          })
+        })
+    },
+
+    // 下载导入模版
+    handleDownload(title) {
+      commonTemplateDownload({ name: '导入条码.xlsx' }, title)
+        .then(res => {
+          this.$message({
+            message: '下载成功',
+            type: 'success'
+          })
+        })
+        .catch(err => {
+          this.$message.error('下载失败')
+        })
+    },
+
+    // 点击打印
+    async toPrint(row) {
+      this.printOrderId = row.orderId
+      let pagingData = []
+      const { data } = await getOrderDetail({
+        orderId: row.orderId
+      })
+      pagingData = this.filterArr(data.orderDetails, 4)
+      // 初始化模板，否则生成的模板叠加
+      hiprint.init()
+      this.hiprintTemplate = new hiprint.PrintTemplate()
+      // 兼容批量打印
+      let len = pagingData.length
+      let loadingLen = len
+      // 使用 i-- 提升for效率
+      this.$startLoading()
+      let unitMap = {
+        C: '整套',
+        I: '单个'
+      }
+
+      for (let i = 0; i < len; i++) {
+        try {
+          let html = ''
+          let num = 0
+          let totalAmount = 0
+          pagingData[i].forEach(item => {
+            totalAmount = (Number(item.payAmount) * 100 + totalAmount * 100) / 100
+            num += Number(item.num)
+            html += `
+              <tr align="center">
+              <td>${item.goodsName || ''}</td>
+              <td>${item.goodsSpecName || ''}</td>
+              <td>${item.goodsMaterialUnit ? unitMap[item.goodsMaterialUnit] : ''}</td>
+              <td>${item.num}</td>
+              <td>${item.price}</td>
+              <td>${item.payAmount}</td>
+              </tr>
+            `
+          })
+          // 模板基础配置
+          this.panel = this.hiprintTemplate.addPrintPanel({
+            height: 140,
+            width: 241,
+            fontFamily: '黑体',
+            fontSize: 13,
+            paperFooter: 340,
+            paperHeader: 10,
+            paperNumberDisabled: true
+          })
+
+          // 获取收款单模板和基础配置
+          this.panel.addPrintHtml({
+            options: {
+              width: 633,
+              top: 30,
+              left: 20,
+              fontFamily: '黑体',
+              fontSize: 13,
+              content: this.setTableDom(data, html, totalAmount, num, len, i, row.printRecordCount)
+            }
+          })
+
+          loadingLen--
+        } catch (error) {
+          console.log(999, error)
+          this.$endLoading()
+          return
+        }
+      }
+      if (loadingLen === 0) {
+        this.$endLoading()
+      }
+      console.log(333)
+      // 预览打印内容
+      this.$refs.preView.show(this.hiprintTemplate, this.panel)
+    },
+
+    // 打印模板
+    setTableDom(data, html, totalAmount, num, length, page, printRecordCount) {
+      let now = new Date()
+      let year = now.getFullYear()
+      let month = now.getMonth() + 1 // 月份是从 0 开始计数的，所以要加 1
+      let day = now.getDate()
+      let hours = now.getHours()
+      let minutes = now.getMinutes()
+      let seconds = now.getSeconds()
+      let nowTime = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day} ${
+        hours < 10 ? '0' + hours : hours
+      }:${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`
+
+      let showpPrintCount = ''
+      if (printRecordCount) {
+        showpPrintCount = `重打日期: ${nowTime}`
+      } else {
+        showpPrintCount = `打印日期: ${nowTime}`
+      }
+
+      return `
+	   <div style="font-family:'黑体';font-size: 16px;">
+			<div style="display: flex;justify-content: center;align-items: center;position: relative;">
+				<h1 style="text-align:center;margin: 10px 0;">${this.billTitle ? this.billTitle : data.companyWechatName}销售单</h1>
+				<div style="position: absolute;right:0;">共 ${length}页 第 ${page + 1} 页</div>
+			</div>
+		  <div style="display: flex;justify-content: space-between;">
+			<div>${showpPrintCount}</div>
+			<div>单据日期: ${data.createTime}</div>
+			<div>单据编号: ${data.orderId}</div>
+		  </div>
+		  <div style="display: flex;justify-content: space-between;font-size: 16px;margin: 10px 0;">
+		  	<div>客户: ${data.receUserName}</div>
+		  	<div>摘要: ${data.payType}</div>
+		  </div>
+		  <div style="display: flex;font-size: 16px;margin-bottom: 10px;">
+		  	<div style="flex-shrink: 0;">联系电话: ${data.recePhone}</div>
+		  	<div style="margin-left: 50px;">收货地址: ${data.province}${data.city}${data.area}${data.street}${
+        data.receAddress
+      }</div>
+		  </div>
+	      <div >
+	        <table border=".5" cellspacing="0" width="856"
+	         style="border-color: rgb(0,0,0);
+	          border-collapse: collapse;
+	          border-style: none;
+	          border: 1px solid rgb(0,0,0);
+	          font-weight: normal;
+
+	          text-decoration: none;
+	          vertical-align: middle;
+	          box-sizing: border-box;
+	          word-wrap: break-word;
+	          word-break: break-all;">
+				<tr align="center">
+					<td width="250">商品名称</td>
+          <td width="250">规格</td>
+					<td>单位</td>
+					<td>数量</td>
+					<td>单价</td>
+					<td>金额</td>
+				</tr>
+	            ${html}
+				<tr align="center" align="center">
+				  <td>小计: </td>
+				  <td colspan="1"></td>
+				  <td colspan="1"></td>
+				  <td>${num}</td>
+				  <td></td>
+				  <td>${totalAmount}</td>
+				</tr>
+	        </table>
+	      </div>
+		  <div style="display: flex;justify-content: space-between;font-size: 16px;margin: 10px 0;">
+		  	<div>制单人: ${data.createBy || ''}</div>
+		  	<div>审核人: ${data.companyWechatName || ''}</div>
+			<div>业务员: ${data.saleName || ''}</div>
+			<div>签收人: </div>
+		  </div>
+				<div style="display: flex;justify-content: flex-end;">
+					${
+            data.payTypeId == 'CASH' && this.payQrcode
+              ? `<div style="">
+						<img style="width: 80px;height: 80px;" src="${this.$showImgUrl(this.payQrcode)}"/>
+					</div>`
+              : ''
+          }
+				</div>
+	      <div style="margin:100px 0 0 0">
+	        <div></div>
+	      </div>
+	   </div>
+	  `
+    },
+
+    handleRefreshList() {
+      this.getList()
+    },
+
+    handleInitPrint() {
+      this.$nextTick(() => {
+        this.initPrint()
+      })
+    }
+  }
+}
+</script>