tire-platform-ui/src/views/allocationContract/index.vue

<template>
  <div>
    <basic-container v-show="isShow">
      <avue-crud :option="option" :data="dataList" ref="crud" v-model="form" :page.sync="page" @row-del="rowDel"
        @row-update="rowUpdate" :before-open="beforeOpen" :before-close="beforeClose" :search.sync="search"
        @row-save="rowSave" @saveColumn="saveColumn" @search-change="searchChange" @search-reset="searchReset"
        @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
        @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad" :cell-style="tableRowClassName"
        :table-loading="loading" @expand-change="expandChange" @resetColumn="resetColumn"
        @search-criteria-switch="searchCriteriaSwitch">
        <template slot-scope="scope" slot="expand">
          <el-table :data="scope.row.insideList" v-loading="scope.row.loading" :cell-style="tableRowClassName">
            <el-table-column label="产品分类" prop="priceCategory" align="center" show-overflow-tooltip width="200">
            </el-table-column>
            <el-table-column label="价格类别" prop="priceType" align="center" show-overflow-tooltip width="180">
            </el-table-column>
            <el-table-column label="商品名称" prop="cname" align="center" show-overflow-tooltip width="120">
            </el-table-column>
            <el-table-column label="编码" prop="code" align="center" show-overflow-tooltip width="120"></el-table-column>
            <el-table-column label="规格型号" prop="typeno" align="center" show-overflow-tooltip width="120">
            </el-table-column>
            <el-table-column label="供应商" prop="corpName" align="center" show-overflow-tooltip width="120">
            </el-table-column>
            <el-table-column label="订货数量" prop="orderQuantity" align="center" show-overflow-tooltip width="180">
            </el-table-column>
            <el-table-column label="发货数量" prop="actualQuantity" align="center" show-overflow-tooltip width="200">
            </el-table-column>
            <el-table-column label="库存" prop="storageQuantity" align="center" show-overflow-tooltip width="200">
            </el-table-column>
            <el-table-column label="采购价格" prop="purchaseAmount" align="center" show-overflow-tooltip width="200">
            </el-table-column>
            <el-table-column label="最新单价" prop="price" align="center" show-overflow-tooltip width="200">
            </el-table-column>
            <el-table-column label="金额" prop="amount" align="center" show-overflow-tooltip width="200">
            </el-table-column>
          </el-table>
        </template>
          <!--车号1-->
          <template slot="wagonNumberOne" slot-scope="{ row }">
            <span style="color: #409EFF; cursor: pointer;" @click="openTrack(row,1, row.wagonNumberOne)">{{row.wagonNumberOne}}</span>
          </template>
        <!--车号2-->
        <template slot="wagonNumberTwo" slot-scope="{ row }">
          <span style="color: #409EFF; cursor: pointer;" @click="openTrack(row,1, row.wagonNumberTwo)">{{row.wagonNumberTwo}}</span>
        </template>

        <template slot-scope="scope" slot="orderNo">
          <span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row, scope.index)">{{scope.row.orgOrderNo}}</span>
        </template>
        <template slot="corpIdSearch">
          <crop-select v-model="search.corpId" corpType="KH"></crop-select>
        </template>
        <template slot-scope="scope" slot="corpId">
          <span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row, scope.index)">{{scope.row.corpsName}}</span>
        </template>
        <template slot-scope="scope" slot="createUser">
          {{ scope.row.createUserName }}
        </template>
        <template slot-scope="scope" slot="createPurchase">
          {{ scope.row.createPurchase == 1 ? "是" : "否" }}
        </template>
        <template slot-scope="scope" slot="createFreight">
          {{ scope.row.createFreight == 1 ? "是" : "否" }}
        </template>
        <template slot="status" slot-scope="scope">
          <span v-if="scope.row.status == 0">暂存</span>
          <span v-else-if="scope.row.status == 1">提交请核</span>
          <span v-else-if="scope.row.status == 2">审批中</span>
          <span v-else-if="scope.row.status == 3">审批通过</span>
        </template>
        <template slot="specialCheck" slot-scope="scope">
          <span v-if="scope.row.specialCheck == 0">否</span>
          <span v-else>是</span>
        </template>
        <template slot="specialCheckStatus" slot-scope="scope">
          <span v-if="scope.row.specialCheckStatus == 0">未提交</span>
          <span v-if="scope.row.specialCheckStatus == 1">提交</span>
          <span v-if="scope.row.specialCheckStatus == 2">审批中</span>
          <span v-if="scope.row.specialCheckStatus == 3">审批通过</span>
        </template>
        <template slot="menuLeft" slot-scope="{ size }">
          <el-button type="info" :size="size" style="font-size: 12px;" v-if="saberUserInfo.role_name.indexOf('业务员') == -1" icon="el-icon-printer" @click="exportExcel">导 出</el-button>
        </template>
      </avue-crud>
    </basic-container>

    <detail-page ref="detail" :isProcurements = "isProcurements" @goBack="goBack" :detailData="detailData" v-if="!isShow"></detail-page>


      <el-dialog
          title="实时位置"
          append-to-body
          custom-class="dialog_two"
          :visible.sync="dialogVisible"
          lock-scroll
          width="80%">
          <div id="container"></div>
      </el-dialog>
  </div>
</template>

<script>
import option from "./configuration/mainList.json";
import {
  customerList,
  typeSave,
  deleteDetails,
  saveSell,
  detail,
  genClient,
  warehouseList,
  isProcurement
} from "@/api/basicData/configuration";
import detailPage from "./detailsPageEdit";
import { defaultDate } from "@/util/date";
import { getToken } from "@/util/auth";
import { gainUser } from "@/api/basicData/customerInquiry";
import { getCurrentDate } from "@/util/date";
import {location} from "@/api/gaude";
export default {
  name: "customerInformation",
  components: {
    detailPage
  },
  data() {
    return {
        saberUserInfo:{}, // 当前登录人数据
      loading: false,
      configuration: {
        multipleChoices: false,
        multiple: false,
        collapseTags: false,
        placeholder: "请点击右边按钮选择",
        dicData: [],
        clearable: true
      },
      form: {},
      option: {},
      parentId: 0,
      search: {},
      dataList: [],
      isProcurements:true,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
        pageSizes: [10, 50, 100, 200, 300]
      },
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      selection: [],
      isShow: true,
      detailData: {},
      warehouseTypeOption: [],
      warehouseList: [],
        // 车号弹窗显示位置
        dialogVisible:false,
        // 当前用户的企业号
        hctenantId:null,
    };
  },
  async created() {
      // 获取缓存里的企业号信息
      this.hctenantId = JSON.parse(localStorage.getItem('saber-tenantId')).content
      // 获取当前登录人的基本信息
      this.saberUserInfo = JSON.parse(localStorage.getItem("saber-userInfo")).content


    // this.search.businesDate = defaultDate(1);
    this.search.createTime = defaultDate(3);
    // this.option = option
    this.option = await this.getColumnData(this.getColumnName(14), option);
    this.getWorkDicts("payment_term").then(res => {
      this.findObject(this.option.column, "paymentType").dicData =
        res.data.data;
    });
    this.getWorkDicts("order_status").then(res => {
      this.findObject(this.option.column, "orderStatus").dicData =
        res.data.data;
    });
    gainUser().then(res => {
      this.findObject(this.option.column, "createUser").dicData = res.data.data;
    });
    let i = 0;
    this.option.column.forEach(item => {
      if (item.search) i++;
    });
    if (i % 3 !== 0) {
      const num = 3 - Number(i % 3);
      this.option.searchMenuSpan = num * 8;
      this.option.searchMenuPosition = "right";
    }
    this.option.column.forEach(item => {
      if (item.pickerOptions) {
        item.pickerOptions = {
          shortcuts: [
            {
              text: "最近一周",
              onClick(picker) {
                const end = new Date();
                const start = new Date();
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
                picker.$emit("pick", [start, end]);
              }
            },
            {
              text: "最近一个月",
              onClick(picker) {
                const end = new Date();
                const start = new Date();
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
                picker.$emit("pick", [start, end]);
              }
            },
            {
              text: "最近三个月",
              onClick(picker) {
                const end = new Date();
                const start = new Date();
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
                picker.$emit("pick", [start, end]);
              }
            }
          ]
        };
      }
    });
    this.getWorkDicts("warehouseType").then(res => {
      this.warehouseTypeOption = res.data.data
    })
    warehouseList().then(res => {
      this.warehouseList = res.data.data.records
      // if (this.hctenantId != 681169) {
      //   this.isProcurements = false
      // }
    })
  },
  activated() {
    setTimeout(() => {
      if (this.$route.query.id) {
        this.isShow = true;
        this.beforeOpenPage({ id: this.$route.query.id });
      }
      if (this.$route.query.check) {
        this.isShow = true;
        // this.beforeOpenPage({id: this.$route.query.check.billId})
        this.detailData = {
          id: this.$route.query.check.billId,
          check: this.$route.query.check,
          auditId: this.$route.query.check.id
        };
        this.isShow = false;
        this.$store.commit("DOMXS_IN_DETAIL");
      }
      if (this.$route.query.params) {
        this.beforeOpenPage({ id: this.$route.query.params });
      }
    }, 100);
  },
  methods: {
      // 车号查询位置
      openTrack(row, index, wagonNumber) {
        // location({itemId: row.itemId, plateNo: row.wagonNumberOne, tenantId: this.hctenantId, color: '2'}).then(res => {
        // row.wagonNumberOne = '鲁RM9561'
        location({itemId: row.id, plateNo: wagonNumber, tenantId: this.hctenantId, color: '2'}).then(res => {
              this.dialogVisible = true
              let this_ = this
              setTimeout(function () {
                  this_.initMap(res.data.data, wagonNumber);
              }, 1000)
          })
      },
      markerClick(e) {
          this.infoWindow.setContent(e.target.content);
          this.infoWindow.open(this.map, e.target.getPosition());
      },
      initMap(data, plateNo) {
          this.map = new AMap.Map("container", {resizeEnable: true});
          this.infoWindow = new AMap.InfoWindow({
              ffset: new AMap.Pixel(0, -30),
              offset: new AMap.Pixel(0, -30)
          });
          let icon = new AMap.Icon({
              size: new AMap.Size(52, 26), // 图标尺寸
              image: 'http://trade.tubaosoft.com/file/bladex/000000/1123598821738675201/che.png',
              imageSize: new AMap.Size(52, 26), // 根据所设置的大小拉伸或压缩图片
          });
          this.marker = new AMap.Marker({
              position: data.location,
              map: this.map,
              icon: icon,
              markerMeta: new AMap.Size(28, 28),
              offset: new AMap.Pixel(-26, -15),
              autoRotation: true,
              angle: -15
          });
          this.marker.content = '<div style="width: 300px;">'
              + '<p style="font-size: 22px;font-weight: bold;background-color: #2d8cf0;color: #fff;">' + plateNo + '</p>'
              + '<p style="padding: 5px 0"><span style="color: #a0a0a0">最后上报时间:</span>' + new Date(Number(data.time) + 8 * 60 * 60 * 1000).toJSON().split('T').join(' ').substr(0, 19) + '</p>'
              + '<div style="width: 150px;float: left;">'
              + '<p style="padding: 5px 0"><span style="color: #a0a0a0">车辆状态:</span>' + (data.speed > 0 ? '行驶中' : '停车') + '</p>'
              + '</div>'
              + '<div style="width: 150px;float: right;">'
              + '<p style="padding: 5px 0"><span style="color: #a0a0a0">速度:</span>' + data.speed + 'km/h</p>'
              + '</div>'
              + '<p><span style="color: #a0a0a0">当前位置:</span>' + data.address + '</p>'
              + '<p style="padding: 5px 0"><span style="color: #a0a0a0">经纬度:</span>' + data.location.join(',') + '</p>'
              + '</div>'
          this.infoWindow.open(this.map, this.map.getCenter());
          this.marker.on('click', this.markerClick);
          this.marker.emit('click', {target: this.marker});
          this.map.setFitView();
      },





    searchCriteriaSwitch(type) {
      if (type) {
        this.option.height = this.option.height - 190;
      } else {
        this.option.height = this.option.height + 190;
      }
      this.$refs.crud.getTableHeight();
    },
    tableRowClassName({ row, column, rowIndex, columnIndex }) {
      if (row.orderStatus == "录入" && columnIndex == 19) {
        return {
          background: "#eceb3c"
        };
      } else if (row.orderStatus == "成交") {
        return "success-row";
      } else if (row.orderStatus == "已报价") {
        return "quote-row";
      } else if (row.orderStatus == "未成交") {
        return "warning-row";
      }
      return "padding:0;height:40px;";
    },
    //删除列表后面的删除按钮触发触发(row, index, done)
    rowDel(row, index, done) {
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          return deleteDetails(row.id);
        })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          this.page.currentPage = 1;
          this.onLoad(this.page, { parentId: 0 });
        });
    },
    //修改时的修改按钮点击触发
    rowUpdate(row, index, done, loading) {
      typeSave(row).then(
        () => {
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          // 数据回调进行刷新
          done(row);
        },
        error => {
          window.console.log(error);
          loading();
        }
      );
    },
    //新增修改时保存触发
    rowSave(row, done, loading) {
      typeSave(row).then(res => {
        console.log(res);
        done();
      });
    },
    //查询全部
    initData() {
      customerList().then(res => {
        console.log(this.form);
        const column = this.findObject(this.option.column, "parentId");
        column.dicData = res.data.data.records;
      });
    },
    //新增子项触发
    handleAdd(row) {
      this.parentId = row.id;
      const column = this.findObject(this.option.column, "parentId");
      column.value = row.id;
      column.addDisabled = true;
      this.$refs.crud.rowAdd();
    },
    closeDetailPage() {
      this.isShow = true;
    },
    //查看跳转页面
    beforeOpenPage(row, index) {
      const data = {
        moduleName: "xs",
        tableName: "business_order",
        billId: row.id,
        no: localStorage.getItem("browserID")
      };
      this.checkLock(data).then(res => {
          if (res.data.code == 200) {
            this.detailData = {
              seeDisabled: true,
              id: row.id
            };
            this.isShow = false;
            this.$store.commit("DOMXS_IN_DETAIL");
          }
        }).catch(err => {
          this.detailData = {
            id: row.id,
            seeDisabled: true,
            opDisabled: true
          };
          this.isShow = false;
          this.$store.commit("DOMXS_IN_DETAIL");
        });
    },
    //新增跳转页面
    beforeOpen(row, index) {
      this.detailData = {
        id: row.id
      };
      this.isShow = false;
      this.$store.commit("DOMXS_IN_DETAIL");
    },
    editOpen(row, index) {
      this.detailData = {
        id: row.id
      };
      this.isShow = false;
      this.$store.commit("DOMXS_IN_DETAIL");
    },
    // 复制新单
    copyOrder() {
      const id = this.selection[0].id;
      this.detailData = {
        copyId: id
      };
      this.isShow = false;
      this.$store.commit("DOMXS_IN_DETAIL");
    },
    //点击新增时触发
    beforeClose(done) {
      this.parentId = "";
      const column = this.findObject(this.option.column, "parentId");
      column.value = "";
      column.addDisabled = false;
      done();
    },
    //点击搜索按钮触发
    searchChange(params, done) {
      if (params.businesDate) {
        params.orderStartDate = params.businesDate[0] + " " + "00:00:00";
        params.orderEndDate = params.businesDate[1] + " " + "23:59:59";
        delete params.businesDate;
      }
      if (params.requiredDeliveryDate) {
        params.deliveryStartDate =
          params.requiredDeliveryDate[0] + " " + "00:00:00";
        params.deliveryEndDate =
          params.requiredDeliveryDate[1] + " " + "23:59:59";
        this.$delete(params, "requiredDeliveryDate");
      }
      if (params.requiredArrivalDate) {
        params.arrivalDateStart =
          params.requiredArrivalDate[0] + " " + "00:00:00";
        params.arrivalDateEnd =
          params.requiredArrivalDate[1] + " " + "23:59:59";
        this.$delete(params, "requiredArrivalDate");
      }
      if (params.actualDeliveryDate) {
        params.actualDeliveryDateStart =
          params.actualDeliveryDate[0] + " " + "00:00:00";
        params.actualDeliveryDateEnd =
          params.actualDeliveryDate[1] + " " + "23:59:59";
        this.$delete(params, "actualDeliveryDate");
      }
      if (params.createTime) {
        params.createTimeStart = params.createTime[0] + " " + "00:00:00";
        params.createTimeEnd = params.createTime[1] + " " + "23:59:59";
        this.$delete(params, "createTime");
      }
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    searchReset() {
      this.configuration.dicData = [];
    },
    // 选择框
    selectionChange(list) {
      this.selection = list;
      this.single = list.length !== 1;
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    //列表刷新触发
    refreshChange() {
      this.dataList.forEach(item => {
        this.$refs.crud.toggleRowExpansion(item, false);
      });
      this.page.currentPage = 1;
      this.onLoad(this.page, this.search);
    },
    // 表格展开触发
    expandChange(row, index) {
      if (row.loading) {
        detail(row.id).then(res => {
          row.insideList = res.data.data.orderItemsList;
          row.loading = false;
        });
      }
    },
    onLoad(page, params) {
      // 重置掉展开
      this.dataList.forEach(item => {
        this.$refs.crud.toggleRowExpansion(item, false);
      });
      let data = this.gobackSearch(params);
      let queryParams = Object.assign({}, data, {
        size: page.pageSize,
        current: page.currentPage,
        billType: "XS",
        corpsTypeId: this.treeDeptId
      });
      this.loading = true;
      customerList(queryParams)
        .then(res => {
          this.dataList = res.data.data.records;
          this.dataList.forEach(item => {
            this.$set(item, "insideList", []);
            this.$set(item, "loading", true);
          });
          this.page.total = res.data.data.total;
          this.option.height = window.innerHeight - 240;
        })
        .finally(() => {
          this.loading = false;
        });

        isProcurement({"param":"synchronous"})
          .then(res=>{
              if (res.data.data === '1') {
                  this.isProcurements = false
              }else {
                  this.isProcurements = true
              }
            // this.isProcurements = res.data.data
          })
    },
    //树桩列点击展开触发
    treeLoad(tree, treeNode, resolve) {
      const parentId = tree.id;
      customerList({ parentId: parentId }).then(res => {
        resolve(res.data.data.records);
      });
    },
    goBack() {
      this.detailData = this.$options.data().detailData;
      if (JSON.stringify(this.$route.query) != "{}") {
        this.$router.$avueRouter.closeTag();
        this.$router.push({
          path: "/businessManagement/salesOrder/index"
        });
      }
      this.dataList.forEach(item => {
        this.$refs.crud.toggleRowExpansion(item, false);
      });
      this.isShow = true;
      this.onLoad(this.page, this.search);
    },
    gobackSearch(params) {
      params = Object.assign({}, this.search);
      if (params.businesDate && params.businesDate != "") {
        params.orderStartDate = params.businesDate[0] + " " + "00:00:00";
        params.orderEndDate = params.businesDate[1] + " " + "23:59:59";
        this.$delete(params, "businesDate");
      }
      if (params.receiptTime && params.receiptTime != "") {
        params.receiptTimeStart = params.receiptTime[0] + " " + "00:00:00";
        params.receiptTimeEnd = params.receiptTime[1] + " " + "23:59:59";
        this.$delete(params, "receiptTime");
      }
      if (params.arrivalTime && params.arrivalTime != "") {
        params.arrivalTimeStart = params.arrivalTime[0] + " " + "00:00:00";
        params.arrivalTimeEnd = params.arrivalTime[1] + " " + "23:59:59";
        this.$delete(params, "arrivalTime");
      }
      if (params.requiredDeliveryDate && params.requiredDeliveryDate != "") {
        params.deliveryStartDate =
          params.requiredDeliveryDate[0] + " " + "00:00:00";
        params.deliveryEndDate =
          params.requiredDeliveryDate[1] + " " + "23:59:59";
        this.$delete(params, "requiredDeliveryDate");
      }
      if (params.requiredArrivalDate && params.requiredArrivalDate != "") {
        params.arrivalDateStart =
          params.requiredArrivalDate[0] + " " + "00:00:00";
        params.arrivalDateEnd =
          params.requiredArrivalDate[1] + " " + "23:59:59";
        this.$delete(params, "requiredArrivalDate");
      }
      if (params.actualDeliveryDate && params.actualDeliveryDate != "") {
        params.actualDeliveryDateStart =
          params.actualDeliveryDate[0] + " " + "00:00:00";
        params.actualDeliveryDateEnd =
          params.actualDeliveryDate[1] + " " + "23:59:59";
        this.$delete(params, "actualDeliveryDate");
      }
      if (params.createTime && params.createTime != "") {
        params.createTimeStart = params.createTime[0] + " " + "00:00:00";
        params.createTimeEnd = params.createTime[1] + " " + "23:59:59";
        this.$delete(params, "createTime");
      }
      return params;
    },
    exportExcel() {
      let data = this.gobackSearch()
      const routeData = this.$router.resolve({
        path: '/api/blade-purchase-sales/order/saleOrderExport',      //跳转目标窗口的地址
        query: {
          'Blade-Auth': getToken(),
          ...data    //括号内是要传递给新窗口的参数
        }
      })
      window.open(routeData.href.slice(1, routeData.href.length));
    },
    //列保存触发
    async saveColumn() {
      /**
       * 已定义全局方法，直接使用，saveColumnData保存列数据方法,参数传值(表格名称，当前表格的option数据)
       * 已定义全局方法，直接使用，getColumnName方法用来获取枚举值，参数根据自己定义的code值获取中文名
       * 一定要执行异步操作，要等接口成功返回，才能执行下一行代码
       */
      const inSave = await this.saveColumnData(
        this.getColumnName(14),
        this.option
      );
      if (inSave) {
        this.$message.success("保存成功");
        //关闭窗口
        this.$refs.crud.$refs.dialogColumn.columnBox = false;
        this.$nextTick(() => {
          this.$refs.crud.doLayout();
        });
      }
    },
    async resetColumn() {
      this.option = option;
      const inSave = await this.delColumnData(this.getColumnName(14), option);
      if (inSave) {
        this.$nextTick(() => {
          this.$refs.crud.doLayout();
        });
        this.$message.success("重置成功");
        //关闭窗口
        this.$refs.crud.$refs.dialogColumn.columnBox = false;
      }
    },
    // 导出
    exportHandle() {
      this.$confirm("是否导出产品信息？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          window.open(
            `/api/blade-client/goodsdesc/export-out-info?${this.website.tokenHeader
            }=${getToken()}`
          );
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消" //
          });
        });
    },
    // 生成采购
    saveSell(row) {
      if (
        Number(row.settlmentAmount) < Number(row.debitAmount) &&
        row.specialCheckStatus != 3
      )
        return this.$message.error("收款未收齐，禁止生成采购单");
      this.$confirm("是否生成采购单?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.loading = true
        saveSell(row.id).then(res => {
          if (res.data.code == 200) {
            this.$message.success("生成成功");
          }
        }).finally(() => {
          this.loading = false;
          this.onLoad(this.page, this.search);
        })
      });
    },
    customerReceipt(row) {
      if (this.$store.getters.inStatus) {
        this.$alert("客户收货存在,请保存客户收货再进行操作", "温馨提示", {
          confirmButtonText: "确定",
          type: "warning",
          callback: action => { }
        });
      } else {
        let arr = [];
        this.openFullScreen(false, "正在生成客户收货...");
        detail(row.id).then(res => {
          console.log('detail',res.data.data);
            arr = res.data.data.orderItemsList
              ? res.data.data.orderItemsList
              : [];
            if (arr.length === 0)
              return this.$message.error("该单子明细为空，不能生成客户收货");
            let ids = [];
            let storageIds = res.data.data.storageId
            arr.forEach(item => ids.push(item.id));
            this.$confirm("此操作将进行客户收货，是否继续?", {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning"
            }).then(() => {
              this.openFullScreen(false, "正在生成客户收货...");
              res.data.data.orgId = res.data.data.id
              res.data.data.deliveryStatus = '录入'
              res.data.data.srcOrderNo = res.data.data.orgOrderNo
              res.data.data.arrivalContact = res.data.data.corpAttn
              res.data.data.arrivalTel = res.data.data.corpTel
              res.data.data.totalWeight = res.data.data.cartonWeight
              res.data.data.totalVolumn = res.data.data.cntrVolumn
              res.data.data.deliveryItemsList = res.data.data.orderItemsList
              res.data.data.deliveryFeesList = res.data.data.orderFeesList
              res.data.data.salesCompany = res.data.data.belongToCorpId
              res.data.data.deliveryAmount = 0
              res.data.data.totalQuantity = 0
              res.data.data.totalCost = 0
              res.data.data.billType = 'FH'
              res.data.data.saleman = res.data.data.chargeMember
              res.data.data.orderItemsList.forEach(item => {
                item.containerVolume = item.cntrVolumn
                item.actualWeight = item.cartonWeight
                item.specificationAndModel = item.itemType
                item.orgOrderNo = res.data.data.orgOrderNo
                item.srcOrderNo = res.data.data.srcOrderNo
                item.srcId = item.id
                item.actualQuantity = (Number(item.orderQuantity) - Number(item.actualQuantity))
                item.arrivalQuantity = item.actualQuantity
                item.deliveryAmount = item.amount
                item.purchaseTotalAmount = (Number(item.purchaseAmount) * Number(item.actualQuantity))
                item.purchaseTotalAmount = item.purchaseTotalAmount.toFixed(2)
                item.inventoryNumber = item.storageQuantity
                res.data.data.deliveryAmount += Number(item.deliveryAmount)
                res.data.data.totalQuantity += Number(item.actualQuantity)
                res.data.data.totalCost += Number(item.deliveryAmount)
                delete item.id
                delete item.pid
                delete item.createTime
                delete item.createUser
                delete item.status
                delete item.updateTime
                delete item.updateUser
              })
              res.data.data.orderFeesList.forEach(item => {
                delete item.createDept
                delete item.createTime
                delete item.createUser
                delete item.id
                delete item.isDeleted
                delete item.pid
                delete item.status
                delete item.tenantId
                delete item.updateTime
                delete item.updateUser
              })
              this.warehouseTypeOption.forEach((item, index) => {
                if (index == 0) {
                  res.data.data.warehouseType = item.dictValue
                }
              })
              this.warehouseList.forEach((item, index) => {
                if (index == 0) {
                  res.data.data.storageId = item.id
                }
              })
              res.data.data.businessDate = getCurrentDate()
              delete res.data.data.createTime
              delete res.data.data.id
              delete res.data.data.sysNo
              delete res.data.data.corpName
              delete res.data.data.belongToCorpList
              //上面接口返回的storageId赋给下面的
              res.data.data.storageId = storageIds
              genClient(res.data.data).then(() => {
                this.$message.success('客户收货成功')
                this.openFullScreen(true);
                this.onLoad(this.page, this.search);
              })
            });
          }).finally(() => {
            this.openFullScreen(true);
          });
      }
    },
    //遮罩层
    openFullScreen(res, text) {
      const loading = this.$loading({
        lock: true,
        text: text,
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      if (res === true) loading.close();
    }
  }
};
</script>


<style scoped src="@/styles/demo-center.css"></style>
<style scoped>
#container {
  height: 80vh;
  width: 100%;
}

.input-card .btn {
  margin-right: 1.2rem;
  width: 9rem;
}

.input-card .btn:last-child {
  margin-right: 0;
}
</style>

<!--<style scoped>-->

<!--</style>-->