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="exportAllReportToExcel"
            ><i class="el-icon-download"></i>Excel</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>
          <span style="margin-left: 1rem">合计车数：</span>
          <el-input
            v-model="totalCapacity"
            :disabled="true"
            style="width: 100px"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <span style="margin-left: 1rem">合计件数：</span>
          <el-input
            v-model="totalNumber"
            :disabled="true"
            style="width: 100px"
          ></el-input>
        </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="800px"
        @cell-click="cellClik"
        :row-style="{ height: '30px' }"
        :cell-style="{ fontWeight: '700' }"
      >
        <el-table-column type="selection" width="55"> </el-table-column>
        <el-table-column
          width="50"
          label="序号"
          align="center"
          fixed="left"
          :resizable="false"
        >
          <template slot-scope="scope">{{ scope.row.group + 1 }}</template>
        </el-table-column>
        <el-table-column
          prop="consigneeName"
          label="收货客户"
          :width="flexColumnWidth('consigneeName', tableData, 'max')"
          align="center"
          fixed
        >
          <template slot-scope="scope">
            <el-autocomplete
              class="inline-input"
              v-model="scope.row.consigneeName"
              :fetch-suggestions="querySearchConsignee"
              placeholder="请输入收货客户名称"
              :trigger-on-focus="false"
              @select="handleSelectConsignee"
              style="width: 300px"
              :disabled="true"
            >
<!-- 上方写死不允许修改，右边是原来的修改 :disabled="scope.row.isConsigneeDisable != 1" -->
              <template slot-scope="{ item }">
                <div class="name">{{ item.consigneeCompanyName }}</div>
              </template>
            </el-autocomplete>
            <!-- <el-button
              @click="updateConsignnee(scope.row)"
              type="primary"
              v-if="scope.row.isConsigneeDisable == 1"
              >提交</el-button> -->
          </template>
        </el-table-column>
        <el-table-column
          prop="carrierName"
          label="承运商"
          align="center"
          width="250px"
          fixed
        >
          <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="sendStationName"
          column-key="sendStationName"
          label="发站"
          align="center"
          width="100px"
          fixed
        >
          <!-- 选择发站 -->
          <template slot-scope="scope">
            <el-select
              filterable
              v-model="scope.row.sendStationId"
              @change="updateSendStation($event, scope.row)"
              disabled
            >
              <el-option
                v-for="item in sendStations"
                :value="item.sendStationId"
                :key="item.sendStationId"
                :label="item.sendStation"
              ></el-option>
            </el-select>
            <!-- <el-button
              @click="updateStation(scope.row)"
              type="primary"
              v-if="scope.row.isSendStationName == 1"
              >提交</el-button
            > -->
          </template>
        </el-table-column>
        <!-- <el-table-column
          prop="lineName"
          column-key="lineName"
          label="路线"
          align="center"
          width="250px"
          fixed
        > -->
        <!-- 选择路线 -->
        <!-- <template slot-scope="scope">
            <el-autocomplete
              style="width: 120px"
              v-model="scope.row.lineName"
              :fetch-suggestions="querySearchLineName"
              placeholder="请选择路线"
              @select="handleSelectLine(scope.row, scope.$index)"
              :disabled="scope.row.isLineName != 1"
            >
            </el-autocomplete>
            <el-button
              @click="updateLine(scope.row)"
              type="primary"
              v-if="scope.row.isLineName == 1"
              >提交</el-button
            >
          </template>
        </el-table-column> -->
        <el-table-column
          prop="capacityNo"
          column-key="capacityNo"
          label="车牌号"
          align="center"
          width="250px"
          fixed
        >
          <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"
            ></el-autocomplete>
            <el-button
              @click="updateCapacity(scope.row)"
              type="primary"
              v-if="scope.row.isCapacityShow == 1"
              >提交</el-button
            >
          </template>
        </el-table-column>

        <el-table-column
          prop="materialName"
          label="物资名称"
          align="center"
          width="150px"
        >
        </el-table-column>
        <el-table-column prop="materialSpe" label="物资规格" align="center">
        </el-table-column>
        <el-table-column
          prop="materialNum"
          label="物资件数"
          align="center"
          width="150px"
        >
          <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="addressPlace"
          label="收货地址"
          :width="flexColumnWidth('addressPlace', tableData, 'max')"
        >
          <template slot-scope="scope">
            <el-input
              style="width: 280px"
              v-model="scope.row.addressPlace"
              placeholder="请输入收货地址"
              :disabled="scope.row.isAddressShow != 1"
            ></el-input>
            <el-button
              @click="updateAddress(scope.row)"
              type="primary"
              v-if="scope.row.isAddressShow == 1"
              >选择</el-button
            >
          </template>
        </el-table-column> -->
        <el-table-column prop="orderStatus" label="运单状态" align="center">
        </el-table-column>
        <el-table-column prop="grossWeight" label="毛重"> </el-table-column>
        <el-table-column prop="grossWeightTime" label="毛重时间" width="130px">
        </el-table-column>
        <el-table-column prop="tareWeight" label="皮重"> </el-table-column>
        <el-table-column prop="tareWeightTime" label="皮重时间" width="130px">
        </el-table-column>
        <el-table-column prop="netWeight" label="净重"> </el-table-column>
        <el-table-column prop="entryGateTime" label="进厂时间" width="130px">
        </el-table-column>
        <el-table-column prop="loadTime" label="装货时间" width="130px">
        </el-table-column>
        <el-table-column prop="outGateTime" label="出厂时间" width="130px">
        </el-table-column>
        <el-table-column
          prop="arrivalAddress"
          label="抵达地址"
          :width="flexColumnWidth('arrivalAddress', tableData, 'max')"
        >
        </el-table-column>
        <el-table-column
          prop="receiptAddress"
          label="签收地址"
          :width="flexColumnWidth('receiptAddress', tableData, 'max')"
        >
        </el-table-column>
        <el-table-column
          prop="orderNo"
          label="运输订单号"
          width="180px"
          align="center"
        >
        </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="saler" label="业务员" align="center">
        </el-table-column>
        <el-table-column
          prop="shipperName"
          label="发货单位"
          width="170px"
          align="center"
        >
        </el-table-column>
        <el-table-column prop="truckNo" label="车序号"> </el-table-column>
        <el-table-column prop="consigneeTel" label="收货客户电话" width="120px">
        </el-table-column>
        <el-table-column prop="isSelfMention" label="是否自提" align="center">
        </el-table-column>
        <el-table-column
          prop="saleOrderNo"
          label="销售订单号"
          width="200px"
          align="center"
        >
        </el-table-column>
        <el-table-column
          prop="saleOrderStatus"
          label="销售订单状态"
          width="100px"
        >
        </el-table-column>
        <!-- <el-table-column
          label="操作"
          fixed="right"
          width="120px"
          align="center"
        >
          <template slot-scope="scope">
            <el-button
              type="text"
              size="small"
              @click="closeEasEntryId(scope.row)"
              v-if="scope.row.deletedStatus == null"
              >关闭分录</el-button
            >
          </template>
        </el-table-column>
        <el-table-column
          label="操作"
          fixed="right"
          width="120px"
          align="center"
        >
          <template slot-scope="scope">
            <el-button
              type="text"
              size="small"
              @click="deleteEasEntryId(scope.row)"
              v-if="
                scope.row.carStatus == 4 ||
                scope.row.carStatus == 5 ||
                scope.row.carStatus == null
              "
              >关闭车辆</el-button
            >
          </template>
        </el-table-column> -->
        <!-- <el-table-column
          label="操作"
          fixed="right"
          width="120px"
          align="center"
        >
          <template slot-scope="scope">
            <el-button
              type="text"
              size="small"
              @click="adverseCloseSaleMaterial(scope.row)"
              v-if="scope.row.deletedStatus != null"
              >反关闭分录</el-button
            >
          </template>
        </el-table-column> -->
      </el-table>
    </div>
    <div class="address">
      <!-- 收货地址弹出框 -->
      <el-dialog title="收货地址" :visible.sync="drawer" width="90%">
        <el-form :inline="true">
          <el-form-item>
            <label class="el-form-item__label" style="width: auto">省</label>
            <el-select
              v-model="province"
              filterable
              placeholder="请选择"
              @change="onchangeProvince"
            >
              <el-option
                v-for="item in provinceList"
                :key="item.id"
                :label="item.addressProvince"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <label class="el-form-item__label" style="width: auto">市</label>
            <el-select
              v-model="city"
              filterable
              placeholder="请选择"
              @change="onchangeCity"
            >
              <el-option
                v-for="item in cityList"
                :key="item.id"
                :label="item.addressDistrict"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <label class="el-form-item__label" style="width: auto"
              >县(区)</label
            >
            <el-select
              v-model="county"
              filterable
              placeholder="请选择"
              @change="onchangeCounty"
            >
              <el-option
                v-for="item in countyList"
                :key="item.id"
                :label="item.addressTown"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <label class="el-form-item__label" style="width: auto"
              >具体收货地址</label
            >
            <el-autocomplete
              class="inline-input"
              v-model="place"
              :fetch-suggestions="querySearch1"
              placeholder="请输入具体收货地址"
              :trigger-on-focus="false"
              @select="handleSelect1"
            >
            </el-autocomplete>
          </el-form-item>
        </el-form>
        <div slot="footer" class="button-box">
          <el-button @click="drawer = false">取消</el-button>
          <el-button type="primary" @click="addAddressClick">确定</el-button>
        </div>
      </el-dialog>
    </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">提交</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: "承运商",
        },
        {
          value: "车牌号",
          lable: "车牌号",
        },
        {
          value: "路线",
          lable: "路线",
        },
      ],
      startTime: null,
      endTime: null,
      //合计净重
      totalNumber: 0,
      //合计车数
      totalCapacity: 0,
      tableTitle: "销售统计报表",
      capacityList: [],
      carrierList: [],
      // 线路
      LineList: [],
      tableData: [],
      spanArr: [],
      pos: 0,
      a: 1,
      isCellClick: 0,
      columnIndexs: [
        1, 2, 3, 4,  14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27,
        29, 31,
      ],
      //钢材多拼车辆线路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: [],
      tableTitle: "销售钢材统计报表",
      //所有省
      provinceList: [],
      //选中的省
      province: "",
      //所有市
      cityList: [],
      //选中的市
      city: "",
      //所有的县(区)
      countyList: [],
      //选中的县
      county: "",
      //地址输入框的值
      addresText: "",
      //已选中省市县
      address: null,
      //具体地址
      place: null,
      //暂存具体地址
      place1: null,
      //省市县Id
      addressId: null,
      direction: "rtl",
      addressRow: {},
      consigneeDisable: false,
    };
  },
  created() {},
  mounted() {
    this.getSteelReport();
    this.getSendStations();
  },
  methods: {
    updateConsignnee(row) {
      if(!this.consigneeId){
          this.$message({
            message:"请先选择承运商",
            type:"warning"
          });
          return;
      }
      let map={
        consigneeId:this.consigneeId,
        saleOrderId:row.saleOrderId,
      }
      console.log("consigneeId",map);
      this.axios
      .post(
        "/api/v1/ams/updateInwardConsignee",map
      )
      .then((res) => {
        if (res.data.code == "200") {
          this.$message.success("修改成功");
          this.getSteelReport();
        } else {
          this.$message.error("修改失败");
          this.getSteelReport();
        }
      })
    },
    //反关闭整条分录
    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();
    },
    changeScreen() {
      console.log(this.screen);
    },
    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, "isAddressShow", 0);
            this.$set(item, "isNumShow", 0);
            this.$set(item, "isLineName", 0);
            this.$set(item, "isSendStationName", 0);
            this.$set(item, "isConsigneeDisable", 0);
          }
        });
      }
      if (column.property == "capacityNo") {
        this.$set(row, "isCapacityShow", 1);
        this.clickIndex = row.group;
      }
      if (column.property == "lineName") {
        this.$set(row, "isLineName", 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 == "consigneeName") {
        this.$set(row, "isConsigneeDisable", 1);
        this.clickIndex = row.group;
      }
      if (column.property == "capacityTel") {
        this.$set(row, "isTelShow", 1);
        this.clickIndex = row.group;
      }
      if (column.property == "addressPlace") {
        this.$set(row, "isAddressShow", 1);
        this.clickIndex = row.group;
      }
      if (column.property == "materialNum") {
        this.$set(row, "isNumShow", 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);
            }
          });
      }
    },

    querySearchLineName(queryString, cb) {
      if (queryString.length > 1) {
        this.axios
          .post(
            "/api/v1/rms/getAllLineDesk?apiId=249&lineType=3&con=" + queryString
          )
          .then((res) => {
            console.log(res.data.data.list.length);
            console.log(res.data.data);
            if (res.data.code == "200") {
              this.LineList = [];
              if (res.data.data.list.length == 0) {
                this.$message.info("线路不存在,请前往注册");
                return;
              }
              var restaurants = res.data.data.list;
              this.LineList = res.data.data.list;
              console.log(this.LineList);
              var results = queryString
                ? restaurants.filter(this.createFilterLine(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;
        }
      });
    },
    // 过滤器
    createFilterLine(queryString) {
      return (restaurants) => {
        return (
          restaurants.value.toLowerCase().indexOf(queryString.toLowerCase()) >
          -1
        );
      };
    },

    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(row, index) {
      this.capacityList.forEach((item) => {
        if (item.capacityNumber === row.capacityNo) {
          this.selection.forEach((selected) => {
            selected.newsCapacityId = item.capacityId;
            selected.capacityNo = row.capacityNo;
          });
          this.newsCapacityId = item.capacityId;
          this.capacityNo = row.capacityNo;
          console.log("newCapacityId：", this.newsCapacityId);
        }
      });
    },

    // 线路弹出层
    handleSelectLine(row, index) {
      this.capacityList.forEach((item) => {
        if (item.lineName === row.lineName) {
          row.newLineId = item.lineId;
        }
      });
    },

    // 更新线路
    updateLine(row) {
      row.lineId = this.lineId;
      console.log("this.lineId" + this.lineId);
    },

    updateSendStation(selection, row) {
      let sendStation = this.sendStations.find(
        (item) => item.sendStationId == row.sendStationId
      );
      row.sendStation = sendStation.sendStation;
      console.log("sendStation", sendStation);
      //绑定线路id
      // let i = 0;
      // this.tableData.forEach((e) => {
      //   if (row.group == e.group) {
      //     i++;//得到拼数
      //   }
      // });
      // if(row.sendStation=="达州站"){
      //   row.lineId=this.lineDazhou[i];
      // }else if(row.sendStation=="专用线"){
      //   row.lineId=this.lineZhuanxian[i];
      // }else{
      //   console.log("没有该发站的线路");
      // }
      console.log("row:", row);
    },

    updateCapacity(row) {
      row.isIwardSteel = 4;
      row.saleOrderMaterialId = row.saleOrderId;
      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;
        }
        row.driverTel = row.capacityTel;
        row.capacityNumber = row.capacityNo;
        let arr = [];
        arr.push(row);
        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() {
      this.selection.forEach((item) => {
        item.isIwardSteel = 4;
        item.saleOrderMaterialId = item.saleOrderId;
        item.capacityId = this.capacityId;
        item.capacityNumber = this.capacityNo;
      });
      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("没有该发站的线路");
      }
      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();
          } else {
            this.$message.error("派车失败,请联系管理员");
            this.getSteelReport();
            loading.close();
          }
        })
        .catch(() => {
          this.$message.error("派车失败,请联系管理员");
          this.getSteelReport();
          loading.close();
        });
    },

    //修改司机电话号码
    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("电话号码不能为空");
        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();
          });
      }
    },
    updateAddress(row) {
      this.drawer = true;
      this.addressRow = row;
      this.province = row.addressProvince;
      this.city = row.addressDistrict;
      this.county = row.addressTown;
      this.addressId = row.shipperAddressId;
      this.getAllProvince();
      this.onchangeProvince();
      this.onchangeCity();
    },
    //获取所有省数据
    getAllProvince() {
      this.axios.post("/api/v1/uc/getAllProvince").then((res) => {
        this.provinceList = res.data.data;
      });
    },
    //省改变
    onchangeProvince() {
      this.axios
        .post(
          "/api/v1/uc/getDistrictByProvince?addressProvince=" +
            this.province +
            "&i=" +
            new Date()
        )
        .then((res) => {
          this.cityList = res.data.data;
          // this.city = "";
          // this.county = "";
        });
    },
    //市改变
    onchangeCity() {
      this.axios
        .post(
          "/api/v1/uc/getTownByDistrict?addressDistrict=" +
            this.city +
            "&i=" +
            new Date()
        )
        .then((res) => {
          this.countyList = res.data.data;
        });
    },
    //县(区)改变
    onchangeCounty() {
      let mapValue = {
        addressProvince: this.province,
        addressDistrict: this.city,
        addressTown: this.county,
      };
      this.axios
        .post("/api/v1/uc/getPlaceByAllAddress", mapValue)
        .then((res) => {
          this.addressId = res.data.data[0].addressId;
        });
    },
    //收货地址弹出层
    handleSelect1(item) {
      console.log("获取所有下拉值!");
    },
    //以下是收货地址边输边查搜索
    querySearch1(queryString, cb) {
      this.axios
        .post(
          "/api/v1/ams/getRealAddressByLike?addressId=" +
            this.addressId +
            "&index=" +
            queryString
        )
        .then((res) => {
          if (res.data.code == "200") {
            var restaurants = res.data.data;
            var results = queryString
              ? restaurants.filter(this.createFilter1(queryString))
              : restaurants;
            // 调用 callback 返回建议列表的数据
            cb(results);
          }
        });
    },
    createFilter1(queryString) {
      return (restaurants) => {
        return (
          restaurants.value.toLowerCase().indexOf(queryString.toLowerCase()) >
          -1
        );
      };
    },
    //修改收货地址
    addAddressClick() {
      const loading = this.$loading({
        lock: true,
        text: "正在修改收货地址",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)",
      });
      let map = this.addressRow;
      map.isCloseEas = Number(1);
      map.isNewCar = Number(1);
      map.place = this.place;
      map.shipperAddressId = this.addressId;
      this.axios
        .post("/api/v1/ams/updateCarAddress", map)
        .then((res) => {
          if (res.data.code == "200") {
            this.$message.success("修改收货地址成功!");
            this.getSteelReport();
            this.drawer = false;
            loading.close();
          } else {
            this.$message.error("修改失败,请联系管理员!");
            this.getSteelReport();
            this.drawer = false;
            loading.close();
          }
        })
        .catch(() => {
          this.$message.error("修改失败,请联系管理员!");
          this.getSteelReport();
          this.drawer = false;
          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].saleOrderId === data[i - 1].saleOrderId) {
            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.columnIndexs.indexOf(columnIndex) != -1) {
        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 carrierSsoId = null;
      let carrierName = null;
      let consigneeName = null;
      let capacityNo = null;
      let remark = null;
      let saler = null;
      if (this.startTime && this.endTime) {
        startTime = sjTime(this.startTime);
        endTime = sjTime(this.endTime);
      }
      if (getCookie("orgCode") == "chengyunshang") {
        carrierSsoId = getCookie("userId");
      }
      if (getCookie("orgCode") == "xiaoshouyewuyuan") {
        saler = getCookie("loginName");
      }
      if (this.screen == "下单客户") {
        consigneeName = this.input;
      } else if (this.screen == "承运商") {
        carrierName = this.input;
      } else if (this.screen == "车牌号") {
        capacityNo = this.input;
      } else {
        remark = this.input;
      }
      this.axios
        .post(
          "/api/v1/tms/getInwardSaleSteelOrder?startTime=" +
            startTime +
            "&endTime=" +
            endTime +
            "&carrierSsoId=" +
            carrierSsoId +
            "&i=" +
            new Date() +
            "&remark=" +
            remark +
            "&consigneeName=" +
            consigneeName +
            "&carrierName=" +
            carrierName +
            "&capacityNo=" +
            capacityNo +
            "&saler=" +
            saler
        )
        .then((res) => {
          this.tableData = res.data.data;
          this.getSpanArr(res.data.data);
        });
    },
    //重新获取表格数据
    refresh() {
      this.getSteelReport();
    },
    //获取钢材订单报表
    getSteelReport() {
      let carrierSsoId = null;
      let saler = null;
      if (getCookie("orgCode") == "chengyunshang") {
        carrierSsoId = getCookie("userId");
      }
      if (getCookie("orgCode") == "xiaoshouyewuyuan") {
        saler = getCookie("loginName");
      }
      this.axios
        .post(
          "/api/v1/tms/getInwardSaleSteelOrder?startTime=" +
            null +
            "&endTime=" +
            null +
            "&carrierSsoId=" +
            carrierSsoId +
            "&saler=" +
            saler +
            "&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
          )
        ) {
          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",
        });
      }
    },
    handleSelectConsignee(item) {
      this.consigneeName = item.consigneeCompanyName;
      this.consigneeId = item.consigneeId;
      // this.isReceiveHaveArea(this.consigneeId);
      // //带出摘要
      // this.axios
      //   .post("/api/v1/uc/getSaleArea?receiveId=" + this.consigneeId)
      //   .then(res => {
      //     this.remarks = res.data.data;
      //   });
      // this.axios
      //   .post(
      //     "/api/v1/ams/matchingAddressRecently?receiveId=" + this.consigneeId
      //   )
      //   .then(res => {
      //     const place = res.data.data;
      //     console.log(place);
      //     this.saleShipperAddressName =
      //       place[0].addressProvince +
      //       place[0].addressDistrict +
      //       place[0].addressTown +
      //       place[0].place;
      //     this.saleShipperAddressId = place[0].shipperAddressId;
      //     this.addressId = place[0].shipperAddressId;
      //     this.place1 = place[0].place;
      //     this.saleMan = place[0].salerId;
      //     this.saleOrderConsigneeTel = place[0].saleOrderConsigneeTel;
      //     this.province = place[0].addressProvince;
      //     this.city = place[0].addressDistrict;
      //     this.county = place[0].addressTown;
      //   });
    },
    //以下是下单客户边输边查搜索
    querySearchConsignee(queryString, cb) {
      this.axios
        .post("/api/v1/uc/getConsigneeByLike?index=" + queryString)
        .then((res) => {
          if (res.data.code == "200") {
            var restaurantsConsignee = res.data.data;
            var results = queryString
              ? restaurantsConsignee.filter(this.createFilter1(queryString))
              : restaurantsConsignee;
            // 调用 callback 返回建议列表的数据
            cb(results);
          }
        });
    },
  },
};
</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>