icore-pass/src/views/inward/components/offsetSteel/saleSteelTruckOrder/saleTruckPreview.vue

<!-- 内转钢材到异地库派单界面 -->
<template>
  <div class="purchasFuelNewMonitor">
    <div class="tableTop">
      <el-form :inline="true" style="margin-top: 5px">
        <el-form-item>
          <el-select
            v-model="screen"
            placeholder="请选择需筛选的内容"
            clearable
            @change="changeScreen"
            style="width: 150px"
          >
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
          <el-input
            style="width: 200px"
            v-model="input"
            placeholder="请输入查询条件"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item>
          <label class="el-form-item__label" style="width: auto"
            >订单时间：</label
          >
          <el-date-picker
            v-model="startTime"
            type="datetime"
            placeholder="选择日期时间"
            style="width: 200px"
          >
          </el-date-picker>
          <span>至</span>
          <el-date-picker
            v-model="endTime"
            type="datetime"
            placeholder="选择日期时间"
            style="width: 200px"
          >
          </el-date-picker>
          <el-button type="primary" class="btn" @click="onclick">
            <i class="el-icon-search"></i>
          </el-button>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="refresh">
            <i class="el-icon-refresh"></i>
          </el-button>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="showDialog">多拼派车</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="table">
      <el-table
        :data="tableData"
        :span-method="objectSpanMethod"
        ref="tableRef"
        border
        stripe
        style="width: 100%; margin-top: 20px"
        max-height="500px"
        @cell-click="cellClik"
        :row-style="{ height: '30px' }"
        :cell-style="{ fontWeight: '700' }"
      >
        <el-table-column type="selection" width="40" :selectable="selectInit">
        </el-table-column>
        <el-table-column
          prop="index"
          width="40"
          label="序号"
          align="center"
          :resizable="false"
        >
          <template slot-scope="scope">{{ scope.row.group + 1 }}</template>
        </el-table-column>
        <el-table-column
          prop="saleOrderNo"
          label="单据编号"
          width="200px"
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="consigneeName"
          label="收货单位"
          width="200px"
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="sendStationName"
          column-key="sendStationName"
          label="车皮装车地点"
          align="center"
          width="100px"
          :filters="[
            { text: '专用线', value: '专用线' },
            { text: '达州站', value: '达州站' }
          ]"
          :filter-method="filterSend"
        >
          <!-- 选择发站 -->
          <template slot-scope="scope">
            <el-select
              filterable
              v-model="scope.row.sendStationId"
              @change="updateSendStation($event, scope.row)"
            >
              <el-option
                v-for="item in sendStations"
                :value="item.sendStationId"
                :key="item.sendStationId"
                :label="item.sendStation"
              ></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column
          prop="capacityNo"
          column-key="capacityNo"
          label="车牌号"
          align="center"
          width="200px"
        >
          <template slot-scope="scope">
            <el-autocomplete
              style="width: 120px"
              v-model="scope.row.capacityNo"
              :fetch-suggestions="querySearch"
              placeholder="请输入车牌号"
              @select="handleSelect(scope.row, scope.$index)"
              :disabled="scope.row.isCapacityShow != 1 || scope.row.orderStatus == 2"
            ></el-autocomplete>
            <el-button
              @click="updateCapacity(scope.row)"
              type="primary"
              v-if="scope.row.isCapacityShow == 1 && scope.row.orderStatus != 2"
              >提交</el-button
            >
          </template>
        </el-table-column>
        <el-table-column
          prop="toTheStation"
          label="到站"
          align="center"
          width="100px"
        >
        </el-table-column>
        <el-table-column
          prop="materialName"
          label="物资名称"
          align="center"
          width="100px"
        >
        </el-table-column>
        <el-table-column prop="materialSpe" label="物资规格" align="center">
        </el-table-column>
        <el-table-column
          prop="materialNum"
          label="物资件数"
          align="center"
          width="100px"
        >
          <!-- <template slot-scope="scope">
            <button
              type="primary"
              @click="scope.row.materialNum--"
              v-if="scope.row.isNumShow == 1"
              style="height: 40px"
            >
              -
            </button>
            <input
              v-model="scope.row.materialNum"
              disabled
              style="
                width: 40px;
                height: 40px;
                font-size: 16px;
                line-height: 40px;
                text-align: center;
              "
            />
            <el-button
              type="primary"
              @click="updateBillOrder(scope.row)"
              v-if="scope.row.isNumShow == 1"
              >提交</el-button
            >
          </template> -->
        </el-table-column>
        <el-table-column
          prop="transInDep"
          label="调入部门"
          width="120px"
          align="center"
          column-key="transInDep"
        >
        </el-table-column>
        <el-table-column
          prop="transInWarehouse"
          label="调入仓库"
          width="120px"
          align="center"
          column-key="transInWarehouse"
        >
        </el-table-column>
        <el-table-column prop="netWeight" label="净重" align="center">
        </el-table-column>
        <el-table-column
          prop="carrierName"
          label="承运商"
          align="center"
          width="250px"
        >
          <!-- <template slot-scope="scope">
            <el-autocomplete
              style="width: 120px"
              v-model="scope.row.carrierName"
              :fetch-suggestions="querySearchCarrier"
              placeholder="请输入承运商"
              @select="handleSelectCarrier(scope.row, scope.$index)"
              :disabled="scope.row.isCarrierShow != 1"
            >
            </el-autocomplete>
            <el-button
              @click="updateTruckCarrier(scope.row)"
              type="primary"
              v-if="scope.row.isCarrierShow == 1"
              >提交</el-button
            >
          </template> -->
        </el-table-column>
        <el-table-column
          prop="orderNumber"
          label="运输订单号"
          width="180px"
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="transOutDep"
          label="调出部门"
          width="120px"
          align="center"
          column-key="transOutDep"
        >
        </el-table-column>
        <el-table-column
          prop="capacityTel"
          label="司机电话"
          width="250px"
          align="center"
        >
          <template slot-scope="scope">
            <el-input
              style="width: 120px"
              v-model="scope.row.capacityTel"
              placeholder="请输入电话号码"
              :disabled="scope.row.isTelShow != 1"
            ></el-input>
            <el-button
              @click="updateDriverTel(scope.row)"
              type="primary"
              v-if="scope.row.isTelShow == 1"
              >提交</el-button
            >
          </template>
        </el-table-column>
        <el-table-column
          prop="shipperName"
          label="发货单位"
          width="170px"
          align="center"
        >
        </el-table-column>
      </el-table>
    </div>
    <!-- 多拼弹出层-->
    <el-dialog
      title="生成多拼"
      :visible.sync="dialogTableVisible"
      style="width: 500px"
    >
      <el-form :inline="true">
        <el-form-item>
          <el-autocomplete
            style="width: 120px"
            v-model="capacityNo"
            :fetch-suggestions="querySearch"
            placeholder="请输入车牌号"
            @select="handleMulSelect"
          ></el-autocomplete>
          <el-button
            @click="updateMulCapacity"
            type="primary"
            :disabled="disabledDispatch"
            >提交</el-button
          >
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>
<script>
import { sjTime, isVehicleNumber } from "@/utils/sharedJsFile";
import { getCookie } from "@/utils/util.js";
export default {
  data() {
    return {
      // 线路名称
      lineName: "",
      //线路id
      lineId: null,
      drawer: false,
      clickIndex: null,
      input: null,
      screen: "",
      dialogTableVisible: false,
      newsCapacityId: null,
      capacityNo: null,
      selection: [],
      options: [
        {
          value: "收货单位",
          lable: "收货单位"
        },
        {
          value: "车牌号",
          lable: "车牌号"
        }
      ],
      startTime: null,
      endTime: null,
      //合计净重
      totalNumber: 0,
      //合计车数
      totalCapacity: 0,
      tableTitle: "销售统计报表",
      capacityList: [],
      carrierList: [],
      // 线路
      LineList: [],
      tableData: [],
      spanArr: [],
      pos: 0,
      a: 1,
      isCellClick: 0,
      //需要合并的行
      mergeList: [
        "saleOrderNo",
        "shipperName",
        "capacityTel",
        "orderNo",
        "carrierName",
        "transInWarehouse",
        "transOutDep",
        "transInDep",
        "capacityNo",
        "sendStationName",
        "consigneeName",
        "index"
      ],
      //钢材多拼车辆线路ID
      //索引从1-10为1-10拼路线ID
      // lineSpelling: [
      //   0,
      //   110001,
      //   110002,
      //   110003,
      //   110004,
      //   110005,
      //   110006,
      //   110007,
      //   110008,
      //   110009,
      //   110010
      // ],
      //达州站内转多拼车辆线路ID,从1-5为1-5拼线路id
      lineDazhou: [0, 189982, 189983, 189984, 189985, 189986],
      //专用线内转多拼车辆线路ID,从1-5为1-5拼线路id
      lineZhuanxian: [0, 189987, 189988, 189989, 189990, 189991],
      sendStationId: null,
      sendStations: [],
      direction: "rtl"
    };
  },
  mounted() {
    this.getSteelReport();
    this.getSendStations();
  },
  methods: {
    // dispatchSome() {
    //   console.log(this.tableData);
    //   //首先过滤掉已派车的数据
    //   let arr = this.tableData.filter(item => {
    //     return item.capacityIds == 0;
    //   });
    //   if (arr.length == 0) {
    //     ths.$message.error("没有符合条件的分录可供拼装");
    //     return;
    //   }
    //   console.log(arr);
    //   this.selection = arr;
    //   this.updateMulCapacity();
    // },
    //禁用已派车
    selectInit(row) {
      console.log(row);
      if (row.capacityIds != 0) {
        return false;
      } else {
        return true;
      }
    },
    filterSend(value, row, column) {
      return row.sendStation === value;
    },
    //反关闭整条分录
    adverseCloseSaleMaterial(row) {
      console.log(row.saleMaterialId);
      this.$confirm("确定反关闭该条分录?", "提示", {
        cancelButtonText: "确定",
        confirmButtonText: "取消",
        center: true
      }).then(() => {
        this.axios
          .post(
            "/api/v1/ams/adverseCloseSaleMaterial?saleMaterialId=" +
              row.saleMaterialId
          )
          .then(res => {
            if (res.data.code == "200") {
              this.$message.success("反关闭成功");
              this.getSteelReport();
            } else {
              this.$message.error("反关闭失败");
              this.getSteelReport();
            }
          })
          .catch(() => {
            this.$message.error("反关闭失败");
            this.getSteelReport();
          });
      });
    },

    //销售钢材报表导出excel
    exportAllReportToExcel() {
      const loading = this.$loading({
        lock: true,
        text: "正在导出Excel",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      var title = this.tableTitle;
      let tHeader = [];
      let filterVal = [];
      console.log(this.$refs.tableRef);
      this.$refs.tableRef.$children.forEach(item => {
        if (item.label != undefined && item.prop != undefined) {
          if (tHeader.indexOf(item.label) === -1) {
            tHeader.push(item.label);
          }
          if (filterVal.indexOf(item.prop) === -1) {
            filterVal.push(item.prop);
          }
        }
      });
      this.downloadLoading = true;
      require.ensure([], () => {
        const {
          export_json_to_excel
        } = require("@/assets/excel/Export2Excel.js"); //这里必须使用绝对路径，使用@/+存放export2Excel的路径
        let data = this.tableData.map(v => filterVal.map(j => v[j])); //3.formatJson格式转换
        export_json_to_excel(tHeader, data, title); // (title)导出的表格名称
      });
      loading.close();
    },
    cellClik(row, column, cell, event) {
      if (row.group != this.clickIndex) {
        // this.getSteelReport();
        this.tableData.forEach(item => {
          if (item.group == this.clickIndex) {
            this.$set(item, "isCapacityShow", 0);
            this.$set(item, "isCarrierShow", 0);
            this.$set(item, "isTelShow", 0);
            this.$set(item, "isSendStationName", 0);
          }
        });
      }
      if (column.property == "capacityNo") {
        this.$set(row, "isCapacityShow", 1);
        this.clickIndex = row.group;
      }
      if (column.property == "sendStationName") {
        this.$set(row, "isSendStationName", 1);
        this.clickIndex = row.group;
      }
      if (column.property == "carrierName") {
        this.$set(row, "isCarrierShow", 1);
        this.clickIndex = row.group;
      }
      if (column.property == "capacityTel") {
        this.$set(row, "isTelShow", 1);
        this.clickIndex = row.group;
      }
    },
    //承运商弹出层
    handleSelectCarrier(row, index, item) {
      this.carrierList.forEach(item => {
        if (item.carrierName == row.carrierName) {
          row.newCarrierId = item.carrierId;
          row.carrierId = item.carrierId;
          row.carrierIds = item.carrierId;
        }
      });
    },
    //承运商边输边查
    querySearchCarrier(queryString, cb) {
      if (queryString.length > 1) {
        this.axios
          .post("/api/v1/uc/getCarrierMesByLike?index=" + queryString)
          .then(res => {
            if (res.data.code == "200") {
              this.carrierList = [];
              if (res.data.data.length == 0) {
                this.$message.info("承运商不存在,请前往注册");
                return;
              }
              var restaurants = res.data.data;
              this.carrierList = res.data.data;
              var results = queryString
                ? restaurants.filter(this.createFilterCarrier(queryString))
                : restaurants;
              cb(results);
            }
          });
      }
    },
    //获取发站
    getSendStations() {
      this.axios.get("/api/v1/uc/getInwardSendStation").then(res => {
        console.log(res.data.data);
        if (res.data.code == "200") {
          this.sendStations = res.data.data;
        }
      });
    },
    createFilterCarrier(queryString) {
      return restaurants => {
        return (
          restaurants.value1.toLowerCase().indexOf(queryString.toLowerCase()) >
          -1
        );
      };
    },
    //以下是车牌号边输边查搜索
    querySearch(queryString, cb) {
      if (queryString.length > 3) {
        this.axios
          .post("/api/v1/uc/getCapacityByLike?index=" + queryString)
          .then(res => {
            this.capacityList = [];
            if (res.data.code == "200") {
              if (res.data.data.length == 0) {
                this.$message.info("车牌号不存在,请前往注册");
                return;
              }
              var restaurants = res.data.data;
              this.capacityList = res.data.data;
              var results = queryString
                ? restaurants.filter(this.createFilter(queryString))
                : restaurants;
              // console.log("res",+results);
              // 调用 callback 返回建议列表的数据
              cb(results);
            }
          });
      }
    },
    createFilter(queryString) {
      return restaurants => {
        return (
          restaurants.value.toLowerCase().indexOf(queryString.toLowerCase()) >
          -1
        );
      };
    },
    //车牌号弹出层
    handleSelect(row, index) {
      this.capacityList.forEach(item => {
        if (item.capacityNumber === row.capacityNo) {
          row.newsCapacityId = item.capacityId;
        }
      });
    },
    //多拼弹出层绑定车牌号
    handleMulSelect(item) {
      console.log(item);
      this.capacityList.forEach(e => {
        if (item.capacityNumber === e.capacityNumber) {
          this.capacityNumber = e.capacityNumber;
          this.capacityId = e.capacityId;
        }
      });
    },

    updateSendStation(selection, row) {
      let sendStation = this.sendStations.find(
        item => item.sendStationId == row.sendStationId
      );
      row.sendStation = sendStation.sendStation;
      console.log("sendStation", sendStation);
      console.log("row:", row);
    },

    updateCapacity(row) {
      row.isIwardSteel = 4;
      row.saleOrderMaterialId = row.saleOrderId;
      row.capacityId = row.newsCapacityId;
      if (row.newsCapacityId == null) {
        this.$message.warning("请先注册车牌号或者选中弹出后再提交!");
        return;
      }
      if (!isVehicleNumber(row.capacityNo)) {
        this.$message.error("请输入正确格式的车牌号!");
        return;
      }
      if (row.capacityIds != 0) {
        const loading = this.$loading({
          lock: true,
          text: "正在变更车牌号",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        console.log("updateCapacityRow:", row);
        this.axios
          .post("/api/v1/ams/updateCapacityNumberInFactory", row)
          .then(res => {
            if (res.data.code == "200") {
              this.$message.success("变更车牌号成功!");
              this.getSteelReport();
              loading.close();
            } else {
              this.$message.success("变更失败，请联系管理员");
              this.getSteelReport();
              loading.close();
            }
          })
          .catch(() => {
            this.$message.success("变更失败，请联系管理员");
            this.getSteelReport();
            loading.close();
          });
      } else {
        if (row.carrierIds == 0) {
          this.$message.error("请先选择承运商！");
          return;
        }
        if (row.sendStation == null || row.sendStation == "") {
          this.$message.error("请先选择发站");
          return;
        }
        row.driverTel = row.capacityTel;
        row.capacityNumber = row.capacityNo;
        let arr = [];
        arr.push(row);
        if (arr[0].sendStation == "达州站") {
          arr.forEach(item => {
            item.lineId = this.lineDazhou[arr.length];
            item.lineName = "达州站";
          });
        } else if (arr[0].sendStation == "专用线") {
          arr.forEach(item => {
            item.lineId = this.lineZhuanxian[arr.length];
            item.lineName = "专用线";
          });
        } else {
          console.log("没有该发站的线路");
          this.$message.error("未匹配到线路,请联系管理员");
          this.getSteelReport();
          return;
        }
        let map = {
          sendStationId: row.sendStationId,
          saleOrderId: row.saleOrderId,
          mapList: arr
        };
        console.log("map", map);
        if (!map.saleOrderId || !map.sendStationId || !map.mapList) {
          this.$message.warning("数据异常，请确认已选发站");
          return;
        }
        console.log("map:", map);
        const loading = this.$loading({
          lock: true,
          text: "正在派车",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        this.axios
          .post("/api/v1/ams/dispatchInwardTruckOrderBySale", map)
          .then(res => {
            if (res.data.code == "200") {
              this.$message.success("派车成功!");
              this.getSteelReport();
              loading.close();
            } else {
              this.$message.error("派车失败,请联系管理员");
              this.getSteelReport();
              loading.close();
            }
          })
          .catch(() => {
            this.$message.error("派车失败,请联系管理员");
            this.getSteelReport();
            loading.close();
          });
      }
    },

    //多拼派车
    updateMulCapacity() {
      let i = 0;
      if (this.capacityId == null) {
        this.$message.error("请选择车牌号后再派发");
        return;
      }
      this.selection.forEach(item => {
        item.isIwardSteel = 4;
        item.saleOrderMaterialId = item.saleOrderId;
        item.capacityNumber = this.capacityNumber;
      });
      if (this.selection[0].sendStation == "达州站") {
        this.selection.forEach(item => {
          item.lineId = this.lineDazhou[this.selection.length];
          item.lineName = "达州站";
        });
      } else if (this.selection[0].sendStation == "专用线") {
        this.selection.forEach(item => {
          item.lineId = this.lineZhuanxian[this.selection.length];
          item.lineName = "专用线";
        });
      } else {
        console.log("没有该发站的线路");
        this.$message.error("未匹配到线路,请联系管理员");
        this.getSteelReport();
        return;
      }
      let map = {
        sendStationId: this.selection[0].sendStationId,
        saleOrderId: this.selection[0].saleOrderId,
        mapList: this.selection
      };
      console.log("map", map);
      if (!map.saleOrderId || !map.sendStationId || !map.mapList) {
        this.$message.warning("数据异常，请确认已选发站");
        return;
      }
      const loading = this.$loading({
        lock: true,
        text: "正在派车",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      this.axios
        .post("/api/v1/ams/dispatchInwardTruckOrderBySale", map)
        .then(res => {
          if (res.data.code == "200") {
            this.$message.success("派车成功!");
            this.getSteelReport();
            loading.close();
            this.capacityId = null;
            this.dialogTableVisible = false;
          } else {
            this.$message.error("派车失败,请联系管理员");
            this.getSteelReport();
            loading.close();
            this.capacityId = null;
            this.dialogTableVisible = false;
          }
        })
        .catch(() => {
          this.$message.error("派车失败,请联系管理员");
          this.getSteelReport();
          loading.close();
          this.capacityId = null;
          this.dialogTableVisible = false;
        });
    },

    //修改司机电话号码
    updateDriverTel(row) {
      const loading = this.$loading({
        lock: true,
        text: "修改电话号码中",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      if (row.capacityTel == null || row.capacityTel == "") {
        this.$message.error("电话号码不能为空");
        loading.close();
        return;
      }
      this.axios
        .post("/api/v1/uc/updateDriverTel", {
          orderId: parseInt(row.orderId),
          driverTel: row.capacityTel
        })
        .then(res => {
          if (res.data.code == "200") {
            this.$message.success("修改成功");
            this.getSteelReport();
            loading.close();
          } else {
            this.$message.error("修改失败");
            this.getSteelReport();
            loading.close();
          }
        })
        .catch(() => {
          this.$message.error("修改失败");
          this.getSteelReport();
          loading.close();
        });
    },
    //关闭车辆金蝶分录
    deleteEasEntryId(row) {
      this.$confirm("确定关闭该车金蝶分录吗?", "提示", {
        confirmButtonText: "是",
        cancelButtonText: "否",
        center: true,
        type: "warning"
      })
        .then(() => {
          let map = row;
          map.isCloseEas = Number(0);
          const loading = this.$loading({
            lock: true,
            text: "正在关闭车辆",
            spinner: "el-icon-loading",
            background: "rgba(0, 0, 0, 0.7)"
          });
          this.axios
            .post("/api/v1/ams/updateCarAddress", map)
            .then(res => {
              if (res.data.code == "200") {
                this.$message.success("关闭车辆成功");
                this.getSteelReport();
                loading.close();
              } else {
                this.$message.error("关闭车辆失败");
                this.getSteelReport();
                loading.close();
              }
            })
            .catch(() => {
              this.$message.error("关闭车辆失败");
              this.getSteelReport();
              loading.close();
            });
        })
        .catch(() => {
          this.$message.info("取消关闭");
        });
    },
    //修改承运商授权
    updateTruckCarrier(row) {
      if (!row.saleOrderMaterialId) {
        row.saleOrderMaterialId = row.saleOrderId;
      }
      if (row.newCarrierId == null) {
        this.$message.warning("请注册承运商或者选中弹出层之后再提交!");
        this.getSteelReport();
        return;
      }
      console.log("carrierIdRow:", row);
      if (row.carrierIds != 0) {
        const loading = this.$loading({
          lock: true,
          text: "正在修改承运商授权",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        this.axios
          .post("/api/v1/ams/updateTruckNoCarrier", row)
          .then(res => {
            if (res.data.code == "200") {
              this.$message.success("修改承运商授权成功");
              this.getSteelReport();
              loading.close();
            } else {
              this.$message.error("修改失败,请联系管理员!");
              this.getSteelReport();
              loading.close();
            }
          })
          .catch(() => {
            this.$message.error("修改失败,请联系管理员!");
            this.getSteelReport();
            loading.close();
          });
      } else {
        //授权承运商
        let arr = [];
        arr.push(row);
        const loading = this.$loading({
          lock: true,
          text: "正在授权承运商",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        this.axios
          .post("/api/v1/ams/dispatchToCarrier", arr)
          .then(res => {
            if (res.data.code == "0") {
              this.$message.success("授权承运商成功");
              this.getSteelReport();
              loading.close();
            } else {
              this.$message.error("授权失败,请联系管理员");
              this.getSteelReport();
              loading.close();
            }
          })
          .catch(() => {
            this.$message.error("授权失败,请联系管理员");
            this.getSteelReport();
            loading.close();
          });
      }
    },

    //记录每一行的合并数
    getSpanArr(data) {
      //每次调用方法初始化
      this.spanArr = [];
      for (var i = 0; i < data.length; i++) {
        if (i === 0) {
          this.spanArr.push(1);
          data[i].group = i;
          this.pos = 0;
        } else {
          // 判断当前元素与上一个元素是否相同
          if (
            data[i].orderId === data[i - 1].orderId &&
            data[i].orderId != null &&
            data[i - 1].orderId != null
          ) {
            this.spanArr[this.pos] += 1;
            data[i].group = data[i - 1].group;
            this.spanArr.push(0);
          } else {
            this.spanArr.push(1);
            this.pos = i;
            data[i].group = data[i - 1].group + 1;
          }
        }
        this.totalCapacity = data[data.length - 1].group + 1;
        this.totalNumber = data.reduce(function(prev, item) {
          return prev + item.materialNum;
        }, 0);
      }
    },
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (this.mergeList.includes(column.property)) {
        const _row = this.spanArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col
        };
      }
    },
    // //减少物资件数
    // updateBillOrder(row) {
    //   const loading = this.$loading({
    //     lock: true,
    //     text: "修改物资件数中",
    //     spinner: "el-icon-loading",
    //     background: "rgba(0, 0, 0, 0.7)"
    //   });
    //   let map = {
    //     materialId: row.materialId,
    //     materialNum: row.materialNum
    //   };
    //   let arr = [];
    //   arr.push(map);
    //   let updateMap = {
    //     orderId: row.orderId,
    //     saleOrderId: row.saleOrderId,
    //     saleOrderMaterialId: row.saleOrderMaterialId,
    //     mapList: arr
    //   };
    //   this.axios
    //     .post("/api/v1/oms/updateMaterialMes", updateMap)
    //     .then(res => {
    //       if (res.data.code == "200") {
    //         this.$message.success("修改物资数量成功");
    //         this.getSteelReport();
    //         loading.close();
    //       } else {
    //         this.$message.error("修改物资数量失败,请联系管理员");
    //         this.getSteelReport();
    //         loading.close();
    //       }
    //     })
    //     .catch(() => {
    //       this.$message.error("修改物资数量失败,请联系管理员");
    //       this.getSteelReport();
    //       loading.close();
    //     });
    // },
    //关闭单条分录
    closeEasEntryId(row) {
      console.log(row);
      this.$prompt("确定关闭该条分录吗?", "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        center: true,
        inputPlaceholder: "请输入关闭理由"
      })
        .then(({ value }) => {
          if (value != null || value != "") {
            const loading = this.$loading({
              lock: true,
              text: "正在关闭该条分录",
              spinner: "el-icon-loading",
              background: "rgba(0, 0, 0, 0.7)"
            });
            let map = {
              orderId: row.orderId,
              saleOrderMaterialId: row.saleOrderMaterialId,
              saleMaterialId: row.saleMaterialId,
              reason: value,
              number: row.saleOrderNo,
              closeEntryId: row.closeEntryId
            };
            this.axios
              .post("/api/v1/ams/closeSteelMaterialId", map)
              .then(res => {
                if (res.data.code == "200") {
                  this.$message.success("关闭成功");
                  this.getSteelReport();
                  loading.close();
                } else {
                  this.$message.error("关闭失败,请联系管理员");
                  this.getSteelReport();
                  loading.close();
                }
              })
              .catch(() => {
                this.$message.error("关闭失败,请联系管理员");
                this.getSteelReport();
                loading.close();
              });
          }
        })
        .catch(() => {
          this.$message.info("取消输入");
        });
    },
    //查询，输入查询条件
    onclick() {
      let startTime = null;
      let endTime = null;
      let consigneeName = null;
      let capacityNo = null;
      let remark = null;
      if (this.startTime && this.endTime) {
        startTime = sjTime(this.startTime);
        endTime = sjTime(this.endTime);
      }
      if (this.screen == "收货单位") {
        consigneeName = this.input;
      } else if (this.screen == "车牌号") {
        capacityNo = this.input;
      } else {
        remark = this.input;
      }
      this.axios
        .post(
          "/api/v1/tms/getInwardSaleSteelOrder?startTime=" +
            startTime +
            "&endTime=" +
            endTime +
            "&i=" +
            new Date() +
            "&remark=" +
            remark +
            "&consigneeName=" +
            consigneeName +
            "&capacityNo=" +
            capacityNo
        )
        .then(res => {
          this.tableData = res.data.data;
          this.getSpanArr(res.data.data);
        });
    },
    //重新获取表格数据
    refresh() {
      this.getSteelReport();
    },
    //获取钢材订单报表
    getSteelReport() {
      this.axios
        .post(
          "/api/v1/tms/getInwardSaleSteelOrder?startTime=" +
            null +
            "&endTime=" +
            null +
            "&i=" +
            new Date()
        )
        .then(res => {
          this.tableData = res.data.data;
          this.getSpanArr(res.data.data);
        });
    },
    //控制列自动撑开
    flexColumnWidth(str, tableData, flag) {
      // str为该列的字段名(传字符串);tableData为该表格的数据源(传变量);
      // flag为可选值，可不传该参数,传参时可选'max'或'equal',默认为'max'
      // flag为'max'则设置列宽适配该列中最长的内容,flag为'equal'则设置列宽适配该列中第一行内容的长度。
      str = str + "";
      let columnContent = "";
      if (
        !tableData ||
        !tableData.length ||
        tableData.length === 0 ||
        tableData === undefined
      ) {
        return;
      }
      if (!str || !str.length || str.length === 0 || str === undefined) {
        return;
      }
      if (flag === "equal") {
        // 获取该列中第一个不为空的数据(内容)
        for (let i = 0; i < tableData.length; i++) {
          if (tableData[i][str].length > 0) {
            columnContent = tableData[i][str] + "";
            break;
          }
        }
      } else {
        // 获取该列中最长的数据(内容)
        let index = 0;
        for (let i = 0; i < tableData.length; i++) {
          if (tableData[i][str] === null) {
            // 当数据为空时跳过本次循环获取下一条数据长度
            continue;
          }
          const now_temp = tableData[i][str] + "";
          const max_temp = tableData[index][str] + "";
          if (now_temp.length > max_temp.length) {
            index = i;
          }
        }
        columnContent = tableData[index][str] + "";
      } // 以下分配的单位长度可根据实际需求进行调整
      let flexWidth = 0;
      if (columnContent != undefined) {
        for (const char of columnContent) {
          if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) {
            // 如果是英文字符，为字符分配10个单位宽度
            flexWidth += 10;
          } else if (char >= "\u4e00" && char <= "\u9fa5") {
            // 如果是中文字符，为字符分配16个单位宽度
            flexWidth += 14;
          } else {
            // 其他种类字符，为字符分配10个单位宽度
            flexWidth += 10;
          }
        }
      }
      if (flexWidth < 80) {
        // 设置最小宽度
        flexWidth = 80;
      }
      if (flexWidth > 500) {
        // 设置最大宽度
        flexWidth = 500;
      }
      return flexWidth + "px";
    },
    //多拼弹出层
    showDialog() {
      let selection = this.$refs.tableRef.selection;
      console.log("selection", selection);
      if (selection && selection.length > 0) {
        if (
          selection.find(
            item =>
              item.lineId != selection[0].lineId ||
              item.saleOrderId != selection[0].saleOrderId ||
              item.sendStation != selection[0].sendStation
          )
        ) {
          this.$message({
            message: "无法生成多拼，订单或者线路不一致",
            type: "warning"
          });
          return;
        } else if (!selection[0].sendStationId) {
          this.$message({
            message: "无法生成多拼，请先选择发站",
            type: "warning"
          });
          return;
        }
        this.dialogTableVisible = true;
        this.selection = selection;
        this.capacityNo = selection[0].capacityNo;
      } else {
        this.$message({
          message: "请先勾选再生成多拼",
          type: "warning"
        });
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.purchasFuelNewMonitor {
  .tableTop {
    margin-left: 20px;
    margin-top: 20px;
  }
  .table {
    margin-left: 20px;
    margin-top: 20px;
  }
  .address {
    .button-box {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}
</style>